@reillymc/react-native-components 0.12.0 → 0.12.2

package/README.md

@@ -1,6 +1,6 @@
 # @reillymc/react-native-components
 
-@reillymc/react-native-components
+A collection of React Native components with a typed palette and component theme system.
 
 ## Installation
 
@@ -8,30 +8,112 @@
 npm install @reillymc/react-native-components
 ```
 
-## Usage
+Install the peer dependencies required by the components you use:
 
-```js
-import { Button } from "@reillymc/react-native-components/components";
+```sh
+npm install react-native-gesture-handler react-native-reanimated \
+  react-native-safe-area-context react-native-screens react-native-svg \
+  react-native-worklets
 ```
 
-## Contributing
+## Quick start
+
+Create an app theme once, then use the generated provider and style helper:
+
+```tsx
+import { View } from "react-native";
+import { Text } from "@reillymc/react-native-components/typography";
+import {
+    type AppThemeFactory,
+    createAppTheme,
+} from "@reillymc/react-native-components/theme";
+
+type AppTheme = {
+    screen: {
+        padding: number;
+    };
+};
+
+const createAppThemeValues: AppThemeFactory<AppTheme> = ({ palette }) => ({
+    screen: {
+        padding: palette.spacing.medium,
+    },
+});
+
+export const { AppThemeProvider, defineStyles, useStyles } =
+    createAppTheme<AppTheme>(createAppThemeValues);
+
+const createStyles = defineStyles(({ appTheme }) => ({
+    screen: {
+        flex: 1,
+        padding: appTheme.screen.padding,
+    },
+}));
+
+const Screen = () => {
+    const styles = useStyles(createStyles);
+
+    return (
+        <View style={styles.screen}>
+            <Text>Hello</Text>
+        </View>
+    );
+};
+
+export const App = () => (
+    <AppThemeProvider>
+        <Screen />
+    </AppThemeProvider>
+);
+```
 
-See the [contributing guide](CONTRIBUTING.md) to learn how to contribute to the repository and the development workflow.
+Components have working defaults and can render without the provider, but use `AppThemeProvider` so palette, component theme, shared system defaults, and icon overrides are consistent.
 
-## Publishing
+## Overrides
 
-This package is published to npm.
+`AppThemeProvider` accepts `palette`, `theme`, `systems`, and `icons` overrides:
 
-New package versions are published automatically via the [publish](.github/workflows/publish.yml) GitHub workflow. A [pre-commit hook](.git/hooks/pre-commit) increments the patch version each commit automatically, while minor/major branches are created manually.
+```tsx
+import { darkColorScheme } from "@reillymc/react-native-components/theme";
 
-### Running Locally
+const palette = { color: darkColorScheme };
 
-To generate the Expo Go QR code which correctly links to the Metro server, the `REACT_NATIVE_PACKAGER_HOSTNAME` variable in the dev container [.env](.devcontainer/.env) file must be set. An example is provided.
+<AppThemeProvider
+    palette={palette}
+    theme={{ iconBase: { size: 24 } }}
+    systems={{
+        interaction: { disabled: { opacity: 0.4 } },
+        accessibility: { maxFontSizeMultiplier: 1.4 },
+    }}
+>
+    <App />
+</AppThemeProvider>;
+```
 
-## License
+Component theme overrides cascade into derived component themes. For one-off overrides, pass `theme` to the component; native styles still go through `style`:
 
-MIT
+```tsx
+<Button
+    label="Save"
+    theme={{ container: { borderRadius: 12 } }}
+    style={{ marginTop: 8 }}
+/>
+```
 
----
+Keep provider objects stable (module scope or memoized) so the theme is not rebuilt on every render.
 
-Made with [create-react-native-library](https://github.com/callstack/react-native-builder-bob)
+## Public entry points
+
+- `@reillymc/react-native-components/actions`
+- `@reillymc/react-native-components/display`
+- `@reillymc/react-native-components/feedback`
+- `@reillymc/react-native-components/forms`
+- `@reillymc/react-native-components/layout`
+- `@reillymc/react-native-components/overlays`
+- `@reillymc/react-native-components/typography`
+- `@reillymc/react-native-components/icons`
+- `@reillymc/react-native-components/theme`
+
+## License
+
+MIT

package/lib/actions/action/Action.js

@@ -0,0 +1 @@
+var _jsxFileName="/home/runner/work/ReactNativeComponents/ReactNativeComponents/src/actions/action/Action.tsx";var _excluded=["label","variant","theme"];function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=_objectWithoutPropertiesLoose(e,t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(r=0;r<n.length;r++)o=n[r],-1===t.indexOf(o)&&{}.propertyIsEnumerable.call(e,o)&&(i[o]=e[o]);}return i;}function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(-1!==e.indexOf(n))continue;t[n]=r[n];}return t;}import{c as _c}from"react/compiler-runtime";import{useComponent}from"../../internal";import{Text}from"../../typography/text";import{ActionBase}from"./ActionBase";import{StateTint}from"./StateTint";import{jsx as _jsx}from"react/jsx-runtime";export var Action=t0=>{var $=_c(14);var baseProps;var label;var t1;var themeOverrides;if($[0]!==t0){label=t0.label;t1=t0.variant;themeOverrides=t0.theme;baseProps=_objectWithoutProperties(t0,_excluded);$[0]=t0;$[1]=baseProps;$[2]=label;$[3]=t1;$[4]=themeOverrides;}else{baseProps=$[1];label=$[2];t1=$[3];themeOverrides=$[4];}var variant=t1===undefined?"secondary":t1;var t2;if($[5]!==themeOverrides){t2={themeOverrides};$[5]=themeOverrides;$[6]=t2;}else{t2=$[6];}var _useComponent=useComponent("action",t2),theme=_useComponent.theme;var t3;if($[7]!==label||$[8]!==theme.label.color||$[9]!==variant){t3=state=>_jsx(StateTint,{...state,children:_jsx(Text,{numberOfLines:1,theme:{color:theme.label.color[variant]},children:label})});$[7]=label;$[8]=theme.label.color;$[9]=variant;$[10]=t3;}else{t3=$[10];}var t4;if($[11]!==baseProps||$[12]!==t3){t4=_jsx(ActionBase,{...baseProps,children:t3});$[11]=baseProps;$[12]=t3;$[13]=t4;}else{t4=$[13];}return t4;};Action.displayName="Action";

package/lib/actions/action/Action.theme.js

@@ -0,0 +1 @@
+export var defaultActionTheme=({palette:{color}})=>({label:{color:{primary:color.primary,secondary:color.foreground,destructive:color.destructive}}});

package/lib/actions/action/ActionBase.js

@@ -0,0 +1 @@
+var _jsxFileName="/home/runner/work/ReactNativeComponents/ReactNativeComponents/src/actions/action/ActionBase.tsx";var _excluded=["disabled","highlighted","style","hitSlop","onFocus","onBlur","theme","children","onPress"];function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=_objectWithoutPropertiesLoose(e,t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(r=0;r<n.length;r++)o=n[r],-1===t.indexOf(o)&&{}.propertyIsEnumerable.call(e,o)&&(i[o]=e[o]);}return i;}function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(-1!==e.indexOf(n))continue;t[n]=r[n];}return t;}import{c as _c}from"react/compiler-runtime";import{View}from"react-native";import{defineStyles,useComponent,useFocusVisible}from"../../internal";import{useSystems}from"../../theme";import{PressableBase}from"./PressableBase";import{jsx as _jsx}from"react/jsx-runtime";export var ActionBase=t0=>{var $=_c(61);var children;var disabled;var highlighted;var hitSlopOverride;var onBlur;var onFocus;var onPress;var pressableProps;var style;var themeOverrides;if($[0]!==t0){disabled=t0.disabled;highlighted=t0.highlighted;style=t0.style;hitSlopOverride=t0.hitSlop;onFocus=t0.onFocus;onBlur=t0.onBlur;themeOverrides=t0.theme;children=t0.children;onPress=t0.onPress;pressableProps=_objectWithoutProperties(t0,_excluded);$[0]=t0;$[1]=children;$[2]=disabled;$[3]=highlighted;$[4]=hitSlopOverride;$[5]=onBlur;$[6]=onFocus;$[7]=onPress;$[8]=pressableProps;$[9]=style;$[10]=themeOverrides;}else{children=$[1];disabled=$[2];highlighted=$[3];hitSlopOverride=$[4];onBlur=$[5];onFocus=$[6];onPress=$[7];pressableProps=$[8];style=$[9];themeOverrides=$[10];}var focus=useFocusVisible();var t1;if($[11]!==themeOverrides){t1={themeOverrides,createStyles};$[11]=themeOverrides;$[12]=t1;}else{t1=$[12];}var _useComponent=useComponent("actionBase",t1),styles=_useComponent.styles;var _useSystems=useSystems(),getFocusRingStyle=_useSystems.getFocusRingStyle,getDisabledStyle=_useSystems.getDisabledStyle,hitSlop=_useSystems.hitSlop;var resolvedHitSlop=hitSlopOverride??hitSlop.default;var t2;if($[13]!==children){t2=state=>typeof children==="function"?children(state):children;$[13]=children;$[14]=t2;}else{t2=$[14];}var renderChildren=t2;if(!onPress){var _t=!!disabled;var _t2;if($[15]!==getDisabledStyle||$[16]!==_t){_t2=getDisabledStyle(_t);$[15]=getDisabledStyle;$[16]=_t;$[17]=_t2;}else{_t2=$[17];}var _t3;if($[18]!==style||$[19]!==styles.pressable||$[20]!==_t2){_t3=[_t2,styles.pressable,style];$[18]=style;$[19]=styles.pressable;$[20]=_t2;$[21]=_t3;}else{_t3=$[21];}var _t4;if($[22]!==renderChildren){_t4=renderChildren({pressed:false,hovered:false});$[22]=renderChildren;$[23]=_t4;}else{_t4=$[23];}var _t5;if($[24]!==pressableProps||$[25]!==_t3||$[26]!==_t4){_t5=_jsx(View,{...pressableProps,style:_t3,children:_t4});$[24]=pressableProps;$[25]=_t3;$[26]=_t4;$[27]=_t5;}else{_t5=$[27];}return _t5;}var t3;if($[28]!==focus||$[29]!==onBlur){t3=event=>{focus.onBlur();onBlur?.(event);};$[28]=focus;$[29]=onBlur;$[30]=t3;}else{t3=$[30];}var t4;if($[31]!==focus||$[32]!==onFocus){t4=event_0=>{focus.onFocus();onFocus?.(event_0);};$[31]=focus;$[32]=onFocus;$[33]=t4;}else{t4=$[33];}var t5=focus.onPointerCancel;var t6=focus.onPointerDown;var t7=focus.onPointerUp;var t8=!disabled&&focus.focusVisible;var t9;if($[34]!==getFocusRingStyle||$[35]!==t8){t9=getFocusRingStyle(t8);$[34]=getFocusRingStyle;$[35]=t8;$[36]=t9;}else{t9=$[36];}var t10=!!disabled;var t11;if($[37]!==getDisabledStyle||$[38]!==t10){t11=getDisabledStyle(t10);$[37]=getDisabledStyle;$[38]=t10;$[39]=t11;}else{t11=$[39];}var t12;if($[40]!==style||$[41]!==styles.pressable||$[42]!==t11||$[43]!==t9){t12=[t9,t11,styles.pressable,style];$[40]=style;$[41]=styles.pressable;$[42]=t11;$[43]=t9;$[44]=t12;}else{t12=$[44];}var t13;if($[45]!==children||$[46]!==disabled||$[47]!==highlighted){t13=state_0=>typeof children==="function"?children({...state_0,hovered:!disabled&&(state_0.hovered||highlighted)}):children;$[45]=children;$[46]=disabled;$[47]=highlighted;$[48]=t13;}else{t13=$[48];}var t14;if($[49]!==disabled||$[50]!==focus.onPointerCancel||$[51]!==focus.onPointerDown||$[52]!==focus.onPointerUp||$[53]!==onPress||$[54]!==pressableProps||$[55]!==resolvedHitSlop||$[56]!==t12||$[57]!==t13||$[58]!==t3||$[59]!==t4){t14=_jsx(PressableBase,{...pressableProps,hitSlop:resolvedHitSlop,disabled:disabled,onBlur:t3,onFocus:t4,onPointerCancel:t5,onPointerDown:t6,onPointerUp:t7,onPress:onPress,style:t12,children:t13});$[49]=disabled;$[50]=focus.onPointerCancel;$[51]=focus.onPointerDown;$[52]=focus.onPointerUp;$[53]=onPress;$[54]=pressableProps;$[55]=resolvedHitSlop;$[56]=t12;$[57]=t13;$[58]=t3;$[59]=t4;$[60]=t14;}else{t14=$[60];}return t14;};var createStyles=defineStyles(theme=>({pressable:{borderRadius:theme.borderRadius,overflow:"hidden"}}));

package/lib/actions/action/ActionBase.theme.js

@@ -0,0 +1 @@
+export var defaultActionBaseTheme=({palette})=>({borderRadius:palette.border.radius.tight});

package/lib/actions/action/IconAction.js

@@ -0,0 +1 @@
+var _jsxFileName="/home/runner/work/ReactNativeComponents/ReactNativeComponents/src/actions/action/IconAction.tsx";var _excluded=["variant","theme"];function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=_objectWithoutPropertiesLoose(e,t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(r=0;r<n.length;r++)o=n[r],-1===t.indexOf(o)&&{}.propertyIsEnumerable.call(e,o)&&(i[o]=e[o]);}return i;}function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(-1!==e.indexOf(n))continue;t[n]=r[n];}return t;}import{c as _c}from"react/compiler-runtime";import{useComponent}from"../../internal";import{IconActionBase}from"./IconActionBase";import{jsx as _jsx}from"react/jsx-runtime";export var IconAction=t0=>{var $=_c(11);var props;var t1;var themeOverrides;if($[0]!==t0){t1=t0.variant;themeOverrides=t0.theme;props=_objectWithoutProperties(t0,_excluded);$[0]=t0;$[1]=props;$[2]=t1;$[3]=themeOverrides;}else{props=$[1];t1=$[2];themeOverrides=$[3];}var variant=t1===undefined?"secondary":t1;var t2;if($[4]!==themeOverrides){t2={themeOverrides};$[4]=themeOverrides;$[5]=t2;}else{t2=$[5];}var _useComponent=useComponent("iconAction",t2),theme=_useComponent.theme;var t3=theme.color[variant];var t4;if($[6]!==t3){t4={color:t3};$[6]=t3;$[7]=t4;}else{t4=$[7];}var t5;if($[8]!==props||$[9]!==t4){t5=_jsx(IconActionBase,{...props,theme:t4});$[8]=props;$[9]=t4;$[10]=t5;}else{t5=$[10];}return t5;};

package/lib/actions/action/IconAction.theme.js

@@ -0,0 +1 @@
+export var defaultIconActionTheme=({theme})=>({color:theme.action.label.color});

package/lib/actions/action/IconActionBase.js

@@ -0,0 +1 @@
+var _jsxFileName="/home/runner/work/ReactNativeComponents/ReactNativeComponents/src/actions/action/IconActionBase.tsx";var _excluded=["label","iconPosition","iconSize","theme","iconName","iconSet"];function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=_objectWithoutPropertiesLoose(e,t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(r=0;r<n.length;r++)o=n[r],-1===t.indexOf(o)&&{}.propertyIsEnumerable.call(e,o)&&(i[o]=e[o]);}return i;}function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(-1!==e.indexOf(n))continue;t[n]=r[n];}return t;}import{c as _c}from"react/compiler-runtime";import{IconBase}from"../../icons/IconBase";import{defineStyles,useComponent}from"../../internal";import{Text}from"../../typography/text";import{ActionBase}from"./ActionBase";import{StateTint}from"./StateTint";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";export var IconActionBase=t0=>{var $=_c(23);var actionProps;var iconName;var iconSet;var iconSize;var label;var t1;var themeOverrides;if($[0]!==t0){label=t0.label;t1=t0.iconPosition;iconSize=t0.iconSize;themeOverrides=t0.theme;iconName=t0.iconName;iconSet=t0.iconSet;actionProps=_objectWithoutProperties(t0,_excluded);$[0]=t0;$[1]=actionProps;$[2]=iconName;$[3]=iconSet;$[4]=iconSize;$[5]=label;$[6]=t1;$[7]=themeOverrides;}else{actionProps=$[1];iconName=$[2];iconSet=$[3];iconSize=$[4];label=$[5];t1=$[6];themeOverrides=$[7];}var iconPosition=t1===undefined?"start":t1;var t2;if($[8]!==iconPosition){t2={iconPosition};$[8]=iconPosition;$[9]=t2;}else{t2=$[9];}var t3;if($[10]!==t2||$[11]!==themeOverrides){t3={themeOverrides,props:t2,createStyles};$[10]=t2;$[11]=themeOverrides;$[12]=t3;}else{t3=$[12];}var _useComponent=useComponent("iconActionBase",t3),styles=_useComponent.styles,theme=_useComponent.theme;var t4;if($[13]!==iconName||$[14]!==iconSet||$[15]!==iconSize||$[16]!==label||$[17]!==styles.container||$[18]!==theme.color){t4=state=>_jsxs(StateTint,{...state,style:styles.container,children:[_jsx(IconBase,{iconSet:iconSet,iconName:iconName,size:iconSize,color:theme.color}),!!label&&_jsx(Text,{numberOfLines:1,theme:{color:theme.color},children:label})]});$[13]=iconName;$[14]=iconSet;$[15]=iconSize;$[16]=label;$[17]=styles.container;$[18]=theme.color;$[19]=t4;}else{t4=$[19];}var t5;if($[20]!==actionProps||$[21]!==t4){t5=_jsx(ActionBase,{...actionProps,children:t4});$[20]=actionProps;$[21]=t4;$[22]=t5;}else{t5=$[22];}return t5;};var createStyles=defineStyles((theme,props)=>({container:{display:"flex",flexDirection:props.iconPosition==="start"?"row":"row-reverse",alignItems:"center",gap:theme.gap}}));

package/lib/actions/action/IconActionBase.theme.js

@@ -0,0 +1 @@
+export var defaultIconActionBaseTheme=({palette})=>({gap:palette.spacing.small,color:palette.color.foreground});

package/lib/actions/action/PressableBase.js

@@ -0,0 +1 @@
+var _jsxFileName="/home/runner/work/ReactNativeComponents/ReactNativeComponents/src/actions/action/PressableBase.tsx";var _excluded=["children","onHoverIn","onHoverOut"];function _slicedToArray(r,e){return _arrayWithHoles(r)||_iterableToArrayLimit(r,e)||_unsupportedIterableToArray(r,e)||_nonIterableRest();}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}function _unsupportedIterableToArray(r,a){if(r){if("string"==typeof r)return _arrayLikeToArray(r,a);var t={}.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t||"Set"===t?Array.from(r):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?_arrayLikeToArray(r,a):void 0;}}function _arrayLikeToArray(r,a){(null==a||a>r.length)&&(a=r.length);for(var e=0,n=Array(a);e<a;e++)n[e]=r[e];return n;}function _iterableToArrayLimit(r,l){var t=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=t){var e,n,i,u,a=[],f=!0,o=!1;try{if(i=(t=t.call(r)).next,0===l){if(Object(t)!==t)return;f=!1;}else for(;!(f=(e=i.call(t)).done)&&(a.push(e.value),a.length!==l);f=!0);}catch(r){o=!0,n=r;}finally{try{if(!f&&null!=t.return&&(u=t.return(),Object(u)!==u))return;}finally{if(o)throw n;}}return a;}}function _arrayWithHoles(r){if(Array.isArray(r))return r;}function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=_objectWithoutPropertiesLoose(e,t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(r=0;r<n.length;r++)o=n[r],-1===t.indexOf(o)&&{}.propertyIsEnumerable.call(e,o)&&(i[o]=e[o]);}return i;}function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(-1!==e.indexOf(n))continue;t[n]=r[n];}return t;}import{c as _c}from"react/compiler-runtime";import{useState}from"react";import{Pressable}from"react-native";import{jsx as _jsx}from"react/jsx-runtime";export var PressableBase=t0=>{var $=_c(17);var children;var onHoverIn;var onHoverOut;var props;if($[0]!==t0){children=t0.children;onHoverIn=t0.onHoverIn;onHoverOut=t0.onHoverOut;props=_objectWithoutProperties(t0,_excluded);$[0]=t0;$[1]=children;$[2]=onHoverIn;$[3]=onHoverOut;$[4]=props;}else{children=$[1];onHoverIn=$[2];onHoverOut=$[3];props=$[4];}var _useState=useState(false),_useState2=_slicedToArray(_useState,2),hovered=_useState2[0],setHovered=_useState2[1];var t1;if($[5]!==onHoverIn){t1=event=>{setHovered(true);onHoverIn?.(event);};$[5]=onHoverIn;$[6]=t1;}else{t1=$[6];}var t2;if($[7]!==onHoverOut){t2=event_0=>{setHovered(false);onHoverOut?.(event_0);};$[7]=onHoverOut;$[8]=t2;}else{t2=$[8];}var t3;if($[9]!==children||$[10]!==hovered){t3=state=>typeof children==="function"?children({...state,hovered}):children;$[9]=children;$[10]=hovered;$[11]=t3;}else{t3=$[11];}var t4;if($[12]!==props||$[13]!==t1||$[14]!==t2||$[15]!==t3){t4=_jsx(Pressable,{...props,onHoverIn:t1,onHoverOut:t2,children:t3});$[12]=props;$[13]=t1;$[14]=t2;$[15]=t3;$[16]=t4;}else{t4=$[16];}return t4;};

package/lib/actions/action/StateTint.js

@@ -0,0 +1 @@
+var _jsxFileName="/home/runner/work/ReactNativeComponents/ReactNativeComponents/src/actions/action/StateTint.tsx";import{c as _c}from"react/compiler-runtime";import Animated,{useAnimatedStyle,withTiming}from"react-native-reanimated";import{useSystems}from"../../theme/useSystems";import{jsx as _jsx}from"react/jsx-runtime";export var StateTint=t0=>{var $=_c(6);var pressed=t0.pressed,hovered=t0.hovered,style=t0.style,children=t0.children;var _useSystems=useSystems(),state=_useSystems.state;var target=pressed?1-state.pressedOpacity:hovered?1-state.hoverOpacity:1;var duration=pressed?state.pressDuration:state.hoverDuration;var animatedStyle=useAnimatedStyle(()=>({opacity:withTiming(target,{duration})}),[target,duration]);var t1;if($[0]!==animatedStyle||$[1]!==style){t1=[style,animatedStyle];$[0]=animatedStyle;$[1]=style;$[2]=t1;}else{t1=$[2];}var t2;if($[3]!==children||$[4]!==t1){t2=_jsx(Animated.View,{style:t1,children:children});$[3]=children;$[4]=t1;$[5]=t2;}else{t2=$[5];}return t2;};

package/lib/{components → actions}/action/index.js

@@ -1 +1 @@
-export{Action}from"./Action";export{ActionBase}from"./ActionBase";export{IconAction}from"./IconAction";export{IconActionBase}from"./IconActionBase";export{StateTint}from"./StateTint";
+export{Action}from"./Action";export{ActionBase}from"./ActionBase";export{IconAction}from"./IconAction";export{IconActionBase}from"./IconActionBase";export{PressableBase}from"./PressableBase";export{StateTint}from"./StateTint";

package/lib/actions/button/Button.js

@@ -0,0 +1 @@
+var _jsxFileName="/home/runner/work/ReactNativeComponents/ReactNativeComponents/src/actions/button/Button.tsx";var _excluded=["label","variant","appearance","theme"];function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=_objectWithoutPropertiesLoose(e,t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(r=0;r<n.length;r++)o=n[r],-1===t.indexOf(o)&&{}.propertyIsEnumerable.call(e,o)&&(i[o]=e[o]);}return i;}function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(-1!==e.indexOf(n))continue;t[n]=r[n];}return t;}import{c as _c}from"react/compiler-runtime";import{useComponent}from"../../internal";import{Text}from"../../typography/text";import{ButtonBase}from"./ButtonBase";import{jsx as _jsx}from"react/jsx-runtime";export var Button=t0=>{var $=_c(20);var buttonProps;var label;var t1;var t2;var themeOverrides;if($[0]!==t0){label=t0.label;t1=t0.variant;t2=t0.appearance;themeOverrides=t0.theme;buttonProps=_objectWithoutProperties(t0,_excluded);$[0]=t0;$[1]=buttonProps;$[2]=label;$[3]=t1;$[4]=t2;$[5]=themeOverrides;}else{buttonProps=$[1];label=$[2];t1=$[3];t2=$[4];themeOverrides=$[5];}var variant=t1===undefined?"primary":t1;var appearance=t2===undefined?"subtle":t2;var t3;if($[6]!==themeOverrides){t3={themeOverrides};$[6]=themeOverrides;$[7]=t3;}else{t3=$[7];}var _useComponent=useComponent("button",t3),theme=_useComponent.theme;var content=theme.appearance[appearance].content[variant];var container=appearance==="prominent"?theme.appearance.prominent.container[variant]:theme.appearance.subtle.container;var t4;if($[8]!==container||$[9]!==theme.container.borderRadius){t4={borderRadius:theme.container.borderRadius,backgroundColor:container};$[8]=container;$[9]=theme.container.borderRadius;$[10]=t4;}else{t4=$[10];}var t5;if($[11]!==content){t5={color:content};$[11]=content;$[12]=t5;}else{t5=$[12];}var t6;if($[13]!==label||$[14]!==t5){t6=_jsx(Text,{numberOfLines:1,theme:t5,children:label});$[13]=label;$[14]=t5;$[15]=t6;}else{t6=$[15];}var t7;if($[16]!==buttonProps||$[17]!==t4||$[18]!==t6){t7=_jsx(ButtonBase,{...buttonProps,theme:t4,children:t6});$[16]=buttonProps;$[17]=t4;$[18]=t6;$[19]=t7;}else{t7=$[19];}return t7;};Button.displayName="Button";

package/lib/actions/button/Button.theme.js

@@ -0,0 +1 @@
+export var defaultButtonTheme=({palette,theme})=>{var color=palette.color;return{container:{borderRadius:theme.buttonBase.borderRadius},appearance:{prominent:{container:{primary:color.primary,destructive:color.destructive},content:{primary:color.primaryForeground,destructive:color.destructiveForeground}},subtle:{container:color.inset,content:{primary:color.primary,destructive:color.destructive}}}};};

package/lib/actions/button/ButtonBase.js

@@ -0,0 +1 @@
+var _jsxFileName="/home/runner/work/ReactNativeComponents/ReactNativeComponents/src/actions/button/ButtonBase.tsx";var _excluded=["style","width","theme","children"];function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=_objectWithoutPropertiesLoose(e,t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(r=0;r<n.length;r++)o=n[r],-1===t.indexOf(o)&&{}.propertyIsEnumerable.call(e,o)&&(i[o]=e[o]);}return i;}function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(-1!==e.indexOf(n))continue;t[n]=r[n];}return t;}import{c as _c}from"react/compiler-runtime";import{View}from"react-native";import{defineStyles,useComponent}from"../../internal";import{InteractionSurface}from"../surface";import{jsx as _jsx}from"react/jsx-runtime";export var ButtonBase=t0=>{var $=_c(21);var children;var props;var style;var t1;var themeOverrides;if($[0]!==t0){style=t0.style;t1=t0.width;themeOverrides=t0.theme;children=t0.children;props=_objectWithoutProperties(t0,_excluded);$[0]=t0;$[1]=children;$[2]=props;$[3]=style;$[4]=t1;$[5]=themeOverrides;}else{children=$[1];props=$[2];style=$[3];t1=$[4];themeOverrides=$[5];}var width=t1===undefined?"auto":t1;var t2;if($[6]!==width){t2={width};$[6]=width;$[7]=t2;}else{t2=$[7];}var t3;if($[8]!==t2||$[9]!==themeOverrides){t3={themeOverrides,props:t2,createStyles};$[8]=t2;$[9]=themeOverrides;$[10]=t3;}else{t3=$[10];}var _useComponent=useComponent("buttonBase",t3),styles=_useComponent.styles;var t4;if($[11]!==style||$[12]!==styles.buttonBase){t4=[styles.buttonBase,style];$[11]=style;$[12]=styles.buttonBase;$[13]=t4;}else{t4=$[13];}var t5;if($[14]!==children||$[15]!==styles.innerContainer){t5=_jsx(View,{style:styles.innerContainer,children:children});$[14]=children;$[15]=styles.innerContainer;$[16]=t5;}else{t5=$[16];}var t6;if($[17]!==props||$[18]!==t4||$[19]!==t5){t6=_jsx(InteractionSurface,{...props,style:t4,children:t5});$[17]=props;$[18]=t4;$[19]=t5;$[20]=t6;}else{t6=$[20];}return t6;};var createStyles=defineStyles((theme,props)=>({buttonBase:{flexDirection:"row",justifyContent:"center",borderRadius:theme.borderRadius,minHeight:theme.height,minWidth:props.width==="medium"?theme.width.medium:undefined,backgroundColor:theme.backgroundColor},innerContainer:{flex:props.width==="auto"?1:undefined,justifyContent:"center",alignItems:"center",paddingHorizontal:theme.paddingHorizontal,paddingVertical:theme.paddingVertical}}));

package/lib/actions/button/ButtonBase.theme.js

@@ -0,0 +1 @@
+export var defaultButtonBaseTheme=({palette:{border,color,spacing}})=>({height:42,width:{medium:"50%"},borderRadius:border.radius.regular,paddingHorizontal:spacing.medium,paddingVertical:spacing.small,backgroundColor:color.primary});

package/lib/actions/button/IconButton.js

@@ -0,0 +1 @@
+var _jsxFileName="/home/runner/work/ReactNativeComponents/ReactNativeComponents/src/actions/button/IconButton.tsx";var _excluded=["variant","appearance","theme"];function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=_objectWithoutPropertiesLoose(e,t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(r=0;r<n.length;r++)o=n[r],-1===t.indexOf(o)&&{}.propertyIsEnumerable.call(e,o)&&(i[o]=e[o]);}return i;}function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(-1!==e.indexOf(n))continue;t[n]=r[n];}return t;}import{c as _c}from"react/compiler-runtime";import{useComponent}from"../../internal";import{IconButtonBase}from"./IconButtonBase";import{jsx as _jsx}from"react/jsx-runtime";export var IconButton=t0=>{var $=_c(18);var props;var t1;var t2;var themeOverrides;if($[0]!==t0){t1=t0.variant;t2=t0.appearance;themeOverrides=t0.theme;props=_objectWithoutProperties(t0,_excluded);$[0]=t0;$[1]=props;$[2]=t1;$[3]=t2;$[4]=themeOverrides;}else{props=$[1];t1=$[2];t2=$[3];themeOverrides=$[4];}var variant=t1===undefined?"primary":t1;var appearance=t2===undefined?"subtle":t2;var t3;if($[5]!==themeOverrides){t3={themeOverrides};$[5]=themeOverrides;$[6]=t3;}else{t3=$[6];}var _useComponent=useComponent("iconButton",t3),theme=_useComponent.theme;var content=theme.appearance[appearance].content[variant];var container=appearance==="prominent"?theme.appearance.prominent.container[variant]:theme.appearance.subtle.container;var t4;if($[7]!==container||$[8]!==theme.container.size){t4={backgroundColor:container,size:theme.container.size};$[7]=container;$[8]=theme.container.size;$[9]=t4;}else{t4=$[9];}var t5;if($[10]!==content){t5={color:content};$[10]=content;$[11]=t5;}else{t5=$[11];}var t6;if($[12]!==t4||$[13]!==t5){t6={container:t4,icon:t5};$[12]=t4;$[13]=t5;$[14]=t6;}else{t6=$[14];}var t7;if($[15]!==props||$[16]!==t6){t7=_jsx(IconButtonBase,{...props,theme:t6});$[15]=props;$[16]=t6;$[17]=t7;}else{t7=$[17];}return t7;};

package/lib/actions/button/IconButton.theme.js

@@ -0,0 +1 @@
+export var defaultIconButtonTheme=({palette,theme})=>{var color=palette.color,spacing=palette.spacing;return{container:{size:theme.iconBase.size+spacing.small},appearance:{prominent:{container:{primary:color.primary,destructive:color.destructive},content:{primary:color.primaryForeground,destructive:color.destructiveForeground}},subtle:{container:color.inset,content:{primary:color.primary,destructive:color.destructive}}}};};

package/lib/actions/button/IconButtonBase.js

@@ -0,0 +1 @@
+var _jsxFileName="/home/runner/work/ReactNativeComponents/ReactNativeComponents/src/actions/button/IconButtonBase.tsx";var _excluded=["theme","style","iconName","iconSet"];function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=_objectWithoutPropertiesLoose(e,t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(r=0;r<n.length;r++)o=n[r],-1===t.indexOf(o)&&{}.propertyIsEnumerable.call(e,o)&&(i[o]=e[o]);}return i;}function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(-1!==e.indexOf(n))continue;t[n]=r[n];}return t;}import{c as _c}from"react/compiler-runtime";import{IconBase}from"../../icons/IconBase";import{defineStyles,useComponent}from"../../internal";import{InteractionSurface}from"../surface";import{jsx as _jsx}from"react/jsx-runtime";export var IconButtonBase=t0=>{var $=_c(20);var iconName;var iconSet;var props;var style;var themeOverrides;if($[0]!==t0){themeOverrides=t0.theme;style=t0.style;iconName=t0.iconName;iconSet=t0.iconSet;props=_objectWithoutProperties(t0,_excluded);$[0]=t0;$[1]=iconName;$[2]=iconSet;$[3]=props;$[4]=style;$[5]=themeOverrides;}else{iconName=$[1];iconSet=$[2];props=$[3];style=$[4];themeOverrides=$[5];}var t1;if($[6]!==themeOverrides){t1={themeOverrides,createStyles};$[6]=themeOverrides;$[7]=t1;}else{t1=$[7];}var _useComponent=useComponent("iconButtonBase",t1),styles=_useComponent.styles,theme=_useComponent.theme;var t2;if($[8]!==style||$[9]!==styles.iconButtonBase){t2=[styles.iconButtonBase,style];$[8]=style;$[9]=styles.iconButtonBase;$[10]=t2;}else{t2=$[10];}var t3;if($[11]!==iconName||$[12]!==iconSet||$[13]!==theme.icon.color||$[14]!==theme.icon.size){t3=_jsx(IconBase,{iconSet:iconSet,iconName:iconName,size:theme.icon.size,color:theme.icon.color});$[11]=iconName;$[12]=iconSet;$[13]=theme.icon.color;$[14]=theme.icon.size;$[15]=t3;}else{t3=$[15];}var t4;if($[16]!==props||$[17]!==t2||$[18]!==t3){t4=_jsx(InteractionSurface,{...props,style:t2,children:t3});$[16]=props;$[17]=t2;$[18]=t3;$[19]=t4;}else{t4=$[19];}return t4;};var createStyles=defineStyles(theme=>({iconButtonBase:{justifyContent:"center",alignItems:"center",borderRadius:theme.container.borderRadius,width:theme.container.size,height:theme.container.size,backgroundColor:theme.container.backgroundColor,padding:theme.container.padding}}));

package/lib/actions/button/IconButtonBase.theme.js

@@ -0,0 +1 @@
+export var defaultIconButtonBaseTheme=({palette,theme})=>({container:{padding:4,size:48,backgroundColor:palette.color.inset,borderRadius:"50%"},icon:{size:theme.iconBase.size,color:palette.color.insetForeground}});

package/lib/actions/index.js

@@ -0,0 +1 @@
+export{Action,ActionBase,IconAction,IconActionBase}from"./action";export{Button,ButtonBase,IconButton,IconButtonBase}from"./button";export{SwipeAction}from"./swipeAction";

package/lib/actions/surface/InteractionSurface.js

@@ -0,0 +1 @@
+var _jsxFileName="/home/runner/work/ReactNativeComponents/ReactNativeComponents/src/actions/surface/InteractionSurface.tsx";var _excluded=["children"];function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=_objectWithoutPropertiesLoose(e,t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(r=0;r<n.length;r++)o=n[r],-1===t.indexOf(o)&&{}.propertyIsEnumerable.call(e,o)&&(i[o]=e[o]);}return i;}function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(-1!==e.indexOf(n))continue;t[n]=r[n];}return t;}import{c as _c}from"react/compiler-runtime";import{ActionBase}from"../action";import{StateLayer}from"./StateLayer";import{jsx as _jsx,Fragment as _Fragment,jsxs as _jsxs}from"react/jsx-runtime";export var InteractionSurface=t0=>{var $=_c(8);var children;var props;if($[0]!==t0){children=t0.children;props=_objectWithoutProperties(t0,_excluded);$[0]=t0;$[1]=children;$[2]=props;}else{children=$[1];props=$[2];}var t1;if($[3]!==children){t1=state=>_jsxs(_Fragment,{children:[_jsx(StateLayer,{...state}),children]});$[3]=children;$[4]=t1;}else{t1=$[4];}var t2;if($[5]!==props||$[6]!==t1){t2=_jsx(ActionBase,{...props,children:t1});$[5]=props;$[6]=t1;$[7]=t2;}else{t2=$[7];}return t2;};

package/lib/actions/surface/StateLayer.js

@@ -0,0 +1 @@
+var _jsxFileName="/home/runner/work/ReactNativeComponents/ReactNativeComponents/src/actions/surface/StateLayer.tsx";import{c as _c}from"react/compiler-runtime";import{StyleSheet}from"react-native";import Animated,{useAnimatedStyle,withTiming}from"react-native-reanimated";import{defineStyles,useComponent}from"../../internal";import{useSystems}from"../../theme/useSystems";import{jsx as _jsx}from"react/jsx-runtime";export var StateLayer=t0=>{var $=_c(6);var pressed=t0.pressed,hovered=t0.hovered,style=t0.style,themeOverrides=t0.theme;var t1;if($[0]!==themeOverrides){t1={themeOverrides,createStyles};$[0]=themeOverrides;$[1]=t1;}else{t1=$[1];}var _useComponent=useComponent("stateLayer",t1),styles=_useComponent.styles;var _useSystems=useSystems(),state=_useSystems.state;var target=pressed?state.pressedOpacity:hovered?state.hoverOpacity:0;var duration=pressed?state.pressDuration:state.hoverDuration;var animatedStyle=useAnimatedStyle(()=>({opacity:withTiming(target,{duration})}),[target,duration]);var t2;if($[2]!==animatedStyle||$[3]!==style||$[4]!==styles.layer){t2=_jsx(Animated.View,{style:[styles.layer,animatedStyle,style]});$[2]=animatedStyle;$[3]=style;$[4]=styles.layer;$[5]=t2;}else{t2=$[5];}return t2;};var createStyles=defineStyles(theme=>({layer:{...StyleSheet.absoluteFill,backgroundColor:theme.color,pointerEvents:"none"}}));

package/lib/actions/surface/StateLayer.theme.js

@@ -0,0 +1 @@
+export var defaultStateLayerTheme=({palette})=>({color:palette.color.foreground});

package/lib/actions/swipeAction/SwipeAction.js

@@ -0,0 +1 @@
+var _jsxFileName="/home/runner/work/ReactNativeComponents/ReactNativeComponents/src/actions/swipeAction/SwipeAction.tsx";import{c as _c}from"react/compiler-runtime";import{defineStyles,useComponent}from"../../internal";import{IconButton}from"../button";import{jsx as _jsx}from"react/jsx-runtime";export var SwipeAction=props=>{var $=_c(4);var t0;if($[0]===Symbol.for("react.memo_cache_sentinel")){t0={createStyles};$[0]=t0;}else{t0=$[0];}var _useComponent=useComponent("swipeAction",t0),styles=_useComponent.styles;var t1;if($[1]!==props||$[2]!==styles.actionButton){t1=_jsx(IconButton,{...props,appearance:"prominent",style:styles.actionButton});$[1]=props;$[2]=styles.actionButton;$[3]=t1;}else{t1=$[3];}return t1;};var createStyles=defineStyles(theme=>({actionButton:{height:"100%",alignItems:"center",justifyContent:"center",borderRadius:0,width:theme.width}}));

package/lib/actions/swipeAction/SwipeAction.theme.js

@@ -0,0 +1 @@
+export var defaultSwipeActionTheme=()=>({width:75});

package/lib/actions/swipeAction/index.js

@@ -0,0 +1 @@
+export{SwipeAction}from"./SwipeAction";

package/lib/display/avatar/Avatar.js

@@ -0,0 +1 @@
+var _jsxFileName="/home/runner/work/ReactNativeComponents/ReactNativeComponents/src/display/avatar/Avatar.tsx";import{c as _c}from"react/compiler-runtime";import{Image,View}from"react-native";import{defineStyles,useComponent}from"../../internal";import{Text}from"../../typography/text";import{jsx as _jsx,Fragment as _Fragment,jsxs as _jsxs}from"react/jsx-runtime";var getHashedColorPair=(colors,firstName,lastName)=>{var name=firstName||lastName||"";var hash=0;for(var i=0;i<name.length;i++){hash=(hash+name.charCodeAt(i))%colors.length;}return colors[hash]??colors[0];};export var Avatar=t0=>{var $=_c(39);var t1=t0.firstName,t2=t0.lastName,imageUri=t0.imageUri,t3=t0.size,action=t0.action,themeOverrides=t0.theme,style=t0.style;var firstName=t1===undefined?"":t1;var lastName=t2===undefined?"":t2;var size=t3===undefined?"regular":t3;var t4;if($[0]!==firstName||$[1]!==lastName||$[2]!==size){t4={size,firstName,lastName};$[0]=firstName;$[1]=lastName;$[2]=size;$[3]=t4;}else{t4=$[3];}var t5;if($[4]!==t4||$[5]!==themeOverrides){t5={themeOverrides,props:t4,createStyles};$[4]=t4;$[5]=themeOverrides;$[6]=t5;}else{t5=$[6];}var _useComponent=useComponent("avatar",t5),styles=_useComponent.styles,theme=_useComponent.theme;var t6;if($[7]!==firstName||$[8]!==lastName||$[9]!==theme.colors){t6=getHashedColorPair(theme.colors,firstName,lastName);$[7]=firstName;$[8]=lastName;$[9]=theme.colors;$[10]=t6;}else{t6=$[10];}var _t=t6,foreground=_t.foreground;var t7;if($[11]!==firstName){t7=firstName.charAt(0);$[11]=firstName;$[12]=t7;}else{t7=$[12];}var t8;if($[13]!==lastName){t8=lastName.charAt(0);$[13]=lastName;$[14]=t8;}else{t8=$[14];}var t9=`${t7}${t8}`;var t10;if($[15]!==t9){t10=t9.toUpperCase();$[15]=t9;$[16]=t10;}else{t10=$[16];}var initials=t10;var t11;if($[17]!==style||$[18]!==styles.container){t11=[styles.container,style];$[17]=style;$[18]=styles.container;$[19]=t11;}else{t11=$[19];}var t12;if($[20]!==firstName||$[21]!==foreground||$[22]!==imageUri||$[23]!==initials||$[24]!==lastName||$[25]!==size||$[26]!==styles.image||$[27]!==styles.label||$[28]!==theme.initials||$[29]!==theme.label){t12=imageUri?_jsx(Image,{source:{uri:imageUri},style:styles.image}):_jsxs(_Fragment,{children:[_jsx(Text,{theme:{color:foreground,font:{body:{weight:theme.initials.fontWeight,size:theme.initials.fontSize[size]}}},children:initials}),size==="large"&&_jsx(Text,{numberOfLines:3,style:styles.label,theme:{color:foreground,font:{body:{weight:theme.label.fontWeight,size:theme.label.fontSize}}},children:`${firstName} ${lastName}`})]});$[20]=firstName;$[21]=foreground;$[22]=imageUri;$[23]=initials;$[24]=lastName;$[25]=size;$[26]=styles.image;$[27]=styles.label;$[28]=theme.initials;$[29]=theme.label;$[30]=t12;}else{t12=$[30];}var t13;if($[31]!==action||$[32]!==size||$[33]!==styles.action){t13=action&&size!=="small"&&_jsx(View,{style:styles.action,children:action});$[31]=action;$[32]=size;$[33]=styles.action;$[34]=t13;}else{t13=$[34];}var t14;if($[35]!==t11||$[36]!==t12||$[37]!==t13){t14=_jsxs(View,{style:t11,children:[t12,t13]});$[35]=t11;$[36]=t12;$[37]=t13;$[38]=t14;}else{t14=$[38];}return t14;};Avatar.displayName="Avatar";var createStyles=defineStyles((theme,props)=>{var _getHashedColorPair=getHashedColorPair(theme.colors,props.firstName,props.lastName),background=_getHashedColorPair.background;return{container:{display:"flex",alignItems:"center",justifyContent:"center",backgroundColor:background,height:theme.size[props.size],width:theme.size[props.size],borderRadius:theme.size[props.size]/2},image:{height:theme.size[props.size],width:theme.size[props.size],borderRadius:theme.size[props.size]/2},label:{paddingHorizontal:theme.label.paddingHorizontal,textAlign:"center"},action:{position:"absolute",top:-4,end:-8}};});

package/lib/display/avatar/Avatar.theme.js

@@ -0,0 +1 @@
+export var defaultAvatarTheme=({palette:{color,font,spacing}})=>({size:{large:80,regular:40,small:32},initials:{fontWeight:"600",fontSize:{large:font.size.xxLarge,regular:font.size.xLarge,small:font.size.large}},label:{fontSize:font.size.tiny,fontWeight:"500",paddingHorizontal:spacing.small},colors:[{background:color.tint1,foreground:color.foreground},{background:color.tint2,foreground:color.foreground},{background:color.tint3,foreground:color.foreground},{background:color.tint4,foreground:color.foreground},{background:color.tint5,foreground:color.foreground}]});

package/lib/display/badge/Badge.js

@@ -0,0 +1 @@
+var _jsxFileName="/home/runner/work/ReactNativeComponents/ReactNativeComponents/src/display/badge/Badge.tsx";import{c as _c}from"react/compiler-runtime";import{View}from"react-native";import{defineStyles,useComponent}from"../../internal";import{Text}from"../../typography/text";import{jsx as _jsx}from"react/jsx-runtime";export var Badge=t0=>{var $=_c(19);var t1=t0.label,t2=t0.variant,themeOverrides=t0.theme,style=t0.style;var label=t1===undefined?"":t1;var variant=t2===undefined?"primary":t2;var t3;if($[0]!==variant){t3={variant};$[0]=variant;$[1]=t3;}else{t3=$[1];}var t4;if($[2]!==t3||$[3]!==themeOverrides){t4={themeOverrides,props:t3,createStyles};$[2]=t3;$[3]=themeOverrides;$[4]=t4;}else{t4=$[4];}var _useComponent=useComponent("badge",t4),styles=_useComponent.styles,theme=_useComponent.theme;var t5;if($[5]!==style||$[6]!==styles.container){t5=[styles.container,style];$[5]=style;$[6]=styles.container;$[7]=t5;}else{t5=$[7];}var t6=theme.color[variant];var t7;if($[8]!==theme.fontWeight){t7={body:{weight:theme.fontWeight}};$[8]=theme.fontWeight;$[9]=t7;}else{t7=$[9];}var t8;if($[10]!==t6||$[11]!==t7){t8={color:t6,font:t7};$[10]=t6;$[11]=t7;$[12]=t8;}else{t8=$[12];}var t9;if($[13]!==label||$[14]!==t8){t9=_jsx(Text,{numberOfLines:1,theme:t8,children:label});$[13]=label;$[14]=t8;$[15]=t9;}else{t9=$[15];}var t10;if($[16]!==t5||$[17]!==t9){t10=_jsx(View,{style:t5,children:t9});$[16]=t5;$[17]=t9;$[18]=t10;}else{t10=$[18];}return t10;};Badge.displayName="Badge";var createStyles=defineStyles((theme,props)=>({container:{display:"flex",alignItems:"center",justifyContent:"center",height:theme.size,width:theme.size,borderRadius:theme.borderRadius,backgroundColor:theme.backgroundColor[props.variant]}}));

package/lib/{components/alert/AlertIndicator.styles.js → display/badge/Badge.theme.js}

@@ -1 +1 @@
-export var defaultAlertIndicatorStyles=({color})=>({size:28,borderRadius:14,backgroundColor:{primary:color.primary,secondary:color.secondary},color:{primary:color.primaryForeground,secondary:color.secondaryForeground}});
+export var defaultBadgeTheme=({palette:{color}})=>({size:28,borderRadius:14,backgroundColor:{primary:color.primary,secondary:color.secondary},color:{primary:color.primaryForeground,secondary:color.secondaryForeground},fontWeight:"600"});

package/lib/display/badge/index.js

@@ -0,0 +1 @@
+export{Badge}from"./Badge";

package/lib/display/contentRow/ContentRow.js

@@ -0,0 +1 @@
+var _jsxFileName="/home/runner/work/ReactNativeComponents/ReactNativeComponents/src/display/contentRow/ContentRow.tsx";import{c as _c}from"react/compiler-runtime";import{Children,Fragment}from"react";import{View}from"react-native";import{defineStyles,useComponent}from"../../internal";import{Text}from"../../typography/text";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";var DEFAULT_SEPARATOR=_jsx(Text,{children:"\xB7"});export var ContentRow=t0=>{var $=_c(11);var children=t0.children,t1=t0.separator,style=t0.style,themeOverrides=t0.theme;var separator=t1===undefined?DEFAULT_SEPARATOR:t1;var t2;if($[0]!==themeOverrides){t2={themeOverrides,createStyles};$[0]=themeOverrides;$[1]=t2;}else{t2=$[1];}var _useComponent=useComponent("contentRow",t2),styles=_useComponent.styles;var t3;if($[2]!==children||$[3]!==separator||$[4]!==style||$[5]!==styles.item||$[6]!==styles.row){var items=Children.toArray(children);var t4;if($[8]!==style||$[9]!==styles.row){t4=[styles.row,style];$[8]=style;$[9]=styles.row;$[10]=t4;}else{t4=$[10];}t3=_jsx(View,{style:t4,children:items.map((item,index)=>_jsxs(Fragment,{children:[_jsx(View,{style:styles.item,children:item}),index<items.length-1&&separator]},index))});$[2]=children;$[3]=separator;$[4]=style;$[5]=styles.item;$[6]=styles.row;$[7]=t3;}else{t3=$[7];}return t3;};var createStyles=defineStyles(theme=>({row:{flexDirection:"row",gap:theme.gap},item:{flexDirection:"row",flexShrink:1}}));

package/lib/display/contentRow/ContentRow.theme.js

@@ -0,0 +1 @@
+export var defaultContentRowTheme=({palette:{spacing}})=>({gap:spacing.small});

package/lib/display/contentRow/index.js

@@ -0,0 +1 @@
+export{ContentRow}from"./ContentRow";

package/lib/display/index.js

@@ -0,0 +1 @@
+export{Avatar}from"./avatar";export{Badge}from"./badge";export{ContentRow}from"./contentRow";export{ListItem}from"./listItem";export{Rating}from"./rating";export{Tag,TagIcon}from"./tag";export{ToggleIndicator}from"./toggleIndicator";

package/lib/display/listItem/ListItem.js

@@ -0,0 +1 @@
+var _jsxFileName="/home/runner/work/ReactNativeComponents/ReactNativeComponents/src/display/listItem/ListItem.tsx";import{c as _c}from"react/compiler-runtime";import{View}from"react-native";import{Undefined}from"@reillymc/es-utils";import{ActionBase}from"../../actions/action";import{defineStyles,useComponent}from"../../internal";import{SwipeableContainer}from"../../layout/swipeable";import{Text}from"../../typography/text";import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from"react/jsx-runtime";export var ListItem=t0=>{var $=_c(49);var avatar=t0.avatar,alert=t0.alert,heading=t0.heading,footer=t0.footer,header=t0.header,t1=t0.variant,content=t0.content,swipeActions=t0.swipeActions,style=t0.style,themeOverrides=t0.theme,contentContainerStyle=t0.contentContainerStyle,onPress=t0.onPress;var variant=t1===undefined?"default":t1;var t2;if($[0]!==swipeActions){t2=swipeActions?.filter(Undefined);$[0]=swipeActions;$[1]=t2;}else{t2=$[1];}var filteredActions=t2;var t3;if($[2]!==variant){t3={variant};$[2]=variant;$[3]=t3;}else{t3=$[3];}var t4;if($[4]!==t3||$[5]!==themeOverrides){t4={themeOverrides,props:t3,createStyles};$[4]=t3;$[5]=themeOverrides;$[6]=t4;}else{t4=$[6];}var _useComponent=useComponent("listItem",t4),styles=_useComponent.styles,theme=_useComponent.theme;var t5;if($[7]!==avatar||$[8]!==styles.avatar){t5=!!avatar&&_jsx(View,{style:styles.avatar,children:avatar});$[7]=avatar;$[8]=styles.avatar;$[9]=t5;}else{t5=$[9];}var t6;if($[10]!==contentContainerStyle||$[11]!==styles.contentContainer){t6=[styles.contentContainer,contentContainerStyle];$[10]=contentContainerStyle;$[11]=styles.contentContainer;$[12]=t6;}else{t6=$[12];}var t7;if($[13]!==heading||$[14]!==theme){t7=!!heading&&typeof heading==="string"?_jsx(Text,{variant:"heading",numberOfLines:2,theme:{color:theme.textColor},children:heading}):heading;$[13]=heading;$[14]=theme;$[15]=t7;}else{t7=$[15];}var t8;if($[16]!==content||$[17]!==t6||$[18]!==t7){t8=_jsxs(View,{style:t6,children:[t7,content]});$[16]=content;$[17]=t6;$[18]=t7;$[19]=t8;}else{t8=$[19];}var t9;if($[20]!==styles.innerContainer||$[21]!==t5||$[22]!==t8){t9=_jsxs(View,{style:styles.innerContainer,children:[t5,t8]});$[20]=styles.innerContainer;$[21]=t5;$[22]=t8;$[23]=t9;}else{t9=$[23];}var t10;if($[24]!==alert||$[25]!==styles.alert){t10=!!alert&&_jsx(View,{style:styles.alert,children:alert});$[24]=alert;$[25]=styles.alert;$[26]=t10;}else{t10=$[26];}var t11;if($[27]!==styles.bodyContainer||$[28]!==t10||$[29]!==t9){t11=_jsxs(View,{style:styles.bodyContainer,children:[t9,t10]});$[27]=styles.bodyContainer;$[28]=t10;$[29]=t9;$[30]=t11;}else{t11=$[30];}var t12;if($[31]!==footer||$[32]!==styles.footer){t12=!!footer&&_jsx(View,{style:styles.footer,children:footer});$[31]=footer;$[32]=styles.footer;$[33]=t12;}else{t12=$[33];}var t13;if($[34]!==header||$[35]!==t11||$[36]!==t12){t13=_jsxs(_Fragment,{children:[header,t11,t12]});$[34]=header;$[35]=t11;$[36]=t12;$[37]=t13;}else{t13=$[37];}var listContent=t13;var t14;if($[38]!==listContent||$[39]!==onPress||$[40]!==style||$[41]!==styles.pressableContainer){t14=onPress?_jsx(ActionBase,{hitSlop:0,onPress:onPress,style:[styles.pressableContainer,style],children:listContent}):_jsx(View,{style:[styles.pressableContainer,style],children:listContent});$[38]=listContent;$[39]=onPress;$[40]=style;$[41]=styles.pressableContainer;$[42]=t14;}else{t14=$[42];}var innerContent=t14;var t15;if($[43]!==filteredActions||$[44]!==innerContent){t15=filteredActions?.length?_jsx(SwipeableContainer,{rightActions:filteredActions,children:_jsx(View,{children:innerContent})}):innerContent;$[43]=filteredActions;$[44]=innerContent;$[45]=t15;}else{t15=$[45];}var t16;if($[46]!==styles.container||$[47]!==t15){t16=_jsx(View,{style:styles.container,children:t15});$[46]=styles.container;$[47]=t15;$[48]=t16;}else{t16=$[48];}return t16;};var createStyles=defineStyles((theme,props)=>({container:{backgroundColor:theme.backgroundColor,borderRadius:props.variant==="compact"?0:theme.borderRadius,overflow:"hidden",width:"100%"},pressableContainer:{display:"flex",flexDirection:"column",backgroundColor:theme.surfaceColor,borderRadius:props.variant==="compact"?0:theme.borderRadius},bodyContainer:{flexDirection:"row",justifyContent:"space-between"},innerContainer:{flexDirection:"row",flexShrink:1},avatar:{alignItems:"center",justifyContent:"center",marginStart:theme.internalSpacing},contentContainer:{flexShrink:1,flexDirection:"column",alignItems:"flex-start",justifyContent:"center",width:"100%",padding:theme.internalSpacing},alert:{alignItems:"center",justifyContent:"center",marginStart:theme.spacingMargin,marginEnd:theme.internalSpacing},footer:{marginBottom:theme.internalSpacing,marginStart:theme.internalSpacing,marginEnd:theme.internalSpacing}}));

package/lib/display/listItem/ListItem.theme.js

@@ -0,0 +1 @@
+export var defaultListItemTheme=({palette:{border,color}})=>({spacingMargin:12,internalSpacing:16,borderRadius:border.radius.loose,backgroundColor:color.background,surfaceColor:color.surface,textColor:color.surfaceForeground});

package/lib/display/listItem/index.js

@@ -0,0 +1 @@
+export{ListItem}from"./ListItem";

package/lib/display/rating/Rating.js

@@ -0,0 +1 @@
+var _jsxFileName="/home/runner/work/ReactNativeComponents/ReactNativeComponents/src/display/rating/Rating.tsx";import{c as _c}from"react/compiler-runtime";import{View}from"react-native";import{IconBase}from"../../icons/IconBase";import{defineStyles,useComponent}from"../../internal";import{getRatingIcons,valueToRating}from"./ratingUtils";import{jsx as _jsx}from"react/jsx-runtime";export var Rating=t0=>{var $=_c(16);var t1=t0.value,t2=t0.max,scale=t0.scale,themeOverrides=t0.theme,style=t0.style;var value=t1===undefined?0:t1;var max=t2===undefined?5:t2;var t3;if($[0]!==themeOverrides){t3={themeOverrides,createStyles};$[0]=themeOverrides;$[1]=t3;}else{t3=$[1];}var _useComponent=useComponent("rating",t3),styles=_useComponent.styles,theme=_useComponent.theme,icons=_useComponent.icons;var t4;if($[2]!==icons||$[3]!==max||$[4]!==scale||$[5]!==style||$[6]!==styles.starRating||$[7]!==theme||$[8]!==value){var scaledRating=scale?valueToRating(value,max,scale):value;var t5;if($[10]!==style||$[11]!==styles.starRating){t5=[styles.starRating,style];$[10]=style;$[11]=styles.starRating;$[12]=t5;}else{t5=$[12];}var t6;if($[13]!==icons||$[14]!==theme){t6=(variant,i)=>_jsx(IconBase,{...icons[variant],size:theme.icon.size,color:theme.icon.color[variant]},i);$[13]=icons;$[14]=theme;$[15]=t6;}else{t6=$[15];}t4=_jsx(View,{style:t5,accessibilityLabel:`star rating. ${scaledRating} of ${max}.`,children:getRatingIcons(scaledRating,max).map(t6)});$[2]=icons;$[3]=max;$[4]=scale;$[5]=style;$[6]=styles.starRating;$[7]=theme;$[8]=value;$[9]=t4;}else{t4=$[9];}return t4;};var createStyles=defineStyles(theme=>({starRating:{flexDirection:"row",gap:theme.gap}}));

package/lib/display/rating/Rating.theme.js

@@ -0,0 +1 @@
+export var defaultRatingTheme=({palette,theme})=>({gap:palette.spacing.tiny,icon:{color:{empty:palette.color.mutedForeground,half:palette.color.primary,full:palette.color.primary},size:theme.iconBase.size*1.2}});

package/lib/display/rating/index.js

@@ -0,0 +1 @@
+export{Rating}from"./Rating";export{ratingToValue,valueToRating}from"./ratingUtils";

package/lib/display/tag/Tag.js

@@ -0,0 +1 @@
+var _jsxFileName="/home/runner/work/ReactNativeComponents/ReactNativeComponents/src/display/tag/Tag.tsx";import{c as _c}from"react/compiler-runtime";import{View}from"react-native";import{ActionBase}from"../../actions/action";import{defineStyles,useComponent}from"../../internal";import{Text}from"../../typography/text";import{jsx as _jsx,Fragment as _Fragment,jsxs as _jsxs}from"react/jsx-runtime";export var Tag=t0=>{var $=_c(20);var label=t0.label,onPress=t0.onPress,icon=t0.icon,t1=t0.tone,style=t0.style,themeOverrides=t0.theme;var tone=t1===undefined?"dark":t1;var t2;if($[0]!==tone){t2={tone};$[0]=tone;$[1]=t2;}else{t2=$[1];}var t3;if($[2]!==t2||$[3]!==themeOverrides){t3={themeOverrides,props:t2,createStyles};$[2]=t2;$[3]=themeOverrides;$[4]=t3;}else{t3=$[4];}var _useComponent=useComponent("tag",t3),styles=_useComponent.styles,theme=_useComponent.theme;var t4=theme.textColor[tone];var t5;if($[5]!==t4){t5={color:t4};$[5]=t4;$[6]=t5;}else{t5=$[6];}var t6;if($[7]!==label||$[8]!==t5){t6=_jsx(Text,{theme:t5,children:label});$[7]=label;$[8]=t5;$[9]=t6;}else{t6=$[9];}var t7;if($[10]!==icon||$[11]!==t6){t7=_jsxs(_Fragment,{children:[icon,t6]});$[10]=icon;$[11]=t6;$[12]=t7;}else{t7=$[12];}var content=t7;var t8;if($[13]!==style||$[14]!==styles.container){t8=[styles.container,style];$[13]=style;$[14]=styles.container;$[15]=t8;}else{t8=$[15];}var containerStyle=t8;var t9;if($[16]!==containerStyle||$[17]!==content||$[18]!==onPress){t9=onPress?_jsx(ActionBase,{onPress:onPress,style:containerStyle,children:content}):_jsx(View,{style:containerStyle,children:content});$[16]=containerStyle;$[17]=content;$[18]=onPress;$[19]=t9;}else{t9=$[19];}return t9;};var createStyles=defineStyles((theme,props)=>({container:{display:"flex",flexDirection:"row",alignItems:"center",borderRadius:theme.borderRadius,padding:theme.padding,backgroundColor:theme.backgroundColor[props.tone],width:"auto",gap:theme.internalSpacing}}));

package/lib/display/tag/Tag.theme.js

@@ -0,0 +1 @@
+export var defaultTagTheme=({palette:{border,color,spacing}})=>({borderRadius:border.radius.loose,internalSpacing:spacing.small,padding:spacing.small,backgroundColor:{dark:color.background,light:color.surface},textColor:{dark:color.foreground,light:color.surfaceForeground}});

package/lib/display/tag/TagIcon.js

@@ -0,0 +1 @@
+var _jsxFileName="/home/runner/work/ReactNativeComponents/ReactNativeComponents/src/display/tag/TagIcon.tsx";var _excluded=["tone","theme"];function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=_objectWithoutPropertiesLoose(e,t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(r=0;r<n.length;r++)o=n[r],-1===t.indexOf(o)&&{}.propertyIsEnumerable.call(e,o)&&(i[o]=e[o]);}return i;}function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(-1!==e.indexOf(n))continue;t[n]=r[n];}return t;}import{c as _c}from"react/compiler-runtime";import{IconBase}from"../../icons/IconBase";import{useComponent}from"../../internal";import{jsx as _jsx}from"react/jsx-runtime";export var TagIcon=t0=>{var $=_c(10);var iconProps;var t1;var themeOverrides;if($[0]!==t0){t1=t0.tone;themeOverrides=t0.theme;iconProps=_objectWithoutProperties(t0,_excluded);$[0]=t0;$[1]=iconProps;$[2]=t1;$[3]=themeOverrides;}else{iconProps=$[1];t1=$[2];themeOverrides=$[3];}var tone=t1===undefined?"dark":t1;var t2;if($[4]!==themeOverrides){t2={themeOverrides};$[4]=themeOverrides;$[5]=t2;}else{t2=$[5];}var _useComponent=useComponent("tagIcon",t2),theme=_useComponent.theme;var t3=theme.color[tone];var t4;if($[6]!==iconProps||$[7]!==t3||$[8]!==theme.size){t4=_jsx(IconBase,{...iconProps,color:t3,size:theme.size});$[6]=iconProps;$[7]=t3;$[8]=theme.size;$[9]=t4;}else{t4=$[9];}return t4;};

package/lib/display/tag/TagIcon.theme.js

@@ -0,0 +1 @@
+export var defaultTagIconTheme=({palette,theme})=>({size:theme.text.font.body.size,color:{dark:palette.color.foreground,light:palette.color.surfaceForeground}});

package/lib/display/toggleIndicator/ToggleIndicator.js

@@ -0,0 +1 @@
+var _jsxFileName="/home/runner/work/ReactNativeComponents/ReactNativeComponents/src/display/toggleIndicator/ToggleIndicator.tsx";import{c as _c}from"react/compiler-runtime";import{StyleSheet,View}from"react-native";import{IconBase}from"../../icons/IconBase";import{defineStyles,useComponent}from"../../internal";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";export var ToggleIndicator=t0=>{var $=_c(26);var t1=t0.value,t2=t0.appearance,t3=t0.variant,themeOverrides=t0.theme,style=t0.style,iconSet=t0.iconSet,iconName=t0.iconName;var value=t1===undefined?false:t1;var appearance=t2===undefined?"primary":t2;var variant=t3===undefined?"regular":t3;var t4;if($[0]!==variant){t4={variant};$[0]=variant;$[1]=t4;}else{t4=$[1];}var t5;if($[2]!==t4||$[3]!==themeOverrides){t5={themeOverrides,props:t4,createStyles};$[2]=t4;$[3]=themeOverrides;$[4]=t5;}else{t5=$[4];}var _useComponent=useComponent("toggleIndicator",t5),styles=_useComponent.styles,theme=_useComponent.theme,icons=_useComponent.icons;var indicatorSize=theme.surfaceSize[variant];var selectedFillColor=theme.color.selected[appearance];var selectedIconColor=theme.color.icon[appearance];var customIconSize=theme.iconSize[variant];var t6;if($[5]!==iconName||$[6]!==iconSet||$[7]!==icons.check){t6=iconSet&&iconName?{iconSet,iconName}:icons.check;$[5]=iconName;$[6]=iconSet;$[7]=icons.check;$[8]=t6;}else{t6=$[8];}var selectedIcon=t6;var t7;if($[9]!==style||$[10]!==styles.iconContainer){t7=[styles.iconContainer,style];$[9]=style;$[10]=styles.iconContainer;$[11]=t7;}else{t7=$[11];}var t8=value?icons.fill:icons.outline;var t9=value?selectedFillColor:theme.color.deselected;var t10;if($[12]!==indicatorSize||$[13]!==t8||$[14]!==t9){t10=_jsx(IconBase,{...t8,size:indicatorSize,color:t9});$[12]=indicatorSize;$[13]=t8;$[14]=t9;$[15]=t10;}else{t10=$[15];}var t11;if($[16]!==customIconSize||$[17]!==selectedIcon||$[18]!==selectedIconColor||$[19]!==styles.icon||$[20]!==value){t11=!!value&&_jsx(View,{style:styles.icon,children:_jsx(IconBase,{...selectedIcon,size:customIconSize,color:selectedIconColor})});$[16]=customIconSize;$[17]=selectedIcon;$[18]=selectedIconColor;$[19]=styles.icon;$[20]=value;$[21]=t11;}else{t11=$[21];}var t12;if($[22]!==t10||$[23]!==t11||$[24]!==t7){t12=_jsxs(View,{style:t7,children:[t10,t11]});$[22]=t10;$[23]=t11;$[24]=t7;$[25]=t12;}else{t12=$[25];}return t12;};var createStyles=defineStyles((theme,props)=>({iconContainer:{width:theme.surfaceSize[props.variant],height:theme.surfaceSize[props.variant],alignItems:"center",justifyContent:"center"},icon:{...StyleSheet.absoluteFill,alignItems:"center",justifyContent:"center"}}));

package/lib/display/toggleIndicator/ToggleIndicator.theme.js

@@ -0,0 +1 @@
+export var defaultToggleIndicatorTheme=({palette})=>({surfaceSize:{compact:palette.font.size.large,regular:palette.font.size.xLarge},iconSize:{compact:palette.font.size.large-palette.spacing.tiny,regular:palette.font.size.xLarge-palette.spacing.tiny},color:{selected:{primary:palette.color.primary,secondary:palette.color.secondary},deselected:palette.color.border,icon:{primary:palette.color.primaryForeground,secondary:palette.color.secondaryForeground}}});

package/lib/display/toggleIndicator/index.js

@@ -0,0 +1 @@
+export{ToggleIndicator}from"./ToggleIndicator";

package/lib/feedback/index.js

@@ -0,0 +1 @@
+export{Toast}from"./toast";

package/lib/feedback/toast/Toast.js

@@ -0,0 +1 @@
+var _jsxFileName="/home/runner/work/ReactNativeComponents/ReactNativeComponents/src/feedback/toast/Toast.tsx";import{c as _c}from"react/compiler-runtime";import{View}from"react-native";import{defineStyles,useComponent}from"../../internal";import{useSystems}from"../../theme/useSystems";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";export var Toast=t0=>{var $=_c(17);var action=t0.action,themeOverrides=t0.theme,style=t0.style,children=t0.children;var t1;if($[0]!==themeOverrides){t1={themeOverrides,createStyles};$[0]=themeOverrides;$[1]=t1;}else{t1=$[1];}var _useComponent=useComponent("toast",t1),styles=_useComponent.styles;var _useSystems=useSystems(),shadowStyle=_useSystems.shadowStyle;var t2;if($[2]!==shadowStyle||$[3]!==style||$[4]!==styles.container||$[5]!==styles.row){t2=[styles.container,shadowStyle,style,styles.row];$[2]=shadowStyle;$[3]=style;$[4]=styles.container;$[5]=styles.row;$[6]=t2;}else{t2=$[6];}var t3;if($[7]!==children||$[8]!==styles.content){t3=_jsx(View,{style:styles.content,children:children});$[7]=children;$[8]=styles.content;$[9]=t3;}else{t3=$[9];}var t4;if($[10]!==action||$[11]!==styles.action){t4=action&&_jsx(View,{style:styles.action,children:action});$[10]=action;$[11]=styles.action;$[12]=t4;}else{t4=$[12];}var t5;if($[13]!==t2||$[14]!==t3||$[15]!==t4){t5=_jsxs(View,{style:t2,children:[t3,t4]});$[13]=t2;$[14]=t3;$[15]=t4;$[16]=t5;}else{t5=$[16];}return t5;};var createStyles=defineStyles(theme=>({container:{backgroundColor:theme.container.backgroundColor,padding:theme.container.padding,borderRadius:theme.container.borderRadius,borderWidth:theme.borderWidth,borderColor:theme.borderColor},row:{flexDirection:"row"},content:{flex:1},action:{alignItems:"center",alignSelf:"stretch",borderStartColor:theme.separatorColor,borderStartWidth:theme.borderWidth,flexDirection:"row",marginStart:theme.separatorMarginHorizontal,paddingStart:theme.separatorMarginHorizontal}}));

package/lib/feedback/toast/Toast.theme.js

@@ -0,0 +1 @@
+export var defaultToastTheme=({palette:{color,spacing,border}})=>({container:{backgroundColor:color.elevated,padding:spacing.medium,borderRadius:border.radius.loose},borderColor:color.border,borderWidth:border.width.thin,separatorColor:color.mutedForeground,separatorMarginHorizontal:spacing.medium});

package/lib/forms/field/Field.js

@@ -0,0 +1 @@
+var _jsxFileName="/home/runner/work/ReactNativeComponents/ReactNativeComponents/src/forms/field/Field.tsx";import{c as _c}from"react/compiler-runtime";import{useId}from"react";import{Pressable,View}from"react-native";import{Icon}from"../../icons/Icon";import{defineStyles,useComponent}from"../../internal";import{Text}from"../../typography/text";import{FieldContext}from"./FieldContext";import{useFieldControlRegistry}from"./useFieldControlRegistry";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";var useFieldIds=()=>{var $=_c(7);var t0=useId();var t1;if($[0]!==t0){var _t;if($[2]===Symbol.for("react.memo_cache_sentinel")){_t=/:/g;$[2]=_t;}else{_t=$[2];}t1=t0.replace(_t,"");$[0]=t0;$[1]=t1;}else{t1=$[1];}var id=t1;var t2=`field-label-${id}`;var t3=`field-help-${id}`;var t4=`field-error-${id}`;var t5;if($[3]!==t2||$[4]!==t3||$[5]!==t4){t5={labelId:t2,helpId:t3,errorId:t4};$[3]=t2;$[4]=t3;$[5]=t4;$[6]=t5;}else{t5=$[6];}return t5;};var getDescribedBy=(helpId,errorId)=>{if(helpId&&errorId)return`${helpId} ${errorId}`;return helpId??errorId;};export var Field=t0=>{var $=_c(48);var label=t0.label,hideLabel=t0.hideLabel,help=t0.help,error=t0.error,t1=t0.required,t2=t0.disabled,t3=t0.readOnly,t4=t0.variant,children=t0.children,style=t0.style;var required=t1===undefined?false:t1;var disabled=t2===undefined?false:t2;var readOnly=t3===undefined?false:t3;var variant=t4===undefined?"regular":t4;var ids=useFieldIds();var t5;if($[0]===Symbol.for("react.memo_cache_sentinel")){t5={createStyles};$[0]=t5;}else{t5=$[0];}var _useComponent=useComponent("field",t5),styles=_useComponent.styles,theme=_useComponent.theme,icons=_useComponent.icons;var _useFieldControlRegis=useFieldControlRegistry(disabled),registerControl=_useFieldControlRegis.registerControl,focusFirstControl=_useFieldControlRegis.focusFirstControl;var hasVisibleLabel=label!==undefined&&!hideLabel;var t6=hasVisibleLabel?ids.labelId:undefined;var t7=label??"";var t8=help?ids.helpId:undefined;var t9=error?ids.errorId:undefined;var t10;if($[1]!==t8||$[2]!==t9){t10=getDescribedBy(t8,t9);$[1]=t8;$[2]=t9;$[3]=t10;}else{t10=$[3];}var t11=error??help;var t12=!!error;var t13;if($[4]!==disabled||$[5]!==focusFirstControl||$[6]!==readOnly||$[7]!==registerControl||$[8]!==required||$[9]!==t10||$[10]!==t11||$[11]!==t12||$[12]!==t6||$[13]!==t7||$[14]!==variant){t13={labelId:t6,label:t7,describedBy:t10,hint:t11,disabled,readOnly,required,invalid:t12,variant,registerControl,focusFirstControl};$[4]=disabled;$[5]=focusFirstControl;$[6]=readOnly;$[7]=registerControl;$[8]=required;$[9]=t10;$[10]=t11;$[11]=t12;$[12]=t6;$[13]=t7;$[14]=variant;$[15]=t13;}else{t13=$[15];}var t14;if($[16]!==style||$[17]!==styles.container){t14=[styles.container,style];$[16]=style;$[17]=styles.container;$[18]=t14;}else{t14=$[18];}var t15;if($[19]!==focusFirstControl||$[20]!==hasVisibleLabel||$[21]!==ids||$[22]!==label||$[23]!==styles.labelContainer){t15=hasVisibleLabel&&_jsx(Pressable,{accessible:true,accessibilityLabel:label,nativeID:ids.labelId,focusable:false,tabIndex:-1,onPress:focusFirstControl,style:styles.labelContainer,children:_jsx(Text,{variant:"label",accessible:false,children:label})});$[19]=focusFirstControl;$[20]=hasVisibleLabel;$[21]=ids;$[22]=label;$[23]=styles.labelContainer;$[24]=t15;}else{t15=$[24];}var t16;if($[25]!==required||$[26]!==styles.required||$[27]!==theme){t16=required&&_jsx(Text,{variant:"title",accessible:false,"aria-hidden":true,style:styles.required,theme:{color:theme.required.color},children:"\u2022"});$[25]=required;$[26]=styles.required;$[27]=theme;$[28]=t16;}else{t16=$[28];}var t17;if($[29]!==children||$[30]!==styles.controlContainer||$[31]!==t16){t17=_jsxs(View,{style:styles.controlContainer,children:[children,t16]});$[29]=children;$[30]=styles.controlContainer;$[31]=t16;$[32]=t17;}else{t17=$[32];}var t18;if($[33]!==error||$[34]!==help||$[35]!==icons||$[36]!==ids||$[37]!==styles.helpText||$[38]!==theme){t18=(help||error)&&_jsxs(View,{style:styles.helpText,children:[!!error&&_jsx(Icon,{...icons.error,theme:{color:theme.help.errorColor},size:"small"}),!!error&&_jsx(Text,{variant:"caption",nativeID:ids.errorId,theme:{color:theme.help.errorColor},children:error}),!!help&&_jsx(Text,{variant:"caption",nativeID:ids.helpId,theme:{color:theme.help.color},children:help})]});$[33]=error;$[34]=help;$[35]=icons;$[36]=ids;$[37]=styles.helpText;$[38]=theme;$[39]=t18;}else{t18=$[39];}var t19;if($[40]!==t14||$[41]!==t15||$[42]!==t17||$[43]!==t18){t19=_jsxs(View,{style:t14,children:[t15,t17,t18]});$[40]=t14;$[41]=t15;$[42]=t17;$[43]=t18;$[44]=t19;}else{t19=$[44];}var t20;if($[45]!==t13||$[46]!==t19){t20=_jsx(FieldContext.Provider,{value:t13,children:t19});$[45]=t13;$[46]=t19;$[47]=t20;}else{t20=$[47];}return t20;};var createStyles=defineStyles(theme=>({container:{alignSelf:"stretch",minWidth:0,gap:theme.label.gap},labelContainer:{marginStart:theme.surface.padding},controlContainer:{position:"relative"},required:{position:"absolute",zIndex:2,start:theme.surface.padding},helpText:{flexDirection:"row",flexWrap:"wrap",gap:theme.help.gap,marginStart:theme.surface.padding,alignItems:"center"}}));

package/lib/forms/field/Field.theme.js

@@ -0,0 +1 @@
+export var defaultFieldTheme=({palette})=>{var border=palette.border,color=palette.color,font=palette.font,spacing=palette.spacing;return{surface:{backgroundColor:color.inset,borderColor:"transparent",borderWidth:border.width.thin,borderRadius:border.radius.regular,minHeight:{regular:48,compact:36},padding:spacing.small,errorBorderColor:color.destructive},text:{fontSize:font.size.regular,fontFamily:font.family.sans,color:color.insetForeground,placeholderColor:color.mutedForeground},icon:{color:color.insetForeground,size:font.size.xLarge},label:{gap:spacing.tiny},row:{gap:0},help:{gap:spacing.tiny,color:color.mutedForeground,errorColor:color.destructive},required:{color:color.primary}};};

package/lib/forms/field/FieldAction.js

@@ -0,0 +1 @@
+var _jsxFileName="/home/runner/work/ReactNativeComponents/ReactNativeComponents/src/forms/field/FieldAction.tsx";var _excluded=["onPress","accessibilityLabel","style","tabIndex"];function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=_objectWithoutPropertiesLoose(e,t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(r=0;r<n.length;r++)o=n[r],-1===t.indexOf(o)&&{}.propertyIsEnumerable.call(e,o)&&(i[o]=e[o]);}return i;}function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(-1!==e.indexOf(n))continue;t[n]=r[n];}return t;}import{c as _c}from"react/compiler-runtime";import{IconActionBase}from"../../actions/action";import{defineStyles,useComponent}from"../../internal";import{useFieldControlState}from"./FieldContext";import{FieldIcon}from"./FieldIcon";import{jsx as _jsx}from"react/jsx-runtime";export var FieldAction=t0=>{var $=_c(24);var accessibilityLabel;var iconProps;var onPress;var style;var tabIndex;if($[0]!==t0){onPress=t0.onPress;accessibilityLabel=t0.accessibilityLabel;style=t0.style;tabIndex=t0.tabIndex;iconProps=_objectWithoutProperties(t0,_excluded);$[0]=t0;$[1]=accessibilityLabel;$[2]=iconProps;$[3]=onPress;$[4]=style;$[5]=tabIndex;}else{accessibilityLabel=$[1];iconProps=$[2];onPress=$[3];style=$[4];tabIndex=$[5];}var _useFieldControlState=useFieldControlState(),interactive=_useFieldControlState.interactive,variant=_useFieldControlState.variant;var t1;if($[6]!==variant){t1={props:{variant},createStyles};$[6]=variant;$[7]=t1;}else{t1=$[7];}var _useComponent=useComponent("field",t1),styles=_useComponent.styles,theme=_useComponent.theme;if(!(interactive&&!!onPress)){var _t;if($[8]!==iconProps||$[9]!==style){_t=_jsx(FieldIcon,{...iconProps,style:style});$[8]=iconProps;$[9]=style;$[10]=_t;}else{_t=$[10];}return _t;}var t2;if($[11]!==style||$[12]!==styles.icon){t2=[styles.icon,style];$[11]=style;$[12]=styles.icon;$[13]=t2;}else{t2=$[13];}var t3;if($[14]!==theme.icon.color){t3={color:theme.icon.color};$[14]=theme.icon.color;$[15]=t3;}else{t3=$[15];}var t4;if($[16]!==accessibilityLabel||$[17]!==iconProps||$[18]!==onPress||$[19]!==t2||$[20]!==t3||$[21]!==tabIndex||$[22]!==theme.icon.size){t4=_jsx(IconActionBase,{...iconProps,onPress:onPress,accessibilityLabel:accessibilityLabel,style:t2,theme:t3,iconSize:theme.icon.size,hitSlop:0,tabIndex:tabIndex});$[16]=accessibilityLabel;$[17]=iconProps;$[18]=onPress;$[19]=t2;$[20]=t3;$[21]=tabIndex;$[22]=theme.icon.size;$[23]=t4;}else{t4=$[23];}return t4;};var createStyles=defineStyles((theme,props)=>{var size=theme.surface.minHeight[props.variant];return{icon:{width:size,minHeight:size,borderRadius:theme.surface.borderRadius,alignItems:"center",justifyContent:"center"}};});

package/lib/forms/field/FieldContext.js

@@ -0,0 +1 @@
+import{c as _c}from"react/compiler-runtime";import{createContext,useContext}from"react";export var FieldContext=createContext(null);export var useFieldContext=()=>{return useContext(FieldContext);};export var useFieldControlState=()=>{var $=_c(9);var field=useFieldContext();var t0=field?.label;var t1=field?.disabled??false;var t2=field?.readOnly??false;var t3=field?.invalid??false;var t4=field?.required??false;var t5=!(field?.disabled||field?.readOnly);var t6=field?.variant??"regular";var t7;if($[0]!==field||$[1]!==t0||$[2]!==t1||$[3]!==t2||$[4]!==t3||$[5]!==t4||$[6]!==t5||$[7]!==t6){t7={field,label:t0,disabled:t1,readOnly:t2,invalid:t3,required:t4,interactive:t5,variant:t6};$[0]=field;$[1]=t0;$[2]=t1;$[3]=t2;$[4]=t3;$[5]=t4;$[6]=t5;$[7]=t6;$[8]=t7;}else{t7=$[8];}return t7;};

package/lib/forms/field/FieldIcon.js

@@ -0,0 +1 @@
+var _jsxFileName="/home/runner/work/ReactNativeComponents/ReactNativeComponents/src/forms/field/FieldIcon.tsx";var _excluded=["style"];function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=_objectWithoutPropertiesLoose(e,t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(r=0;r<n.length;r++)o=n[r],-1===t.indexOf(o)&&{}.propertyIsEnumerable.call(e,o)&&(i[o]=e[o]);}return i;}function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(-1!==e.indexOf(n))continue;t[n]=r[n];}return t;}import{c as _c}from"react/compiler-runtime";import{View}from"react-native";import{IconBase}from"../../icons/IconBase";import{defineStyles,useComponent}from"../../internal";import{useFieldControlState}from"./FieldContext";import{jsx as _jsx}from"react/jsx-runtime";export var FieldIcon=t0=>{var $=_c(15);var iconProps;var style;if($[0]!==t0){style=t0.style;iconProps=_objectWithoutProperties(t0,_excluded);$[0]=t0;$[1]=iconProps;$[2]=style;}else{iconProps=$[1];style=$[2];}var _useFieldControlState=useFieldControlState(),variant=_useFieldControlState.variant;var t1;if($[3]!==variant){t1={props:{variant},createStyles};$[3]=variant;$[4]=t1;}else{t1=$[4];}var _useComponent=useComponent("field",t1),styles=_useComponent.styles,theme=_useComponent.theme;var t2;if($[5]!==style||$[6]!==styles.icon){t2=[styles.icon,style];$[5]=style;$[6]=styles.icon;$[7]=t2;}else{t2=$[7];}var t3;if($[8]!==iconProps||$[9]!==theme.icon.color||$[10]!==theme.icon.size){t3=_jsx(IconBase,{...iconProps,color:theme.icon.color,size:theme.icon.size});$[8]=iconProps;$[9]=theme.icon.color;$[10]=theme.icon.size;$[11]=t3;}else{t3=$[11];}var t4;if($[12]!==t2||$[13]!==t3){t4=_jsx(View,{accessible:false,"aria-hidden":true,style:t2,children:t3});$[12]=t2;$[13]=t3;$[14]=t4;}else{t4=$[14];}return t4;};var createStyles=defineStyles((theme,props)=>{var size=theme.surface.minHeight[props.variant];return{icon:{width:size,minHeight:size,borderRadius:theme.surface.borderRadius,alignItems:"center",justifyContent:"center",pointerEvents:"none"}};});

package/lib/forms/field/FieldNumberInput.js

@@ -0,0 +1 @@
+var _jsxFileName="/home/runner/work/ReactNativeComponents/ReactNativeComponents/src/forms/field/FieldNumberInput.tsx";var _excluded=["onChangeText","onKeyPress","onStep","keyboardType"];function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=_objectWithoutPropertiesLoose(e,t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(r=0;r<n.length;r++)o=n[r],-1===t.indexOf(o)&&{}.propertyIsEnumerable.call(e,o)&&(i[o]=e[o]);}return i;}function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(-1!==e.indexOf(n))continue;t[n]=r[n];}return t;}import{c as _c}from"react/compiler-runtime";import{useFieldControlState}from"./FieldContext";import{FieldTextInput}from"./FieldTextInput";import{jsx as _jsx}from"react/jsx-runtime";var INTEGER_PATTERN=/^\d*/;var DECIMAL_PATTERN=/^\d*\.?\d*/;var LEADING_ZEROS_PATTERN=/^0+(?=\d)/;var sanitizeNumber=(text,allowDecimal)=>{var pattern=allowDecimal?DECIMAL_PATTERN:INTEGER_PATTERN;var matched=text.match(pattern)?.[0]??"";return matched.replace(LEADING_ZEROS_PATTERN,"");};export var FieldNumberInput=t0=>{var $=_c(18);var onChangeText;var onKeyPress;var onStep;var props;var t1;if($[0]!==t0){onChangeText=t0.onChangeText;onKeyPress=t0.onKeyPress;onStep=t0.onStep;t1=t0.keyboardType;props=_objectWithoutProperties(t0,_excluded);$[0]=t0;$[1]=onChangeText;$[2]=onKeyPress;$[3]=onStep;$[4]=props;$[5]=t1;}else{onChangeText=$[1];onKeyPress=$[2];onStep=$[3];props=$[4];t1=$[5];}var keyboardType=t1===undefined?"number-pad":t1;var _useFieldControlState=useFieldControlState(),interactive=_useFieldControlState.interactive;var canStep=interactive&&!!onStep;var t2;if($[6]!==keyboardType||$[7]!==onChangeText){t2=text=>{onChangeText?.(sanitizeNumber(text,keyboardType==="decimal-pad"));};$[6]=keyboardType;$[7]=onChangeText;$[8]=t2;}else{t2=$[8];}var handleChangeText=t2;var t3;if($[9]!==canStep||$[10]!==onKeyPress||$[11]!==onStep){t3=event=>{var key=event.nativeEvent.key;if(canStep&&(key==="ArrowUp"||key==="ArrowDown")){event.preventDefault?.();onStep?.(key==="ArrowUp"?1:-1);return;}onKeyPress?.(event);};$[9]=canStep;$[10]=onKeyPress;$[11]=onStep;$[12]=t3;}else{t3=$[12];}var handleKeyPress=t3;var t4;if($[13]!==handleChangeText||$[14]!==handleKeyPress||$[15]!==keyboardType||$[16]!==props){t4=_jsx(FieldTextInput,{...props,keyboardType:keyboardType,onChangeText:handleChangeText,onKeyPress:handleKeyPress});$[13]=handleChangeText;$[14]=handleKeyPress;$[15]=keyboardType;$[16]=props;$[17]=t4;}else{t4=$[17];}return t4;};

package/lib/forms/field/FieldRow.js

@@ -0,0 +1 @@
+var _jsxFileName="/home/runner/work/ReactNativeComponents/ReactNativeComponents/src/forms/field/FieldRow.tsx";import{c as _c}from"react/compiler-runtime";import{View}from"react-native";import{defineStyles,useComponent}from"../../internal";import{fieldLabelA11y}from"./a11y";import{useFieldContext}from"./FieldContext";import{jsx as _jsx}from"react/jsx-runtime";export var FieldRow=t0=>{var $=_c(11);var style=t0.style,children=t0.children;var field=useFieldContext();var t1;if($[0]===Symbol.for("react.memo_cache_sentinel")){t1={createStyles};$[0]=t1;}else{t1=$[0];}var _useComponent=useComponent("field",t1),styles=_useComponent.styles;var t2=field?"group":undefined;var t3;if($[1]!==field){t3=fieldLabelA11y(field);$[1]=field;$[2]=t3;}else{t3=$[2];}var t4;if($[3]!==style||$[4]!==styles.row){t4=[styles.row,style];$[3]=style;$[4]=styles.row;$[5]=t4;}else{t4=$[5];}var t5;if($[6]!==children||$[7]!==t2||$[8]!==t3||$[9]!==t4){t5=_jsx(View,{role:t2,...t3,style:t4,children:children});$[6]=children;$[7]=t2;$[8]=t3;$[9]=t4;$[10]=t5;}else{t5=$[10];}return t5;};var createStyles=defineStyles(theme=>({row:{flexDirection:"row",flexGrow:1,minWidth:0,gap:theme.row.gap}}));

package/lib/forms/field/FieldSurface.js

@@ -0,0 +1 @@
+var _jsxFileName="/home/runner/work/ReactNativeComponents/ReactNativeComponents/src/forms/field/FieldSurface.tsx";function _slicedToArray(r,e){return _arrayWithHoles(r)||_iterableToArrayLimit(r,e)||_unsupportedIterableToArray(r,e)||_nonIterableRest();}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}function _unsupportedIterableToArray(r,a){if(r){if("string"==typeof r)return _arrayLikeToArray(r,a);var t={}.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t||"Set"===t?Array.from(r):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?_arrayLikeToArray(r,a):void 0;}}function _arrayLikeToArray(r,a){(null==a||a>r.length)&&(a=r.length);for(var e=0,n=Array(a);e<a;e++)n[e]=r[e];return n;}function _iterableToArrayLimit(r,l){var t=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=t){var e,n,i,u,a=[],f=!0,o=!1;try{if(i=(t=t.call(r)).next,0===l){if(Object(t)!==t)return;f=!1;}else for(;!(f=(e=i.call(t)).done)&&(a.push(e.value),a.length!==l);f=!0);}catch(r){o=!0,n=r;}finally{try{if(!f&&null!=t.return&&(u=t.return(),Object(u)!==u))return;}finally{if(o)throw n;}}return a;}}function _arrayWithHoles(r){if(Array.isArray(r))return r;}import{c as _c}from"react/compiler-runtime";import{useState}from"react";import{Platform,StyleSheet,View}from"react-native";import{defineStyles,useComponent}from"../../internal";import{useSystems}from"../../theme/useSystems";import{useFieldControlState}from"./FieldContext";import{FieldSurfaceContext}from"./FieldSurfaceContext";import{FieldSurfacePressLayer}from"./FieldSurfacePressLayer";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";export var FieldSurface=t0=>{var $=_c(38);var onPress=t0.onPress,children=t0.children,ref=t0.ref,style=t0.style;var _useFieldControlState=useFieldControlState(),interactive=_useFieldControlState.interactive,disabled=_useFieldControlState.disabled,invalid=_useFieldControlState.invalid,variant=_useFieldControlState.variant;var _useSystems=useSystems(),getFocusRingStyle=_useSystems.getFocusRingStyle,getDisabledStyle=_useSystems.getDisabledStyle;var t1;if($[0]!==invalid||$[1]!==variant){t1={props:{invalid,variant},createStyles};$[0]=invalid;$[1]=variant;$[2]=t1;}else{t1=$[2];}var _useComponent=useComponent("field",t1),styles=_useComponent.styles;var _useState=useState(_temp),_useState2=_slicedToArray(_useState,2),focusedSlots=_useState2[0],setFocusedSlots=_useState2[1];var t2;if($[3]===Symbol.for("react.memo_cache_sentinel")){t2=(id,focusVisible)=>{setFocusedSlots(current=>{var hasFocus=current.has(id);if(focusVisible===hasFocus){return current;}var next=new Set(current);if(focusVisible){next.add(id);}else{next.delete(id);}return next;});};$[3]=t2;}else{t2=$[3];}var reportFocus=t2;var canPress=interactive&&!!onPress;var showRing=Platform.OS==="web"&&!disabled&&focusedSlots.size>0;var t3;if($[4]!==getFocusRingStyle||$[5]!==showRing){t3=getFocusRingStyle(showRing);$[4]=getFocusRingStyle;$[5]=showRing;$[6]=t3;}else{t3=$[6];}var focusRingStyle=t3;var t4;if($[7]!==disabled||$[8]!==getDisabledStyle){t4=getDisabledStyle(disabled);$[7]=disabled;$[8]=getDisabledStyle;$[9]=t4;}else{t4=$[9];}var disabledStyle=t4;var t5=ref?false:undefined;var t6;if($[10]!==disabledStyle||$[11]!==focusRingStyle||$[12]!==style||$[13]!==styles.control){t6=[styles.control,focusRingStyle,disabledStyle,style];$[10]=disabledStyle;$[11]=focusRingStyle;$[12]=style;$[13]=styles.control;$[14]=t6;}else{t6=$[14];}var t7;if($[15]!==styles.surface){t7=_jsx(View,{style:[StyleSheet.absoluteFill,styles.surface]});$[15]=styles.surface;$[16]=t7;}else{t7=$[16];}var t8;if($[17]===Symbol.for("react.memo_cache_sentinel")){t8={reportFocus};$[17]=t8;}else{t8=$[17];}var t9;if($[18]!==canPress||$[19]!==onPress){t9=canPress&&onPress&&_jsx(FieldSurfacePressLayer,{onPress:onPress});$[18]=canPress;$[19]=onPress;$[20]=t9;}else{t9=$[20];}var t10=canPress&&styles.pointerEventsBoxNone;var t11=disabled&&styles.pointerEventsNone;var t12;if($[21]!==styles.content||$[22]!==styles.pointerEventsAuto||$[23]!==t10||$[24]!==t11){t12=[styles.content,styles.pointerEventsAuto,t10,t11];$[21]=styles.content;$[22]=styles.pointerEventsAuto;$[23]=t10;$[24]=t11;$[25]=t12;}else{t12=$[25];}var t13;if($[26]!==children||$[27]!==t12){t13=_jsx(View,{style:t12,children:children});$[26]=children;$[27]=t12;$[28]=t13;}else{t13=$[28];}var t14;if($[29]!==t13||$[30]!==t9){t14=_jsxs(FieldSurfaceContext.Provider,{value:t8,children:[t9,t13]});$[29]=t13;$[30]=t9;$[31]=t14;}else{t14=$[31];}var t15;if($[32]!==ref||$[33]!==t14||$[34]!==t5||$[35]!==t6||$[36]!==t7){t15=_jsxs(View,{ref:ref,collapsable:t5,style:t6,children:[t7,t14]});$[32]=ref;$[33]=t14;$[34]=t5;$[35]=t6;$[36]=t7;$[37]=t15;}else{t15=$[37];}return t15;};var createStyles=defineStyles((theme,props)=>{var surface=theme.surface;return{control:{alignSelf:"stretch",minWidth:0,minHeight:surface.minHeight[props.variant],borderRadius:surface.borderRadius,position:"relative"},surface:{backgroundColor:surface.backgroundColor,borderColor:props.invalid?surface.errorBorderColor:surface.borderColor,borderWidth:surface.borderWidth,borderRadius:surface.borderRadius},content:{position:"relative",zIndex:1,flexGrow:1,minWidth:0,minHeight:surface.minHeight[props.variant]},pointerEventsAuto:{pointerEvents:"auto"},pointerEventsNone:{pointerEvents:"none"},pointerEventsBoxNone:{pointerEvents:"box-none"}};});function _temp(){return new Set();}

package/lib/{hooks/usePersistentKeyboardHeight.js → forms/field/FieldSurfaceContext.js}

@@ -1 +1 @@
-function _slicedToArray(r,e){return _arrayWithHoles(r)||_iterableToArrayLimit(r,e)||_unsupportedIterableToArray(r,e)||_nonIterableRest();}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}function _unsupportedIterableToArray(r,a){if(r){if("string"==typeof r)return _arrayLikeToArray(r,a);var t={}.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t||"Set"===t?Array.from(r):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?_arrayLikeToArray(r,a):void 0;}}function _arrayLikeToArray(r,a){(null==a||a>r.length)&&(a=r.length);for(var e=0,n=Array(a);e<a;e++)n[e]=r[e];return n;}function _iterableToArrayLimit(r,l){var t=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=t){var e,n,i,u,a=[],f=!0,o=!1;try{if(i=(t=t.call(r)).next,0===l){if(Object(t)!==t)return;f=!1;}else for(;!(f=(e=i.call(t)).done)&&(a.push(e.value),a.length!==l);f=!0);}catch(r){o=!0,n=r;}finally{try{if(!f&&null!=t.return&&(u=t.return(),Object(u)!==u))return;}finally{if(o)throw n;}}return a;}}function _arrayWithHoles(r){if(Array.isArray(r))return r;}import{c as _c}from"react/compiler-runtime";import{useEffect,useState}from"react";import{Keyboard,Platform}from"react-native";var isIos=Platform.OS==="ios";export var usePersistentKeyboardHeight=()=>{var $=_c(4);var _useState=useState(0),_useState2=_slicedToArray(_useState,2),keyboardHeight=_useState2[0],setKeyboardHeight=_useState2[1];var t0;var t1;if($[0]===Symbol.for("react.memo_cache_sentinel")){t0=()=>{var showEvent=isIos?"keyboardWillShow":"keyboardDidShow";var showListener=Keyboard.addListener(showEvent,e=>{setKeyboardHeight(e.endCoordinates.height);});return()=>{showListener.remove();};};t1=[];$[0]=t0;$[1]=t1;}else{t0=$[0];t1=$[1];}useEffect(t0,t1);var t2;if($[2]!==keyboardHeight){t2={keyboardHeight};$[2]=keyboardHeight;$[3]=t2;}else{t2=$[3];}return t2;};
+function _slicedToArray(r,e){return _arrayWithHoles(r)||_iterableToArrayLimit(r,e)||_unsupportedIterableToArray(r,e)||_nonIterableRest();}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}function _unsupportedIterableToArray(r,a){if(r){if("string"==typeof r)return _arrayLikeToArray(r,a);var t={}.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t||"Set"===t?Array.from(r):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?_arrayLikeToArray(r,a):void 0;}}function _arrayLikeToArray(r,a){(null==a||a>r.length)&&(a=r.length);for(var e=0,n=Array(a);e<a;e++)n[e]=r[e];return n;}function _iterableToArrayLimit(r,l){var t=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=t){var e,n,i,u,a=[],f=!0,o=!1;try{if(i=(t=t.call(r)).next,0===l){if(Object(t)!==t)return;f=!1;}else for(;!(f=(e=i.call(t)).done)&&(a.push(e.value),a.length!==l);f=!0);}catch(r){o=!0,n=r;}finally{try{if(!f&&null!=t.return&&(u=t.return(),Object(u)!==u))return;}finally{if(o)throw n;}}return a;}}function _arrayWithHoles(r){if(Array.isArray(r))return r;}import{c as _c}from"react/compiler-runtime";import{createContext,useContext,useEffect,useState}from"react";export var FieldSurfaceContext=createContext(null);export var useFieldFocus=()=>{var $=_c(10);var surface=useContext(FieldSurfaceContext);var _useState=useState(_temp),_useState2=_slicedToArray(_useState,1),id=_useState2[0];var reportFocus=surface?.reportFocus;var t0;var t1;if($[0]!==id||$[1]!==reportFocus){t0=()=>{if(!reportFocus){return;}return()=>reportFocus(id,false);};t1=[id,reportFocus];$[0]=id;$[1]=reportFocus;$[2]=t0;$[3]=t1;}else{t0=$[2];t1=$[3];}useEffect(t0,t1);var t2;if($[4]!==id||$[5]!==reportFocus){t2=focusVisible=>reportFocus?.(id,focusVisible);$[4]=id;$[5]=reportFocus;$[6]=t2;}else{t2=$[6];}var reportFocusVisible=t2;var t3=reportFocus!==undefined;var t4=reportFocus?reportFocusVisible:undefined;var t5;if($[7]!==t3||$[8]!==t4){t5={isNestedInSurface:t3,reportFocusVisible:t4};$[7]=t3;$[8]=t4;$[9]=t5;}else{t5=$[9];}return t5;};function _temp(){return Symbol("fieldSlot");}

package/lib/forms/field/FieldSurfacePressLayer.js

@@ -0,0 +1 @@
+var _jsxFileName="/home/runner/work/ReactNativeComponents/ReactNativeComponents/src/forms/field/FieldSurfacePressLayer.tsx";import{c as _c}from"react/compiler-runtime";import{useRef}from"react";import{StyleSheet}from"react-native";import{PressableBase}from"../../actions/action";import{StateLayer}from"../../actions/surface";import{defineStyles,useComponent}from"../../internal";import{fieldAria}from"./a11y";import{useFieldControlState}from"./FieldContext";import{useFieldControlFocus}from"./useFieldControlFocus";import{jsx as _jsx}from"react/jsx-runtime";export var FieldSurfacePressLayer=t0=>{var $=_c(14);var onPress=t0.onPress;var _useFieldControlState=useFieldControlState(),field=_useFieldControlState.field;var t1;if($[0]===Symbol.for("react.memo_cache_sentinel")){t1={createStyles};$[0]=t1;}else{t1=$[0];}var _useComponent=useComponent("field",t1),styles=_useComponent.styles;var pressRef=useRef(null);var t2;if($[1]===Symbol.for("react.memo_cache_sentinel")){t2=()=>pressRef.current?.focus?.();$[1]=t2;}else{t2=$[1];}var focusPress=t2;var t3;if($[2]===Symbol.for("react.memo_cache_sentinel")){t3={focus:focusPress,pressEvents:true};$[2]=t3;}else{t3=$[2];}var _useFieldControlFocus=useFieldControlFocus(t3),getFocusProps=_useFieldControlFocus.getFocusProps;var t4;if($[3]!==getFocusProps){t4=getFocusProps();$[3]=getFocusProps;$[4]=t4;}else{t4=$[4];}var t5;if($[5]!==field){t5=fieldAria(field);$[5]=field;$[6]=t5;}else{t5=$[6];}var t6;if($[7]!==styles.pressable){t6=[StyleSheet.absoluteFill,styles.pressable];$[7]=styles.pressable;$[8]=t6;}else{t6=$[8];}var t7;if($[9]!==onPress||$[10]!==t4||$[11]!==t5||$[12]!==t6){t7=_jsx(PressableBase,{ref:pressRef,...t4,focusable:true,tabIndex:0,accessibilityRole:"button",...t5,onPress:onPress,style:t6,children:_temp});$[9]=onPress;$[10]=t4;$[11]=t5;$[12]=t6;$[13]=t7;}else{t7=$[13];}return t7;};var createStyles=defineStyles(theme=>({pressable:{borderRadius:theme.surface.borderRadius,overflow:"hidden"}}));function _temp(t0){var pressed=t0.pressed,hovered=t0.hovered;return _jsx(StateLayer,{pressed:pressed,hovered:hovered});}

package/lib/forms/field/FieldTextInput.js

@@ -0,0 +1 @@
+var _jsxFileName="/home/runner/work/ReactNativeComponents/ReactNativeComponents/src/forms/field/FieldTextInput.tsx";var _excluded=["readOnly","theme","style","onFocus","onBlur","onPressIn","onPressOut","multiline","scrollEnabled","onChangeText","accessibilityLabel","accessibilityHint","accessibilityState","accessibilityValue","nativeID","tabIndex","ref"];function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=_objectWithoutPropertiesLoose(e,t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(r=0;r<n.length;r++)o=n[r],-1===t.indexOf(o)&&{}.propertyIsEnumerable.call(e,o)&&(i[o]=e[o]);}return i;}function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(-1!==e.indexOf(n))continue;t[n]=r[n];}return t;}import{c as _c}from"react/compiler-runtime";import{TextInput}from"react-native";import{defineStyles,useComponent,useForwardedRef}from"../../internal";import{useSystems}from"../../theme/useSystems";import{fieldAria}from"./a11y";import{useFieldControlState}from"./FieldContext";import{useFieldControlFocus}from"./useFieldControlFocus";import{jsx as _jsx}from"react/jsx-runtime";export var FieldTextInput=t0=>{var $=_c(65);var accessibilityHint;var accessibilityLabel;var accessibilityState;var accessibilityValue;var nativeID;var onBlur;var onChangeText;var onFocus;var onPressIn;var onPressOut;var props;var readOnlyProp;var ref;var scrollEnabled;var style;var t1;var tabIndex;var themeOverrides;if($[0]!==t0){readOnlyProp=t0.readOnly;themeOverrides=t0.theme;style=t0.style;onFocus=t0.onFocus;onBlur=t0.onBlur;onPressIn=t0.onPressIn;onPressOut=t0.onPressOut;t1=t0.multiline;scrollEnabled=t0.scrollEnabled;onChangeText=t0.onChangeText;accessibilityLabel=t0.accessibilityLabel;accessibilityHint=t0.accessibilityHint;accessibilityState=t0.accessibilityState;accessibilityValue=t0.accessibilityValue;nativeID=t0.nativeID;tabIndex=t0.tabIndex;ref=t0.ref;props=_objectWithoutProperties(t0,_excluded);$[0]=t0;$[1]=accessibilityHint;$[2]=accessibilityLabel;$[3]=accessibilityState;$[4]=accessibilityValue;$[5]=nativeID;$[6]=onBlur;$[7]=onChangeText;$[8]=onFocus;$[9]=onPressIn;$[10]=onPressOut;$[11]=props;$[12]=readOnlyProp;$[13]=ref;$[14]=scrollEnabled;$[15]=style;$[16]=t1;$[17]=tabIndex;$[18]=themeOverrides;}else{accessibilityHint=$[1];accessibilityLabel=$[2];accessibilityState=$[3];accessibilityValue=$[4];nativeID=$[5];onBlur=$[6];onChangeText=$[7];onFocus=$[8];onPressIn=$[9];onPressOut=$[10];props=$[11];readOnlyProp=$[12];ref=$[13];scrollEnabled=$[14];style=$[15];t1=$[16];tabIndex=$[17];themeOverrides=$[18];}var multiline=t1===undefined?false:t1;var _useFieldControlState=useFieldControlState(),field=_useFieldControlState.field,disabled=_useFieldControlState.disabled,fieldReadOnly=_useFieldControlState.readOnly,interactive=_useFieldControlState.interactive;var _useSystems=useSystems(),getDisabledStyle=_useSystems.getDisabledStyle,maxFontSizeMultiplier=_useSystems.maxFontSizeMultiplier;var t2=field?.variant??"regular";var t3;if($[19]!==t2){t3={variant:t2};$[19]=t2;$[20]=t3;}else{t3=$[20];}var t4;if($[21]!==t3||$[22]!==themeOverrides){t4={themeOverrides,props:t3,createStyles};$[21]=t3;$[22]=themeOverrides;$[23]=t4;}else{t4=$[23];}var _useComponent=useComponent("field",t4),styles=_useComponent.styles,theme=_useComponent.theme;var inputRef=useForwardedRef(ref);var t5;if($[24]!==inputRef){t5=()=>inputRef.current?.focus();$[24]=inputRef;$[25]=t5;}else{t5=$[25];}var focusInput=t5;var t6=!disabled;var t7;if($[26]!==focusInput||$[27]!==t6){t7={focusable:t6,pressEvents:true,focus:focusInput};$[26]=focusInput;$[27]=t6;$[28]=t7;}else{t7=$[28];}var fieldFocus=useFieldControlFocus(t7);var t8;if($[29]!==fieldFocus||$[30]!==onBlur||$[31]!==onFocus||$[32]!==onPressIn||$[33]!==onPressOut){t8=fieldFocus.getFocusProps({onFocus,onBlur,onPressIn,onPressOut});$[29]=fieldFocus;$[30]=onBlur;$[31]=onFocus;$[32]=onPressIn;$[33]=onPressOut;$[34]=t8;}else{t8=$[34];}var t9=interactive&&!readOnlyProp;var t10=!disabled;var t11=disabled?-1:tabIndex;var t12=theme.text.placeholderColor;var t13=fieldReadOnly||!!readOnlyProp;var t14;if($[35]!==accessibilityHint||$[36]!==accessibilityLabel||$[37]!==accessibilityState||$[38]!==accessibilityValue||$[39]!==field||$[40]!==t13){t14=fieldAria(field,{label:accessibilityLabel,readOnly:t13,hint:accessibilityHint,state:accessibilityState,value:accessibilityValue});$[35]=accessibilityHint;$[36]=accessibilityLabel;$[37]=accessibilityState;$[38]=accessibilityValue;$[39]=field;$[40]=t13;$[41]=t14;}else{t14=$[41];}var t15=fieldFocus.focusRingStyle;var t16=styles.input;var t17=!fieldFocus.isNestedInSurface&&disabled;var t18;if($[42]!==getDisabledStyle||$[43]!==t17){t18=getDisabledStyle(t17);$[42]=getDisabledStyle;$[43]=t17;$[44]=t18;}else{t18=$[44];}var t19;if($[45]!==fieldFocus.focusRingStyle||$[46]!==style||$[47]!==styles.input||$[48]!==t18){t19=[t15,t16,t18,style];$[45]=fieldFocus.focusRingStyle;$[46]=style;$[47]=styles.input;$[48]=t18;$[49]=t19;}else{t19=$[49];}var t20=scrollEnabled??multiline;var t21;if($[50]!==inputRef||$[51]!==maxFontSizeMultiplier||$[52]!==multiline||$[53]!==nativeID||$[54]!==onChangeText||$[55]!==props||$[56]!==t10||$[57]!==t11||$[58]!==t14||$[59]!==t19||$[60]!==t20||$[61]!==t8||$[62]!==t9||$[63]!==theme.text.placeholderColor){t21=_jsx(TextInput,{...t8,...props,ref:inputRef,editable:t9,focusable:t10,tabIndex:t11,maxFontSizeMultiplier:maxFontSizeMultiplier,placeholderTextColor:t12,nativeID:nativeID,...t14,style:t19,multiline:multiline,scrollEnabled:t20,onChangeText:onChangeText});$[50]=inputRef;$[51]=maxFontSizeMultiplier;$[52]=multiline;$[53]=nativeID;$[54]=onChangeText;$[55]=props;$[56]=t10;$[57]=t11;$[58]=t14;$[59]=t19;$[60]=t20;$[61]=t8;$[62]=t9;$[63]=theme.text.placeholderColor;$[64]=t21;}else{t21=$[64];}return t21;};var createStyles=defineStyles((theme,props)=>({input:{alignSelf:"stretch",flex:1,minWidth:0,minHeight:theme.surface.minHeight[props.variant],padding:theme.surface.padding,fontSize:theme.text.fontSize,fontFamily:theme.text.fontFamily,color:theme.text.color}}));

package/lib/forms/field/a11y.js

@@ -0,0 +1 @@
+export var fieldLabelA11y=(field,overrides={})=>({accessibilityLabel:overrides.label??field?.label,"aria-labelledby":field?.labelId});export var fieldAria=(field,overrides={})=>{var disabled=overrides.disabled??field?.disabled??false;var invalid=overrides.invalid??field?.invalid??false;var required=overrides.required??field?.required??false;var readOnly=overrides.readOnly??field?.readOnly??false;var state=overrides.state;var value=overrides.value;return{...fieldLabelA11y(field,overrides),"aria-describedby":field?.describedBy,"aria-disabled":disabled||undefined,"aria-invalid":invalid||undefined,"aria-readonly":readOnly||undefined,"aria-required":required||undefined,accessibilityHint:overrides.hint??field?.hint,accessibilityState:{...state,disabled},accessibilityValue:value,"aria-checked":state?.checked,"aria-expanded":state?.expanded,"aria-selected":state?.selected,"aria-busy":state?.busy,"aria-valuemax":value?.max,"aria-valuemin":value?.min,"aria-valuenow":value?.now,"aria-valuetext":value?.text};};

package/lib/forms/field/index.js

@@ -0,0 +1 @@
+export{fieldAria}from"./a11y";export{Field}from"./Field";export{FieldAction}from"./FieldAction";export{useFieldControlState}from"./FieldContext";export{FieldIcon}from"./FieldIcon";export{FieldNumberInput}from"./FieldNumberInput";export{FieldRow}from"./FieldRow";export{FieldSurface}from"./FieldSurface";export{FieldTextInput}from"./FieldTextInput";export{useFieldControlFocus}from"./useFieldControlFocus";

package/lib/forms/field/useFieldControlFocus.js

@@ -0,0 +1 @@
+import{c as _c}from"react/compiler-runtime";import{useEffect,useRef}from"react";import{Platform}from"react-native";import{useFocusVisible}from"../../internal";import{useSystems}from"../../theme/useSystems";import{useFieldContext}from"./FieldContext";import{useFieldFocus}from"./FieldSurfaceContext";export var useFieldControlFocus=t0=>{var $=_c(13);var t1;if($[0]!==t0){t1=t0===undefined?{}:t0;$[0]=t0;$[1]=t1;}else{t1=$[1];}var _t=t1,t2=_t.focusable,t3=_t.pressEvents,focus=_t.focus;var focusable=t2===undefined?true:t2;var pressEvents=t3===undefined?false:t3;var _useFieldFocus=useFieldFocus(),isNestedInSurface=_useFieldFocus.isNestedInSurface,reportFocusVisible=_useFieldFocus.reportFocusVisible;var focusState=useFocusVisible(reportFocusVisible);var _useSystems=useSystems(),getFocusRingStyle=_useSystems.getFocusRingStyle;useRegisterFieldControl(focusable?focus:undefined);var t4=Platform.OS==="web"&&focusable&&!isNestedInSurface&&focusState.focusVisible;var t5;if($[2]!==getFocusRingStyle||$[3]!==t4){t5=getFocusRingStyle(t4);$[2]=getFocusRingStyle;$[3]=t4;$[4]=t5;}else{t5=$[4];}var focusRingStyle=t5;var t6;if($[5]!==focusState||$[6]!==focusable||$[7]!==pressEvents){t6=t7=>{var handlers=t7===undefined?{}:t7;return{...(focusable?focusState.webPointerHandlers:{}),onFocus:event=>{if(focusable){focusState.onFocus();}handlers.onFocus?.(event);},onBlur:event_0=>{if(focusable){focusState.onBlur();}handlers.onBlur?.(event_0);},...(pressEvents?{onPressIn:event_1=>{if(focusable){focusState.onPointerDown();}handlers.onPressIn?.(event_1);},onPressOut:event_2=>{if(focusable){focusState.onPointerUp();}handlers.onPressOut?.(event_2);}}:{})};};$[5]=focusState;$[6]=focusable;$[7]=pressEvents;$[8]=t6;}else{t6=$[8];}var getFocusProps=t6;var t7;if($[9]!==focusRingStyle||$[10]!==getFocusProps||$[11]!==isNestedInSurface){t7={focusRingStyle,getFocusProps,isNestedInSurface};$[9]=focusRingStyle;$[10]=getFocusProps;$[11]=isNestedInSurface;$[12]=t7;}else{t7=$[12];}return t7;};var useRegisterFieldControl=focus=>{var $=_c(7);var field=useFieldContext();var registerControl=field?.registerControl;var focusable=focus!==undefined;var focusRef=useRef(focus);var t0;var t1;if($[0]!==focus){t0=()=>{focusRef.current=focus;};t1=[focus];$[0]=focus;$[1]=t0;$[2]=t1;}else{t0=$[1];t1=$[2];}useEffect(t0,t1);var t2;var t3;if($[3]!==focusable||$[4]!==registerControl){t2=()=>{if(!(registerControl&&focusable)){return;}return registerControl({focus:()=>focusRef.current?.()});};t3=[registerControl,focusable];$[3]=focusable;$[4]=registerControl;$[5]=t2;$[6]=t3;}else{t2=$[5];t3=$[6];}useEffect(t2,t3);};

package/lib/forms/field/useFieldControlRegistry.js

@@ -0,0 +1 @@
+import{c as _c}from"react/compiler-runtime";import{useRef}from"react";export var useFieldControlRegistry=disabled=>{var $=_c(4);var t0;if($[0]===Symbol.for("react.memo_cache_sentinel")){t0=new Set();$[0]=t0;}else{t0=$[0];}var registrationsRef=useRef(t0);var t1;if($[1]===Symbol.for("react.memo_cache_sentinel")){t1=registration=>{var registrations=registrationsRef.current;registrations.add(registration);return()=>registrations.delete(registration);};$[1]=t1;}else{t1=$[1];}var registerControl=t1;var t2;if($[2]!==disabled){var focusFirstControl=()=>{if(disabled){return;}for(var registration_0 of registrationsRef.current){registration_0.focus();return;}};t2={registerControl,focusFirstControl};$[2]=disabled;$[3]=t2;}else{t2=$[3];}return t2;};

package/lib/forms/formContainer/FormContainer.js

@@ -0,0 +1 @@
+var _jsxFileName="/home/runner/work/ReactNativeComponents/ReactNativeComponents/src/forms/formContainer/FormContainer.tsx";import{c as _c}from"react/compiler-runtime";import{Keyboard,Platform,Pressable,View}from"react-native";import{defineStyles,useComponent}from"../../internal";import{jsx as _jsx}from"react/jsx-runtime";export var FormContainer=t0=>{var $=_c(8);var style=t0.style,themeOverrides=t0.theme,children=t0.children;var t1;if($[0]!==themeOverrides){t1={themeOverrides,createStyles};$[0]=themeOverrides;$[1]=t1;}else{t1=$[1];}var _useComponent=useComponent("formContainer",t1),styles=_useComponent.styles;var t2;if($[2]!==style||$[3]!==styles.container){t2=[styles.container,style];$[2]=style;$[3]=styles.container;$[4]=t2;}else{t2=$[4];}var containerStyle=t2;var t3;if($[5]!==children||$[6]!==containerStyle){t3=Platform.OS==="web"?_jsx(View,{style:containerStyle,children:children}):_jsx(Pressable,{accessible:false,style:containerStyle,onPress:_temp,children:children});$[5]=children;$[6]=containerStyle;$[7]=t3;}else{t3=$[7];}return t3;};var createStyles=defineStyles(theme=>({container:{alignSelf:"stretch",width:"100%",minWidth:0,gap:theme.gap}}));function _temp(){return Keyboard.dismiss();}

package/lib/forms/formContainer/FormContainer.theme.js

@@ -0,0 +1 @@
+export var defaultFormContainerTheme=({palette:{spacing}})=>({gap:spacing.medium});

package/lib/forms/formContainer/index.js

@@ -0,0 +1 @@
+export{FormContainer}from"./FormContainer";

package/lib/forms/formRow/FormRow.js

@@ -0,0 +1 @@
+var _jsxFileName="/home/runner/work/ReactNativeComponents/ReactNativeComponents/src/forms/formRow/FormRow.tsx";import{c as _c}from"react/compiler-runtime";import{Children,isValidElement}from"react";import{View}from"react-native";import{defineStyles,useComponent}from"../../internal";import{jsx as _jsx}from"react/jsx-runtime";export var FormRow=t0=>{var $=_c(12);var themeOverrides=t0.theme,style=t0.style,children=t0.children;var t1;if($[0]!==themeOverrides){t1={themeOverrides,createStyles};$[0]=themeOverrides;$[1]=t1;}else{t1=$[1];}var _useComponent=useComponent("formRow",t1),styles=_useComponent.styles;var t2;if($[2]!==children||$[3]!==style||$[4]!==styles.cell||$[5]!==styles.container){var items=Children.toArray(children);var t3;if($[7]!==style||$[8]!==styles.container){t3=[styles.container,style];$[7]=style;$[8]=styles.container;$[9]=t3;}else{t3=$[9];}var t4;if($[10]!==styles.cell){t4=child=>_jsx(View,{style:styles.cell,children:child},isValidElement(child)?child.key:String(child));$[10]=styles.cell;$[11]=t4;}else{t4=$[11];}t2=_jsx(View,{style:t3,children:items.map(t4)});$[2]=children;$[3]=style;$[4]=styles.cell;$[5]=styles.container;$[6]=t2;}else{t2=$[6];}return t2;};var createStyles=defineStyles(theme=>({container:{alignSelf:"stretch",minWidth:0,flexDirection:"row",alignItems:"flex-start",gap:theme.gap},cell:{flexGrow:1,flexBasis:0,minWidth:0}}));