@oxyhq/bloom 0.1.3 → 0.1.5

package/lib/commonjs/segmented-control/index.js

@@ -0,0 +1,212 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Item = Item;
+exports.ItemText = ItemText;
+exports.Root = Root;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
+var _useTheme = require("../theme/use-theme.js");
+var _index = require("../styles/index.js");
+var _index2 = require("../button/index.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const InternalContext = /*#__PURE__*/(0, _react.createContext)(null);
+
+/**
+ * Segmented control component.
+ *
+ * @example
+ * ```tsx
+ * <SegmentedControl.Root value={value} onChange={setValue}>
+ *   <SegmentedControl.Item value="one">
+ *     <SegmentedControl.ItemText value="one">
+ *       One
+ *     </SegmentedControl.ItemText>
+ *   </SegmentedControl.Item>
+ *   <SegmentedControl.Item value="two">
+ *     <SegmentedControl.ItemText value="two">
+ *       Two
+ *     </SegmentedControl.ItemText>
+ *   </SegmentedControl.Item>
+ * </SegmentedControl.Root>
+ * ```
+ */
+function Root({
+  label,
+  type = 'radio',
+  size = 'large',
+  value,
+  onChange,
+  children,
+  style,
+  accessibilityHint
+}) {
+  const theme = (0, _useTheme.useTheme)();
+  const [selectedPosition, setSelectedPosition] = (0, _react.useState)(null);
+  const contextValue = (0, _react.useMemo)(() => {
+    return {
+      type,
+      size,
+      selectedValue: value,
+      selectedPosition,
+      onSelectValue: (val, position) => {
+        onChange(val);
+        if (position) setSelectedPosition(position);
+      },
+      updatePosition: position => {
+        setSelectedPosition(currPos => {
+          if (currPos && currPos.width === position.width && currPos.x === position.x) {
+            return currPos;
+          }
+          return position;
+        });
+      }
+    };
+  }, [value, selectedPosition, setSelectedPosition, onChange, type, size]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    accessibilityLabel: label,
+    accessibilityHint: accessibilityHint ?? '',
+    style: [_index.atoms.w_full, _index.atoms.flex_1, _index.atoms.relative, _index.atoms.flex_row, {
+      backgroundColor: theme.colors.contrast50
+    }, {
+      borderRadius: 14
+    }, _index.atoms.p_xs, style],
+    role: type === 'tabs' ? 'tablist' : 'radiogroup',
+    children: [selectedPosition !== null && /*#__PURE__*/(0, _jsxRuntime.jsx)(Slider, {
+      x: selectedPosition.x,
+      width: selectedPosition.width
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(InternalContext.Provider, {
+      value: contextValue,
+      children: children
+    })]
+  });
+}
+const InternalItemContext = /*#__PURE__*/(0, _react.createContext)(null);
+function Item({
+  value,
+  style,
+  children,
+  onPress: onPressProp,
+  ...props
+}) {
+  const [position, setPosition] = (0, _react.useState)(null);
+  const ctx = (0, _react.useContext)(InternalContext);
+  if (!ctx) {
+    throw new Error('SegmentedControl.Item must be used within a SegmentedControl.Root');
+  }
+  const active = ctx.selectedValue === value;
+  const needsUpdate = active && position && (ctx.selectedPosition?.x !== position.x || ctx.selectedPosition?.width !== position.width);
+
+  // Use a ref to avoid re-running the layout effect when updatePosition changes
+  const updatePositionRef = (0, _react.useRef)(ctx.updatePosition);
+  updatePositionRef.current = ctx.updatePosition;
+  const positionRef = (0, _react.useRef)(position);
+  positionRef.current = position;
+  (0, _react.useLayoutEffect)(() => {
+    if (needsUpdate && positionRef.current) {
+      updatePositionRef.current(positionRef.current);
+    }
+  }, [needsUpdate]);
+  const onPress = (0, _react.useCallback)(() => {
+    ctx.onSelectValue(value, position);
+    onPressProp?.();
+  }, [ctx, value, position, onPressProp]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: [_index.atoms.flex_1, _index.atoms.flex_row],
+    onLayout: evt => {
+      const measuredPosition = {
+        x: evt.nativeEvent.layout.x,
+        width: evt.nativeEvent.layout.width
+      };
+      if (!ctx.selectedPosition && active) {
+        ctx.onSelectValue(value, measuredPosition);
+      }
+      setPosition(measuredPosition);
+    },
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Button, {
+      ...props,
+      onPress: onPress,
+      accessibilityLabel: props.accessibilityLabel,
+      accessibilityHint: props.accessibilityHint,
+      style: [_index.atoms.flex_1, _index.atoms.bg_transparent, _index.atoms.px_sm, _index.atoms.py_xs, {
+        minHeight: ctx.size === 'large' ? 40 : 32,
+        borderRadius: 10
+      }, style],
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(InternalItemContext.Provider, {
+        value: {
+          active
+        },
+        children: children
+      })
+    })
+  });
+}
+function ItemText({
+  style,
+  children,
+  ...props
+}) {
+  const theme = (0, _useTheme.useTheme)();
+  const ctx = (0, _react.useContext)(InternalItemContext);
+  if (!ctx) {
+    throw new Error('SegmentedControl.ItemText must be used within a SegmentedControl.Item');
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+    ...props,
+    style: [_index.atoms.text_center, _index.atoms.text_md, _index.atoms.font_medium, _index.atoms.px_xs, ctx.active ? {
+      color: theme.colors.text
+    } : {
+      color: theme.colors.textTertiary
+    }, style],
+    children: children
+  });
+}
+function Slider({
+  x,
+  width
+}) {
+  const theme = (0, _useTheme.useTheme)();
+  const nativeLayout = _reactNative.Platform.OS !== 'web' ? _reactNativeReanimated.LinearTransition.easing(_reactNativeReanimated.Easing.out(_reactNativeReanimated.Easing.exp)) : undefined;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
+    layout: nativeLayout,
+    style: [_index.atoms.absolute, {
+      backgroundColor: theme.colors.background
+    }, {
+      top: 4,
+      bottom: 4,
+      left: 0,
+      width,
+      borderRadius: 10
+    }, (0, _index.platform)({
+      web: {
+        boxShadow: '0px 2px 4px 0px #0000000D'
+      },
+      ios: {
+        shadowColor: '#000',
+        shadowOffset: {
+          width: 0,
+          height: 2
+        },
+        shadowOpacity: 0x0d / 0xff,
+        shadowRadius: 4
+      },
+      android: {
+        elevation: 0.25
+      }
+    }), (0, _index.platform)({
+      native: {
+        left: x
+      },
+      web: {
+        transform: [{
+          translateX: x
+        }]
+      }
+    })]
+  });
+}
+//# sourceMappingURL=index.js.map

package/lib/commonjs/segmented-control/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_reactNativeReanimated","_interopRequireWildcard","_useTheme","_index","_index2","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","InternalContext","createContext","Root","label","type","size","value","onChange","children","style","accessibilityHint","theme","useTheme","selectedPosition","setSelectedPosition","useState","contextValue","useMemo","selectedValue","onSelectValue","val","position","updatePosition","currPos","width","x","jsxs","View","accessibilityLabel","a","w_full","flex_1","relative","flex_row","backgroundColor","colors","contrast50","borderRadius","p_xs","role","jsx","Slider","Provider","InternalItemContext","Item","onPress","onPressProp","props","setPosition","ctx","useContext","Error","active","needsUpdate","updatePositionRef","useRef","current","positionRef","useLayoutEffect","useCallback","onLayout","evt","measuredPosition","nativeEvent","layout","Button","bg_transparent","px_sm","py_xs","minHeight","ItemText","Text","text_center","text_md","font_medium","px_xs","color","text","textTertiary","nativeLayout","Platform","OS","LinearTransition","easing","Easing","out","exp","undefined","absolute","background","top","bottom","left","platform","web","boxShadow","ios","shadowColor","shadowOffset","height","shadowOpacity","shadowRadius","android","elevation","native","transform","translateX"],"sourceRoot":"../../../src","sources":["segmented-control/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/select/common.js

@@ -0,0 +1,39 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ItemContext = void 0;
+exports.defaultItemValueExtractor = defaultItemValueExtractor;
+exports.useItemContext = useItemContext;
+var _react = require("react");
+/**
+ * Shared utilities for Select (native + web).
+ */
+
+// ---------------------------------------------------------------------------
+// defaultItemValueExtractor
+// ---------------------------------------------------------------------------
+
+function defaultItemValueExtractor(item) {
+  if (item != null && typeof item === 'object' && 'value' in item) {
+    return String(item.value);
+  }
+  return String(item);
+}
+
+// ---------------------------------------------------------------------------
+// Item context
+// ---------------------------------------------------------------------------
+
+const ItemContext = exports.ItemContext = /*#__PURE__*/(0, _react.createContext)({
+  selected: false,
+  hovered: false,
+  focused: false,
+  pressed: false
+});
+ItemContext.displayName = 'SelectItemContext';
+function useItemContext() {
+  return (0, _react.useContext)(ItemContext);
+}
+//# sourceMappingURL=common.js.map

package/lib/commonjs/select/common.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","defaultItemValueExtractor","item","String","value","ItemContext","exports","createContext","selected","hovered","focused","pressed","displayName","useItemContext","useContext"],"sourceRoot":"../../../src","sources":["select/common.ts"],"mappings":";;;;;;;;AAGA,IAAAA,MAAA,GAAAC,OAAA;AAHA;AACA;AACA;;AAKA;AACA;AACA;;AAEO,SAASC,yBAAyBA,CAACC,IAAa,EAAU;EAC/D,IAAIA,IAAI,IAAI,IAAI,IAAI,OAAOA,IAAI,KAAK,QAAQ,IAAI,OAAO,IAAIA,IAAI,EAAE;IAC/D,OAAOC,MAAM,CAAED,IAAI,CAAuBE,KAAK,CAAC;EAClD;EACA,OAAOD,MAAM,CAACD,IAAI,CAAC;AACrB;;AAEA;AACA;AACA;;AAEO,MAAMG,WAAW,GAAAC,OAAA,CAAAD,WAAA,gBAAG,IAAAE,oBAAa,EAAyB;EAC/DC,QAAQ,EAAE,KAAK;EACfC,OAAO,EAAE,KAAK;EACdC,OAAO,EAAE,KAAK;EACdC,OAAO,EAAE;AACX,CAAC,CAAC;AACFN,WAAW,CAACO,WAAW,GAAG,mBAAmB;AAEtC,SAASC,cAAcA,CAAA,EAA2B;EACvD,OAAO,IAAAC,iBAAU,EAACT,WAAW,CAAC;AAChC","ignoreList":[]}

package/lib/commonjs/select/index.js

@@ -0,0 +1,409 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Content = Content;
+exports.Icon = Icon;
+exports.Item = Item;
+exports.ItemIndicator = ItemIndicator;
+exports.ItemText = ItemText;
+exports.Root = Root;
+exports.Separator = Separator;
+exports.Trigger = Trigger;
+exports.ValueText = ValueText;
+Object.defineProperty(exports, "useItemContext", {
+  enumerable: true,
+  get: function () {
+    return _common.useItemContext;
+  }
+});
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _useTheme = require("../theme/use-theme.js");
+var _index = require("../typography/index.js");
+var _index2 = require("../button/index.js");
+var Dialog = _interopRequireWildcard(require("../dialog/index.js"));
+var _index4 = require("../radio-indicator/index.js");
+var _useInteractionState = require("../hooks/useInteractionState.js");
+var _Chevron = require("../icons/Chevron.js");
+var _common = require("./common.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+// ---------------------------------------------------------------------------
+// Context
+// ---------------------------------------------------------------------------
+
+const SelectContext = /*#__PURE__*/(0, _react.createContext)(null);
+SelectContext.displayName = 'SelectContext';
+const ValueStoreContext = /*#__PURE__*/(0, _react.createContext)([undefined, () => {}]);
+ValueStoreContext.displayName = 'SelectValueStoreContext';
+function useSelectContext() {
+  const ctx = (0, _react.useContext)(SelectContext);
+  if (!ctx) {
+    throw new Error('Select components must be used within a Select.Root');
+  }
+  return ctx;
+}
+
+// ---------------------------------------------------------------------------
+// Root
+// ---------------------------------------------------------------------------
+
+function Root({
+  children,
+  value,
+  onValueChange,
+  disabled
+}) {
+  const control = Dialog.useDialogControl();
+  const valueStoreState = (0, _react.useState)(undefined);
+  const ctx = (0, _react.useMemo)(() => ({
+    control,
+    value,
+    onValueChange,
+    disabled
+  }), [control, value, onValueChange, disabled]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(SelectContext.Provider, {
+    value: ctx,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(ValueStoreContext.Provider, {
+      value: valueStoreState,
+      children: children
+    })
+  });
+}
+
+// ---------------------------------------------------------------------------
+// Trigger
+// ---------------------------------------------------------------------------
+
+function Trigger({
+  children,
+  label
+}) {
+  const {
+    control
+  } = useSelectContext();
+  const {
+    state: focused,
+    onIn: onFocus,
+    onOut: onBlur
+  } = (0, _useInteractionState.useInteractionState)();
+  const {
+    state: pressed,
+    onIn: onPressIn,
+    onOut: onPressOut
+  } = (0, _useInteractionState.useInteractionState)();
+  if (typeof children === 'function') {
+    return children({
+      control,
+      state: {
+        hovered: false,
+        focused,
+        pressed
+      },
+      props: {
+        onPress: () => control.open(),
+        onFocus,
+        onBlur,
+        accessibilityLabel: label
+      }
+    });
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Button, {
+    accessibilityLabel: label,
+    onPress: () => control.open(),
+    variant: "secondary",
+    size: "large",
+    style: styles.triggerButton,
+    children: children
+  });
+}
+
+// ---------------------------------------------------------------------------
+// ValueText
+// ---------------------------------------------------------------------------
+
+function ValueText({
+  placeholder,
+  children: extractLabel = defaultExtractLabel,
+  style
+}) {
+  const [storedValue] = (0, _react.useContext)(ValueStoreContext);
+  const theme = (0, _useTheme.useTheme)();
+  const display = storedValue != null ? extractLabel(storedValue) : placeholder;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Text, {
+    numberOfLines: 1,
+    style: [styles.valueText, {
+      color: storedValue != null ? theme.colors.text : theme.colors.textSecondary
+    }, ...(style ? [style] : [])],
+    children: display
+  });
+}
+function defaultExtractLabel(item) {
+  if (item != null && typeof item === 'object' && 'label' in item) {
+    return item.label;
+  }
+  return String(item);
+}
+
+// ---------------------------------------------------------------------------
+// Icon
+// ---------------------------------------------------------------------------
+
+function Icon(_props) {
+  const theme = (0, _useTheme.useTheme)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Chevron.ChevronTopBottom_Stroke2_Corner0_Rounded, {
+    size: "sm",
+    fill: theme.colors.textSecondary
+  });
+}
+
+// ---------------------------------------------------------------------------
+// Content
+// ---------------------------------------------------------------------------
+
+function Content({
+  items,
+  valueExtractor = _common.defaultItemValueExtractor,
+  ...props
+}) {
+  const {
+    control,
+    ...context
+  } = useSelectContext();
+  const [, setStoredValue] = (0, _react.useContext)(ValueStoreContext);
+  (0, _react.useLayoutEffect)(() => {
+    const item = items.find(candidate => valueExtractor(candidate) === context.value);
+    if (item !== undefined) {
+      setStoredValue(item);
+    }
+  }, [items, context.value, valueExtractor, setStoredValue]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Dialog.Outer, {
+    control: control,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(ContentInner, {
+      control: control,
+      items: items,
+      valueExtractor: valueExtractor,
+      ...props,
+      value: context.value,
+      onValueChange: context.onValueChange,
+      disabled: context.disabled
+    })
+  });
+}
+function ContentInner({
+  label = 'Select an option',
+  items,
+  renderItem,
+  valueExtractor = _common.defaultItemValueExtractor,
+  control,
+  ...contextValues
+}) {
+  const theme = (0, _useTheme.useTheme)();
+  const render = (0, _react.useCallback)(({
+    item,
+    index
+  }) => {
+    return renderItem(item, index, contextValues.value);
+  }, [renderItem, contextValues.value]);
+  const ctx = (0, _react.useMemo)(() => ({
+    control,
+    value: contextValues.value,
+    onValueChange: contextValues.onValueChange,
+    disabled: contextValues.disabled
+  }), [control, contextValues.value, contextValues.onValueChange, contextValues.disabled]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(SelectContext.Provider, {
+    value: ctx,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Dialog.Handle, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(Dialog.Inner, {
+      label: label,
+      header: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: styles.contentHeader,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Text, {
+          style: [styles.contentHeaderText, {
+            color: theme.colors.text
+          }],
+          children: label
+        })
+      }),
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.FlatList, {
+        data: items,
+        renderItem: render,
+        keyExtractor: valueExtractor,
+        style: styles.flatList
+      })
+    })]
+  });
+}
+
+// ---------------------------------------------------------------------------
+// Item context + value extractor (shared across platforms)
+// ---------------------------------------------------------------------------
+
+// ---------------------------------------------------------------------------
+// Item
+// ---------------------------------------------------------------------------
+
+function Item({
+  children,
+  value,
+  label,
+  style
+}) {
+  const theme = (0, _useTheme.useTheme)();
+  const {
+    close
+  } = Dialog.useDialogContext();
+  const {
+    value: selectedValue,
+    onValueChange
+  } = useSelectContext();
+  const {
+    state: focused,
+    onIn: onFocus,
+    onOut: onBlur
+  } = (0, _useInteractionState.useInteractionState)();
+  const {
+    state: pressed,
+    onIn: onPressIn,
+    onOut: onPressOut
+  } = (0, _useInteractionState.useInteractionState)();
+  const isSelected = value === selectedValue;
+  const handlePress = (0, _react.useCallback)(() => {
+    close(() => {
+      onValueChange?.(value);
+    });
+  }, [close, onValueChange, value]);
+  const itemCtx = (0, _react.useMemo)(() => ({
+    selected: isSelected,
+    hovered: false,
+    focused,
+    pressed
+  }), [isSelected, focused, pressed]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+    accessibilityRole: "radio",
+    accessibilityLabel: label,
+    accessibilityState: {
+      checked: isSelected
+    },
+    onPress: handlePress,
+    onFocus: onFocus,
+    onBlur: onBlur,
+    onPressIn: onPressIn,
+    onPressOut: onPressOut,
+    style: [styles.item, (focused || pressed) && {
+      backgroundColor: theme.colors.contrast50
+    }, style],
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_common.ItemContext.Provider, {
+      value: itemCtx,
+      children: children
+    })
+  });
+}
+
+// ---------------------------------------------------------------------------
+// ItemText
+// ---------------------------------------------------------------------------
+
+function ItemText({
+  children,
+  style
+}) {
+  const {
+    selected
+  } = (0, _common.useItemContext)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Text, {
+    style: [styles.itemText, selected && styles.itemTextSelected, ...(style ? [style] : [])],
+    children: children
+  });
+}
+
+// ---------------------------------------------------------------------------
+// ItemIndicator
+// ---------------------------------------------------------------------------
+
+function ItemIndicator({
+  icon: IconComponent
+}) {
+  const {
+    selected
+  } = (0, _common.useItemContext)();
+  if (IconComponent) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: styles.itemIndicatorIcon,
+      children: selected && /*#__PURE__*/(0, _jsxRuntime.jsx)(IconComponent, {
+        size: "md"
+      })
+    });
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index4.RadioIndicator, {
+    selected: selected
+  });
+}
+
+// ---------------------------------------------------------------------------
+// Separator
+// ---------------------------------------------------------------------------
+
+function Separator() {
+  const theme = (0, _useTheme.useTheme)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: [styles.separator, {
+      borderBottomColor: theme.colors.borderLight
+    }]
+  });
+}
+
+// ---------------------------------------------------------------------------
+// Styles
+// ---------------------------------------------------------------------------
+
+const styles = _reactNative.StyleSheet.create({
+  triggerButton: {
+    flex: 1,
+    justifyContent: 'space-between',
+    paddingLeft: 16,
+    paddingRight: 12
+  },
+  valueText: {
+    fontSize: 16,
+    fontWeight: '400'
+  },
+  contentHeader: {
+    paddingTop: 24,
+    paddingBottom: 8,
+    paddingHorizontal: 16
+  },
+  contentHeaderText: {
+    fontSize: 20,
+    fontWeight: '700',
+    textAlign: 'left'
+  },
+  flatList: {
+    flexGrow: 0
+  },
+  item: {
+    flex: 1,
+    paddingHorizontal: 16,
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: 8,
+    paddingVertical: 12
+  },
+  itemText: {
+    fontSize: 16
+  },
+  itemTextSelected: {
+    fontWeight: '600'
+  },
+  itemIndicatorIcon: {
+    width: 24
+  },
+  separator: {
+    flex: 1,
+    borderBottomWidth: 1,
+    marginHorizontal: 16,
+    marginVertical: 4
+  }
+});
+//# sourceMappingURL=index.js.map