@planningcenter/chat-react-native 3.42.2-qa-821.1 → 3.42.2-qa-staging.3

package/build/components/display/switch.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import type { SwitchProps } from 'react-native';
-export declare function Switch({ disabled, value, ...props }: SwitchProps): import("react/jsx-runtime").JSX.Element;
+export declare function Switch({ disabled, value, ...props }: SwitchProps): React.JSX.Element;
 //# sourceMappingURL=switch.d.ts.map

package/build/components/display/switch.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../../../src/components/display/switch.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,cAAc,CAAA;AAO/C,wBAAgB,MAAM,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,WAAW,2CAwBhE"}
+{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../../../src/components/display/switch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,cAAc,CAAA;AAO/C,wBAAgB,MAAM,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,WAAW,qBAwBhE"}

package/build/components/display/switch.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
 import { Platform, Switch as ReactNativeSwitch } from 'react-native';
 import { useTheme } from '../../hooks';
 // =================================
@@ -17,6 +17,6 @@ export function Switch({ disabled, value, ...props }) {
         },
         ios: undefined,
     });
-    return (_jsx(ReactNativeSwitch, { ...props, thumbColor: platformThumbColor, trackColor: platformTrackColor, value: value, disabled: disabled }));
+    return (<ReactNativeSwitch {...props} thumbColor={platformThumbColor} trackColor={platformTrackColor} value={value} disabled={disabled}/>);
 }
 //# sourceMappingURL=switch.js.map

package/build/components/display/switch.js.map

@@ -1 +1 @@
-{"version":3,"file":"switch.js","sourceRoot":"","sources":["../../../src/components/display/switch.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,IAAI,iBAAiB,EAAE,MAAM,cAAc,CAAA;AAEpE,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AAEtC,oCAAoC;AACpC,oCAAoC;AACpC,oCAAoC;AAEpC,MAAM,UAAU,MAAM,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,KAAK,EAAe;IAC/D,MAAM,EAAE,MAAM,EAAE,GAAG,QAAQ,EAAE,CAAA;IAE7B,MAAM,kBAAkB,GAAG,QAAQ,CAAC,MAAM,CAAC;QACzC,OAAO,EAAE,KAAK,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,uBAAuB,CAAC,CAAC,CAAC,MAAM,CAAC,uBAAuB;QAC7F,GAAG,EAAE,SAAS;KACf,CAAC,CAAA;IACF,MAAM,kBAAkB,GAAG,QAAQ,CAAC,MAAM,CAAC;QACzC,OAAO,EAAE;YACP,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,mBAAmB,CAAC,CAAC,CAAC,SAAS;YACvD,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,mBAAmB,CAAC,CAAC,CAAC,MAAM,CAAC,mBAAmB;SAC1E;QACD,GAAG,EAAE,SAAS;KACf,CAAC,CAAA;IAEF,OAAO,CACL,KAAC,iBAAiB,OACZ,KAAK,EACT,UAAU,EAAE,kBAAkB,EAC9B,UAAU,EAAE,kBAAkB,EAC9B,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,GAClB,CACH,CAAA;AACH,CAAC","sourcesContent":["import React from 'react'\nimport { Platform, Switch as ReactNativeSwitch } from 'react-native'\nimport type { SwitchProps } from 'react-native'\nimport { useTheme } from '../../hooks'\n\n// =================================\n// ====== Component ================\n// =================================\n\nexport function Switch({ disabled, value, ...props }: SwitchProps) {\n  const { colors } = useTheme()\n\n  const platformThumbColor = Platform.select({\n    android: value && !disabled ? colors.androidSwitchThumbColor : colors.fillColorNeutral050Base,\n    ios: undefined,\n  })\n  const platformTrackColor = Platform.select({\n    android: {\n      true: disabled ? colors.fillColorNeutral060 : undefined,\n      false: disabled ? colors.fillColorNeutral060 : colors.fillColorNeutral030,\n    },\n    ios: undefined,\n  })\n\n  return (\n    <ReactNativeSwitch\n      {...props}\n      thumbColor={platformThumbColor}\n      trackColor={platformTrackColor}\n      value={value}\n      disabled={disabled}\n    />\n  )\n}\n"]}
+{"version":3,"file":"switch.js","sourceRoot":"","sources":["../../../src/components/display/switch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,QAAQ,EAAE,MAAM,IAAI,iBAAiB,EAAE,MAAM,cAAc,CAAA;AAEpE,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AAEtC,oCAAoC;AACpC,oCAAoC;AACpC,oCAAoC;AAEpC,MAAM,UAAU,MAAM,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,KAAK,EAAe;IAC/D,MAAM,EAAE,MAAM,EAAE,GAAG,QAAQ,EAAE,CAAA;IAE7B,MAAM,kBAAkB,GAAG,QAAQ,CAAC,MAAM,CAAC;QACzC,OAAO,EAAE,KAAK,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,uBAAuB,CAAC,CAAC,CAAC,MAAM,CAAC,uBAAuB;QAC7F,GAAG,EAAE,SAAS;KACf,CAAC,CAAA;IACF,MAAM,kBAAkB,GAAG,QAAQ,CAAC,MAAM,CAAC;QACzC,OAAO,EAAE;YACP,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,mBAAmB,CAAC,CAAC,CAAC,SAAS;YACvD,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,mBAAmB,CAAC,CAAC,CAAC,MAAM,CAAC,mBAAmB;SAC1E;QACD,GAAG,EAAE,SAAS;KACf,CAAC,CAAA;IAEF,OAAO,CACL,CAAC,iBAAiB,CAChB,IAAI,KAAK,CAAC,CACV,UAAU,CAAC,CAAC,kBAAkB,CAAC,CAC/B,UAAU,CAAC,CAAC,kBAAkB,CAAC,CAC/B,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,QAAQ,CAAC,CAAC,QAAQ,CAAC,EACnB,CACH,CAAA;AACH,CAAC","sourcesContent":["import React from 'react'\nimport { Platform, Switch as ReactNativeSwitch } from 'react-native'\nimport type { SwitchProps } from 'react-native'\nimport { useTheme } from '../../hooks'\n\n// =================================\n// ====== Component ================\n// =================================\n\nexport function Switch({ disabled, value, ...props }: SwitchProps) {\n  const { colors } = useTheme()\n\n  const platformThumbColor = Platform.select({\n    android: value && !disabled ? colors.androidSwitchThumbColor : colors.fillColorNeutral050Base,\n    ios: undefined,\n  })\n  const platformTrackColor = Platform.select({\n    android: {\n      true: disabled ? colors.fillColorNeutral060 : undefined,\n      false: disabled ? colors.fillColorNeutral060 : colors.fillColorNeutral030,\n    },\n    ios: undefined,\n  })\n\n  return (\n    <ReactNativeSwitch\n      {...props}\n      thumbColor={platformThumbColor}\n      trackColor={platformTrackColor}\n      value={value}\n      disabled={disabled}\n    />\n  )\n}\n"]}

package/build/components/display/tabs.d.ts

@@ -12,6 +12,6 @@ interface TabsProps<ItemT> {
     style?: ViewStyle;
     contentContainerStyle?: ViewStyle;
 }
-export declare function Tabs<ItemT>({ activeTab, contentContainerStyle, data, keyExtractor, onTabPress, renderItem, style, }: TabsProps<ItemT>): import("react/jsx-runtime").JSX.Element;
+export declare function Tabs<ItemT>({ activeTab, contentContainerStyle, data, keyExtractor, onTabPress, renderItem, style, }: TabsProps<ItemT>): React.JSX.Element;
 export {};
 //# sourceMappingURL=tabs.d.ts.map

package/build/components/display/tabs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../../src/components/display/tabs.tsx"],"names":[],"mappings":"AACA,OAAO,KAAsC,MAAM,OAAO,CAAA;AAC1D,OAAO,EAAsC,SAAS,EAAE,MAAM,cAAc,CAAA;AAO5E,UAAU,SAAS,CAAC,KAAK;IACvB,IAAI,EAAE,SAAS,CAAC,KAAK,CAAC,GAAG,IAAI,GAAG,SAAS,CAAA;IACzC,SAAS,CAAC,EAAE,KAAK,CAAA;IACjB,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,MAAM,CAAC,EAAE,MAAM,KAAK,MAAM,CAAA;IACxD,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAA;IACnC,UAAU,EAAE,CAAC,CAAC,EAAE;QAAE,IAAI,EAAE,KAAK,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,KAAK,KAAK,CAAC,SAAS,CAAA;IAClE,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,qBAAqB,CAAC,EAAE,SAAS,CAAA;CAClC;AAQD,wBAAgB,IAAI,CAAC,KAAK,EAAE,EAC1B,SAA+B,EAC/B,qBAAqB,EACrB,IAAI,EACJ,YAAkC,EAClC,UAAU,EACV,UAAU,EACV,KAAK,GACN,EAAE,SAAS,CAAC,KAAK,CAAC,2CA+ElB"}
+{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../../src/components/display/tabs.tsx"],"names":[],"mappings":"AACA,OAAO,KAAsC,MAAM,OAAO,CAAA;AAC1D,OAAO,EAAsC,SAAS,EAAE,MAAM,cAAc,CAAA;AAO5E,UAAU,SAAS,CAAC,KAAK;IACvB,IAAI,EAAE,SAAS,CAAC,KAAK,CAAC,GAAG,IAAI,GAAG,SAAS,CAAA;IACzC,SAAS,CAAC,EAAE,KAAK,CAAA;IACjB,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,MAAM,CAAC,EAAE,MAAM,KAAK,MAAM,CAAA;IACxD,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAA;IACnC,UAAU,EAAE,CAAC,CAAC,EAAE;QAAE,IAAI,EAAE,KAAK,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,KAAK,KAAK,CAAC,SAAS,CAAA;IAClE,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,qBAAqB,CAAC,EAAE,SAAS,CAAA;CAClC;AAQD,wBAAgB,IAAI,CAAC,KAAK,EAAE,EAC1B,SAA+B,EAC/B,qBAAqB,EACrB,IAAI,EACJ,YAAkC,EAClC,UAAU,EACV,UAAU,EACV,KAAK,GACN,EAAE,SAAS,CAAC,KAAK,CAAC,qBA+ElB"}

package/build/components/display/tabs.js

@@ -1,6 +1,5 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { PlatformPressable } from '@react-navigation/elements';
-import { useEffect, useRef, useState } from 'react';
+import React, { useEffect, useRef, useState } from 'react';
 import { Animated, Easing, StyleSheet, View } from 'react-native';
 import { useTheme } from '../../hooks';
 const defaultKeyExtractor = (item, index) => {
@@ -37,25 +36,36 @@ export function Tabs({ activeTab = { id: '' }, contentContainerStyle, data, keyE
             useNativeDriver: true,
         }).start();
     }, [opacity, activeTabIndex]);
-    return (_jsx(View, { style: [styles.container, style], children: _jsxs(Animated.View, { style: [styles.contentContainer, contentContainerStyle], children: [_jsx(View, { style: styles.tabsContainer, onLayout: event => {
-                        const { height } = event.nativeEvent.layout;
-                        setTabHeight(height);
-                    }, children: dataArray.map((item, index) => {
-                        return (_jsx(PlatformPressable, { style: styles.tab, onPress: () => {
-                                onTabPress?.(item);
-                            }, children: _jsx(View, { onLayout: event => {
-                                    const { width } = event.nativeEvent.layout;
-                                    setTabDimensions(dimensions => dimensions.add({ index, width }));
-                                }, children: renderItem({ item, index }) }) }, index));
-                    }) }), _jsx(Animated.View, { style: [
-                        styles.cursor,
-                        {
-                            opacity,
-                            top: tabHeight - 5,
-                            width: tabDimensions[activeTabIndex]?.width || 0,
-                            transform: [{ translateX: tabCursorPosition }],
-                        },
-                    ] })] }) }));
+    return (<View style={[styles.container, style]}>
+      <Animated.View style={[styles.contentContainer, contentContainerStyle]}>
+        <View style={styles.tabsContainer} onLayout={event => {
+            const { height } = event.nativeEvent.layout;
+            setTabHeight(height);
+        }}>
+          {dataArray.map((item, index) => {
+            return (<PlatformPressable key={index} style={styles.tab} onPress={() => {
+                    onTabPress?.(item);
+                }}>
+                <View onLayout={event => {
+                    const { width } = event.nativeEvent.layout;
+                    setTabDimensions(dimensions => dimensions.add({ index, width }));
+                }}>
+                  {renderItem({ item, index })}
+                </View>
+              </PlatformPressable>);
+        })}
+        </View>
+        <Animated.View style={[
+            styles.cursor,
+            {
+                opacity,
+                top: tabHeight - 5,
+                width: tabDimensions[activeTabIndex]?.width || 0,
+                transform: [{ translateX: tabCursorPosition }],
+            },
+        ]}/>
+      </Animated.View>
+    </View>);
 }
 // =================================
 // ====== Styles ===================

package/build/components/display/tabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"tabs.js","sourceRoot":"","sources":["../../../src/components/display/tabs.tsx"],"names":[],"mappings":"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","sourcesContent":["import { PlatformPressable } from '@react-navigation/elements'\nimport React, { useEffect, useRef, useState } from 'react'\nimport { Animated, Easing, StyleSheet, View, ViewStyle } from 'react-native'\nimport { useTheme } from '../../hooks'\n\n// =================================\n// ====== Component ================\n// =================================\n\ninterface TabsProps<ItemT> {\n  data: ArrayLike<ItemT> | null | undefined\n  activeTab?: ItemT\n  keyExtractor?: (_item: ItemT, _index?: number) => string\n  onTabPress?: (_item: ItemT) => void\n  renderItem: (_: { item: ItemT; index: number }) => React.ReactNode\n  style?: ViewStyle\n  contentContainerStyle?: ViewStyle\n}\n\nconst defaultKeyExtractor = (item: any, index?: number) => {\n  if (typeof item === 'string') return item\n\n  return item.id || index?.toString() || item.toString()\n}\n\nexport function Tabs<ItemT>({\n  activeTab = { id: '' } as ItemT,\n  contentContainerStyle,\n  data,\n  keyExtractor = defaultKeyExtractor,\n  onTabPress,\n  renderItem,\n  style,\n}: TabsProps<ItemT>) {\n  const [tabDimSet, setTabDimensions] = useState<Set<{ index: number; width: number }>>(new Set())\n  const tabDimensions = Array.from(tabDimSet)\n  const [tabHeight, setTabHeight] = useState(0)\n  const styles = useStyles()\n  const opacity = useRef(new Animated.Value(0)).current\n  const tabCursorPosition = useRef(new Animated.Value(0)).current\n  const dataArray = Array.from(data || [])\n  const activeTabIndex = dataArray.findIndex(\n    (item, index) => keyExtractor(item, index) === keyExtractor(activeTab)\n  )\n  const gap = 8\n  const tabCursorSpacing = tabDimensions\n    .slice(0, activeTabIndex)\n    .reduce((acc, { width }) => acc + width + gap, 0)\n\n  Animated.timing(tabCursorPosition, {\n    toValue: tabCursorSpacing,\n    easing: Easing.inOut(Easing.ease),\n    duration: 100,\n    useNativeDriver: true,\n  }).start()\n\n  useEffect(() => {\n    if (activeTabIndex === -1) return\n\n    Animated.timing(opacity, {\n      toValue: 1,\n      easing: Easing.inOut(Easing.ease),\n      duration: 500,\n      useNativeDriver: true,\n    }).start()\n  }, [opacity, activeTabIndex])\n\n  return (\n    <View style={[styles.container, style]}>\n      <Animated.View style={[styles.contentContainer, contentContainerStyle]}>\n        <View\n          style={styles.tabsContainer}\n          onLayout={event => {\n            const { height } = event.nativeEvent.layout\n            setTabHeight(height)\n          }}\n        >\n          {dataArray.map((item, index) => {\n            return (\n              <PlatformPressable\n                key={index}\n                style={styles.tab}\n                onPress={() => {\n                  onTabPress?.(item)\n                }}\n              >\n                <View\n                  onLayout={event => {\n                    const { width } = event.nativeEvent.layout\n                    setTabDimensions(dimensions => dimensions.add({ index, width }))\n                  }}\n                >\n                  {renderItem({ item, index })}\n                </View>\n              </PlatformPressable>\n            )\n          })}\n        </View>\n        <Animated.View\n          style={[\n            styles.cursor,\n            {\n              opacity,\n              top: tabHeight - 5,\n              width: tabDimensions[activeTabIndex]?.width || 0,\n              transform: [{ translateX: tabCursorPosition }],\n            },\n          ]}\n        />\n      </Animated.View>\n    </View>\n  )\n}\n\n// =================================\n// ====== Styles ===================\n// =================================\n\nconst useStyles = () => {\n  const theme = useTheme()\n  return StyleSheet.create({\n    container: {\n      flexDirection: 'row',\n      justifyContent: 'center',\n    },\n    contentContainer: {},\n    cursor: {\n      borderBottomWidth: 3,\n      borderBottomColor: theme.colors.interaction,\n      height: 5,\n      flex: 1,\n      position: 'absolute',\n      zIndex: 5,\n    },\n    tab: {},\n    tabsContainer: {\n      flex: 1,\n      flexDirection: 'row',\n      gap: 8,\n    },\n  })\n}\n"]}
+{"version":3,"file":"tabs.js","sourceRoot":"","sources":["../../../src/components/display/tabs.tsx"],"names":[],"mappings":"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","sourcesContent":["import { PlatformPressable } from '@react-navigation/elements'\nimport React, { useEffect, useRef, useState } from 'react'\nimport { Animated, Easing, StyleSheet, View, ViewStyle } from 'react-native'\nimport { useTheme } from '../../hooks'\n\n// =================================\n// ====== Component ================\n// =================================\n\ninterface TabsProps<ItemT> {\n  data: ArrayLike<ItemT> | null | undefined\n  activeTab?: ItemT\n  keyExtractor?: (_item: ItemT, _index?: number) => string\n  onTabPress?: (_item: ItemT) => void\n  renderItem: (_: { item: ItemT; index: number }) => React.ReactNode\n  style?: ViewStyle\n  contentContainerStyle?: ViewStyle\n}\n\nconst defaultKeyExtractor = (item: any, index?: number) => {\n  if (typeof item === 'string') return item\n\n  return item.id || index?.toString() || item.toString()\n}\n\nexport function Tabs<ItemT>({\n  activeTab = { id: '' } as ItemT,\n  contentContainerStyle,\n  data,\n  keyExtractor = defaultKeyExtractor,\n  onTabPress,\n  renderItem,\n  style,\n}: TabsProps<ItemT>) {\n  const [tabDimSet, setTabDimensions] = useState<Set<{ index: number; width: number }>>(new Set())\n  const tabDimensions = Array.from(tabDimSet)\n  const [tabHeight, setTabHeight] = useState(0)\n  const styles = useStyles()\n  const opacity = useRef(new Animated.Value(0)).current\n  const tabCursorPosition = useRef(new Animated.Value(0)).current\n  const dataArray = Array.from(data || [])\n  const activeTabIndex = dataArray.findIndex(\n    (item, index) => keyExtractor(item, index) === keyExtractor(activeTab)\n  )\n  const gap = 8\n  const tabCursorSpacing = tabDimensions\n    .slice(0, activeTabIndex)\n    .reduce((acc, { width }) => acc + width + gap, 0)\n\n  Animated.timing(tabCursorPosition, {\n    toValue: tabCursorSpacing,\n    easing: Easing.inOut(Easing.ease),\n    duration: 100,\n    useNativeDriver: true,\n  }).start()\n\n  useEffect(() => {\n    if (activeTabIndex === -1) return\n\n    Animated.timing(opacity, {\n      toValue: 1,\n      easing: Easing.inOut(Easing.ease),\n      duration: 500,\n      useNativeDriver: true,\n    }).start()\n  }, [opacity, activeTabIndex])\n\n  return (\n    <View style={[styles.container, style]}>\n      <Animated.View style={[styles.contentContainer, contentContainerStyle]}>\n        <View\n          style={styles.tabsContainer}\n          onLayout={event => {\n            const { height } = event.nativeEvent.layout\n            setTabHeight(height)\n          }}\n        >\n          {dataArray.map((item, index) => {\n            return (\n              <PlatformPressable\n                key={index}\n                style={styles.tab}\n                onPress={() => {\n                  onTabPress?.(item)\n                }}\n              >\n                <View\n                  onLayout={event => {\n                    const { width } = event.nativeEvent.layout\n                    setTabDimensions(dimensions => dimensions.add({ index, width }))\n                  }}\n                >\n                  {renderItem({ item, index })}\n                </View>\n              </PlatformPressable>\n            )\n          })}\n        </View>\n        <Animated.View\n          style={[\n            styles.cursor,\n            {\n              opacity,\n              top: tabHeight - 5,\n              width: tabDimensions[activeTabIndex]?.width || 0,\n              transform: [{ translateX: tabCursorPosition }],\n            },\n          ]}\n        />\n      </Animated.View>\n    </View>\n  )\n}\n\n// =================================\n// ====== Styles ===================\n// =================================\n\nconst useStyles = () => {\n  const theme = useTheme()\n  return StyleSheet.create({\n    container: {\n      flexDirection: 'row',\n      justifyContent: 'center',\n    },\n    contentContainer: {},\n    cursor: {\n      borderBottomWidth: 3,\n      borderBottomColor: theme.colors.interaction,\n      height: 5,\n      flex: 1,\n      position: 'absolute',\n      zIndex: 5,\n    },\n    tab: {},\n    tabsContainer: {\n      flex: 1,\n      flexDirection: 'row',\n      gap: 8,\n    },\n  })\n}\n"]}

package/build/components/display/text.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import type { TextStyle as ReactNativeTextStyle, TextProps as ReactNativeTextProps, StyleProp } from 'react-native';
 type BorderKeys = 'borderWidth' | 'borderBottomWidth' | 'borderLeftWidth' | 'borderRightWidth' | 'borderTopWidth' | 'borderColor' | 'borderBottomColor' | 'borderLeftColor' | 'borderRightColor' | 'borderTopColor' | 'borderStyle';
 export type TextStyle = Omit<ReactNativeTextStyle, BorderKeys> & {
@@ -20,6 +21,6 @@ export interface TextProps extends Omit<ReactNativeTextProps, 'style'> {
      */
     style?: StyleProp<TextStyle>;
 }
-export declare function Text({ style, variant, children, ...props }: TextProps): import("react/jsx-runtime").JSX.Element;
+export declare function Text({ style, variant, children, ...props }: TextProps): React.JSX.Element;
 export {};
 //# sourceMappingURL=text.d.ts.map

package/build/components/display/text.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"text.d.ts","sourceRoot":"","sources":["../../../src/components/display/text.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,SAAS,IAAI,oBAAoB,EACjC,SAAS,IAAI,oBAAoB,EACjC,SAAS,EACV,MAAM,cAAc,CAAA;AAWrB,KAAK,UAAU,GACX,aAAa,GACb,mBAAmB,GACnB,iBAAiB,GACjB,kBAAkB,GAClB,gBAAgB,GAChB,aAAa,GACb,mBAAmB,GACnB,iBAAiB,GACjB,kBAAkB,GAClB,gBAAgB,GAChB,aAAa,CAAA;AAEjB,MAAM,MAAM,SAAS,GAAG,IAAI,CAAC,oBAAoB,EAAE,UAAU,CAAC,GAAG;KAC9D,CAAC,IAAI,UAAU,CAAC,CAAC,EAAE,KAAK;CAC1B,CAAA;AAED,QAAA,MAAM,QAAQ;;;;;CAKJ,CAAA;AAEV,KAAK,YAAY,GAAG,CAAC,OAAO,QAAQ,CAAC,CAAC,MAAM,OAAO,QAAQ,CAAC,CAAA;AAO5D,MAAM,WAAW,SAAU,SAAQ,IAAI,CAAC,oBAAoB,EAAE,OAAO,CAAC;IACpE;;OAEG;IACH,OAAO,CAAC,EAAE,YAAY,CAAA;IACtB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;CAC7B;AAED,wBAAgB,IAAI,CAAC,EAAE,KAAK,EAAE,OAAiB,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,2CAc/E"}
+{"version":3,"file":"text.d.ts","sourceRoot":"","sources":["../../../src/components/display/text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EACV,SAAS,IAAI,oBAAoB,EACjC,SAAS,IAAI,oBAAoB,EACjC,SAAS,EACV,MAAM,cAAc,CAAA;AAWrB,KAAK,UAAU,GACX,aAAa,GACb,mBAAmB,GACnB,iBAAiB,GACjB,kBAAkB,GAClB,gBAAgB,GAChB,aAAa,GACb,mBAAmB,GACnB,iBAAiB,GACjB,kBAAkB,GAClB,gBAAgB,GAChB,aAAa,CAAA;AAEjB,MAAM,MAAM,SAAS,GAAG,IAAI,CAAC,oBAAoB,EAAE,UAAU,CAAC,GAAG;KAC9D,CAAC,IAAI,UAAU,CAAC,CAAC,EAAE,KAAK;CAC1B,CAAA;AAED,QAAA,MAAM,QAAQ;;;;;CAKJ,CAAA;AAEV,KAAK,YAAY,GAAG,CAAC,OAAO,QAAQ,CAAC,CAAC,MAAM,OAAO,QAAQ,CAAC,CAAA;AAO5D,MAAM,WAAW,SAAU,SAAQ,IAAI,CAAC,oBAAoB,EAAE,OAAO,CAAC;IACpE;;OAEG;IACH,OAAO,CAAC,EAAE,YAAY,CAAA;IACtB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;CAC7B;AAED,wBAAgB,IAAI,CAAC,EAAE,KAAK,EAAE,OAAiB,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,qBAc/E"}

package/build/components/display/text.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
 import { StyleSheet, Text as ReactNativeText, Platform } from 'react-native';
 import { useTheme } from '../../hooks';
 import { tokens } from '../../vendor/tapestry/tokens';
@@ -16,7 +16,9 @@ export function Text({ style, variant = 'plain', children, ...props }) {
         [VARIANTS.tertiary]: styles.tertiary,
         [VARIANTS.footnote]: styles.footnote,
     };
-    return (_jsx(ReactNativeText, { style: [styles.base, variantStyleMap[variant], style], ...props, children: children }));
+    return (<ReactNativeText style={[styles.base, variantStyleMap[variant], style]} {...props}>
+      {children}
+    </ReactNativeText>);
 }
 // =================================
 // ====== Styles ===================

package/build/components/display/text.js.map

@@ -1 +1 @@
-{"version":3,"file":"text.js","sourceRoot":"","sources":["../../../src/components/display/text.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,IAAI,IAAI,eAAe,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAA;AAM5E,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AACtC,OAAO,EAAE,MAAM,EAAE,MAAM,8BAA8B,CAAA;AA0BrD,MAAM,QAAQ,GAAG;IACf,KAAK,EAAE,OAAO;IACd,SAAS,EAAE,WAAW;IACtB,QAAQ,EAAE,UAAU;IACpB,QAAQ,EAAE,UAAU;CACZ,CAAA;AAoBV,MAAM,UAAU,IAAI,CAAC,EAAE,KAAK,EAAE,OAAO,GAAG,OAAO,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAa;IAC9E,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAC1B,MAAM,eAAe,GAAkB;QACrC,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC,KAAK;QAC9B,CAAC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC,SAAS;QACtC,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC,QAAQ;QACpC,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC,QAAQ;KACrC,CAAA;IAED,OAAO,CACL,KAAC,eAAe,IAAC,KAAK,EAAE,CAAC,MAAM,CAAC,IAAI,EAAE,eAAe,CAAC,OAAO,CAAC,EAAE,KAAK,CAAC,KAAM,KAAK,YAC9E,QAAQ,GACO,CACnB,CAAA;AACH,CAAC;AAED,oCAAoC;AACpC,oCAAoC;AACpC,oCAAoC;AAEpC,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,EAAE,MAAM,EAAE,GAAG,QAAQ,EAAE,CAAA;IAC7B,OAAO,UAAU,CAAC,MAAM,CAAC;QACvB,IAAI,EAAE;YACJ,GAAG,QAAQ,CAAC,MAAM,CAAC;gBACjB,OAAO,EAAE;oBACP,UAAU,EAAE,QAAQ,EAAE,wQAAwQ;iBAC/R;gBACD,OAAO,EAAE,IAAI,EAAE,2KAA2K;aAC3L,CAAC;SACH;QACD,KAAK,EAAE;YACL,KAAK,EAAE,MAAM,CAAC,uBAAuB;YACrC,QAAQ,EAAE,MAAM,CAAC,UAAU;SAC5B;QACD,iEAAiE;QACjE,4DAA4D;QAC5D,gGAAgG;QAChG,SAAS,EAAE;YACT,KAAK,EAAE,MAAM,CAAC,uBAAuB;YACrC,QAAQ,EAAE,MAAM,CAAC,UAAU;SAC5B;QACD,QAAQ,EAAE;YACR,KAAK,EAAE,MAAM,CAAC,yBAAyB;YACvC,QAAQ,EAAE,MAAM,CAAC,UAAU;SAC5B;QACD,QAAQ,EAAE;YACR,KAAK,EAAE,MAAM,CAAC,yBAAyB;YACvC,QAAQ,EAAE,MAAM,CAAC,UAAU;SAC5B;KACF,CAAC,CAAA;AACJ,CAAC,CAAA","sourcesContent":["import React from 'react'\nimport { StyleSheet, Text as ReactNativeText, Platform } from 'react-native'\nimport type {\n  TextStyle as ReactNativeTextStyle,\n  TextProps as ReactNativeTextProps,\n  StyleProp,\n} from 'react-native'\nimport { useTheme } from '../../hooks'\nimport { tokens } from '../../vendor/tapestry/tokens'\n\n// =================================\n// ====== Constants ================\n// =================================\n\n// TextStyle extends ViewStyle, which includes border properties.\n// CCA has issues with borders on Text on iOS. (https://github.com/planningcenter/chat-mobile/pull/177)\n// Our pattern is to apply boarders to a parent View instead.\ntype BorderKeys =\n  | 'borderWidth'\n  | 'borderBottomWidth'\n  | 'borderLeftWidth'\n  | 'borderRightWidth'\n  | 'borderTopWidth'\n  | 'borderColor'\n  | 'borderBottomColor'\n  | 'borderLeftColor'\n  | 'borderRightColor'\n  | 'borderTopColor'\n  | 'borderStyle'\n\nexport type TextStyle = Omit<ReactNativeTextStyle, BorderKeys> & {\n  [K in BorderKeys]?: never\n}\n\nconst VARIANTS = {\n  plain: 'plain',\n  secondary: 'secondary',\n  tertiary: 'tertiary',\n  footnote: 'footnote',\n} as const\n\ntype VariantUnion = (typeof VARIANTS)[keyof typeof VARIANTS]\ntype VariantStyles = Record<VariantUnion, TextStyle>\n\n// =================================\n// ====== Component ================\n// =================================\n\nexport interface TextProps extends Omit<ReactNativeTextProps, 'style'> {\n  /**\n   * Changes the styles and size of the text.\n   */\n  variant?: VariantUnion\n  /**\n   * Text styles (border and background properties are not allowed)\n   */\n  style?: StyleProp<TextStyle>\n}\n\nexport function Text({ style, variant = 'plain', children, ...props }: TextProps) {\n  const styles = useStyles()\n  const variantStyleMap: VariantStyles = {\n    [VARIANTS.plain]: styles.plain,\n    [VARIANTS.secondary]: styles.secondary,\n    [VARIANTS.tertiary]: styles.tertiary,\n    [VARIANTS.footnote]: styles.footnote,\n  }\n\n  return (\n    <ReactNativeText style={[styles.base, variantStyleMap[variant], style]} {...props}>\n      {children}\n    </ReactNativeText>\n  )\n}\n\n// =================================\n// ====== Styles ===================\n// =================================\n\nconst useStyles = () => {\n  const { colors } = useTheme()\n  return StyleSheet.create({\n    base: {\n      ...Platform.select({\n        android: {\n          fontFamily: 'normal', // This forces the text to be normal weight when the \"Bold font\" accessibility setting is enabled. While this is not ideal, it fixes a bug where the text without a hard coded fontWeight gets cut off on Android. https://github.com/facebook/react-native/issues/15114\n        },\n        default: null, // iOS needs to specify its own font family otherwise the italic style won't work. (Used in message_markdown.tsx) It's \"Bold font\" accessibility setting works as expected.\n      }),\n    },\n    plain: {\n      color: colors.textColorDefaultPrimary,\n      fontSize: tokens.fontSizeMd,\n    },\n    // This is a dupe of the plain variant to support the legacy API.\n    // Once we move to the new Doxy font scale we can remove it.\n    // See: https://www.figma.com/design/ZR0ZP6FdbOBOK3fUSpRr0Q/CC-Redux-2025?node-id=156-1069&m=dev\n    secondary: {\n      color: colors.textColorDefaultPrimary,\n      fontSize: tokens.fontSizeMd,\n    },\n    tertiary: {\n      color: colors.textColorDefaultSecondary,\n      fontSize: tokens.fontSizeSm,\n    },\n    footnote: {\n      color: colors.textColorDefaultSecondary,\n      fontSize: tokens.fontSizeXs,\n    },\n  })\n}\n"]}
+{"version":3,"file":"text.js","sourceRoot":"","sources":["../../../src/components/display/text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,UAAU,EAAE,IAAI,IAAI,eAAe,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAA;AAM5E,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AACtC,OAAO,EAAE,MAAM,EAAE,MAAM,8BAA8B,CAAA;AA0BrD,MAAM,QAAQ,GAAG;IACf,KAAK,EAAE,OAAO;IACd,SAAS,EAAE,WAAW;IACtB,QAAQ,EAAE,UAAU;IACpB,QAAQ,EAAE,UAAU;CACZ,CAAA;AAoBV,MAAM,UAAU,IAAI,CAAC,EAAE,KAAK,EAAE,OAAO,GAAG,OAAO,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAa;IAC9E,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAC1B,MAAM,eAAe,GAAkB;QACrC,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC,KAAK;QAC9B,CAAC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC,SAAS;QACtC,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC,QAAQ;QACpC,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC,QAAQ;KACrC,CAAA;IAED,OAAO,CACL,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,EAAE,eAAe,CAAC,OAAO,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,CAChF;MAAA,CAAC,QAAQ,CACX;IAAA,EAAE,eAAe,CAAC,CACnB,CAAA;AACH,CAAC;AAED,oCAAoC;AACpC,oCAAoC;AACpC,oCAAoC;AAEpC,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,EAAE,MAAM,EAAE,GAAG,QAAQ,EAAE,CAAA;IAC7B,OAAO,UAAU,CAAC,MAAM,CAAC;QACvB,IAAI,EAAE;YACJ,GAAG,QAAQ,CAAC,MAAM,CAAC;gBACjB,OAAO,EAAE;oBACP,UAAU,EAAE,QAAQ,EAAE,wQAAwQ;iBAC/R;gBACD,OAAO,EAAE,IAAI,EAAE,2KAA2K;aAC3L,CAAC;SACH;QACD,KAAK,EAAE;YACL,KAAK,EAAE,MAAM,CAAC,uBAAuB;YACrC,QAAQ,EAAE,MAAM,CAAC,UAAU;SAC5B;QACD,iEAAiE;QACjE,4DAA4D;QAC5D,gGAAgG;QAChG,SAAS,EAAE;YACT,KAAK,EAAE,MAAM,CAAC,uBAAuB;YACrC,QAAQ,EAAE,MAAM,CAAC,UAAU;SAC5B;QACD,QAAQ,EAAE;YACR,KAAK,EAAE,MAAM,CAAC,yBAAyB;YACvC,QAAQ,EAAE,MAAM,CAAC,UAAU;SAC5B;QACD,QAAQ,EAAE;YACR,KAAK,EAAE,MAAM,CAAC,yBAAyB;YACvC,QAAQ,EAAE,MAAM,CAAC,UAAU;SAC5B;KACF,CAAC,CAAA;AACJ,CAAC,CAAA","sourcesContent":["import React from 'react'\nimport { StyleSheet, Text as ReactNativeText, Platform } from 'react-native'\nimport type {\n  TextStyle as ReactNativeTextStyle,\n  TextProps as ReactNativeTextProps,\n  StyleProp,\n} from 'react-native'\nimport { useTheme } from '../../hooks'\nimport { tokens } from '../../vendor/tapestry/tokens'\n\n// =================================\n// ====== Constants ================\n// =================================\n\n// TextStyle extends ViewStyle, which includes border properties.\n// CCA has issues with borders on Text on iOS. (https://github.com/planningcenter/chat-mobile/pull/177)\n// Our pattern is to apply boarders to a parent View instead.\ntype BorderKeys =\n  | 'borderWidth'\n  | 'borderBottomWidth'\n  | 'borderLeftWidth'\n  | 'borderRightWidth'\n  | 'borderTopWidth'\n  | 'borderColor'\n  | 'borderBottomColor'\n  | 'borderLeftColor'\n  | 'borderRightColor'\n  | 'borderTopColor'\n  | 'borderStyle'\n\nexport type TextStyle = Omit<ReactNativeTextStyle, BorderKeys> & {\n  [K in BorderKeys]?: never\n}\n\nconst VARIANTS = {\n  plain: 'plain',\n  secondary: 'secondary',\n  tertiary: 'tertiary',\n  footnote: 'footnote',\n} as const\n\ntype VariantUnion = (typeof VARIANTS)[keyof typeof VARIANTS]\ntype VariantStyles = Record<VariantUnion, TextStyle>\n\n// =================================\n// ====== Component ================\n// =================================\n\nexport interface TextProps extends Omit<ReactNativeTextProps, 'style'> {\n  /**\n   * Changes the styles and size of the text.\n   */\n  variant?: VariantUnion\n  /**\n   * Text styles (border and background properties are not allowed)\n   */\n  style?: StyleProp<TextStyle>\n}\n\nexport function Text({ style, variant = 'plain', children, ...props }: TextProps) {\n  const styles = useStyles()\n  const variantStyleMap: VariantStyles = {\n    [VARIANTS.plain]: styles.plain,\n    [VARIANTS.secondary]: styles.secondary,\n    [VARIANTS.tertiary]: styles.tertiary,\n    [VARIANTS.footnote]: styles.footnote,\n  }\n\n  return (\n    <ReactNativeText style={[styles.base, variantStyleMap[variant], style]} {...props}>\n      {children}\n    </ReactNativeText>\n  )\n}\n\n// =================================\n// ====== Styles ===================\n// =================================\n\nconst useStyles = () => {\n  const { colors } = useTheme()\n  return StyleSheet.create({\n    base: {\n      ...Platform.select({\n        android: {\n          fontFamily: 'normal', // This forces the text to be normal weight when the \"Bold font\" accessibility setting is enabled. While this is not ideal, it fixes a bug where the text without a hard coded fontWeight gets cut off on Android. https://github.com/facebook/react-native/issues/15114\n        },\n        default: null, // iOS needs to specify its own font family otherwise the italic style won't work. (Used in message_markdown.tsx) It's \"Bold font\" accessibility setting works as expected.\n      }),\n    },\n    plain: {\n      color: colors.textColorDefaultPrimary,\n      fontSize: tokens.fontSizeMd,\n    },\n    // This is a dupe of the plain variant to support the legacy API.\n    // Once we move to the new Doxy font scale we can remove it.\n    // See: https://www.figma.com/design/ZR0ZP6FdbOBOK3fUSpRr0Q/CC-Redux-2025?node-id=156-1069&m=dev\n    secondary: {\n      color: colors.textColorDefaultPrimary,\n      fontSize: tokens.fontSizeMd,\n    },\n    tertiary: {\n      color: colors.textColorDefaultSecondary,\n      fontSize: tokens.fontSizeSm,\n    },\n    footnote: {\n      color: colors.textColorDefaultSecondary,\n      fontSize: tokens.fontSizeXs,\n    },\n  })\n}\n"]}

package/build/components/display/text_button.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import type { PressableProps } from 'react-native';
 import type { TextProps } from './text';
 import type { ButtonAppearanceUnion } from './utils/button_colors';
@@ -35,5 +36,5 @@ export interface TextButtonProps extends PressableProps {
      */
     textStyle?: TextProps['style'];
 }
-export declare function TextButton({ adjustsFontSizeToFit, allowFontScaling, appearance, disabled, children, maxFontSizeMultiplier, minimumFontScale, variant, style, textStyle, ...props }: TextButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare function TextButton({ adjustsFontSizeToFit, allowFontScaling, appearance, disabled, children, maxFontSizeMultiplier, minimumFontScale, variant, style, textStyle, ...props }: TextButtonProps): React.JSX.Element;
 //# sourceMappingURL=text_button.d.ts.map

package/build/components/display/text_button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"text_button.d.ts","sourceRoot":"","sources":["../../../src/components/display/text_button.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AAIlD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAA;AAEvC,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAA;AAMlE,MAAM,WAAW,eAAgB,SAAQ,cAAc;IACrD;;OAEG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B;;OAEG;IACH,UAAU,CAAC,EAAE,qBAAqB,CAAA;IAClC;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC,UAAU,CAAC,CAAA;IAChC;;OAEG;IACH,qBAAqB,CAAC,EAAE,MAAM,CAAA;IAC9B;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IAC9B;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC,OAAO,CAAC,CAAA;CAC/B;AAED,wBAAgB,UAAU,CAAC,EACzB,oBAA4B,EAC5B,gBAAuB,EACvB,UAA0B,EAC1B,QAAgB,EAChB,QAAQ,EACR,qBAAqB,EACrB,gBAAgB,EAChB,OAAiB,EACjB,KAAK,EACL,SAAS,EACT,GAAG,KAAK,EACT,EAAE,eAAe,2CA4BjB"}
+{"version":3,"file":"text_button.d.ts","sourceRoot":"","sources":["../../../src/components/display/text_button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AAIlD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAA;AAEvC,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAA;AAMlE,MAAM,WAAW,eAAgB,SAAQ,cAAc;IACrD;;OAEG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B;;OAEG;IACH,UAAU,CAAC,EAAE,qBAAqB,CAAA;IAClC;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC,UAAU,CAAC,CAAA;IAChC;;OAEG;IACH,qBAAqB,CAAC,EAAE,MAAM,CAAA;IAC9B;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IAC9B;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC,OAAO,CAAC,CAAA;CAC/B;AAED,wBAAgB,UAAU,CAAC,EACzB,oBAA4B,EAC5B,gBAAuB,EACvB,UAA0B,EAC1B,QAAgB,EAChB,QAAQ,EACR,qBAAqB,EACrB,gBAAgB,EAChB,OAAiB,EACjB,KAAK,EACL,SAAS,EACT,GAAG,KAAK,EACT,EAAE,eAAe,qBA4BjB"}

package/build/components/display/text_button.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
 import { Pressable, StyleSheet } from 'react-native';
 import { useTheme } from '../../hooks';
 import { platformFontWeightMedium } from '../../utils';
@@ -7,10 +7,15 @@ import { getColorKey, useButtonColorOptionMap } from './utils/button_colors';
 export function TextButton({ adjustsFontSizeToFit = false, allowFontScaling = true, appearance = 'interaction', disabled = false, children, maxFontSizeMultiplier, minimumFontScale, variant = 'plain', style, textStyle, ...props }) {
     const styles = useStyles({ appearance, disabled });
     const overrideStyles = StyleSheet.flatten(style); // Ensures the pressed styles still get applied
-    return (_jsx(Pressable, { accessibilityRole: "button", disabled: disabled, style: ({ pressed }) => ({
+    return (<Pressable accessibilityRole="button" disabled={disabled} style={({ pressed }) => ({
             ...(pressed ? styles.pressed : null),
             ...overrideStyles,
-        }), hitSlop: 10, ...props, children: _jsx(Text, { adjustsFontSizeToFit: adjustsFontSizeToFit, allowFontScaling: allowFontScaling, maxFontSizeMultiplier: maxFontSizeMultiplier, minimumFontScale: minimumFontScale, numberOfLines: 1, style: [styles.text, disabled && styles.disabled, textStyle], variant: variant, children: children }) }));
+        })} // Android & iOS intentionally get the same pressed style
+     hitSlop={10} {...props}>
+      <Text adjustsFontSizeToFit={adjustsFontSizeToFit} allowFontScaling={allowFontScaling} maxFontSizeMultiplier={maxFontSizeMultiplier} minimumFontScale={minimumFontScale} numberOfLines={1} style={[styles.text, disabled && styles.disabled, textStyle]} variant={variant}>
+        {children}
+      </Text>
+    </Pressable>);
 }
 // =================================
 // ====== Styles ===================

package/build/components/display/text_button.js.map

@@ -1 +1 @@
-{"version":3,"file":"text_button.js","sourceRoot":"","sources":["../../../src/components/display/text_button.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAEpD,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AACtC,OAAO,EAAE,wBAAwB,EAAE,MAAM,aAAa,CAAA;AACtD,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAE7B,OAAO,EAAE,WAAW,EAAE,uBAAuB,EAAE,MAAM,uBAAuB,CAAA;AA0C5E,MAAM,UAAU,UAAU,CAAC,EACzB,oBAAoB,GAAG,KAAK,EAC5B,gBAAgB,GAAG,IAAI,EACvB,UAAU,GAAG,aAAa,EAC1B,QAAQ,GAAG,KAAK,EAChB,QAAQ,EACR,qBAAqB,EACrB,gBAAgB,EAChB,OAAO,GAAG,OAAO,EACjB,KAAK,EACL,SAAS,EACT,GAAG,KAAK,EACQ;IAChB,MAAM,MAAM,GAAG,SAAS,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,CAAC,CAAA;IAClD,MAAM,cAAc,GAAG,UAAU,CAAC,OAAO,CAAC,KAAK,CAAC,CAAA,CAAC,+CAA+C;IAEhG,OAAO,CACL,KAAC,SAAS,IACR,iBAAiB,EAAC,QAAQ,EAC1B,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAAC;YACvB,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC;YACpC,GAAG,cAAc;SAClB,CAAC,EACF,OAAO,EAAE,EAAE,KACP,KAAK,YAET,KAAC,IAAI,IACH,oBAAoB,EAAE,oBAAoB,EAC1C,gBAAgB,EAAE,gBAAgB,EAClC,qBAAqB,EAAE,qBAAqB,EAC5C,gBAAgB,EAAE,gBAAgB,EAClC,aAAa,EAAE,CAAC,EAChB,KAAK,EAAE,CAAC,MAAM,CAAC,IAAI,EAAE,QAAQ,IAAI,MAAM,CAAC,QAAQ,EAAE,SAAS,CAAC,EAC5D,OAAO,EAAE,OAAO,YAEf,QAAQ,GACJ,GACG,CACb,CAAA;AACH,CAAC;AAED,oCAAoC;AACpC,oCAAoC;AACpC,oCAAoC;AAEpC,MAAM,SAAS,GAAG,CAAC,EAAE,UAAU,GAAG,aAAa,EAAE,QAAQ,GAAG,KAAK,EAA4B,EAAE,EAAE;IAC/F,MAAM,EAAE,MAAM,EAAE,GAAG,QAAQ,EAAE,CAAA;IAC7B,MAAM,QAAQ,GAAG,WAAW,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,CAAC,CAAA;IACtD,MAAM,cAAc,GAAG,uBAAuB,EAAE,CAAA;IAEhD,OAAO,UAAU,CAAC,MAAM,CAAC;QACvB,IAAI,EAAE;YACJ,UAAU,EAAE,wBAAwB;YACpC,KAAK,EAAE,cAAc,CAAC,QAAQ,CAAC;SAChC;QACD,QAAQ,EAAE;YACR,KAAK,EAAE,MAAM,CAAC,wBAAwB;SACvC;QACD,OAAO,EAAE;YACP,OAAO,EAAE,GAAG;SACb;KACF,CAAC,CAAA;AACJ,CAAC,CAAA","sourcesContent":["import React from 'react'\nimport { Pressable, StyleSheet } from 'react-native'\nimport type { PressableProps } from 'react-native'\nimport { useTheme } from '../../hooks'\nimport { platformFontWeightMedium } from '../../utils'\nimport { Text } from './text'\nimport type { TextProps } from './text'\nimport { getColorKey, useButtonColorOptionMap } from './utils/button_colors'\nimport type { ButtonAppearanceUnion } from './utils/button_colors'\n\n// =================================\n// ====== Component ================\n// =================================\n\nexport interface TextButtonProps extends PressableProps {\n  /**\n   * Specifies whether fonts should be scaled down automatically to fit given style constraints.\n   */\n  adjustsFontSizeToFit?: boolean\n  /**\n   * Specifies whether fonts should scale to respect the device's text size accessibility settings. The default is true.\n   */\n  allowFontScaling?: boolean\n  /**\n   * Updates the button's colors\n   */\n  appearance?: ButtonAppearanceUnion\n  /**\n   * Renders text within a `Text`\n   */\n  children?: TextProps['children']\n  /**\n   * Specifies the maximum size a font can reach when allowFontScaling is enabled.\n   */\n  maxFontSizeMultiplier?: number\n  /**\n   * Specifies smallest possible scale a font can reach when adjustsFontSizeToFit is enabled. (values 0.01-1.0).\n   */\n  minimumFontScale?: number\n  /**\n   * Changes the styles and size of the text.\n   */\n  variant?: TextProps['variant']\n  /**\n   * Changes the styles and size of the text.\n   */\n  textStyle?: TextProps['style']\n}\n\nexport function TextButton({\n  adjustsFontSizeToFit = false,\n  allowFontScaling = true,\n  appearance = 'interaction',\n  disabled = false,\n  children,\n  maxFontSizeMultiplier,\n  minimumFontScale,\n  variant = 'plain',\n  style,\n  textStyle,\n  ...props\n}: TextButtonProps) {\n  const styles = useStyles({ appearance, disabled })\n  const overrideStyles = StyleSheet.flatten(style) // Ensures the pressed styles still get applied\n\n  return (\n    <Pressable\n      accessibilityRole=\"button\"\n      disabled={disabled}\n      style={({ pressed }) => ({\n        ...(pressed ? styles.pressed : null),\n        ...overrideStyles,\n      })} // Android & iOS intentionally get the same pressed style\n      hitSlop={10}\n      {...props}\n    >\n      <Text\n        adjustsFontSizeToFit={adjustsFontSizeToFit}\n        allowFontScaling={allowFontScaling}\n        maxFontSizeMultiplier={maxFontSizeMultiplier}\n        minimumFontScale={minimumFontScale}\n        numberOfLines={1}\n        style={[styles.text, disabled && styles.disabled, textStyle]}\n        variant={variant}\n      >\n        {children}\n      </Text>\n    </Pressable>\n  )\n}\n\n// =================================\n// ====== Styles ===================\n// =================================\n\nconst useStyles = ({ appearance = 'interaction', disabled = false }: Partial<TextButtonProps>) => {\n  const { colors } = useTheme()\n  const colorKey = getColorKey({ disabled, appearance })\n  const colorOptionMap = useButtonColorOptionMap()\n\n  return StyleSheet.create({\n    text: {\n      fontWeight: platformFontWeightMedium,\n      color: colorOptionMap[colorKey],\n    },\n    disabled: {\n      color: colors.textColorDefaultDisabled,\n    },\n    pressed: {\n      opacity: 0.5,\n    },\n  })\n}\n"]}
+{"version":3,"file":"text_button.js","sourceRoot":"","sources":["../../../src/components/display/text_button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAEpD,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AACtC,OAAO,EAAE,wBAAwB,EAAE,MAAM,aAAa,CAAA;AACtD,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAE7B,OAAO,EAAE,WAAW,EAAE,uBAAuB,EAAE,MAAM,uBAAuB,CAAA;AA0C5E,MAAM,UAAU,UAAU,CAAC,EACzB,oBAAoB,GAAG,KAAK,EAC5B,gBAAgB,GAAG,IAAI,EACvB,UAAU,GAAG,aAAa,EAC1B,QAAQ,GAAG,KAAK,EAChB,QAAQ,EACR,qBAAqB,EACrB,gBAAgB,EAChB,OAAO,GAAG,OAAO,EACjB,KAAK,EACL,SAAS,EACT,GAAG,KAAK,EACQ;IAChB,MAAM,MAAM,GAAG,SAAS,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,CAAC,CAAA;IAClD,MAAM,cAAc,GAAG,UAAU,CAAC,OAAO,CAAC,KAAK,CAAC,CAAA,CAAC,+CAA+C;IAEhG,OAAO,CACL,CAAC,SAAS,CACR,iBAAiB,CAAC,QAAQ,CAC1B,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,KAAK,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAAC;YACvB,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC;YACpC,GAAG,cAAc;SAClB,CAAC,CAAC,CAAC,yDAAyD;KAC7D,OAAO,CAAC,CAAC,EAAE,CAAC,CACZ,IAAI,KAAK,CAAC,CAEV;MAAA,CAAC,IAAI,CACH,oBAAoB,CAAC,CAAC,oBAAoB,CAAC,CAC3C,gBAAgB,CAAC,CAAC,gBAAgB,CAAC,CACnC,qBAAqB,CAAC,CAAC,qBAAqB,CAAC,CAC7C,gBAAgB,CAAC,CAAC,gBAAgB,CAAC,CACnC,aAAa,CAAC,CAAC,CAAC,CAAC,CACjB,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,EAAE,QAAQ,IAAI,MAAM,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC,CAC7D,OAAO,CAAC,CAAC,OAAO,CAAC,CAEjB;QAAA,CAAC,QAAQ,CACX;MAAA,EAAE,IAAI,CACR;IAAA,EAAE,SAAS,CAAC,CACb,CAAA;AACH,CAAC;AAED,oCAAoC;AACpC,oCAAoC;AACpC,oCAAoC;AAEpC,MAAM,SAAS,GAAG,CAAC,EAAE,UAAU,GAAG,aAAa,EAAE,QAAQ,GAAG,KAAK,EAA4B,EAAE,EAAE;IAC/F,MAAM,EAAE,MAAM,EAAE,GAAG,QAAQ,EAAE,CAAA;IAC7B,MAAM,QAAQ,GAAG,WAAW,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,CAAC,CAAA;IACtD,MAAM,cAAc,GAAG,uBAAuB,EAAE,CAAA;IAEhD,OAAO,UAAU,CAAC,MAAM,CAAC;QACvB,IAAI,EAAE;YACJ,UAAU,EAAE,wBAAwB;YACpC,KAAK,EAAE,cAAc,CAAC,QAAQ,CAAC;SAChC;QACD,QAAQ,EAAE;YACR,KAAK,EAAE,MAAM,CAAC,wBAAwB;SACvC;QACD,OAAO,EAAE;YACP,OAAO,EAAE,GAAG;SACb;KACF,CAAC,CAAA;AACJ,CAAC,CAAA","sourcesContent":["import React from 'react'\nimport { Pressable, StyleSheet } from 'react-native'\nimport type { PressableProps } from 'react-native'\nimport { useTheme } from '../../hooks'\nimport { platformFontWeightMedium } from '../../utils'\nimport { Text } from './text'\nimport type { TextProps } from './text'\nimport { getColorKey, useButtonColorOptionMap } from './utils/button_colors'\nimport type { ButtonAppearanceUnion } from './utils/button_colors'\n\n// =================================\n// ====== Component ================\n// =================================\n\nexport interface TextButtonProps extends PressableProps {\n  /**\n   * Specifies whether fonts should be scaled down automatically to fit given style constraints.\n   */\n  adjustsFontSizeToFit?: boolean\n  /**\n   * Specifies whether fonts should scale to respect the device's text size accessibility settings. The default is true.\n   */\n  allowFontScaling?: boolean\n  /**\n   * Updates the button's colors\n   */\n  appearance?: ButtonAppearanceUnion\n  /**\n   * Renders text within a `Text`\n   */\n  children?: TextProps['children']\n  /**\n   * Specifies the maximum size a font can reach when allowFontScaling is enabled.\n   */\n  maxFontSizeMultiplier?: number\n  /**\n   * Specifies smallest possible scale a font can reach when adjustsFontSizeToFit is enabled. (values 0.01-1.0).\n   */\n  minimumFontScale?: number\n  /**\n   * Changes the styles and size of the text.\n   */\n  variant?: TextProps['variant']\n  /**\n   * Changes the styles and size of the text.\n   */\n  textStyle?: TextProps['style']\n}\n\nexport function TextButton({\n  adjustsFontSizeToFit = false,\n  allowFontScaling = true,\n  appearance = 'interaction',\n  disabled = false,\n  children,\n  maxFontSizeMultiplier,\n  minimumFontScale,\n  variant = 'plain',\n  style,\n  textStyle,\n  ...props\n}: TextButtonProps) {\n  const styles = useStyles({ appearance, disabled })\n  const overrideStyles = StyleSheet.flatten(style) // Ensures the pressed styles still get applied\n\n  return (\n    <Pressable\n      accessibilityRole=\"button\"\n      disabled={disabled}\n      style={({ pressed }) => ({\n        ...(pressed ? styles.pressed : null),\n        ...overrideStyles,\n      })} // Android & iOS intentionally get the same pressed style\n      hitSlop={10}\n      {...props}\n    >\n      <Text\n        adjustsFontSizeToFit={adjustsFontSizeToFit}\n        allowFontScaling={allowFontScaling}\n        maxFontSizeMultiplier={maxFontSizeMultiplier}\n        minimumFontScale={minimumFontScale}\n        numberOfLines={1}\n        style={[styles.text, disabled && styles.disabled, textStyle]}\n        variant={variant}\n      >\n        {children}\n      </Text>\n    </Pressable>\n  )\n}\n\n// =================================\n// ====== Styles ===================\n// =================================\n\nconst useStyles = ({ appearance = 'interaction', disabled = false }: Partial<TextButtonProps>) => {\n  const { colors } = useTheme()\n  const colorKey = getColorKey({ disabled, appearance })\n  const colorOptionMap = useButtonColorOptionMap()\n\n  return StyleSheet.create({\n    text: {\n      fontWeight: platformFontWeightMedium,\n      color: colorOptionMap[colorKey],\n    },\n    disabled: {\n      color: colors.textColorDefaultDisabled,\n    },\n    pressed: {\n      opacity: 0.5,\n    },\n  })\n}\n"]}

package/build/components/display/text_inline_button.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import type { TextProps } from './text';
 import type { ButtonAppearanceUnion } from './utils/button_colors';
 interface TextInlineButtonProps extends TextProps {
@@ -6,6 +7,6 @@ interface TextInlineButtonProps extends TextProps {
      */
     appearance?: ButtonAppearanceUnion;
 }
-export declare function TextInlineButton({ appearance, children, disabled, onPress, style, ...props }: TextInlineButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare function TextInlineButton({ appearance, children, disabled, onPress, style, ...props }: TextInlineButtonProps): React.JSX.Element;
 export {};
 //# sourceMappingURL=text_inline_button.d.ts.map

package/build/components/display/text_inline_button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"text_inline_button.d.ts","sourceRoot":"","sources":["../../../src/components/display/text_inline_button.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAA;AAEvC,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAA;AAMlE,UAAU,qBAAsB,SAAQ,SAAS;IAC/C;;OAEG;IACH,UAAU,CAAC,EAAE,qBAAqB,CAAA;CACnC;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,UAA0B,EAC1B,QAAQ,EACR,QAAgB,EAChB,OAAO,EACP,KAAK,EACL,GAAG,KAAK,EACT,EAAE,qBAAqB,2CA4BvB"}
+{"version":3,"file":"text_inline_button.d.ts","sourceRoot":"","sources":["../../../src/components/display/text_inline_button.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAKvC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAA;AAEvC,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAA;AAMlE,UAAU,qBAAsB,SAAQ,SAAS;IAC/C;;OAEG;IACH,UAAU,CAAC,EAAE,qBAAqB,CAAA;CACnC;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,UAA0B,EAC1B,QAAQ,EACR,QAAgB,EAChB,OAAO,EACP,KAAK,EACL,GAAG,KAAK,EACT,EAAE,qBAAqB,qBA4BvB"}

package/build/components/display/text_inline_button.js

@@ -1,6 +1,5 @@
-import { jsx as _jsx } from "react/jsx-runtime";
 import colorFunction from 'color';
-import { useState } from 'react';
+import React, { useState } from 'react';
 import { Platform, StyleSheet } from 'react-native';
 import { useTheme } from '../../hooks';
 import { platformFontWeightMedium } from '../../utils';
@@ -13,13 +12,15 @@ export function TextInlineButton({ appearance = 'interaction', children, disable
         ios: null,
         android: styles.pressedAndroid,
     });
-    return (_jsx(Text, { accessibilityRole: "button", numberOfLines: 1, style: [
+    return (<Text accessibilityRole="button" numberOfLines={1} style={[
             styles.text,
             styles.underline,
             disabled && styles.disabled,
             isPressed && platformPressedStyle,
             style,
-        ], onPress: !disabled ? onPress : undefined, onPressIn: () => setIsPressed(true), onPressOut: () => setIsPressed(false), ...props, children: children }));
+        ]} onPress={!disabled ? onPress : undefined} onPressIn={() => setIsPressed(true)} onPressOut={() => setIsPressed(false)} {...props}>
+      {children}
+    </Text>);
 }
 // =================================
 // ====== Styles ===================

package/build/components/display/text_inline_button.js.map

@@ -1 +1 @@
-{"version":3,"file":"text_inline_button.js","sourceRoot":"","sources":["../../../src/components/display/text_inline_button.tsx"],"names":[],"mappings":";AAAA,OAAO,aAAa,MAAM,OAAO,CAAA;AACjC,OAAc,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AACtC,OAAO,EAAE,wBAAwB,EAAE,MAAM,aAAa,CAAA;AACtD,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAE7B,OAAO,EAAE,WAAW,EAAE,uBAAuB,EAAE,MAAM,uBAAuB,CAAA;AAc5E,MAAM,UAAU,gBAAgB,CAAC,EAC/B,UAAU,GAAG,aAAa,EAC1B,QAAQ,EACR,QAAQ,GAAG,KAAK,EAChB,OAAO,EACP,KAAK,EACL,GAAG,KAAK,EACc;IACtB,MAAM,MAAM,GAAG,SAAS,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,CAAC,CAAA;IAClD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAEjD,MAAM,oBAAoB,GAAG,QAAQ,CAAC,MAAM,CAAC;QAC3C,GAAG,EAAE,IAAI;QACT,OAAO,EAAE,MAAM,CAAC,cAAc;KAC/B,CAAC,CAAA;IAEF,OAAO,CACL,KAAC,IAAI,IACH,iBAAiB,EAAC,QAAQ,EAC1B,aAAa,EAAE,CAAC,EAChB,KAAK,EAAE;YACL,MAAM,CAAC,IAAI;YACX,MAAM,CAAC,SAAS;YAChB,QAAQ,IAAI,MAAM,CAAC,QAAQ;YAC3B,SAAS,IAAI,oBAAoB;YACjC,KAAK;SACN,EACD,OAAO,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EACxC,SAAS,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,EACnC,UAAU,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,KACjC,KAAK,YAER,QAAQ,GACJ,CACR,CAAA;AACH,CAAC;AAED,oCAAoC;AACpC,oCAAoC;AACpC,oCAAoC;AAEpC,MAAM,SAAS,GAAG,CAAC,EACjB,UAAU,GAAG,aAAa,EAC1B,QAAQ,GAAG,KAAK,GACe,EAAE,EAAE;IACnC,MAAM,EAAE,MAAM,EAAE,GAAG,QAAQ,EAAE,CAAA;IAC7B,MAAM,QAAQ,GAAG,WAAW,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,CAAC,CAAA;IACtD,MAAM,cAAc,GAAG,uBAAuB,EAAE,CAAA;IAEhD,wEAAwE;IACxE,wFAAwF;IACxF,sEAAsE;IACtE,MAAM,YAAY,GAAG,aAAa,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,CAAA;IAEhF,OAAO,UAAU,CAAC,MAAM,CAAC;QACvB,IAAI,EAAE;YACJ,UAAU,EAAE,wBAAwB;YACpC,KAAK,EAAE,cAAc,CAAC,QAAQ,CAAC;SAChC;QACD,SAAS,EAAE;YACT,kBAAkB,EAAE,WAAW;YAC/B,mBAAmB,EAAE,cAAc,CAAC,QAAQ,CAAC;YAC7C,mBAAmB,EAAE,OAAO;SAC7B;QACD,QAAQ,EAAE;YACR,KAAK,EAAE,MAAM,CAAC,wBAAwB;SACvC;QACD,cAAc,EAAE;YACd,KAAK,EAAE,YAAY;SACpB;KACF,CAAC,CAAA;AACJ,CAAC,CAAA","sourcesContent":["import colorFunction from 'color'\nimport React, { useState } from 'react'\nimport { Platform, StyleSheet } from 'react-native'\nimport { useTheme } from '../../hooks'\nimport { platformFontWeightMedium } from '../../utils'\nimport { Text } from './text'\nimport type { TextProps } from './text'\nimport { getColorKey, useButtonColorOptionMap } from './utils/button_colors'\nimport type { ButtonAppearanceUnion } from './utils/button_colors'\n\n// =================================\n// ====== Component ================\n// =================================\n\ninterface TextInlineButtonProps extends TextProps {\n  /**\n   * Updates the button's colors\n   */\n  appearance?: ButtonAppearanceUnion\n}\n\nexport function TextInlineButton({\n  appearance = 'interaction',\n  children,\n  disabled = false,\n  onPress,\n  style,\n  ...props\n}: TextInlineButtonProps) {\n  const styles = useStyles({ appearance, disabled })\n  const [isPressed, setIsPressed] = useState(false)\n\n  const platformPressedStyle = Platform.select({\n    ios: null,\n    android: styles.pressedAndroid,\n  })\n\n  return (\n    <Text\n      accessibilityRole=\"button\"\n      numberOfLines={1}\n      style={[\n        styles.text,\n        styles.underline,\n        disabled && styles.disabled,\n        isPressed && platformPressedStyle,\n        style,\n      ]}\n      onPress={!disabled ? onPress : undefined}\n      onPressIn={() => setIsPressed(true)}\n      onPressOut={() => setIsPressed(false)}\n      {...props}\n    >\n      {children}\n    </Text>\n  )\n}\n\n// =================================\n// ====== Styles ===================\n// =================================\n\nconst useStyles = ({\n  appearance = 'interaction',\n  disabled = false,\n}: Partial<TextInlineButtonProps>) => {\n  const { colors } = useTheme()\n  const colorKey = getColorKey({ disabled, appearance })\n  const colorOptionMap = useButtonColorOptionMap()\n\n  // Android doesn't show a \"pressed\" state and so we need to simulate it.\n  // Lowering the Text's opacity doesn't work as it inherits it's parent's Text's opacity.\n  // We can simulate the effect by changing the color's opacity instead.\n  const pressedColor = colorFunction(colorOptionMap[colorKey]).alpha(0.5).string()\n\n  return StyleSheet.create({\n    text: {\n      fontWeight: platformFontWeightMedium,\n      color: colorOptionMap[colorKey],\n    },\n    underline: {\n      textDecorationLine: 'underline',\n      textDecorationColor: colorOptionMap[colorKey],\n      textDecorationStyle: 'solid',\n    },\n    disabled: {\n      color: colors.textColorDefaultDisabled,\n    },\n    pressedAndroid: {\n      color: pressedColor,\n    },\n  })\n}\n"]}
+{"version":3,"file":"text_inline_button.js","sourceRoot":"","sources":["../../../src/components/display/text_inline_button.tsx"],"names":[],"mappings":"AAAA,OAAO,aAAa,MAAM,OAAO,CAAA;AACjC,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AACtC,OAAO,EAAE,wBAAwB,EAAE,MAAM,aAAa,CAAA;AACtD,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAE7B,OAAO,EAAE,WAAW,EAAE,uBAAuB,EAAE,MAAM,uBAAuB,CAAA;AAc5E,MAAM,UAAU,gBAAgB,CAAC,EAC/B,UAAU,GAAG,aAAa,EAC1B,QAAQ,EACR,QAAQ,GAAG,KAAK,EAChB,OAAO,EACP,KAAK,EACL,GAAG,KAAK,EACc;IACtB,MAAM,MAAM,GAAG,SAAS,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,CAAC,CAAA;IAClD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAEjD,MAAM,oBAAoB,GAAG,QAAQ,CAAC,MAAM,CAAC;QAC3C,GAAG,EAAE,IAAI;QACT,OAAO,EAAE,MAAM,CAAC,cAAc;KAC/B,CAAC,CAAA;IAEF,OAAO,CACL,CAAC,IAAI,CACH,iBAAiB,CAAC,QAAQ,CAC1B,aAAa,CAAC,CAAC,CAAC,CAAC,CACjB,KAAK,CAAC,CAAC;YACL,MAAM,CAAC,IAAI;YACX,MAAM,CAAC,SAAS;YAChB,QAAQ,IAAI,MAAM,CAAC,QAAQ;YAC3B,SAAS,IAAI,oBAAoB;YACjC,KAAK;SACN,CAAC,CACF,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CACzC,SAAS,CAAC,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,CACpC,UAAU,CAAC,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,CACtC,IAAI,KAAK,CAAC,CAEV;MAAA,CAAC,QAAQ,CACX;IAAA,EAAE,IAAI,CAAC,CACR,CAAA;AACH,CAAC;AAED,oCAAoC;AACpC,oCAAoC;AACpC,oCAAoC;AAEpC,MAAM,SAAS,GAAG,CAAC,EACjB,UAAU,GAAG,aAAa,EAC1B,QAAQ,GAAG,KAAK,GACe,EAAE,EAAE;IACnC,MAAM,EAAE,MAAM,EAAE,GAAG,QAAQ,EAAE,CAAA;IAC7B,MAAM,QAAQ,GAAG,WAAW,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,CAAC,CAAA;IACtD,MAAM,cAAc,GAAG,uBAAuB,EAAE,CAAA;IAEhD,wEAAwE;IACxE,wFAAwF;IACxF,sEAAsE;IACtE,MAAM,YAAY,GAAG,aAAa,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,CAAA;IAEhF,OAAO,UAAU,CAAC,MAAM,CAAC;QACvB,IAAI,EAAE;YACJ,UAAU,EAAE,wBAAwB;YACpC,KAAK,EAAE,cAAc,CAAC,QAAQ,CAAC;SAChC;QACD,SAAS,EAAE;YACT,kBAAkB,EAAE,WAAW;YAC/B,mBAAmB,EAAE,cAAc,CAAC,QAAQ,CAAC;YAC7C,mBAAmB,EAAE,OAAO;SAC7B;QACD,QAAQ,EAAE;YACR,KAAK,EAAE,MAAM,CAAC,wBAAwB;SACvC;QACD,cAAc,EAAE;YACd,KAAK,EAAE,YAAY;SACpB;KACF,CAAC,CAAA;AACJ,CAAC,CAAA","sourcesContent":["import colorFunction from 'color'\nimport React, { useState } from 'react'\nimport { Platform, StyleSheet } from 'react-native'\nimport { useTheme } from '../../hooks'\nimport { platformFontWeightMedium } from '../../utils'\nimport { Text } from './text'\nimport type { TextProps } from './text'\nimport { getColorKey, useButtonColorOptionMap } from './utils/button_colors'\nimport type { ButtonAppearanceUnion } from './utils/button_colors'\n\n// =================================\n// ====== Component ================\n// =================================\n\ninterface TextInlineButtonProps extends TextProps {\n  /**\n   * Updates the button's colors\n   */\n  appearance?: ButtonAppearanceUnion\n}\n\nexport function TextInlineButton({\n  appearance = 'interaction',\n  children,\n  disabled = false,\n  onPress,\n  style,\n  ...props\n}: TextInlineButtonProps) {\n  const styles = useStyles({ appearance, disabled })\n  const [isPressed, setIsPressed] = useState(false)\n\n  const platformPressedStyle = Platform.select({\n    ios: null,\n    android: styles.pressedAndroid,\n  })\n\n  return (\n    <Text\n      accessibilityRole=\"button\"\n      numberOfLines={1}\n      style={[\n        styles.text,\n        styles.underline,\n        disabled && styles.disabled,\n        isPressed && platformPressedStyle,\n        style,\n      ]}\n      onPress={!disabled ? onPress : undefined}\n      onPressIn={() => setIsPressed(true)}\n      onPressOut={() => setIsPressed(false)}\n      {...props}\n    >\n      {children}\n    </Text>\n  )\n}\n\n// =================================\n// ====== Styles ===================\n// =================================\n\nconst useStyles = ({\n  appearance = 'interaction',\n  disabled = false,\n}: Partial<TextInlineButtonProps>) => {\n  const { colors } = useTheme()\n  const colorKey = getColorKey({ disabled, appearance })\n  const colorOptionMap = useButtonColorOptionMap()\n\n  // Android doesn't show a \"pressed\" state and so we need to simulate it.\n  // Lowering the Text's opacity doesn't work as it inherits it's parent's Text's opacity.\n  // We can simulate the effect by changing the color's opacity instead.\n  const pressedColor = colorFunction(colorOptionMap[colorKey]).alpha(0.5).string()\n\n  return StyleSheet.create({\n    text: {\n      fontWeight: platformFontWeightMedium,\n      color: colorOptionMap[colorKey],\n    },\n    underline: {\n      textDecorationLine: 'underline',\n      textDecorationColor: colorOptionMap[colorKey],\n      textDecorationStyle: 'solid',\n    },\n    disabled: {\n      color: colors.textColorDefaultDisabled,\n    },\n    pressedAndroid: {\n      color: pressedColor,\n    },\n  })\n}\n"]}

package/build/components/display/text_input.d.ts

@@ -3,6 +3,6 @@ import { TextInputProps, TextInput } from 'react-native';
 interface AutoFocusAwareTextInputProps extends TextInputProps {
     inputRef?: RefObject<TextInput | null>;
 }
-export declare const AutoFocusAwareTextInput: (props: AutoFocusAwareTextInputProps) => import("react/jsx-runtime").JSX.Element;
+export declare const AutoFocusAwareTextInput: (props: AutoFocusAwareTextInputProps) => import("react").JSX.Element;
 export {};
 //# sourceMappingURL=text_input.d.ts.map

package/build/components/display/text_input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"text_input.d.ts","sourceRoot":"","sources":["../../../src/components/display/text_input.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAqB,MAAM,OAAO,CAAA;AACpD,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAGxD,UAAU,4BAA6B,SAAQ,cAAc;IAC3D,QAAQ,CAAC,EAAE,SAAS,CAAC,SAAS,GAAG,IAAI,CAAC,CAAA;CACvC;AAED,eAAO,MAAM,uBAAuB,GAAI,OAAO,4BAA4B,4CAe1E,CAAA"}
+{"version":3,"file":"text_input.d.ts","sourceRoot":"","sources":["../../../src/components/display/text_input.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAqB,MAAM,OAAO,CAAA;AACpD,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAGxD,UAAU,4BAA6B,SAAQ,cAAc;IAC3D,QAAQ,CAAC,EAAE,SAAS,CAAC,SAAS,GAAG,IAAI,CAAC,CAAA;CACvC;AAED,eAAO,MAAM,uBAAuB,GAAI,OAAO,4BAA4B,gCAe1E,CAAA"}

package/build/components/display/text_input.js

@@ -1,4 +1,3 @@
-import { jsx as _jsx } from "react/jsx-runtime";
 import { useEffect, useRef } from 'react';
 import { TextInput } from 'react-native';
 import { useKeyboardViewReady } from './keyboard_view';
@@ -13,6 +12,6 @@ export const AutoFocusAwareTextInput = (props) => {
             return;
         ref?.current?.focus();
     }, [ref, autoFocus, keyboardViewReady]);
-    return _jsx(TextInput, { ref: ref, ...props, autoFocus: false });
+    return <TextInput ref={ref} {...props} autoFocus={false}/>;
 };
 //# sourceMappingURL=text_input.js.map

package/build/components/display/text_input.js.map

@@ -1 +1 @@
-{"version":3,"file":"text_input.js","sourceRoot":"","sources":["../../../src/components/display/text_input.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAa,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AACpD,OAAO,EAAkB,SAAS,EAAE,MAAM,cAAc,CAAA;AACxD,OAAO,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAA;AAMtD,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,KAAmC,EAAE,EAAE;IAC7E,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAA;IAC1B,MAAM,UAAU,GAAG,MAAM,CAAY,IAAI,CAAC,CAAA;IAC1C,MAAM,GAAG,GAAG,QAAQ,IAAI,UAAU,CAAA;IAClC,MAAM,iBAAiB,GAAG,oBAAoB,EAAE,CAAA;IAEhD,MAAM,SAAS,GAAG,KAAK,CAAC,SAAS,CAAA;IAEjC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,SAAS,IAAI,CAAC,iBAAiB;YAAE,OAAM;QAE5C,GAAG,EAAE,OAAO,EAAE,KAAK,EAAE,CAAA;IACvB,CAAC,EAAE,CAAC,GAAG,EAAE,SAAS,EAAE,iBAAiB,CAAC,CAAC,CAAA;IAEvC,OAAO,KAAC,SAAS,IAAC,GAAG,EAAE,GAAG,KAAM,KAAK,EAAE,SAAS,EAAE,KAAK,GAAI,CAAA;AAC7D,CAAC,CAAA","sourcesContent":["import { RefObject, useEffect, useRef } from 'react'\nimport { TextInputProps, TextInput } from 'react-native'\nimport { useKeyboardViewReady } from './keyboard_view'\n\ninterface AutoFocusAwareTextInputProps extends TextInputProps {\n  inputRef?: RefObject<TextInput | null>\n}\n\nexport const AutoFocusAwareTextInput = (props: AutoFocusAwareTextInputProps) => {\n  const { inputRef } = props\n  const defaultRef = useRef<TextInput>(null)\n  const ref = inputRef || defaultRef\n  const keyboardViewReady = useKeyboardViewReady()\n\n  const autoFocus = props.autoFocus\n\n  useEffect(() => {\n    if (!autoFocus || !keyboardViewReady) return\n\n    ref?.current?.focus()\n  }, [ref, autoFocus, keyboardViewReady])\n\n  return <TextInput ref={ref} {...props} autoFocus={false} />\n}\n"]}
+{"version":3,"file":"text_input.js","sourceRoot":"","sources":["../../../src/components/display/text_input.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AACpD,OAAO,EAAkB,SAAS,EAAE,MAAM,cAAc,CAAA;AACxD,OAAO,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAA;AAMtD,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,KAAmC,EAAE,EAAE;IAC7E,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAA;IAC1B,MAAM,UAAU,GAAG,MAAM,CAAY,IAAI,CAAC,CAAA;IAC1C,MAAM,GAAG,GAAG,QAAQ,IAAI,UAAU,CAAA;IAClC,MAAM,iBAAiB,GAAG,oBAAoB,EAAE,CAAA;IAEhD,MAAM,SAAS,GAAG,KAAK,CAAC,SAAS,CAAA;IAEjC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,SAAS,IAAI,CAAC,iBAAiB;YAAE,OAAM;QAE5C,GAAG,EAAE,OAAO,EAAE,KAAK,EAAE,CAAA;IACvB,CAAC,EAAE,CAAC,GAAG,EAAE,SAAS,EAAE,iBAAiB,CAAC,CAAC,CAAA;IAEvC,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,SAAS,CAAC,CAAC,KAAK,CAAC,EAAG,CAAA;AAC7D,CAAC,CAAA","sourcesContent":["import { RefObject, useEffect, useRef } from 'react'\nimport { TextInputProps, TextInput } from 'react-native'\nimport { useKeyboardViewReady } from './keyboard_view'\n\ninterface AutoFocusAwareTextInputProps extends TextInputProps {\n  inputRef?: RefObject<TextInput | null>\n}\n\nexport const AutoFocusAwareTextInput = (props: AutoFocusAwareTextInputProps) => {\n  const { inputRef } = props\n  const defaultRef = useRef<TextInput>(null)\n  const ref = inputRef || defaultRef\n  const keyboardViewReady = useKeyboardViewReady()\n\n  const autoFocus = props.autoFocus\n\n  useEffect(() => {\n    if (!autoFocus || !keyboardViewReady) return\n\n    ref?.current?.focus()\n  }, [ref, autoFocus, keyboardViewReady])\n\n  return <TextInput ref={ref} {...props} autoFocus={false} />\n}\n"]}

package/build/components/display/toggle_button.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import type { PressableProps } from 'react-native';
 import { IconString } from './icon';
 type RestrictedPressableProps = Omit<PressableProps, 'onLongPress'>;
@@ -50,6 +51,6 @@ export interface ToggleButtonProps extends RestrictedPressableProps {
      */
     hapticFeedback?: boolean;
 }
-export declare function ToggleButton({ active, accessibilityLabel, adjustsFontSizeToFit, allowFontScaling, iconNameLeft, iconNameRight, maxFontSizeMultiplier, minimumFontScale, title, style, hapticFeedback, onPress, ...props }: ToggleButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare function ToggleButton({ active, accessibilityLabel, adjustsFontSizeToFit, allowFontScaling, iconNameLeft, iconNameRight, maxFontSizeMultiplier, minimumFontScale, title, style, hapticFeedback, onPress, ...props }: ToggleButtonProps): React.JSX.Element;
 export {};
 //# sourceMappingURL=toggle_button.d.ts.map

package/build/components/display/toggle_button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"toggle_button.d.ts","sourceRoot":"","sources":["../../../src/components/display/toggle_button.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAyB,MAAM,cAAc,CAAA;AAczE,OAAO,EAAQ,UAAU,EAAE,MAAM,QAAQ,CAAA;AAUzC,KAAK,wBAAwB,GAAG,IAAI,CAAC,cAAc,EAAE,aAAa,CAAC,CAAA;AAMnE,MAAM,WAAW,iBAAkB,SAAQ,wBAAwB;IACjE;;OAEG;IACH,MAAM,EAAE,OAAO,CAAA;IACf;;;;OAIG;IACH,kBAAkB,EAAE,MAAM,CAAA;IAC1B;;OAEG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B;;OAEG;IACH,YAAY,CAAC,EAAE,UAAU,CAAA;IACzB;;OAEG;IACH,aAAa,CAAC,EAAE,UAAU,CAAA;IAC1B;;OAEG;IACH,qBAAqB,CAAC,EAAE,MAAM,CAAA;IAC9B;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;OAEG;IACH,KAAK,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,CAAA;IAC/B;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,CAAA;CACzB;AAED,wBAAgB,YAAY,CAAC,EAC3B,MAAM,EACN,kBAAkB,EAClB,oBAA4B,EAC5B,gBAAuB,EACvB,YAAY,EACZ,aAAa,EACb,qBAAyD,EACzD,gBAAgB,EAChB,KAAK,EACL,KAAK,EACL,cAAqB,EACrB,OAAO,EACP,GAAG,KAAK,EACT,EAAE,iBAAiB,2CA4DnB"}
+{"version":3,"file":"toggle_button.d.ts","sourceRoot":"","sources":["../../../src/components/display/toggle_button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,cAAc,EAAyB,MAAM,cAAc,CAAA;AAczE,OAAO,EAAQ,UAAU,EAAE,MAAM,QAAQ,CAAA;AAUzC,KAAK,wBAAwB,GAAG,IAAI,CAAC,cAAc,EAAE,aAAa,CAAC,CAAA;AAMnE,MAAM,WAAW,iBAAkB,SAAQ,wBAAwB;IACjE;;OAEG;IACH,MAAM,EAAE,OAAO,CAAA;IACf;;;;OAIG;IACH,kBAAkB,EAAE,MAAM,CAAA;IAC1B;;OAEG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B;;OAEG;IACH,YAAY,CAAC,EAAE,UAAU,CAAA;IACzB;;OAEG;IACH,aAAa,CAAC,EAAE,UAAU,CAAA;IAC1B;;OAEG;IACH,qBAAqB,CAAC,EAAE,MAAM,CAAA;IAC9B;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;OAEG;IACH,KAAK,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,CAAA;IAC/B;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,CAAA;CACzB;AAED,wBAAgB,YAAY,CAAC,EAC3B,MAAM,EACN,kBAAkB,EAClB,oBAA4B,EAC5B,gBAAuB,EACvB,YAAY,EACZ,aAAa,EACb,qBAAyD,EACzD,gBAAgB,EAChB,KAAK,EACL,KAAK,EACL,cAAqB,EACrB,OAAO,EACP,GAAG,KAAK,EACT,EAAE,iBAAiB,qBA4DnB"}

package/build/components/display/toggle_button.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
 import { Pressable, StyleSheet } from 'react-native';
 import { useTheme, useFontScale, useCreateAndroidRippleColor, useInteractionGhostBackgroundColor, } from '../../hooks';
 import { MAX_FONT_SIZE_MULTIPLIER_LANDMARK, platformFontWeightBold, platformPressedOpacityStyle, } from '../../utils';
@@ -18,11 +18,17 @@ export function ToggleButton({ active, accessibilityLabel, adjustsFontSizeToFit
             Haptic.impactLight();
         onPress?.(event);
     };
-    return (_jsxs(Pressable, { style: ({ pressed }) => ({
+    return (<Pressable style={({ pressed }) => ({
             ...styles.pressable,
             ...(pressed ? platformPressedOpacityStyle : null),
             ...overrideStyles,
-        }), accessibilityRole: "togglebutton", accessibilityLabel: accessibilityLabel, accessibilityState: { checked: active }, android_ripple: { color: androidRippleColor, borderless: false, foreground: true }, onPress: handlePress, accessibilityShowsLargeContentViewer: true, accessibilityLargeContentTitle: accessibilityLabel, ...props, children: [iconNameLeft && (_jsx(Icon, { name: iconNameLeft, style: styles.icon, maxFontSizeMultiplier: maxFontSizeMultiplier })), hasTitle && (_jsx(Text, { allowFontScaling: allowFontScaling, minimumFontScale: minimumFontScale, maxFontSizeMultiplier: maxFontSizeMultiplier, adjustsFontSizeToFit: adjustsFontSizeToFit, numberOfLines: 1, style: styles.text, variant: "tertiary", children: title })), iconNameRight && (_jsx(Icon, { name: iconNameRight, style: styles.icon, maxFontSizeMultiplier: maxFontSizeMultiplier }))] }));
+        })} accessibilityRole="togglebutton" accessibilityLabel={accessibilityLabel} accessibilityState={{ checked: active }} android_ripple={{ color: androidRippleColor, borderless: false, foreground: true }} onPress={handlePress} accessibilityShowsLargeContentViewer accessibilityLargeContentTitle={accessibilityLabel} {...props}>
+      {iconNameLeft && (<Icon name={iconNameLeft} style={styles.icon} maxFontSizeMultiplier={maxFontSizeMultiplier}/>)}
+      {hasTitle && (<Text allowFontScaling={allowFontScaling} minimumFontScale={minimumFontScale} maxFontSizeMultiplier={maxFontSizeMultiplier} adjustsFontSizeToFit={adjustsFontSizeToFit} numberOfLines={1} style={styles.text} variant="tertiary">
+          {title}
+        </Text>)}
+      {iconNameRight && (<Icon name={iconNameRight} style={styles.icon} maxFontSizeMultiplier={maxFontSizeMultiplier}/>)}
+    </Pressable>);
 }
 // =================================
 // ====== Styles ===================

package/build/components/display/toggle_button.js.map

@@ -1 +1 @@
-{"version":3,"file":"toggle_button.js","sourceRoot":"","sources":["../../../src/components/display/toggle_button.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react'\nimport { Pressable, StyleSheet } from 'react-native'\nimport type { PressableProps, GestureResponderEvent } from 'react-native'\nimport {\n  useTheme,\n  useFontScale,\n  useCreateAndroidRippleColor,\n  useInteractionGhostBackgroundColor,\n} from '../../hooks'\nimport {\n  MAX_FONT_SIZE_MULTIPLIER_LANDMARK,\n  platformFontWeightBold,\n  platformPressedOpacityStyle,\n} from '../../utils'\nimport { Haptic } from '../../utils/native_adapters/configuration'\nimport { tokens } from '../../vendor/tapestry/tokens'\nimport { Icon, IconString } from './icon'\nimport { Text } from './text'\n\n// =================================\n// ====== Constants ================\n// =================================\n\n// We are omitting `onLongPress` because we are instead supporting `accessibilityShowsLargeContentViewer`.\n// This is triggered by an `onLongPress` event when an iOS device is in Apple's accessible font scale range.\n// Triggering this prop will display an almost full screen iOS a11y button.\ntype RestrictedPressableProps = Omit<PressableProps, 'onLongPress'>\n\n// =================================\n// ====== Component ================\n// =================================\n\nexport interface ToggleButtonProps extends RestrictedPressableProps {\n  /**\n   * Whether the toggle button is active/checked\n   */\n  active: boolean\n  /**\n   * Required accessibility label for screen readers.\n   * When title is provided, this provides additional context.\n   * When title is omitted (icon-only mode), this is the primary label.\n   */\n  accessibilityLabel: string\n  /**\n   * Specifies whether fonts should be scaled down automatically to fit given style constraints.\n   */\n  adjustsFontSizeToFit?: boolean\n  /**\n   * Specifies whether fonts should scale to respect the device's text size accessibility settings. The default is true.\n   */\n  allowFontScaling?: boolean\n  /**\n   * Generates an icon to the left of the button text\n   */\n  iconNameLeft?: IconString\n  /**\n   * Generates an icon to the right of the button text\n   */\n  iconNameRight?: IconString\n  /**\n   * Specifies the maximum size a font can reach when allowFontScaling is enabled.\n   */\n  maxFontSizeMultiplier?: number\n  /**\n   * Specifies smallest possible scale a font can reach when adjustsFontSizeToFit is enabled. (values 0.01-1.0).\n   */\n  minimumFontScale?: number\n  /**\n   * Renders as text within the button.\n   * When omitted, button displays in icon-only mode.\n   */\n  title?: string\n  /**\n   * Pressable container styles\n   */\n  style?: PressableProps['style']\n  /**\n   * Specifies whether haptic feedback should be enabled.\n   */\n  hapticFeedback?: boolean\n}\n\nexport function ToggleButton({\n  active,\n  accessibilityLabel,\n  adjustsFontSizeToFit = false,\n  allowFontScaling = true,\n  iconNameLeft,\n  iconNameRight,\n  maxFontSizeMultiplier = MAX_FONT_SIZE_MULTIPLIER_LANDMARK,\n  minimumFontScale,\n  title,\n  style,\n  hapticFeedback = true,\n  onPress,\n  ...props\n}: ToggleButtonProps) {\n  const hasTitle = Boolean(title)\n  const styles = useStyles({ active, maxFontSizeMultiplier })\n  const { colors } = useTheme()\n  const overrideStyles = StyleSheet.flatten(style) // Ensures the pressed styles still get applied\n\n  const baseRippleColor = active ? colors.interaction : colors.fillColorNeutral050Base\n  const androidRippleColor = useCreateAndroidRippleColor({ color: baseRippleColor })\n\n  const handlePress = (event: GestureResponderEvent) => {\n    if (hapticFeedback) Haptic.impactLight()\n\n    onPress?.(event)\n  }\n\n  return (\n    <Pressable\n      style={({ pressed }) => ({\n        ...styles.pressable,\n        ...(pressed ? platformPressedOpacityStyle : null),\n        ...overrideStyles,\n      })}\n      accessibilityRole=\"togglebutton\"\n      accessibilityLabel={accessibilityLabel}\n      accessibilityState={{ checked: active }}\n      android_ripple={{ color: androidRippleColor, borderless: false, foreground: true }}\n      onPress={handlePress}\n      accessibilityShowsLargeContentViewer\n      accessibilityLargeContentTitle={accessibilityLabel}\n      {...props}\n    >\n      {iconNameLeft && (\n        <Icon\n          name={iconNameLeft}\n          style={styles.icon}\n          maxFontSizeMultiplier={maxFontSizeMultiplier}\n        />\n      )}\n      {hasTitle && (\n        <Text\n          allowFontScaling={allowFontScaling}\n          minimumFontScale={minimumFontScale}\n          maxFontSizeMultiplier={maxFontSizeMultiplier}\n          adjustsFontSizeToFit={adjustsFontSizeToFit}\n          numberOfLines={1}\n          style={styles.text}\n          variant=\"tertiary\"\n        >\n          {title}\n        </Text>\n      )}\n      {iconNameRight && (\n        <Icon\n          name={iconNameRight}\n          style={styles.icon}\n          maxFontSizeMultiplier={maxFontSizeMultiplier}\n        />\n      )}\n    </Pressable>\n  )\n}\n\n// =================================\n// ====== Styles ===================\n// =================================\n\nconst useStyles = ({ active, maxFontSizeMultiplier }: Partial<ToggleButtonProps>) => {\n  const { colors, button } = useTheme()\n  const fontScale = useFontScale({ maxFontSizeMultiplier })\n\n  const activeBackgroundColor = useInteractionGhostBackgroundColor()\n\n  const color = active ? colors.interaction : colors.textColorDefaultSecondary\n\n  return StyleSheet.create({\n    pressable: {\n      borderRadius: button.borderRadius * fontScale,\n      borderWidth: 1,\n      borderColor: active ? colors.interaction : colors.borderColorDefaultBase,\n      backgroundColor: active ? activeBackgroundColor : 'transparent',\n      paddingHorizontal: 16 * fontScale,\n      flexDirection: 'row',\n      alignItems: 'center',\n      justifyContent: 'center',\n      height: 32 * fontScale,\n      gap: 6 * fontScale,\n      overflow: 'hidden',\n    },\n    text: {\n      textAlign: 'center',\n      textAlignVertical: 'center',\n      includeFontPadding: false,\n      fontWeight: platformFontWeightBold,\n      color,\n    },\n    icon: {\n      fontSize: tokens.fontSizeSm * fontScale,\n      color,\n    },\n  })\n}\n"]}
+{"version":3,"file":"toggle_button.js","sourceRoot":"","sources":["../../../src/components/display/toggle_button.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react'\nimport { Pressable, StyleSheet } from 'react-native'\nimport type { PressableProps, GestureResponderEvent } from 'react-native'\nimport {\n  useTheme,\n  useFontScale,\n  useCreateAndroidRippleColor,\n  useInteractionGhostBackgroundColor,\n} from '../../hooks'\nimport {\n  MAX_FONT_SIZE_MULTIPLIER_LANDMARK,\n  platformFontWeightBold,\n  platformPressedOpacityStyle,\n} from '../../utils'\nimport { Haptic } from '../../utils/native_adapters/configuration'\nimport { tokens } from '../../vendor/tapestry/tokens'\nimport { Icon, IconString } from './icon'\nimport { Text } from './text'\n\n// =================================\n// ====== Constants ================\n// =================================\n\n// We are omitting `onLongPress` because we are instead supporting `accessibilityShowsLargeContentViewer`.\n// This is triggered by an `onLongPress` event when an iOS device is in Apple's accessible font scale range.\n// Triggering this prop will display an almost full screen iOS a11y button.\ntype RestrictedPressableProps = Omit<PressableProps, 'onLongPress'>\n\n// =================================\n// ====== Component ================\n// =================================\n\nexport interface ToggleButtonProps extends RestrictedPressableProps {\n  /**\n   * Whether the toggle button is active/checked\n   */\n  active: boolean\n  /**\n   * Required accessibility label for screen readers.\n   * When title is provided, this provides additional context.\n   * When title is omitted (icon-only mode), this is the primary label.\n   */\n  accessibilityLabel: string\n  /**\n   * Specifies whether fonts should be scaled down automatically to fit given style constraints.\n   */\n  adjustsFontSizeToFit?: boolean\n  /**\n   * Specifies whether fonts should scale to respect the device's text size accessibility settings. The default is true.\n   */\n  allowFontScaling?: boolean\n  /**\n   * Generates an icon to the left of the button text\n   */\n  iconNameLeft?: IconString\n  /**\n   * Generates an icon to the right of the button text\n   */\n  iconNameRight?: IconString\n  /**\n   * Specifies the maximum size a font can reach when allowFontScaling is enabled.\n   */\n  maxFontSizeMultiplier?: number\n  /**\n   * Specifies smallest possible scale a font can reach when adjustsFontSizeToFit is enabled. (values 0.01-1.0).\n   */\n  minimumFontScale?: number\n  /**\n   * Renders as text within the button.\n   * When omitted, button displays in icon-only mode.\n   */\n  title?: string\n  /**\n   * Pressable container styles\n   */\n  style?: PressableProps['style']\n  /**\n   * Specifies whether haptic feedback should be enabled.\n   */\n  hapticFeedback?: boolean\n}\n\nexport function ToggleButton({\n  active,\n  accessibilityLabel,\n  adjustsFontSizeToFit = false,\n  allowFontScaling = true,\n  iconNameLeft,\n  iconNameRight,\n  maxFontSizeMultiplier = MAX_FONT_SIZE_MULTIPLIER_LANDMARK,\n  minimumFontScale,\n  title,\n  style,\n  hapticFeedback = true,\n  onPress,\n  ...props\n}: ToggleButtonProps) {\n  const hasTitle = Boolean(title)\n  const styles = useStyles({ active, maxFontSizeMultiplier })\n  const { colors } = useTheme()\n  const overrideStyles = StyleSheet.flatten(style) // Ensures the pressed styles still get applied\n\n  const baseRippleColor = active ? colors.interaction : colors.fillColorNeutral050Base\n  const androidRippleColor = useCreateAndroidRippleColor({ color: baseRippleColor })\n\n  const handlePress = (event: GestureResponderEvent) => {\n    if (hapticFeedback) Haptic.impactLight()\n\n    onPress?.(event)\n  }\n\n  return (\n    <Pressable\n      style={({ pressed }) => ({\n        ...styles.pressable,\n        ...(pressed ? platformPressedOpacityStyle : null),\n        ...overrideStyles,\n      })}\n      accessibilityRole=\"togglebutton\"\n      accessibilityLabel={accessibilityLabel}\n      accessibilityState={{ checked: active }}\n      android_ripple={{ color: androidRippleColor, borderless: false, foreground: true }}\n      onPress={handlePress}\n      accessibilityShowsLargeContentViewer\n      accessibilityLargeContentTitle={accessibilityLabel}\n      {...props}\n    >\n      {iconNameLeft && (\n        <Icon\n          name={iconNameLeft}\n          style={styles.icon}\n          maxFontSizeMultiplier={maxFontSizeMultiplier}\n        />\n      )}\n      {hasTitle && (\n        <Text\n          allowFontScaling={allowFontScaling}\n          minimumFontScale={minimumFontScale}\n          maxFontSizeMultiplier={maxFontSizeMultiplier}\n          adjustsFontSizeToFit={adjustsFontSizeToFit}\n          numberOfLines={1}\n          style={styles.text}\n          variant=\"tertiary\"\n        >\n          {title}\n        </Text>\n      )}\n      {iconNameRight && (\n        <Icon\n          name={iconNameRight}\n          style={styles.icon}\n          maxFontSizeMultiplier={maxFontSizeMultiplier}\n        />\n      )}\n    </Pressable>\n  )\n}\n\n// =================================\n// ====== Styles ===================\n// =================================\n\nconst useStyles = ({ active, maxFontSizeMultiplier }: Partial<ToggleButtonProps>) => {\n  const { colors, button } = useTheme()\n  const fontScale = useFontScale({ maxFontSizeMultiplier })\n\n  const activeBackgroundColor = useInteractionGhostBackgroundColor()\n\n  const color = active ? colors.interaction : colors.textColorDefaultSecondary\n\n  return StyleSheet.create({\n    pressable: {\n      borderRadius: button.borderRadius * fontScale,\n      borderWidth: 1,\n      borderColor: active ? colors.interaction : colors.borderColorDefaultBase,\n      backgroundColor: active ? activeBackgroundColor : 'transparent',\n      paddingHorizontal: 16 * fontScale,\n      flexDirection: 'row',\n      alignItems: 'center',\n      justifyContent: 'center',\n      height: 32 * fontScale,\n      gap: 6 * fontScale,\n      overflow: 'hidden',\n    },\n    text: {\n      textAlign: 'center',\n      textAlignVertical: 'center',\n      includeFontPadding: false,\n      fontWeight: platformFontWeightBold,\n      color,\n    },\n    icon: {\n      fontSize: tokens.fontSizeSm * fontScale,\n      color,\n    },\n  })\n}\n"]}

package/build/components/display/video_attachment_preview.d.ts

@@ -6,6 +6,6 @@ interface VideoAttachmentPreviewProps {
     error?: boolean;
     hideRemoveButton?: boolean;
 }
-export declare const VideoAttachmentPreview: ({ name, duration, onRemovePress, loading, error, hideRemoveButton, }: VideoAttachmentPreviewProps) => import("react/jsx-runtime").JSX.Element;
+export declare const VideoAttachmentPreview: ({ name, duration, onRemovePress, loading, error, hideRemoveButton, }: VideoAttachmentPreviewProps) => import("react").JSX.Element;
 export {};
 //# sourceMappingURL=video_attachment_preview.d.ts.map

package/build/components/display/video_attachment_preview.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"video_attachment_preview.d.ts","sourceRoot":"","sources":["../../../src/components/display/video_attachment_preview.tsx"],"names":[],"mappings":"AASA,UAAU,2BAA2B;IACnC,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,aAAa,EAAE,MAAM,IAAI,CAAA;IACzB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,gBAAgB,CAAC,EAAE,OAAO,CAAA;CAC3B;AAED,eAAO,MAAM,sBAAsB,GAAI,sEAOpC,2BAA2B,4CAqD7B,CAAA"}
+{"version":3,"file":"video_attachment_preview.d.ts","sourceRoot":"","sources":["../../../src/components/display/video_attachment_preview.tsx"],"names":[],"mappings":"AASA,UAAU,2BAA2B;IACnC,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,aAAa,EAAE,MAAM,IAAI,CAAA;IACzB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,gBAAgB,CAAC,EAAE,OAAO,CAAA;CAC3B;AAED,eAAO,MAAM,sBAAsB,GAAI,sEAOpC,2BAA2B,gCAqD7B,CAAA"}