@mindees/atlas 0.25.0 → 0.27.0

package/dist/index.d.ts

@@ -12,13 +12,14 @@ import { animateTo, motion } from "./motion.js";
 import { FocusScope, FocusScopeProps, Modal, ModalProps, Toast, ToastProps } from "./overlay.js";
 import { Button, ButtonProps, Column, Image, ImageProps, InteractionState, Pressable, PressableProps, Row, ScrollView, ScrollViewProps, Spacer, SpacerProps, Stack, StackProps, Text, TextInput, TextInputProps, TextProps, View, ViewProps, usePressable } from "./primitives.js";
 import { Show, ShowProps } from "./show.js";
+import { WebEnvWindow, connectWebEnvironment } from "./web-environment.js";
 import { Maturity, NotImplementedError, PackageInfo, notImplemented } from "@mindees/core";
 
 //#region src/index.d.ts
 /** The npm package name. */
 declare const name = "@mindees/atlas";
 /** The package version. All `@mindees/*` packages share one locked version line. */
-declare const VERSION = "0.25.0";
+declare const VERSION = "0.27.0";
 /** Current maturity of this package. See the repository `STATUS.md`. */
 declare const maturity: Maturity;
 /**
@@ -28,5 +29,5 @@ declare const maturity: Maturity;
  */
 declare const info: PackageInfo;
 //#endregion
-export { type A11yProps, type A11yState, Accordion, type AccordionProps, type AccordionSection, ActivityIndicator, type ActivityIndicatorProps, type AsyncState, type AttachableGesture, Avatar, type AvatarProps, Badge, type BadgeProps, type BaseProps, Button, type ButtonProps, Card, type CardProps, Checkbox, type CheckboxProps, Chip, type ChipProps, type ColorScheme, Column, type Counter, Divider, type DividerProps, ErrorBoundary, type ErrorBoundaryProps, type Field, FocusScope, type FocusScopeProps, type FormApi, GestureView, type GestureViewProps, Image, type ImageProps, type InteractionState, KeyboardAvoidingView, type KeyboardAvoidingViewProps, type KeyboardState, type Maturity, Modal, type ModalProps, NotImplementedError, type PackageInfo, type PersistentSignalOptions, type PlatformEnvironment, Pressable, type PressableProps, ProgressBar, type ProgressBarProps, RadioGroup, type RadioGroupProps, type RadioOption, type Reactive, type Role, Row, type SafeAreaInsets, SafeAreaView, type SafeAreaViewProps, ScrollView, type ScrollViewProps, type Segment, SegmentedControl, type SegmentedControlProps, Show, type ShowProps, type SignalStorage, Skeleton, type SkeletonProps, Spacer, type SpacerProps, Stack, type StackProps, Stepper, type StepperProps, type StyleInput, type StyleObject, type StyleValue, Switch, type SwitchProps, type TabItem, Tabs, type TabsProps, Text, TextInput, type TextInputProps, type TextProps, type Theme, type ThemeColors, Toast, type ToastProps, type Toggle, type UseFormOptions, VERSION, View, type ViewProps, type WindowDimensions, animateTo, duration, easing, flattenStyle, fontSize, fontWeight, getEnvironment, getTheme, info, lineHeight, maturity, motion, name, notImplemented, palette, radius, resolveStyle, setEnvironment, space, toA11yProps, toHostProps, tokens, useAsync, useColorScheme, useCounter, useDebounce, useForm, useInterval, useKeyboard, usePersistentSignal, usePressable, usePrevious, useReducedMotion, useReducer, useSafeAreaInsets, useTheme, useTimeout, useToggle, useWindowDimensions };
+export { type A11yProps, type A11yState, Accordion, type AccordionProps, type AccordionSection, ActivityIndicator, type ActivityIndicatorProps, type AsyncState, type AttachableGesture, Avatar, type AvatarProps, Badge, type BadgeProps, type BaseProps, Button, type ButtonProps, Card, type CardProps, Checkbox, type CheckboxProps, Chip, type ChipProps, type ColorScheme, Column, type Counter, Divider, type DividerProps, ErrorBoundary, type ErrorBoundaryProps, type Field, FocusScope, type FocusScopeProps, type FormApi, GestureView, type GestureViewProps, Image, type ImageProps, type InteractionState, KeyboardAvoidingView, type KeyboardAvoidingViewProps, type KeyboardState, type Maturity, Modal, type ModalProps, NotImplementedError, type PackageInfo, type PersistentSignalOptions, type PlatformEnvironment, Pressable, type PressableProps, ProgressBar, type ProgressBarProps, RadioGroup, type RadioGroupProps, type RadioOption, type Reactive, type Role, Row, type SafeAreaInsets, SafeAreaView, type SafeAreaViewProps, ScrollView, type ScrollViewProps, type Segment, SegmentedControl, type SegmentedControlProps, Show, type ShowProps, type SignalStorage, Skeleton, type SkeletonProps, Spacer, type SpacerProps, Stack, type StackProps, Stepper, type StepperProps, type StyleInput, type StyleObject, type StyleValue, Switch, type SwitchProps, type TabItem, Tabs, type TabsProps, Text, TextInput, type TextInputProps, type TextProps, type Theme, type ThemeColors, Toast, type ToastProps, type Toggle, type UseFormOptions, VERSION, View, type ViewProps, type WebEnvWindow, type WindowDimensions, animateTo, connectWebEnvironment, duration, easing, flattenStyle, fontSize, fontWeight, getEnvironment, getTheme, info, lineHeight, maturity, motion, name, notImplemented, palette, radius, resolveStyle, setEnvironment, space, toA11yProps, toHostProps, tokens, useAsync, useColorScheme, useCounter, useDebounce, useForm, useInterval, useKeyboard, usePersistentSignal, usePressable, usePrevious, useReducedMotion, useReducer, useSafeAreaInsets, useTheme, useTimeout, useToggle, useWindowDimensions };
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","names":[],"sources":["../src/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;cAea,IAAA;;cAGA,OAAA;;cAGA,QAAA,EAAU,QAAyB;;;;AAN/B;AAGjB;cAUa,IAAA,EAAM,WAAiE"}
+{"version":3,"file":"index.d.ts","names":[],"sources":["../src/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;cAea,IAAA;;cAGA,OAAA;;cAGA,QAAA,EAAU,QAAyB;AANhD;;;;AAAiB;AAAjB,cAaa,IAAA,EAAM,WAAiE"}

package/dist/index.js

@@ -12,12 +12,13 @@ import { useAsync, useCounter, useDebounce, useInterval, usePersistentSignal, us
 import { animateTo, motion } from "./motion.js";
 import { FocusScope, Modal, Toast } from "./overlay.js";
 import { Show } from "./show.js";
+import { connectWebEnvironment } from "./web-environment.js";
 import { NotImplementedError, notImplemented } from "@mindees/core";
 //#region src/index.ts
 /** The npm package name. */
 const name = "@mindees/atlas";
 /** The package version. All `@mindees/*` packages share one locked version line. */
-const VERSION = "0.25.0";
+const VERSION = "0.27.0";
 /** Current maturity of this package. See the repository `STATUS.md`. */
 const maturity = "experimental";
 /**
@@ -31,6 +32,6 @@ const info = Object.freeze({
 	maturity
 });
 //#endregion
-export { Accordion, ActivityIndicator, Avatar, Badge, Button, Card, Checkbox, Chip, Column, Divider, ErrorBoundary, FocusScope, GestureView, Image, KeyboardAvoidingView, Modal, NotImplementedError, Pressable, ProgressBar, RadioGroup, Row, SafeAreaView, ScrollView, SegmentedControl, Show, Skeleton, Spacer, Stack, Stepper, Switch, Tabs, Text, TextInput, Toast, VERSION, View, animateTo, duration, easing, flattenStyle, fontSize, fontWeight, getEnvironment, getTheme, info, lineHeight, maturity, motion, name, notImplemented, palette, radius, resolveStyle, setEnvironment, space, toA11yProps, toHostProps, tokens, useAsync, useColorScheme, useCounter, useDebounce, useForm, useInterval, useKeyboard, usePersistentSignal, usePressable, usePrevious, useReducedMotion, useReducer, useSafeAreaInsets, useTheme, useTimeout, useToggle, useWindowDimensions };
+export { Accordion, ActivityIndicator, Avatar, Badge, Button, Card, Checkbox, Chip, Column, Divider, ErrorBoundary, FocusScope, GestureView, Image, KeyboardAvoidingView, Modal, NotImplementedError, Pressable, ProgressBar, RadioGroup, Row, SafeAreaView, ScrollView, SegmentedControl, Show, Skeleton, Spacer, Stack, Stepper, Switch, Tabs, Text, TextInput, Toast, VERSION, View, animateTo, connectWebEnvironment, duration, easing, flattenStyle, fontSize, fontWeight, getEnvironment, getTheme, info, lineHeight, maturity, motion, name, notImplemented, palette, radius, resolveStyle, setEnvironment, space, toA11yProps, toHostProps, tokens, useAsync, useColorScheme, useCounter, useDebounce, useForm, useInterval, useKeyboard, usePersistentSignal, usePressable, usePrevious, useReducedMotion, useReducer, useSafeAreaInsets, useTheme, useTimeout, useToggle, useWindowDimensions };
 
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../src/index.ts"],"sourcesContent":["/**\n * `@mindees/atlas` (Atlas) — accessible, signals-native UI primitives. Function components\n * over `@mindees/core`'s `createElement` that return renderer-agnostic `MindeesNode` trees:\n * web rendering is real via the Helix DOM backend; native is a labeled 🔬 research track (the\n * same serializable tree, interpreted by a native host later). A curated cross-platform\n * `StyleObject`, typed accessibility, and design-token theming (`useTheme`/`tokens`, on the main entry).\n * The virtualized recycling `List` is on the `@mindees/atlas/list` subpath.\n *\n * @module\n */\n\nimport type { Maturity, PackageInfo } from '@mindees/core'\nimport { NotImplementedError, notImplemented } from '@mindees/core'\n\n/** The npm package name. */\nexport const name = '@mindees/atlas'\n\n/** The package version. All `@mindees/*` packages share one locked version line. */\nexport const VERSION = '0.25.0'\n\n/** Current maturity of this package. See the repository `STATUS.md`. */\nexport const maturity: Maturity = 'experimental'\n\n/**\n * Static identity + maturity metadata for this package. Frozen so the\n * self-reported identity tooling introspects cannot be mutated at runtime,\n * matching the `readonly` fields of {@link PackageInfo}.\n */\nexport const info: PackageInfo = Object.freeze({ name, version: VERSION, maturity })\n\nexport { type A11yProps, type A11yState, type Role, toA11yProps } from './a11y'\nexport {\n  Accordion,\n  type AccordionProps,\n  type AccordionSection,\n  ActivityIndicator,\n  type ActivityIndicatorProps,\n  Avatar,\n  type AvatarProps,\n  Badge,\n  type BadgeProps,\n  Card,\n  type CardProps,\n  Checkbox,\n  type CheckboxProps,\n  Chip,\n  type ChipProps,\n  Divider,\n  type DividerProps,\n  KeyboardAvoidingView,\n  type KeyboardAvoidingViewProps,\n  ProgressBar,\n  type ProgressBarProps,\n  RadioGroup,\n  type RadioGroupProps,\n  type RadioOption,\n  SafeAreaView,\n  type SafeAreaViewProps,\n  type Segment,\n  SegmentedControl,\n  type SegmentedControlProps,\n  Skeleton,\n  type SkeletonProps,\n  Stepper,\n  type StepperProps,\n  Switch,\n  type SwitchProps,\n  type TabItem,\n  Tabs,\n  type TabsProps,\n} from './components'\nexport {\n  type ColorScheme,\n  getEnvironment,\n  type KeyboardState,\n  type PlatformEnvironment,\n  type SafeAreaInsets,\n  setEnvironment,\n  useColorScheme,\n  useKeyboard,\n  useReducedMotion,\n  useSafeAreaInsets,\n  useWindowDimensions,\n  type WindowDimensions,\n} from './environment'\nexport { ErrorBoundary, type ErrorBoundaryProps } from './error-boundary'\nexport { type Field, type FormApi, type UseFormOptions, useForm } from './form'\nexport { type AttachableGesture, GestureView, type GestureViewProps } from './gesture'\nexport {\n  type AsyncState,\n  type Counter,\n  type PersistentSignalOptions,\n  type SignalStorage,\n  type Toggle,\n  useAsync,\n  useCounter,\n  useDebounce,\n  useInterval,\n  usePersistentSignal,\n  usePrevious,\n  useReducer,\n  useTimeout,\n  useToggle,\n} from './hooks'\nexport { type BaseProps, type Reactive, resolveStyle, toHostProps } from './host'\nexport { animateTo, motion } from './motion'\nexport {\n  FocusScope,\n  type FocusScopeProps,\n  Modal,\n  type ModalProps,\n  Toast,\n  type ToastProps,\n} from './overlay'\nexport {\n  Button,\n  type ButtonProps,\n  Column,\n  Image,\n  type ImageProps,\n  type InteractionState,\n  Pressable,\n  type PressableProps,\n  Row,\n  ScrollView,\n  type ScrollViewProps,\n  Spacer,\n  type SpacerProps,\n  Stack,\n  type StackProps,\n  Text,\n  TextInput,\n  type TextInputProps,\n  type TextProps,\n  usePressable,\n  View,\n  type ViewProps,\n} from './primitives'\nexport { Show, type ShowProps } from './show'\nexport { flattenStyle, type StyleInput, type StyleObject, type StyleValue } from './style'\nexport {\n  duration,\n  easing,\n  fontSize,\n  fontWeight,\n  getTheme,\n  lineHeight,\n  palette,\n  radius,\n  space,\n  type Theme,\n  type ThemeColors,\n  tokens,\n  useTheme,\n} from './tokens'\nexport type { Maturity, PackageInfo }\nexport { NotImplementedError, notImplemented }\n"],"mappings":";;;;;;;;;;;;;;;;;AAeA,MAAa,OAAO;;AAGpB,MAAa,UAAU;;AAGvB,MAAa,WAAqB;;;;;;AAOlC,MAAa,OAAoB,OAAO,OAAO;CAAE;CAAM,SAAS;CAAS;AAAS,CAAC"}
+{"version":3,"file":"index.js","names":[],"sources":["../src/index.ts"],"sourcesContent":["/**\n * `@mindees/atlas` (Atlas) — accessible, signals-native UI primitives. Function components\n * over `@mindees/core`'s `createElement` that return renderer-agnostic `MindeesNode` trees:\n * web rendering is real via the Helix DOM backend; native is a labeled 🔬 research track (the\n * same serializable tree, interpreted by a native host later). A curated cross-platform\n * `StyleObject`, typed accessibility, and design-token theming (`useTheme`/`tokens`, on the main entry).\n * The virtualized recycling `List` is on the `@mindees/atlas/list` subpath.\n *\n * @module\n */\n\nimport type { Maturity, PackageInfo } from '@mindees/core'\nimport { NotImplementedError, notImplemented } from '@mindees/core'\n\n/** The npm package name. */\nexport const name = '@mindees/atlas'\n\n/** The package version. All `@mindees/*` packages share one locked version line. */\nexport const VERSION = '0.27.0'\n\n/** Current maturity of this package. See the repository `STATUS.md`. */\nexport const maturity: Maturity = 'experimental'\n\n/**\n * Static identity + maturity metadata for this package. Frozen so the\n * self-reported identity tooling introspects cannot be mutated at runtime,\n * matching the `readonly` fields of {@link PackageInfo}.\n */\nexport const info: PackageInfo = Object.freeze({ name, version: VERSION, maturity })\n\nexport { type A11yProps, type A11yState, type Role, toA11yProps } from './a11y'\nexport {\n  Accordion,\n  type AccordionProps,\n  type AccordionSection,\n  ActivityIndicator,\n  type ActivityIndicatorProps,\n  Avatar,\n  type AvatarProps,\n  Badge,\n  type BadgeProps,\n  Card,\n  type CardProps,\n  Checkbox,\n  type CheckboxProps,\n  Chip,\n  type ChipProps,\n  Divider,\n  type DividerProps,\n  KeyboardAvoidingView,\n  type KeyboardAvoidingViewProps,\n  ProgressBar,\n  type ProgressBarProps,\n  RadioGroup,\n  type RadioGroupProps,\n  type RadioOption,\n  SafeAreaView,\n  type SafeAreaViewProps,\n  type Segment,\n  SegmentedControl,\n  type SegmentedControlProps,\n  Skeleton,\n  type SkeletonProps,\n  Stepper,\n  type StepperProps,\n  Switch,\n  type SwitchProps,\n  type TabItem,\n  Tabs,\n  type TabsProps,\n} from './components'\nexport {\n  type ColorScheme,\n  getEnvironment,\n  type KeyboardState,\n  type PlatformEnvironment,\n  type SafeAreaInsets,\n  setEnvironment,\n  useColorScheme,\n  useKeyboard,\n  useReducedMotion,\n  useSafeAreaInsets,\n  useWindowDimensions,\n  type WindowDimensions,\n} from './environment'\nexport { ErrorBoundary, type ErrorBoundaryProps } from './error-boundary'\nexport { type Field, type FormApi, type UseFormOptions, useForm } from './form'\nexport { type AttachableGesture, GestureView, type GestureViewProps } from './gesture'\nexport {\n  type AsyncState,\n  type Counter,\n  type PersistentSignalOptions,\n  type SignalStorage,\n  type Toggle,\n  useAsync,\n  useCounter,\n  useDebounce,\n  useInterval,\n  usePersistentSignal,\n  usePrevious,\n  useReducer,\n  useTimeout,\n  useToggle,\n} from './hooks'\nexport { type BaseProps, type Reactive, resolveStyle, toHostProps } from './host'\nexport { animateTo, motion } from './motion'\nexport {\n  FocusScope,\n  type FocusScopeProps,\n  Modal,\n  type ModalProps,\n  Toast,\n  type ToastProps,\n} from './overlay'\nexport {\n  Button,\n  type ButtonProps,\n  Column,\n  Image,\n  type ImageProps,\n  type InteractionState,\n  Pressable,\n  type PressableProps,\n  Row,\n  ScrollView,\n  type ScrollViewProps,\n  Spacer,\n  type SpacerProps,\n  Stack,\n  type StackProps,\n  Text,\n  TextInput,\n  type TextInputProps,\n  type TextProps,\n  usePressable,\n  View,\n  type ViewProps,\n} from './primitives'\nexport { Show, type ShowProps } from './show'\nexport { flattenStyle, type StyleInput, type StyleObject, type StyleValue } from './style'\nexport {\n  duration,\n  easing,\n  fontSize,\n  fontWeight,\n  getTheme,\n  lineHeight,\n  palette,\n  radius,\n  space,\n  type Theme,\n  type ThemeColors,\n  tokens,\n  useTheme,\n} from './tokens'\nexport { connectWebEnvironment, type WebEnvWindow } from './web-environment'\nexport type { Maturity, PackageInfo }\nexport { NotImplementedError, notImplemented }\n"],"mappings":";;;;;;;;;;;;;;;;;;AAeA,MAAa,OAAO;;AAGpB,MAAa,UAAU;;AAGvB,MAAa,WAAqB;;;;;;AAOlC,MAAa,OAAoB,OAAO,OAAO;CAAE;CAAM,SAAS;CAAS;AAAS,CAAC"}

package/dist/primitives.d.ts

@@ -18,18 +18,57 @@ interface ImageProps extends BaseProps {
   readonly src: string;
   /** Mark purely-decorative images so screen readers skip them (alt="" + aria-hidden). */
   readonly decorative?: boolean;
+  /** How the image fills its box (→ CSS `object-fit`). */
+  readonly resizeMode?: 'cover' | 'contain' | 'fill' | 'none' | 'scale-down';
+  /** Native lazy-loading (→ `loading`). */
+  readonly loading?: 'lazy' | 'eager';
+  /** Decode hint (→ `decoding`). */
+  readonly decoding?: 'async' | 'sync' | 'auto';
+  /** Fetch-priority hint (→ `fetchpriority`). */
+  readonly fetchPriority?: 'high' | 'low' | 'auto';
+  /** Intrinsic width/height (px) — reserve layout space to avoid reflow on load. */
+  readonly width?: number;
+  readonly height?: number;
+  /** Swapped in if `src` fails to load (sets the element's `src` on the `error` event). */
+  readonly fallbackSrc?: string;
+  /** Fires when the image finishes loading. */
+  readonly onLoad?: () => void;
+  /** Fires when the image fails to load (after any `fallbackSrc` swap). */
+  readonly onError?: () => void;
 }
 declare const Image: Component<ImageProps>;
-/** A text field (→ `textinput`/`input`). `value` may be reactive (controlled). */
+/** A text field (→ `textinput`/`input`, or `textarea` when `multiline`). `value` may be reactive. */
 interface TextInputProps extends BaseProps {
   readonly value?: Reactive<string>;
   readonly placeholder?: string;
   readonly type?: 'text' | 'password' | 'email' | 'number' | 'search' | 'tel' | 'url';
   readonly disabled?: boolean;
+  /** Render a multi-line field (→ `textarea`). */
+  readonly multiline?: boolean;
+  /** Visible rows when `multiline` (→ textarea `rows`). */
+  readonly rows?: number;
+  /** Mask the input (→ `type="password"`); overrides `type`. */
+  readonly secureTextEntry?: boolean;
+  /** On-screen keyboard hint (→ `inputmode`). */
+  readonly keyboardType?: 'default' | 'numeric' | 'decimal' | 'email' | 'tel' | 'url' | 'search';
+  /** Enter-key label hint (→ `enterkeyhint`). */
+  readonly returnKeyType?: 'enter' | 'done' | 'go' | 'next' | 'search' | 'send';
+  /** Auto-capitalization (→ `autocapitalize`). */
+  readonly autoCapitalize?: 'none' | 'sentences' | 'words' | 'characters';
+  /** Autofill hint (→ `autocomplete`, e.g. `"email"`, `"current-password"`). */
+  readonly autoComplete?: string;
+  /** Maximum length (→ `maxlength`). */
+  readonly maxLength?: number;
+  /** Focus on mount (→ `autofocus`). */
+  readonly autoFocus?: boolean;
   /** Fires on every keystroke with the current value (`input` event). */
   readonly onInput?: (value: string) => void;
   /** Fires on commit/blur with the current value (`change` event). */
   readonly onChange?: (value: string) => void;
+  readonly onFocus?: () => void;
+  readonly onBlur?: () => void;
+  /** Fires when the user presses Enter (single-line submit). */
+  readonly onSubmitEditing?: (value: string) => void;
 }
 declare const TextInput: Component<TextInputProps>;
 /** Interaction state exposed to a Pressable style function. */

package/dist/primitives.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"primitives.d.ts","names":[],"sources":["../src/primitives.ts"],"mappings":";;;;;;UA+CiB,SAAA,SAAkB,SAAS;EAAA,SACjC,QAAA,GAAW,WAAA;AAAA;AAAA,cAET,IAAA,EAAM,SAAS,CAAC,SAAA;;UAIZ,SAAA,SAAkB,SAAS;EAAA,SACjC,QAAA,GAAW,WAAA;AAAA;AAAA,cAET,IAAA,EAAM,SAAS,CAAC,SAAA;;UAIZ,UAAA,SAAmB,SAAS;EAAA,SAClC,GAAA;EAPW;EAAA,SASX,UAAA;AAAA;AAAA,cAEE,KAAA,EAAO,SAAS,CAAC,UAAA;;UAoBb,cAAA,SAAuB,SAAS;EAAA,SACtC,KAAA,GAAQ,QAAA;EAAA,SACR,WAAA;EAAA,SACA,IAAA;EAAA,SACA,QAAA;;WAEA,OAAA,IAAW,KAAA;EA/Bc;EAAA,SAiCzB,QAAA,IAAY,KAAA;AAAA;AAAA,cAEV,SAAA,EAAW,SAAS,CAAC,cAAA;AAhCb;AAAA,UA6CJ,gBAAA;EAAA,SACN,OAAA;EAAA,SACA,OAAA;EAAA,SACA,OAAA;AAAA;AA1BX;AAAA,UA8BiB,cAAA,SAAuB,IAAA,CAAK,SAAA;EAAA,SAClC,QAAA,GAAW,WAAA;EA/B2B;EAAA,SAiCtC,OAAA;EAAA,SACA,QAAA;EAjCQ;EAAA,SAmCR,KAAA,GAAQ,QAAA,CAAS,UAAA,MAAgB,KAAA,EAAO,gBAAA,KAAqB,UAAA;AAAA;;;;;;iBAQxD,YAAA,CAAa,OAAA;EAAW,OAAA;EAAsB,QAAA;AAAA;EAC5D,KAAA,QAAa,gBAAA;EACb,QAAA,EAAU,MAAM,UAAU,KAAA;AAAA;AAAA,cAgDf,SAAA,EAAW,SAAS,CAAC,cAAA;;UA2BjB,WAAA,SAAoB,cAAc;EAlGlB;EAAA,SAoGtB,KAAK;AAAA;AAAA,cAEH,MAAA,EAAQ,SAAS,CAAC,WAAA;AAAA,KAe1B,SAAA;AAAA,KACA,WAAA;AA/GL;AAAA,UAwHiB,UAAA,SAAmB,SAAA;EAAA,SACzB,SAAA;EAAA,SACA,GAAA;EAAA,SACA,KAAA,GAAQ,SAAA;EAAA,SACR,OAAA,GAAU,WAAA;AAAA;AAAA,cAER,KAAA,EAAO,SAAS,CAAC,UAAA;;cAajB,GAAA,EAAK,SAAA,CAAU,IAAA,CAAK,UAAA;;cAIpB,MAAA,EAAQ,SAAA,CAAU,IAAA,CAAK,UAAA;;UAInB,WAAA;EAlJN;EAAA,SAoJA,IAAI;AAAA;AAAA,cAEF,MAAA,EAAQ,SAAS,CAAC,WAAA;;UAMd,eAAA,SAAwB,SAAS;EAAA,SACvC,UAAA;EAxJwC;EAAA,SA0JxC,QAAA,IAAY,KAAA;AAAA;AAAA,cAEV,UAAA,EAAY,SAAS,CAAC,eAAA"}
+{"version":3,"file":"primitives.d.ts","names":[],"sources":["../src/primitives.ts"],"mappings":";;;;;;UA+CiB,SAAA,SAAkB,SAAS;EAAA,SACjC,QAAA,GAAW,WAAA;AAAA;AAAA,cAET,IAAA,EAAM,SAAS,CAAC,SAAA;;UAIZ,SAAA,SAAkB,SAAS;EAAA,SACjC,QAAA,GAAW,WAAA;AAAA;AAAA,cAET,IAAA,EAAM,SAAS,CAAC,SAAA;;UAcZ,UAAA,SAAmB,SAAS;EAAA,SAClC,GAAA;EAjBW;EAAA,SAmBX,UAAA;EAnBsB;EAAA,SAqBtB,UAAA;EAlBgD;EAAA,SAoBhD,OAAA;EArBQ;EAAA,SAuBR,QAAA;EATM;EAAA,SAWN,aAAA;;WAEA,KAAA;EAAA,SACA,MAAA;EAbA;EAAA,SAeA,WAAA;EAXA;EAAA,SAaA,MAAA;EATA;EAAA,SAWA,OAAA;AAAA;AAAA,cAEE,KAAA,EAAO,SAAS,CAAC,UAAA;;UA8Cb,cAAA,SAAuB,SAAS;EAAA,SACtC,KAAA,GAAQ,QAAA;EAAA,SACR,WAAA;EAAA,SACA,IAAA;EAAA,SACA,QAAA;EAlBV;EAAA,SAoBU,SAAA;EApDS;EAAA,SAsDT,IAAA;EARM;EAAA,SAUN,eAAA;;WAEA,YAAA;EAZ6B;EAAA,SAc7B,aAAA;EAbQ;EAAA,SAeR,cAAA;EAbA;EAAA,SAeA,YAAA;EAZA;EAAA,SAcA,SAAA;EAVA;EAAA,SAYA,SAAA;EARA;EAAA,SAUA,OAAA,IAAW,KAAA;EANX;EAAA,SAQA,QAAA,IAAY,KAAA;EAAA,SACZ,OAAA;EAAA,SACA,MAAA;EAJW;EAAA,SAMX,eAAA,IAAmB,KAAA;AAAA;AAAA,cAEjB,SAAA,EAAW,SAAS,CAAC,cAAA;;UA+BjB,gBAAA;EAAA,SACN,OAAA;EAAA,SACA,OAAA;EAAA,SACA,OAAA;AAAA;;UAIM,cAAA,SAAuB,IAAA,CAAK,SAAA;EAAA,SAClC,QAAA,GAAW,WAAA;EAvC0B;EAAA,SAyCrC,OAAA;EAAA,SACA,QAAA;;WAEA,KAAA,GAAQ,QAAA,CAAS,UAAA,MAAgB,KAAA,EAAO,gBAAA,KAAqB,UAAA;AAAA;;;;AAVtD;AAIlB;iBAcgB,YAAA,CAAa,OAAA;EAAW,OAAA;EAAsB,QAAA;AAAA;EAC5D,KAAA,QAAa,gBAAA;EACb,QAAA,EAAU,MAAM,UAAU,KAAA;AAAA;AAAA,cAgDf,SAAA,EAAW,SAAS,CAAC,cAAA;;UA2BjB,WAAA,SAAoB,cAAc;EA3FP;EAAA,SA6FjC,KAAK;AAAA;AAAA,cAEH,MAAA,EAAQ,SAAS,CAAC,WAAA;AAAA,KAe1B,SAAA;AAAA,KACA,WAAA;;UASY,UAAA,SAAmB,SAAA;EAAA,SACzB,SAAA;EAAA,SACA,GAAA;EAAA,SACA,KAAA,GAAQ,SAAA;EAAA,SACR,OAAA,GAAU,WAAA;AAAA;AAAA,cAER,KAAA,EAAO,SAAS,CAAC,UAAA;AAxHoD;AAAA,cAqIrE,GAAA,EAAK,SAAA,CAAU,IAAA,CAAK,UAAA;;cAIpB,MAAA,EAAQ,SAAA,CAAU,IAAA,CAAK,UAAA;;UAInB,WAAA;EArI6C;EAAA,SAuInD,IAAI;AAAA;AAAA,cAEF,MAAA,EAAQ,SAAS,CAAC,WAAA;;UAMd,eAAA,SAAwB,SAAS;EAAA,SACvC,UAAA;EA9I+B;EAAA,SAgJ/B,QAAA,IAAY,KAAA;AAAA;AAAA,cAEV,UAAA,EAAY,SAAS,CAAC,eAAA"}

package/dist/primitives.js

@@ -30,9 +30,37 @@ function eventValue(event) {
 }
 const View = (props) => createElement("view", toHostProps(props), props.children);
 const Text = (props) => createElement("text", toHostProps(props), props.children);
+/** Merge extra style keys into a host prop bag, preserving a reactive (accessor) style. */
+function mergeHostStyle(host, extra) {
+	const cur = host.style;
+	if (cur === void 0) host.style = extra;
+	else if (typeof cur === "function") {
+		const acc = cur;
+		host.style = () => ({
+			...acc(),
+			...extra
+		});
+	} else host.style = {
+		...cur,
+		...extra
+	};
+}
 const Image = (props) => {
 	const host = toHostProps(props);
 	host.src = props.src;
+	if (props.resizeMode) mergeHostStyle(host, { objectFit: props.resizeMode });
+	if (props.loading) host.loading = props.loading;
+	if (props.decoding) host.decoding = props.decoding;
+	if (props.fetchPriority) host.fetchpriority = props.fetchPriority;
+	if (props.width !== void 0) host.width = props.width;
+	if (props.height !== void 0) host.height = props.height;
+	if (props.onLoad) host.onLoad = () => props.onLoad?.();
+	const fallback = props.fallbackSrc;
+	if (fallback !== void 0 || props.onError) host.onError = (e) => {
+		const target = e?.target;
+		if (fallback !== void 0 && target && target.src !== fallback) target.src = fallback;
+		props.onError?.();
+	};
 	if (props.decorative) {
 		host.alt = "";
 		host["aria-hidden"] = "true";
@@ -44,15 +72,41 @@ const Image = (props) => {
 	}
 	return createElement("image", host);
 };
+/** Map a logical keyboard type to the HTML `inputmode` attribute. */
+const KEYBOARD_INPUTMODE = {
+	default: "text",
+	numeric: "numeric",
+	decimal: "decimal",
+	email: "email",
+	tel: "tel",
+	url: "url",
+	search: "search"
+};
 const TextInput = (props) => {
 	const host = toHostProps(props);
 	if (!host.role) host.role = "textbox";
 	if (props.value !== void 0) host.value = props.value;
 	if (props.placeholder !== void 0) host.placeholder = props.placeholder;
-	if (props.type !== void 0) host.type = props.type;
+	const type = props.secureTextEntry ? "password" : props.type;
+	if (type !== void 0) host.type = type;
 	if (props.disabled) host.disabled = true;
+	if (props.keyboardType) host.inputmode = KEYBOARD_INPUTMODE[props.keyboardType];
+	if (props.returnKeyType) host.enterkeyhint = props.returnKeyType;
+	if (props.autoCapitalize) host.autocapitalize = props.autoCapitalize;
+	if (props.autoComplete !== void 0) host.autocomplete = props.autoComplete;
+	if (props.maxLength !== void 0) host.maxlength = props.maxLength;
+	if (props.autoFocus) host.autofocus = true;
 	if (props.onInput) host.onInput = (e) => props.onInput?.(eventValue(e));
 	if (props.onChange) host.onChange = (e) => props.onChange?.(eventValue(e));
+	if (props.onFocus) host.onFocus = () => props.onFocus?.();
+	if (props.onBlur) host.onBlur = () => props.onBlur?.();
+	if (props.onSubmitEditing) host.onKeyDown = (e) => {
+		if (e?.key === "Enter") props.onSubmitEditing?.(eventValue(e));
+	};
+	if (props.multiline) {
+		if (props.rows !== void 0) host.rows = props.rows;
+		return createElement("textarea", host);
+	}
 	return createElement("textinput", host);
 };
 /**

package/dist/primitives.js.map

@@ -1 +1 @@
-{"version":3,"file":"primitives.js","names":[],"sources":["../src/primitives.ts"],"sourcesContent":["/**\n * Atlas primitives — accessible, signals-native UI building blocks. Each is a\n * `Component<P>` over `@mindees/core`'s `createElement`, returning a renderer-agnostic\n * `MindeesNode`. Web rendering is real (via the Helix DOM backend); native is a labeled 🔬\n * research track (the same serializable tree, interpreted by a native host later). See\n * `docs/adr/0022-atlas-primitives.md`.\n *\n * @module\n */\n\nimport {\n  type Accessor,\n  type Component,\n  createElement,\n  type MindeesNode,\n  signal,\n} from '@mindees/core'\nimport { type BaseProps, type Reactive, resolveStyle, toHostProps } from './host'\nimport { flattenStyle, type StyleInput } from './style'\n\n/** Merge a base layout style with a caller's (possibly reactive) style, staying reactive if it is. */\nfunction withBaseStyle(\n  base: StyleInput,\n  style: Reactive<StyleInput> | undefined,\n): Reactive<StyleInput> {\n  if (typeof style === 'function') {\n    const accessor = style as Accessor<StyleInput>\n    return () => flattenStyle([base, accessor()])\n  }\n  return flattenStyle([base, style])\n}\n\n/** Dev-only warning (silent in production). Structural global access — no DOM/Node lib needed. */\nfunction warnDev(message: string): void {\n  const g = globalThis as {\n    process?: { env?: Record<string, string | undefined> }\n    console?: { warn?: (message: string) => void }\n  }\n  if (g.process?.env?.NODE_ENV === 'production') return\n  g.console?.warn?.(`[atlas] ${message}`)\n}\n\nfunction eventValue(event: unknown): string {\n  return (event as { target?: { value?: string } })?.target?.value ?? ''\n}\n\n/** A generic container (→ `view`/`div`). */\nexport interface ViewProps extends BaseProps {\n  readonly children?: MindeesNode\n}\nexport const View: Component<ViewProps> = (props) =>\n  createElement('view', toHostProps(props), props.children)\n\n/** Text content (→ `text`/`span`). No default `role` (a bare span is correct; pass `role` to opt in). */\nexport interface TextProps extends BaseProps {\n  readonly children?: MindeesNode\n}\nexport const Text: Component<TextProps> = (props) =>\n  createElement('text', toHostProps(props), props.children)\n\n/** An image (→ `image`/`img`). Requires `label` (alt) unless `decorative`. */\nexport interface ImageProps extends BaseProps {\n  readonly src: string\n  /** Mark purely-decorative images so screen readers skip them (alt=\"\" + aria-hidden). */\n  readonly decorative?: boolean\n}\nexport const Image: Component<ImageProps> = (props) => {\n  const host = toHostProps(props)\n  host.src = props.src\n  if (props.decorative) {\n    host.alt = ''\n    host['aria-hidden'] = 'true'\n    // A decorative image must expose NO accessible name; drop any label lowered by\n    // toHostProps so we don't emit a contradictory aria-label on a hidden element.\n    delete host['aria-label']\n    delete host['aria-labelledby']\n  } else {\n    if (props.label === undefined) {\n      warnDev('Image without a `label` (alt text); pass `label` or set `decorative`.')\n    }\n    host.alt = props.label ?? ''\n  }\n  return createElement('image', host)\n}\n\n/** A text field (→ `textinput`/`input`). `value` may be reactive (controlled). */\nexport interface TextInputProps extends BaseProps {\n  readonly value?: Reactive<string>\n  readonly placeholder?: string\n  readonly type?: 'text' | 'password' | 'email' | 'number' | 'search' | 'tel' | 'url'\n  readonly disabled?: boolean\n  /** Fires on every keystroke with the current value (`input` event). */\n  readonly onInput?: (value: string) => void\n  /** Fires on commit/blur with the current value (`change` event). */\n  readonly onChange?: (value: string) => void\n}\nexport const TextInput: Component<TextInputProps> = (props) => {\n  const host = toHostProps(props)\n  if (!host.role) host.role = 'textbox'\n  if (props.value !== undefined) host.value = props.value\n  if (props.placeholder !== undefined) host.placeholder = props.placeholder\n  if (props.type !== undefined) host.type = props.type\n  if (props.disabled) host.disabled = true\n  if (props.onInput) host.onInput = (e: unknown) => props.onInput?.(eventValue(e))\n  if (props.onChange) host.onChange = (e: unknown) => props.onChange?.(eventValue(e))\n  return createElement('textinput', host)\n}\n\n/** Interaction state exposed to a Pressable style function. */\nexport interface InteractionState {\n  readonly hovered: boolean\n  readonly pressed: boolean\n  readonly focused: boolean\n}\n\n/** A pressable surface with built-in hover/press/focus state. Web-real via DOM events. */\nexport interface PressableProps extends Omit<BaseProps, 'style'> {\n  readonly children?: MindeesNode\n  /** Called when activated (click / Enter / Space) — skipped while `disabled`. */\n  readonly onPress?: () => void\n  readonly disabled?: boolean\n  /** Static/reactive style, or a function of the live interaction state. */\n  readonly style?: Reactive<StyleInput> | ((state: InteractionState) => StyleInput)\n}\n\n/**\n * Create the interaction signals + host handlers a pressable surface needs. Reusable so other\n * primitives can compose interaction state. Web wires REAL DOM events (`click`, `pointer*`,\n * `focus`/`blur`, `keydown`) — never a fake cross-platform `press` event that no-ops on web.\n */\nexport function usePressable(options: { onPress?: () => void; disabled?: boolean } = {}): {\n  state: () => InteractionState\n  handlers: Record<string, (event: unknown) => void>\n} {\n  const hovered = signal(false)\n  const pressed = signal(false)\n  const focused = signal(false)\n  const enabled = (): boolean => !options.disabled\n  const fire = (): void => {\n    if (enabled()) options.onPress?.()\n  }\n  // A disabled control is inert: its interaction signals don't update, so a state-driven style\n  // shows no hover/press/focus feedback (and `fire` blocks onPress / keyboard activation).\n  const handlers: Record<string, (event: unknown) => void> = {\n    onClick: () => fire(),\n    onPointerEnter: () => {\n      if (enabled()) hovered.set(true)\n    },\n    onPointerLeave: () => {\n      if (enabled()) {\n        hovered.set(false)\n        pressed.set(false)\n      }\n    },\n    onPointerDown: () => {\n      if (enabled()) pressed.set(true)\n    },\n    onPointerUp: () => {\n      if (enabled()) pressed.set(false)\n    },\n    onFocus: () => {\n      if (enabled()) focused.set(true)\n    },\n    onBlur: () => {\n      if (enabled()) focused.set(false)\n    },\n    onKeyDown: (e: unknown) => {\n      const ev = e as { key?: string; preventDefault?: () => void }\n      if (ev.key === 'Enter' || ev.key === ' ') {\n        ev.preventDefault?.() // stop Space from page-scrolling a div[role=button]\n        fire()\n      }\n    },\n  }\n  return {\n    state: () => ({ hovered: hovered(), pressed: pressed(), focused: focused() }),\n    handlers,\n  }\n}\n\nexport const Pressable: Component<PressableProps> = (props) => {\n  const { state, handlers } = usePressable({\n    ...(props.onPress ? { onPress: props.onPress } : {}),\n    ...(props.disabled ? { disabled: true } : {}),\n  })\n  // Base host props WITHOUT style (Pressable resolves style itself, supporting a state fn).\n  const { style, ...rest } = props\n  const host: Record<string, unknown> = { ...toHostProps(rest), ...handlers }\n  if (!host.role) host.role = 'button'\n  if (props.disabled) host['aria-disabled'] = 'true'\n  else host.tabindex = 0\n  if (style !== undefined) {\n    // Distinguish a state-fn `(state) => StyleInput` from a plain reactive style accessor\n    // `() => StyleInput` by ARITY: both are functions, but only the state-fn declares a\n    // parameter. Treating every function as a state-fn would subscribe an ordinary\n    // reactive style to hover/press/focus, re-running it on every interaction.\n    const isStateFn = typeof style === 'function' && style.length >= 1\n    host.style = isStateFn\n      ? () => flattenStyle((style as (s: InteractionState) => StyleInput)(state()))\n      : // Arity ruled the state-fn out, so the remainder is a plain `Reactive<StyleInput>`.\n        // TS can't narrow on `.length`, so assert it (mirrors the state-fn cast above).\n        resolveStyle(style as Reactive<StyleInput>)\n  }\n  return createElement('view', host, props.children)\n}\n\n/** A labelled button = {@link Pressable} wrapping a {@link Text}. */\nexport interface ButtonProps extends PressableProps {\n  /** Convenience text label (alternative to `children`). */\n  readonly title?: string\n}\nexport const Button: Component<ButtonProps> = (props) => {\n  const { title, children, ...rest } = props\n  // The renderer always passes `children` as an array (`[]` when empty), so `??` wouldn't\n  // trigger the title fallback — treat an empty array as \"no children\".\n  const hasChildren = Array.isArray(children) ? children.length > 0 : children != null\n  const content = hasChildren\n    ? children\n    : title !== undefined\n      ? createElement(Text, null, title)\n      : null\n  return createElement(Pressable, rest, content)\n}\n\n// --- Layout composition (pure View + style, no new host concepts) ---\n\ntype FlexAlign = 'flex-start' | 'flex-end' | 'center' | 'stretch' | 'baseline'\ntype FlexJustify =\n  | 'flex-start'\n  | 'flex-end'\n  | 'center'\n  | 'space-between'\n  | 'space-around'\n  | 'space-evenly'\n\n/** A flex container. `direction` defaults to `column`. */\nexport interface StackProps extends ViewProps {\n  readonly direction?: 'row' | 'column'\n  readonly gap?: number | string\n  readonly align?: FlexAlign\n  readonly justify?: FlexJustify\n}\nexport const Stack: Component<StackProps> = (props) => {\n  const { direction = 'column', gap, align, justify, style, children, ...rest } = props\n  const layout: StyleInput = {\n    display: 'flex',\n    flexDirection: direction,\n    ...(gap !== undefined ? { gap } : {}),\n    ...(align !== undefined ? { alignItems: align } : {}),\n    ...(justify !== undefined ? { justifyContent: justify } : {}),\n  }\n  return createElement(View, { ...rest, style: withBaseStyle(layout, style) }, children)\n}\n\n/** A horizontal {@link Stack}. */\nexport const Row: Component<Omit<StackProps, 'direction'>> = (props) =>\n  createElement(Stack, { ...props, direction: 'row' }, props.children)\n\n/** A vertical {@link Stack}. */\nexport const Column: Component<Omit<StackProps, 'direction'>> = (props) =>\n  createElement(Stack, { ...props, direction: 'column' }, props.children)\n\n/** Flexible (or fixed) empty space. */\nexport interface SpacerProps {\n  /** Fixed size (px) instead of flexible fill. */\n  readonly size?: number | string\n}\nexport const Spacer: Component<SpacerProps> = (props) =>\n  createElement(View, {\n    style: props.size !== undefined ? { width: props.size, height: props.size } : { flex: 1 },\n  })\n\n/** A scrollable container (→ `scrollview`/`div` with `overflow:auto`). */\nexport interface ScrollViewProps extends ViewProps {\n  readonly horizontal?: boolean\n  /** Fires on scroll with the host scroll event. */\n  readonly onScroll?: (event: unknown) => void\n}\nexport const ScrollView: Component<ScrollViewProps> = (props) => {\n  const { horizontal, onScroll, style, children, ...rest } = props\n  // A horizontal scroller lays its children out in a row and scrolls along x; a vertical\n  // one stacks and scrolls along y. Drive real layout through the curated cross-platform\n  // style subset (flexDirection + overflow), not an inert `data-orientation` attribute that\n  // no backend reads.\n  const host = toHostProps({\n    ...rest,\n    style: withBaseStyle(\n      horizontal\n        ? // `display: 'flex'` is required for `flexDirection`/`flexWrap` to take effect —\n          // without it the row layout is inert (the element keeps the default block flow).\n          { display: 'flex', overflow: 'auto', flexDirection: 'row', flexWrap: 'nowrap' }\n        : { overflow: 'auto' },\n      style,\n    ),\n  })\n  if (onScroll) host.onScroll = onScroll\n  if (horizontal) host['data-orientation'] = 'horizontal' // extra hint for native hosts\n  // Orientation is fixed at creation, so emit a distinct tag a native host can branch on in\n  // makeElement (a vertical ScrollView and a HorizontalScrollView are different widgets). Web\n  // maps both to <div> and derives orientation from the style above.\n  return createElement(horizontal ? 'horizontalscrollview' : 'scrollview', host, children)\n}\n"],"mappings":";;;;;;;;;;;;;;AAqBA,SAAS,cACP,MACA,OACsB;CACtB,IAAI,OAAO,UAAU,YAAY;EAC/B,MAAM,WAAW;EACjB,aAAa,aAAa,CAAC,MAAM,SAAS,CAAC,CAAC;CAC9C;CACA,OAAO,aAAa,CAAC,MAAM,KAAK,CAAC;AACnC;;AAGA,SAAS,QAAQ,SAAuB;CACtC,MAAM,IAAI;CAIV,IAAI,EAAE,SAAS,KAAK,aAAa,cAAc;CAC/C,EAAE,SAAS,OAAO,WAAW,SAAS;AACxC;AAEA,SAAS,WAAW,OAAwB;CAC1C,OAAQ,OAA2C,QAAQ,SAAS;AACtE;AAMA,MAAa,QAA8B,UACzC,cAAc,QAAQ,YAAY,KAAK,GAAG,MAAM,QAAQ;AAM1D,MAAa,QAA8B,UACzC,cAAc,QAAQ,YAAY,KAAK,GAAG,MAAM,QAAQ;AAQ1D,MAAa,SAAgC,UAAU;CACrD,MAAM,OAAO,YAAY,KAAK;CAC9B,KAAK,MAAM,MAAM;CACjB,IAAI,MAAM,YAAY;EACpB,KAAK,MAAM;EACX,KAAK,iBAAiB;EAGtB,OAAO,KAAK;EACZ,OAAO,KAAK;CACd,OAAO;EACL,IAAI,MAAM,UAAU,KAAA,GAClB,QAAQ,uEAAuE;EAEjF,KAAK,MAAM,MAAM,SAAS;CAC5B;CACA,OAAO,cAAc,SAAS,IAAI;AACpC;AAaA,MAAa,aAAwC,UAAU;CAC7D,MAAM,OAAO,YAAY,KAAK;CAC9B,IAAI,CAAC,KAAK,MAAM,KAAK,OAAO;CAC5B,IAAI,MAAM,UAAU,KAAA,GAAW,KAAK,QAAQ,MAAM;CAClD,IAAI,MAAM,gBAAgB,KAAA,GAAW,KAAK,cAAc,MAAM;CAC9D,IAAI,MAAM,SAAS,KAAA,GAAW,KAAK,OAAO,MAAM;CAChD,IAAI,MAAM,UAAU,KAAK,WAAW;CACpC,IAAI,MAAM,SAAS,KAAK,WAAW,MAAe,MAAM,UAAU,WAAW,CAAC,CAAC;CAC/E,IAAI,MAAM,UAAU,KAAK,YAAY,MAAe,MAAM,WAAW,WAAW,CAAC,CAAC;CAClF,OAAO,cAAc,aAAa,IAAI;AACxC;;;;;;AAwBA,SAAgB,aAAa,UAAwD,CAAC,GAGpF;CACA,MAAM,UAAU,OAAO,KAAK;CAC5B,MAAM,UAAU,OAAO,KAAK;CAC5B,MAAM,UAAU,OAAO,KAAK;CAC5B,MAAM,gBAAyB,CAAC,QAAQ;CACxC,MAAM,aAAmB;EACvB,IAAI,QAAQ,GAAG,QAAQ,UAAU;CACnC;CAkCA,OAAO;EACL,cAAc;GAAE,SAAS,QAAQ;GAAG,SAAS,QAAQ;GAAG,SAAS,QAAQ;EAAE;EAC3E,UAAA;GAhCA,eAAe,KAAK;GACpB,sBAAsB;IACpB,IAAI,QAAQ,GAAG,QAAQ,IAAI,IAAI;GACjC;GACA,sBAAsB;IACpB,IAAI,QAAQ,GAAG;KACb,QAAQ,IAAI,KAAK;KACjB,QAAQ,IAAI,KAAK;IACnB;GACF;GACA,qBAAqB;IACnB,IAAI,QAAQ,GAAG,QAAQ,IAAI,IAAI;GACjC;GACA,mBAAmB;IACjB,IAAI,QAAQ,GAAG,QAAQ,IAAI,KAAK;GAClC;GACA,eAAe;IACb,IAAI,QAAQ,GAAG,QAAQ,IAAI,IAAI;GACjC;GACA,cAAc;IACZ,IAAI,QAAQ,GAAG,QAAQ,IAAI,KAAK;GAClC;GACA,YAAY,MAAe;IACzB,MAAM,KAAK;IACX,IAAI,GAAG,QAAQ,WAAW,GAAG,QAAQ,KAAK;KACxC,GAAG,iBAAiB;KACpB,KAAK;IACP;GACF;EAIO;CACT;AACF;AAEA,MAAa,aAAwC,UAAU;CAC7D,MAAM,EAAE,OAAO,aAAa,aAAa;EACvC,GAAI,MAAM,UAAU,EAAE,SAAS,MAAM,QAAQ,IAAI,CAAC;EAClD,GAAI,MAAM,WAAW,EAAE,UAAU,KAAK,IAAI,CAAC;CAC7C,CAAC;CAED,MAAM,EAAE,OAAO,GAAG,SAAS;CAC3B,MAAM,OAAgC;EAAE,GAAG,YAAY,IAAI;EAAG,GAAG;CAAS;CAC1E,IAAI,CAAC,KAAK,MAAM,KAAK,OAAO;CAC5B,IAAI,MAAM,UAAU,KAAK,mBAAmB;MACvC,KAAK,WAAW;CACrB,IAAI,UAAU,KAAA,GAMZ,KAAK,QADa,OAAO,UAAU,cAAc,MAAM,UAAU,UAEvD,aAAc,MAA8C,MAAM,CAAC,CAAC,IAG1E,aAAa,KAA6B;CAEhD,OAAO,cAAc,QAAQ,MAAM,MAAM,QAAQ;AACnD;AAOA,MAAa,UAAkC,UAAU;CACvD,MAAM,EAAE,OAAO,UAAU,GAAG,SAAS;CASrC,OAAO,cAAc,WAAW,OANZ,MAAM,QAAQ,QAAQ,IAAI,SAAS,SAAS,IAAI,YAAY,QAE5E,WACA,UAAU,KAAA,IACR,cAAc,MAAM,MAAM,KAAK,IAC/B,IACuC;AAC/C;AAoBA,MAAa,SAAgC,UAAU;CACrD,MAAM,EAAE,YAAY,UAAU,KAAK,OAAO,SAAS,OAAO,UAAU,GAAG,SAAS;CAChF,MAAM,SAAqB;EACzB,SAAS;EACT,eAAe;EACf,GAAI,QAAQ,KAAA,IAAY,EAAE,IAAI,IAAI,CAAC;EACnC,GAAI,UAAU,KAAA,IAAY,EAAE,YAAY,MAAM,IAAI,CAAC;EACnD,GAAI,YAAY,KAAA,IAAY,EAAE,gBAAgB,QAAQ,IAAI,CAAC;CAC7D;CACA,OAAO,cAAc,MAAM;EAAE,GAAG;EAAM,OAAO,cAAc,QAAQ,KAAK;CAAE,GAAG,QAAQ;AACvF;;AAGA,MAAa,OAAiD,UAC5D,cAAc,OAAO;CAAE,GAAG;CAAO,WAAW;AAAM,GAAG,MAAM,QAAQ;;AAGrE,MAAa,UAAoD,UAC/D,cAAc,OAAO;CAAE,GAAG;CAAO,WAAW;AAAS,GAAG,MAAM,QAAQ;AAOxE,MAAa,UAAkC,UAC7C,cAAc,MAAM,EAClB,OAAO,MAAM,SAAS,KAAA,IAAY;CAAE,OAAO,MAAM;CAAM,QAAQ,MAAM;AAAK,IAAI,EAAE,MAAM,EAAE,EAC1F,CAAC;AAQH,MAAa,cAA0C,UAAU;CAC/D,MAAM,EAAE,YAAY,UAAU,OAAO,UAAU,GAAG,SAAS;CAK3D,MAAM,OAAO,YAAY;EACvB,GAAG;EACH,OAAO,cACL,aAGI;GAAE,SAAS;GAAQ,UAAU;GAAQ,eAAe;GAAO,UAAU;EAAS,IAC9E,EAAE,UAAU,OAAO,GACvB,KACF;CACF,CAAC;CACD,IAAI,UAAU,KAAK,WAAW;CAC9B,IAAI,YAAY,KAAK,sBAAsB;CAI3C,OAAO,cAAc,aAAa,yBAAyB,cAAc,MAAM,QAAQ;AACzF"}
+{"version":3,"file":"primitives.js","names":[],"sources":["../src/primitives.ts"],"sourcesContent":["/**\n * Atlas primitives — accessible, signals-native UI building blocks. Each is a\n * `Component<P>` over `@mindees/core`'s `createElement`, returning a renderer-agnostic\n * `MindeesNode`. Web rendering is real (via the Helix DOM backend); native is a labeled 🔬\n * research track (the same serializable tree, interpreted by a native host later). See\n * `docs/adr/0022-atlas-primitives.md`.\n *\n * @module\n */\n\nimport {\n  type Accessor,\n  type Component,\n  createElement,\n  type MindeesNode,\n  signal,\n} from '@mindees/core'\nimport { type BaseProps, type Reactive, resolveStyle, toHostProps } from './host'\nimport { flattenStyle, type StyleInput } from './style'\n\n/** Merge a base layout style with a caller's (possibly reactive) style, staying reactive if it is. */\nfunction withBaseStyle(\n  base: StyleInput,\n  style: Reactive<StyleInput> | undefined,\n): Reactive<StyleInput> {\n  if (typeof style === 'function') {\n    const accessor = style as Accessor<StyleInput>\n    return () => flattenStyle([base, accessor()])\n  }\n  return flattenStyle([base, style])\n}\n\n/** Dev-only warning (silent in production). Structural global access — no DOM/Node lib needed. */\nfunction warnDev(message: string): void {\n  const g = globalThis as {\n    process?: { env?: Record<string, string | undefined> }\n    console?: { warn?: (message: string) => void }\n  }\n  if (g.process?.env?.NODE_ENV === 'production') return\n  g.console?.warn?.(`[atlas] ${message}`)\n}\n\nfunction eventValue(event: unknown): string {\n  return (event as { target?: { value?: string } })?.target?.value ?? ''\n}\n\n/** A generic container (→ `view`/`div`). */\nexport interface ViewProps extends BaseProps {\n  readonly children?: MindeesNode\n}\nexport const View: Component<ViewProps> = (props) =>\n  createElement('view', toHostProps(props), props.children)\n\n/** Text content (→ `text`/`span`). No default `role` (a bare span is correct; pass `role` to opt in). */\nexport interface TextProps extends BaseProps {\n  readonly children?: MindeesNode\n}\nexport const Text: Component<TextProps> = (props) =>\n  createElement('text', toHostProps(props), props.children)\n\n/** Merge extra style keys into a host prop bag, preserving a reactive (accessor) style. */\nfunction mergeHostStyle(host: Record<string, unknown>, extra: Record<string, unknown>): void {\n  const cur = host.style\n  if (cur === undefined) host.style = extra\n  else if (typeof cur === 'function') {\n    const acc = cur as () => Record<string, unknown>\n    host.style = () => ({ ...acc(), ...extra })\n  } else host.style = { ...(cur as Record<string, unknown>), ...extra }\n}\n\n/** An image (→ `image`/`img`). Requires `label` (alt) unless `decorative`. */\nexport interface ImageProps extends BaseProps {\n  readonly src: string\n  /** Mark purely-decorative images so screen readers skip them (alt=\"\" + aria-hidden). */\n  readonly decorative?: boolean\n  /** How the image fills its box (→ CSS `object-fit`). */\n  readonly resizeMode?: 'cover' | 'contain' | 'fill' | 'none' | 'scale-down'\n  /** Native lazy-loading (→ `loading`). */\n  readonly loading?: 'lazy' | 'eager'\n  /** Decode hint (→ `decoding`). */\n  readonly decoding?: 'async' | 'sync' | 'auto'\n  /** Fetch-priority hint (→ `fetchpriority`). */\n  readonly fetchPriority?: 'high' | 'low' | 'auto'\n  /** Intrinsic width/height (px) — reserve layout space to avoid reflow on load. */\n  readonly width?: number\n  readonly height?: number\n  /** Swapped in if `src` fails to load (sets the element's `src` on the `error` event). */\n  readonly fallbackSrc?: string\n  /** Fires when the image finishes loading. */\n  readonly onLoad?: () => void\n  /** Fires when the image fails to load (after any `fallbackSrc` swap). */\n  readonly onError?: () => void\n}\nexport const Image: Component<ImageProps> = (props) => {\n  const host = toHostProps(props)\n  host.src = props.src\n  if (props.resizeMode) mergeHostStyle(host, { objectFit: props.resizeMode })\n  if (props.loading) host.loading = props.loading\n  if (props.decoding) host.decoding = props.decoding\n  if (props.fetchPriority) host.fetchpriority = props.fetchPriority\n  if (props.width !== undefined) host.width = props.width\n  if (props.height !== undefined) host.height = props.height\n  if (props.onLoad) host.onLoad = () => props.onLoad?.()\n  const fallback = props.fallbackSrc\n  if (fallback !== undefined || props.onError) {\n    host.onError = (e: unknown): void => {\n      const target = (e as { target?: { src?: string } } | null)?.target\n      if (fallback !== undefined && target && target.src !== fallback) target.src = fallback\n      props.onError?.()\n    }\n  }\n  if (props.decorative) {\n    host.alt = ''\n    host['aria-hidden'] = 'true'\n    // A decorative image must expose NO accessible name; drop any label lowered by\n    // toHostProps so we don't emit a contradictory aria-label on a hidden element.\n    delete host['aria-label']\n    delete host['aria-labelledby']\n  } else {\n    if (props.label === undefined) {\n      warnDev('Image without a `label` (alt text); pass `label` or set `decorative`.')\n    }\n    host.alt = props.label ?? ''\n  }\n  return createElement('image', host)\n}\n\n/** Map a logical keyboard type to the HTML `inputmode` attribute. */\nconst KEYBOARD_INPUTMODE: Record<string, string> = {\n  default: 'text',\n  numeric: 'numeric',\n  decimal: 'decimal',\n  email: 'email',\n  tel: 'tel',\n  url: 'url',\n  search: 'search',\n}\n\n/** A text field (→ `textinput`/`input`, or `textarea` when `multiline`). `value` may be reactive. */\nexport interface TextInputProps extends BaseProps {\n  readonly value?: Reactive<string>\n  readonly placeholder?: string\n  readonly type?: 'text' | 'password' | 'email' | 'number' | 'search' | 'tel' | 'url'\n  readonly disabled?: boolean\n  /** Render a multi-line field (→ `textarea`). */\n  readonly multiline?: boolean\n  /** Visible rows when `multiline` (→ textarea `rows`). */\n  readonly rows?: number\n  /** Mask the input (→ `type=\"password\"`); overrides `type`. */\n  readonly secureTextEntry?: boolean\n  /** On-screen keyboard hint (→ `inputmode`). */\n  readonly keyboardType?: 'default' | 'numeric' | 'decimal' | 'email' | 'tel' | 'url' | 'search'\n  /** Enter-key label hint (→ `enterkeyhint`). */\n  readonly returnKeyType?: 'enter' | 'done' | 'go' | 'next' | 'search' | 'send'\n  /** Auto-capitalization (→ `autocapitalize`). */\n  readonly autoCapitalize?: 'none' | 'sentences' | 'words' | 'characters'\n  /** Autofill hint (→ `autocomplete`, e.g. `\"email\"`, `\"current-password\"`). */\n  readonly autoComplete?: string\n  /** Maximum length (→ `maxlength`). */\n  readonly maxLength?: number\n  /** Focus on mount (→ `autofocus`). */\n  readonly autoFocus?: boolean\n  /** Fires on every keystroke with the current value (`input` event). */\n  readonly onInput?: (value: string) => void\n  /** Fires on commit/blur with the current value (`change` event). */\n  readonly onChange?: (value: string) => void\n  readonly onFocus?: () => void\n  readonly onBlur?: () => void\n  /** Fires when the user presses Enter (single-line submit). */\n  readonly onSubmitEditing?: (value: string) => void\n}\nexport const TextInput: Component<TextInputProps> = (props) => {\n  const host = toHostProps(props)\n  if (!host.role) host.role = 'textbox'\n  if (props.value !== undefined) host.value = props.value\n  if (props.placeholder !== undefined) host.placeholder = props.placeholder\n  const type = props.secureTextEntry ? 'password' : props.type\n  if (type !== undefined) host.type = type\n  if (props.disabled) host.disabled = true\n  if (props.keyboardType) host.inputmode = KEYBOARD_INPUTMODE[props.keyboardType]\n  if (props.returnKeyType) host.enterkeyhint = props.returnKeyType\n  if (props.autoCapitalize) host.autocapitalize = props.autoCapitalize\n  if (props.autoComplete !== undefined) host.autocomplete = props.autoComplete\n  if (props.maxLength !== undefined) host.maxlength = props.maxLength\n  if (props.autoFocus) host.autofocus = true\n  if (props.onInput) host.onInput = (e: unknown) => props.onInput?.(eventValue(e))\n  if (props.onChange) host.onChange = (e: unknown) => props.onChange?.(eventValue(e))\n  if (props.onFocus) host.onFocus = () => props.onFocus?.()\n  if (props.onBlur) host.onBlur = () => props.onBlur?.()\n  if (props.onSubmitEditing) {\n    host.onKeyDown = (e: unknown): void => {\n      if ((e as { key?: string } | null)?.key === 'Enter') props.onSubmitEditing?.(eventValue(e))\n    }\n  }\n  if (props.multiline) {\n    if (props.rows !== undefined) host.rows = props.rows\n    return createElement('textarea', host) // multi-line → real <textarea>\n  }\n  return createElement('textinput', host)\n}\n\n/** Interaction state exposed to a Pressable style function. */\nexport interface InteractionState {\n  readonly hovered: boolean\n  readonly pressed: boolean\n  readonly focused: boolean\n}\n\n/** A pressable surface with built-in hover/press/focus state. Web-real via DOM events. */\nexport interface PressableProps extends Omit<BaseProps, 'style'> {\n  readonly children?: MindeesNode\n  /** Called when activated (click / Enter / Space) — skipped while `disabled`. */\n  readonly onPress?: () => void\n  readonly disabled?: boolean\n  /** Static/reactive style, or a function of the live interaction state. */\n  readonly style?: Reactive<StyleInput> | ((state: InteractionState) => StyleInput)\n}\n\n/**\n * Create the interaction signals + host handlers a pressable surface needs. Reusable so other\n * primitives can compose interaction state. Web wires REAL DOM events (`click`, `pointer*`,\n * `focus`/`blur`, `keydown`) — never a fake cross-platform `press` event that no-ops on web.\n */\nexport function usePressable(options: { onPress?: () => void; disabled?: boolean } = {}): {\n  state: () => InteractionState\n  handlers: Record<string, (event: unknown) => void>\n} {\n  const hovered = signal(false)\n  const pressed = signal(false)\n  const focused = signal(false)\n  const enabled = (): boolean => !options.disabled\n  const fire = (): void => {\n    if (enabled()) options.onPress?.()\n  }\n  // A disabled control is inert: its interaction signals don't update, so a state-driven style\n  // shows no hover/press/focus feedback (and `fire` blocks onPress / keyboard activation).\n  const handlers: Record<string, (event: unknown) => void> = {\n    onClick: () => fire(),\n    onPointerEnter: () => {\n      if (enabled()) hovered.set(true)\n    },\n    onPointerLeave: () => {\n      if (enabled()) {\n        hovered.set(false)\n        pressed.set(false)\n      }\n    },\n    onPointerDown: () => {\n      if (enabled()) pressed.set(true)\n    },\n    onPointerUp: () => {\n      if (enabled()) pressed.set(false)\n    },\n    onFocus: () => {\n      if (enabled()) focused.set(true)\n    },\n    onBlur: () => {\n      if (enabled()) focused.set(false)\n    },\n    onKeyDown: (e: unknown) => {\n      const ev = e as { key?: string; preventDefault?: () => void }\n      if (ev.key === 'Enter' || ev.key === ' ') {\n        ev.preventDefault?.() // stop Space from page-scrolling a div[role=button]\n        fire()\n      }\n    },\n  }\n  return {\n    state: () => ({ hovered: hovered(), pressed: pressed(), focused: focused() }),\n    handlers,\n  }\n}\n\nexport const Pressable: Component<PressableProps> = (props) => {\n  const { state, handlers } = usePressable({\n    ...(props.onPress ? { onPress: props.onPress } : {}),\n    ...(props.disabled ? { disabled: true } : {}),\n  })\n  // Base host props WITHOUT style (Pressable resolves style itself, supporting a state fn).\n  const { style, ...rest } = props\n  const host: Record<string, unknown> = { ...toHostProps(rest), ...handlers }\n  if (!host.role) host.role = 'button'\n  if (props.disabled) host['aria-disabled'] = 'true'\n  else host.tabindex = 0\n  if (style !== undefined) {\n    // Distinguish a state-fn `(state) => StyleInput` from a plain reactive style accessor\n    // `() => StyleInput` by ARITY: both are functions, but only the state-fn declares a\n    // parameter. Treating every function as a state-fn would subscribe an ordinary\n    // reactive style to hover/press/focus, re-running it on every interaction.\n    const isStateFn = typeof style === 'function' && style.length >= 1\n    host.style = isStateFn\n      ? () => flattenStyle((style as (s: InteractionState) => StyleInput)(state()))\n      : // Arity ruled the state-fn out, so the remainder is a plain `Reactive<StyleInput>`.\n        // TS can't narrow on `.length`, so assert it (mirrors the state-fn cast above).\n        resolveStyle(style as Reactive<StyleInput>)\n  }\n  return createElement('view', host, props.children)\n}\n\n/** A labelled button = {@link Pressable} wrapping a {@link Text}. */\nexport interface ButtonProps extends PressableProps {\n  /** Convenience text label (alternative to `children`). */\n  readonly title?: string\n}\nexport const Button: Component<ButtonProps> = (props) => {\n  const { title, children, ...rest } = props\n  // The renderer always passes `children` as an array (`[]` when empty), so `??` wouldn't\n  // trigger the title fallback — treat an empty array as \"no children\".\n  const hasChildren = Array.isArray(children) ? children.length > 0 : children != null\n  const content = hasChildren\n    ? children\n    : title !== undefined\n      ? createElement(Text, null, title)\n      : null\n  return createElement(Pressable, rest, content)\n}\n\n// --- Layout composition (pure View + style, no new host concepts) ---\n\ntype FlexAlign = 'flex-start' | 'flex-end' | 'center' | 'stretch' | 'baseline'\ntype FlexJustify =\n  | 'flex-start'\n  | 'flex-end'\n  | 'center'\n  | 'space-between'\n  | 'space-around'\n  | 'space-evenly'\n\n/** A flex container. `direction` defaults to `column`. */\nexport interface StackProps extends ViewProps {\n  readonly direction?: 'row' | 'column'\n  readonly gap?: number | string\n  readonly align?: FlexAlign\n  readonly justify?: FlexJustify\n}\nexport const Stack: Component<StackProps> = (props) => {\n  const { direction = 'column', gap, align, justify, style, children, ...rest } = props\n  const layout: StyleInput = {\n    display: 'flex',\n    flexDirection: direction,\n    ...(gap !== undefined ? { gap } : {}),\n    ...(align !== undefined ? { alignItems: align } : {}),\n    ...(justify !== undefined ? { justifyContent: justify } : {}),\n  }\n  return createElement(View, { ...rest, style: withBaseStyle(layout, style) }, children)\n}\n\n/** A horizontal {@link Stack}. */\nexport const Row: Component<Omit<StackProps, 'direction'>> = (props) =>\n  createElement(Stack, { ...props, direction: 'row' }, props.children)\n\n/** A vertical {@link Stack}. */\nexport const Column: Component<Omit<StackProps, 'direction'>> = (props) =>\n  createElement(Stack, { ...props, direction: 'column' }, props.children)\n\n/** Flexible (or fixed) empty space. */\nexport interface SpacerProps {\n  /** Fixed size (px) instead of flexible fill. */\n  readonly size?: number | string\n}\nexport const Spacer: Component<SpacerProps> = (props) =>\n  createElement(View, {\n    style: props.size !== undefined ? { width: props.size, height: props.size } : { flex: 1 },\n  })\n\n/** A scrollable container (→ `scrollview`/`div` with `overflow:auto`). */\nexport interface ScrollViewProps extends ViewProps {\n  readonly horizontal?: boolean\n  /** Fires on scroll with the host scroll event. */\n  readonly onScroll?: (event: unknown) => void\n}\nexport const ScrollView: Component<ScrollViewProps> = (props) => {\n  const { horizontal, onScroll, style, children, ...rest } = props\n  // A horizontal scroller lays its children out in a row and scrolls along x; a vertical\n  // one stacks and scrolls along y. Drive real layout through the curated cross-platform\n  // style subset (flexDirection + overflow), not an inert `data-orientation` attribute that\n  // no backend reads.\n  const host = toHostProps({\n    ...rest,\n    style: withBaseStyle(\n      horizontal\n        ? // `display: 'flex'` is required for `flexDirection`/`flexWrap` to take effect —\n          // without it the row layout is inert (the element keeps the default block flow).\n          { display: 'flex', overflow: 'auto', flexDirection: 'row', flexWrap: 'nowrap' }\n        : { overflow: 'auto' },\n      style,\n    ),\n  })\n  if (onScroll) host.onScroll = onScroll\n  if (horizontal) host['data-orientation'] = 'horizontal' // extra hint for native hosts\n  // Orientation is fixed at creation, so emit a distinct tag a native host can branch on in\n  // makeElement (a vertical ScrollView and a HorizontalScrollView are different widgets). Web\n  // maps both to <div> and derives orientation from the style above.\n  return createElement(horizontal ? 'horizontalscrollview' : 'scrollview', host, children)\n}\n"],"mappings":"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"}

package/dist/web-environment.d.ts

@@ -0,0 +1,60 @@
+//#region src/web-environment.d.ts
+/**
+ * Web adapter for the platform environment.
+ *
+ * Wires the browser's live signals — color scheme, reduced motion, window size, the soft keyboard (via
+ * `visualViewport`), and CSS `env(safe-area-inset-*)` — into {@link setEnvironment}, so the device hooks
+ * (`useColorScheme`, `useWindowDimensions`, `useSafeAreaInsets`, `useKeyboard`, `useReducedMotion`) are
+ * LIVE on the web target with zero configuration. Without this, those signals keep their inert defaults
+ * (0×0, light, no insets, keyboard hidden) on web.
+ *
+ * SSR-safe: a no-op when there is no DOM. Call once at startup — the `create` template wires it into
+ * `main.tsx`. Returns a `disconnect()` that removes every listener and the probe element.
+ *
+ * @module
+ */
+interface MediaQueryLike {
+  readonly matches: boolean;
+  addEventListener(type: 'change', listener: () => void): void;
+  removeEventListener(type: 'change', listener: () => void): void;
+}
+interface VisualViewportLike {
+  readonly height: number;
+  readonly offsetTop: number;
+  addEventListener(type: string, listener: () => void): void;
+  removeEventListener(type: string, listener: () => void): void;
+}
+interface ProbeLike {
+  style: {
+    cssText: string;
+  };
+  remove(): void;
+}
+interface DocumentLike {
+  body: {
+    appendChild(node: ProbeLike): void;
+  } | null;
+  createElement(tag: string): ProbeLike;
+}
+/** The subset of `Window` the adapter uses. */
+interface WebEnvWindow {
+  readonly innerWidth: number;
+  readonly innerHeight: number;
+  readonly devicePixelRatio?: number;
+  readonly visualViewport?: VisualViewportLike | null;
+  readonly document?: DocumentLike;
+  matchMedia(query: string): MediaQueryLike;
+  getComputedStyle?(el: ProbeLike): {
+    getPropertyValue(prop: string): string;
+  };
+  addEventListener(type: string, listener: () => void): void;
+  removeEventListener(type: string, listener: () => void): void;
+}
+/**
+ * Connect the browser environment to the reactive device hooks. Pass a `window` (defaults to the global).
+ * Returns a `disconnect()`.
+ */
+declare function connectWebEnvironment(win?: WebEnvWindow): () => void;
+//#endregion
+export { WebEnvWindow, connectWebEnvironment };
+//# sourceMappingURL=web-environment.d.ts.map

package/dist/web-environment.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"web-environment.d.ts","names":[],"sources":["../src/web-environment.ts"],"mappings":";;;;;;;;;;;;;;AAsB0D;UAHhD,cAAA;EAAA,SACC,OAAA;EACT,gBAAA,CAAiB,IAAA,YAAgB,QAAA;EACjC,mBAAA,CAAoB,IAAA,YAAgB,QAAA;AAAA;AAAA,UAE5B,kBAAA;EAAA,SACC,MAAA;EAAA,SACA,SAAA;EACT,gBAAA,CAAiB,IAAA,UAAc,QAAA;EAC/B,mBAAA,CAAoB,IAAA,UAAc,QAAA;AAAA;AAAA,UAE1B,SAAA;EACR,KAAA;IAAS,OAAA;EAAA;EACT,MAAA;AAAA;AAAA,UAEQ,YAAA;EACR,IAAA;IAAQ,WAAA,CAAY,IAAA,EAAM,SAAA;EAAA;EAC1B,aAAA,CAAc,GAAA,WAAc,SAAS;AAAA;AAJ/B;AAAA,UAOS,YAAA;EAAA,SACN,UAAA;EAAA,SACA,WAAA;EAAA,SACA,gBAAA;EAAA,SACA,cAAA,GAAiB,kBAAA;EAAA,SACjB,QAAA,GAAW,YAAA;EACpB,UAAA,CAAW,KAAA,WAAgB,cAAA;EAC3B,gBAAA,EAAkB,EAAA,EAAI,SAAA;IAAc,gBAAA,CAAiB,IAAA;EAAA;EACrD,gBAAA,CAAiB,IAAA,UAAc,QAAA;EAC/B,mBAAA,CAAoB,IAAA,UAAc,QAAA;AAAA;;;;;iBAUpB,qBAAA,CAAsB,GAAkB,GAAZ,YAAY"}

package/dist/web-environment.js

@@ -0,0 +1,98 @@
+import { setEnvironment } from "./environment.js";
+//#region src/web-environment.ts
+/**
+* Web adapter for the platform environment.
+*
+* Wires the browser's live signals — color scheme, reduced motion, window size, the soft keyboard (via
+* `visualViewport`), and CSS `env(safe-area-inset-*)` — into {@link setEnvironment}, so the device hooks
+* (`useColorScheme`, `useWindowDimensions`, `useSafeAreaInsets`, `useKeyboard`, `useReducedMotion`) are
+* LIVE on the web target with zero configuration. Without this, those signals keep their inert defaults
+* (0×0, light, no insets, keyboard hidden) on web.
+*
+* SSR-safe: a no-op when there is no DOM. Call once at startup — the `create` template wires it into
+* `main.tsx`. Returns a `disconnect()` that removes every listener and the probe element.
+*
+* @module
+*/
+const KEYBOARD_THRESHOLD = 80;
+/**
+* Connect the browser environment to the reactive device hooks. Pass a `window` (defaults to the global).
+* Returns a `disconnect()`.
+*/
+function connectWebEnvironment(win) {
+	const w = win ?? globalThis.window;
+	if (!w || typeof w.matchMedia !== "function") return () => {};
+	const cleanups = [];
+	const bindMedia = (query, apply) => {
+		const mq = w.matchMedia(query);
+		const on = () => apply(mq.matches);
+		on();
+		mq.addEventListener("change", on);
+		cleanups.push(() => mq.removeEventListener("change", on));
+	};
+	bindMedia("(prefers-color-scheme: dark)", (m) => setEnvironment({ colorScheme: m ? "dark" : "light" }));
+	bindMedia("(prefers-reduced-motion: reduce)", (m) => setEnvironment({ reducedMotion: m }));
+	const readWindow = () => setEnvironment({ window: {
+		width: w.innerWidth,
+		height: w.innerHeight,
+		scale: w.devicePixelRatio ?? 1,
+		fontScale: 1
+	} });
+	const doc = w.document;
+	let probe = null;
+	if (doc?.body && typeof doc.createElement === "function" && typeof w.getComputedStyle === "function") {
+		probe = doc.createElement("div");
+		probe.style.cssText = "position:fixed;visibility:hidden;pointer-events:none;top:0;left:0;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)";
+		doc.body.appendChild(probe);
+		cleanups.push(() => probe?.remove());
+	}
+	const readSafeArea = () => {
+		if (!probe || typeof w.getComputedStyle !== "function") return;
+		const cs = w.getComputedStyle(probe);
+		const px = (v) => Number.parseFloat(v) || 0;
+		setEnvironment({ safeAreaInsets: {
+			top: px(cs.getPropertyValue("padding-top")),
+			right: px(cs.getPropertyValue("padding-right")),
+			bottom: px(cs.getPropertyValue("padding-bottom")),
+			left: px(cs.getPropertyValue("padding-left"))
+		} });
+	};
+	const vv = w.visualViewport;
+	const readKeyboard = () => {
+		if (!vv) return;
+		const h = Math.max(0, w.innerHeight - vv.height - vv.offsetTop);
+		const visible = h > KEYBOARD_THRESHOLD;
+		setEnvironment({ keyboard: {
+			visible,
+			height: visible ? h : 0
+		} });
+	};
+	const onResize = () => {
+		readWindow();
+		readSafeArea();
+		readKeyboard();
+	};
+	onResize();
+	w.addEventListener("resize", onResize);
+	cleanups.push(() => w.removeEventListener("resize", onResize));
+	if (vv) {
+		const onViewport = () => {
+			readKeyboard();
+			readSafeArea();
+		};
+		vv.addEventListener("resize", onViewport);
+		vv.addEventListener("scroll", onViewport);
+		cleanups.push(() => {
+			vv.removeEventListener("resize", onViewport);
+			vv.removeEventListener("scroll", onViewport);
+		});
+	}
+	return () => {
+		for (const c of cleanups) c();
+		cleanups.length = 0;
+	};
+}
+//#endregion
+export { connectWebEnvironment };
+
+//# sourceMappingURL=web-environment.js.map

package/dist/web-environment.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"web-environment.js","names":[],"sources":["../src/web-environment.ts"],"sourcesContent":["/**\n * Web adapter for the platform environment.\n *\n * Wires the browser's live signals — color scheme, reduced motion, window size, the soft keyboard (via\n * `visualViewport`), and CSS `env(safe-area-inset-*)` — into {@link setEnvironment}, so the device hooks\n * (`useColorScheme`, `useWindowDimensions`, `useSafeAreaInsets`, `useKeyboard`, `useReducedMotion`) are\n * LIVE on the web target with zero configuration. Without this, those signals keep their inert defaults\n * (0×0, light, no insets, keyboard hidden) on web.\n *\n * SSR-safe: a no-op when there is no DOM. Call once at startup — the `create` template wires it into\n * `main.tsx`. Returns a `disconnect()` that removes every listener and the probe element.\n *\n * @module\n */\n\nimport { setEnvironment } from './environment'\n\n// Minimal STRUCTURAL views of the DOM we touch — so this package needs no `lib.dom` in its types and\n// stays platform-neutral. A real `Window` satisfies these shapes.\ninterface MediaQueryLike {\n  readonly matches: boolean\n  addEventListener(type: 'change', listener: () => void): void\n  removeEventListener(type: 'change', listener: () => void): void\n}\ninterface VisualViewportLike {\n  readonly height: number\n  readonly offsetTop: number\n  addEventListener(type: string, listener: () => void): void\n  removeEventListener(type: string, listener: () => void): void\n}\ninterface ProbeLike {\n  style: { cssText: string }\n  remove(): void\n}\ninterface DocumentLike {\n  body: { appendChild(node: ProbeLike): void } | null\n  createElement(tag: string): ProbeLike\n}\n/** The subset of `Window` the adapter uses. */\nexport interface WebEnvWindow {\n  readonly innerWidth: number\n  readonly innerHeight: number\n  readonly devicePixelRatio?: number\n  readonly visualViewport?: VisualViewportLike | null\n  readonly document?: DocumentLike\n  matchMedia(query: string): MediaQueryLike\n  getComputedStyle?(el: ProbeLike): { getPropertyValue(prop: string): string }\n  addEventListener(type: string, listener: () => void): void\n  removeEventListener(type: string, listener: () => void): void\n}\n\n// Below this the viewport-height delta is browser chrome (URL bar), not a soft keyboard.\nconst KEYBOARD_THRESHOLD = 80\n\n/**\n * Connect the browser environment to the reactive device hooks. Pass a `window` (defaults to the global).\n * Returns a `disconnect()`.\n */\nexport function connectWebEnvironment(win?: WebEnvWindow): () => void {\n  const w = win ?? (globalThis as unknown as { window?: WebEnvWindow }).window\n  if (!w || typeof w.matchMedia !== 'function') return () => {} // SSR / non-DOM → inert\n\n  const cleanups: Array<() => void> = []\n\n  const bindMedia = (query: string, apply: (matches: boolean) => void): void => {\n    const mq = w.matchMedia(query)\n    const on = (): void => apply(mq.matches)\n    on()\n    mq.addEventListener('change', on)\n    cleanups.push(() => mq.removeEventListener('change', on))\n  }\n  bindMedia('(prefers-color-scheme: dark)', (m) =>\n    setEnvironment({ colorScheme: m ? 'dark' : 'light' }),\n  )\n  bindMedia('(prefers-reduced-motion: reduce)', (m) => setEnvironment({ reducedMotion: m }))\n\n  const readWindow = (): void =>\n    setEnvironment({\n      window: {\n        width: w.innerWidth,\n        height: w.innerHeight,\n        scale: w.devicePixelRatio ?? 1,\n        fontScale: 1,\n      },\n    })\n\n  // Safe-area insets: a hidden probe whose padding is `env(safe-area-inset-*)`; read its computed style.\n  const doc = w.document\n  let probe: ProbeLike | null = null\n  if (\n    doc?.body &&\n    typeof doc.createElement === 'function' &&\n    typeof w.getComputedStyle === 'function'\n  ) {\n    probe = doc.createElement('div')\n    probe.style.cssText =\n      'position:fixed;visibility:hidden;pointer-events:none;top:0;left:0;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)'\n    doc.body.appendChild(probe)\n    cleanups.push(() => probe?.remove())\n  }\n  const readSafeArea = (): void => {\n    if (!probe || typeof w.getComputedStyle !== 'function') return\n    const cs = w.getComputedStyle(probe)\n    const px = (v: string): number => Number.parseFloat(v) || 0\n    setEnvironment({\n      safeAreaInsets: {\n        top: px(cs.getPropertyValue('padding-top')),\n        right: px(cs.getPropertyValue('padding-right')),\n        bottom: px(cs.getPropertyValue('padding-bottom')),\n        left: px(cs.getPropertyValue('padding-left')),\n      },\n    })\n  }\n\n  const vv = w.visualViewport\n  const readKeyboard = (): void => {\n    if (!vv) return\n    const h = Math.max(0, w.innerHeight - vv.height - vv.offsetTop)\n    const visible = h > KEYBOARD_THRESHOLD\n    setEnvironment({ keyboard: { visible, height: visible ? h : 0 } })\n  }\n\n  const onResize = (): void => {\n    readWindow()\n    readSafeArea()\n    readKeyboard()\n  }\n  onResize() // seed immediately\n  w.addEventListener('resize', onResize)\n  cleanups.push(() => w.removeEventListener('resize', onResize))\n\n  if (vv) {\n    const onViewport = (): void => {\n      readKeyboard()\n      readSafeArea()\n    }\n    vv.addEventListener('resize', onViewport)\n    vv.addEventListener('scroll', onViewport)\n    cleanups.push(() => {\n      vv.removeEventListener('resize', onViewport)\n      vv.removeEventListener('scroll', onViewport)\n    })\n  }\n\n  return () => {\n    for (const c of cleanups) c()\n    cleanups.length = 0\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;AAoDA,MAAM,qBAAqB;;;;;AAM3B,SAAgB,sBAAsB,KAAgC;CACpE,MAAM,IAAI,OAAQ,WAAoD;CACtE,IAAI,CAAC,KAAK,OAAO,EAAE,eAAe,YAAY,aAAa,CAAC;CAE5D,MAAM,WAA8B,CAAC;CAErC,MAAM,aAAa,OAAe,UAA4C;EAC5E,MAAM,KAAK,EAAE,WAAW,KAAK;EAC7B,MAAM,WAAiB,MAAM,GAAG,OAAO;EACvC,GAAG;EACH,GAAG,iBAAiB,UAAU,EAAE;EAChC,SAAS,WAAW,GAAG,oBAAoB,UAAU,EAAE,CAAC;CAC1D;CACA,UAAU,iCAAiC,MACzC,eAAe,EAAE,aAAa,IAAI,SAAS,QAAQ,CAAC,CACtD;CACA,UAAU,qCAAqC,MAAM,eAAe,EAAE,eAAe,EAAE,CAAC,CAAC;CAEzF,MAAM,mBACJ,eAAe,EACb,QAAQ;EACN,OAAO,EAAE;EACT,QAAQ,EAAE;EACV,OAAO,EAAE,oBAAoB;EAC7B,WAAW;CACb,EACF,CAAC;CAGH,MAAM,MAAM,EAAE;CACd,IAAI,QAA0B;CAC9B,IACE,KAAK,QACL,OAAO,IAAI,kBAAkB,cAC7B,OAAO,EAAE,qBAAqB,YAC9B;EACA,QAAQ,IAAI,cAAc,KAAK;EAC/B,MAAM,MAAM,UACV;EACF,IAAI,KAAK,YAAY,KAAK;EAC1B,SAAS,WAAW,OAAO,OAAO,CAAC;CACrC;CACA,MAAM,qBAA2B;EAC/B,IAAI,CAAC,SAAS,OAAO,EAAE,qBAAqB,YAAY;EACxD,MAAM,KAAK,EAAE,iBAAiB,KAAK;EACnC,MAAM,MAAM,MAAsB,OAAO,WAAW,CAAC,KAAK;EAC1D,eAAe,EACb,gBAAgB;GACd,KAAK,GAAG,GAAG,iBAAiB,aAAa,CAAC;GAC1C,OAAO,GAAG,GAAG,iBAAiB,eAAe,CAAC;GAC9C,QAAQ,GAAG,GAAG,iBAAiB,gBAAgB,CAAC;GAChD,MAAM,GAAG,GAAG,iBAAiB,cAAc,CAAC;EAC9C,EACF,CAAC;CACH;CAEA,MAAM,KAAK,EAAE;CACb,MAAM,qBAA2B;EAC/B,IAAI,CAAC,IAAI;EACT,MAAM,IAAI,KAAK,IAAI,GAAG,EAAE,cAAc,GAAG,SAAS,GAAG,SAAS;EAC9D,MAAM,UAAU,IAAI;EACpB,eAAe,EAAE,UAAU;GAAE;GAAS,QAAQ,UAAU,IAAI;EAAE,EAAE,CAAC;CACnE;CAEA,MAAM,iBAAuB;EAC3B,WAAW;EACX,aAAa;EACb,aAAa;CACf;CACA,SAAS;CACT,EAAE,iBAAiB,UAAU,QAAQ;CACrC,SAAS,WAAW,EAAE,oBAAoB,UAAU,QAAQ,CAAC;CAE7D,IAAI,IAAI;EACN,MAAM,mBAAyB;GAC7B,aAAa;GACb,aAAa;EACf;EACA,GAAG,iBAAiB,UAAU,UAAU;EACxC,GAAG,iBAAiB,UAAU,UAAU;EACxC,SAAS,WAAW;GAClB,GAAG,oBAAoB,UAAU,UAAU;GAC3C,GAAG,oBAAoB,UAAU,UAAU;EAC7C,CAAC;CACH;CAEA,aAAa;EACX,KAAK,MAAM,KAAK,UAAU,EAAE;EAC5B,SAAS,SAAS;CACpB;AACF"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mindees/atlas",
-  "version": "0.25.0",
+  "version": "0.27.0",
   "description": "MindeesNative Atlas - accessible, signals-native UI primitives + a virtualized recycling list. Renderer-agnostic (web real, native research track).",
   "license": "MIT OR Apache-2.0",
   "type": "module",
@@ -35,12 +35,12 @@
     "directory": "packages/atlas"
   },
   "dependencies": {
-    "@mindees/core": "0.25.0",
-    "@mindees/router": "0.25.0"
+    "@mindees/core": "0.27.0",
+    "@mindees/router": "0.27.0"
   },
   "devDependencies": {
     "happy-dom": "20.9.0",
-    "@mindees/renderer": "0.25.0"
+    "@mindees/renderer": "0.27.0"
   },
   "scripts": {
     "build": "tsdown",