@sparrowengg/twigs-mobile 0.0.3 → 0.1.0

package/README.md

@@ -0,0 +1,206 @@
+# Twigs Mobile
+
+React Native component library for [SurveySparrow](https://surveysparrow.com), the mobile counterpart of [@sparrowengg/twigs-react](https://github.com/surveysparrow/twigs).
+
+## Installation
+
+```bash
+npm install @sparrowengg/twigs-mobile
+```
+
+### Peer Dependencies
+
+```bash
+npm install react-native-reanimated react-native-gesture-handler react-native-svg react-native-safe-area-context react-native-screens @gorhom/bottom-sheet
+```
+
+## Quick Start
+
+Wrap your app with `TwigsProvider` to enable theming:
+
+```tsx
+import { TwigsProvider, Button, TextInput, Flex } from '@sparrowengg/twigs-mobile';
+
+export default function App() {
+  return (
+    <TwigsProvider>
+      <Flex gap={16} css={{ padding: 24 }}>
+        <TextInput placeholder="Email" size="lg" />
+        <Button color="primary" size="lg" onPress={() => {}}>
+          Sign In
+        </Button>
+      </Flex>
+    </TwigsProvider>
+  );
+}
+```
+
+## Components
+
+### Form Controls
+
+| Component | Description |
+|---|---|
+| `Button` | Pressable button with variants (solid, ghost, outline), sizes, loading state |
+| `IconButton` | Icon-only button with rounded variant, sizes, and loading state |
+| `LinkButton` | Text-only pressable with link styling |
+| `TextInput` | Text field with icons, elements, error states, password toggle |
+| `Checkbox` | Animated checkbox with indeterminate state |
+| `Radio` | Radio button with size variants |
+| `SegmentedButton` | Single-select toggle button group |
+| `Switch` | Toggle switch for binary on/off with size variants |
+
+### Layout
+
+| Component | Description |
+|---|---|
+| `Box` | Basic layout container |
+| `Flex` | Flexbox layout container |
+| `Separator` | Visual divider with horizontal and vertical orientations |
+
+### Data Display
+
+| Component | Description |
+|---|---|
+| `Text` | Themed text component |
+| `Avatar` | User avatar with image or initials fallback |
+| `AvatarGroup` | Overlapping avatar stack with optional overflow indicator |
+| `Badge` | Compact pill-shaped element for labels, tags, and status indicators |
+| `Chip` | Compact interactive element for tags, filters, and selectable items |
+
+### Feedback
+
+| Component | Description |
+|---|---|
+| `Alert` | Contextual feedback messages with status variants and optional close |
+| `Toast` | Imperative toast notifications with variant-based styling and action support |
+| `LineLoader` | Animated horizontal bar loader |
+| `CircleLoader` | Animated circular spinner |
+
+### Overlay
+
+| Component | Description |
+|---|---|
+| `Modal` | Composable modal dialog with sub-components (title, description, body, footer) |
+| `Tooltip` | Floating content bubble anchored to a trigger element |
+| `BottomSheet` | Gorhom bottom sheet wrapper with themed header |
+| `BottomSheetModal` | Modal variant of bottom sheet |
+
+## Toast
+
+The toast system uses an imperative API that works inside and outside React components:
+
+```tsx
+import { TwigsProvider, ToastProvider, toast } from '@sparrowengg/twigs-mobile';
+
+function App() {
+  return (
+    <TwigsProvider>
+      <ToastProvider>
+        {/* Your app */}
+      </ToastProvider>
+    </TwigsProvider>
+  );
+}
+
+// Anywhere in your code
+toast({ title: 'Saved!', variant: 'success' });
+toast.success('Changes saved');
+toast.error('Something went wrong');
+toast.warning('Check your input');
+toast.loading('Processing...');
+toast.dismiss();
+```
+
+## Bottom Sheet
+
+Built on [@gorhom/bottom-sheet](https://gorhom.dev/react-native-bottom-sheet/):
+
+```tsx
+import {
+  BottomSheet,
+  BottomSheetView,
+  BottomSheetScrollView,
+  BottomSheetTextInput,
+} from '@sparrowengg/twigs-mobile';
+
+<BottomSheet ref={sheetRef} snapPoints={['50%']} title="Settings">
+  <BottomSheetView style={{ padding: 16 }}>
+    <Text>Content here</Text>
+  </BottomSheetView>
+</BottomSheet>
+
+sheetRef.current?.expand();
+sheetRef.current?.close();
+```
+
+## Theming
+
+Pass a partial theme to override defaults:
+
+```tsx
+import { TwigsProvider, useTheme } from '@sparrowengg/twigs-mobile';
+
+<TwigsProvider
+  theme={{
+    colors: { primary500: '#1A73E8', primary600: '#1565C0' },
+    fonts: { regular: 'Inter-Regular', medium: 'Inter-Medium', bold: 'Inter-Bold' },
+  }}
+>
+  {/* App */}
+</TwigsProvider>
+
+// Access theme in any component
+const theme = useTheme();
+theme.colors.primary500; // '#1A73E8'
+```
+
+### Theme Tokens
+
+| Token | Type | Example |
+|---|---|---|
+| `colors` | `string` (hex) | `'#00828D'` |
+| `space` | `number` (dp) | `8` |
+| `fontSizes` | `number` (dp) | `14` |
+| `lineHeights` | `number` (dp) | `20` |
+| `radii` | `number` (dp) | `8` |
+| `borderWidths` | `number` (dp) | `1` |
+| `transitions` | `number` (ms) | `200` |
+| `fontWeights` | `string` | `'400'` |
+| `fonts` | `string` | `'System'` |
+
+## Accessibility
+
+All interactive components include baseline accessibility attributes:
+
+- **Button / IconButton / LinkButton**: `accessibilityRole="button"`, `accessibilityState={{ disabled, busy }}`
+- **Switch**: `accessibilityRole="switch"`, `accessibilityState={{ checked, disabled }}`
+- **Checkbox**: `accessibilityRole="checkbox"`, `accessibilityState={{ checked, disabled }}`
+- **Radio**: `accessibilityRole="radio"`, `accessibilityState={{ checked, disabled }}`
+- **TextInput**: Error messages use `accessibilityRole="alert"` with `accessibilityLiveRegion="polite"`
+- **Toast**: `accessibilityRole="alert"` with `accessibilityLiveRegion="polite"`
+- **Avatar**: `accessibilityRole="image"` with auto-derived label from name
+
+Pass `accessibilityLabel` and `accessibilityHint` via props for custom screen reader context.
+
+## Utilities
+
+```tsx
+import { colorOpacity } from '@sparrowengg/twigs-mobile';
+
+colorOpacity('#00828D', 0.1); // '#00828D1A'
+colorOpacity('#64748B', 0.8); // '#64748BCC'
+```
+
+## Requirements
+
+- React Native >= 0.71.0
+- React >= 18.0.0
+
+## Web Library Reference
+
+This library mirrors the web [twigs-react](https://github.com/surveysparrow/twigs) library. Prop names, variants, and color tokens are aligned where possible.
+
+## License
+
+MIT

package/lib/commonjs/alert/alert.js

@@ -0,0 +1 @@
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.Alert=void 0;var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _context=require("../context");var _button=require("../button");var _constants=require("./constants");var _helpers=require("./helpers");var _styles=require("./styles");var _icons=require("./icons");var _jsxRuntime=require("react/jsx-runtime");var _excluded=["status","icon","closable","onClose","children","css","style","accessible","accessibilityRole","accessibilityLabel","accessibilityHint","accessibilityState","accessibilityLiveRegion"];var _this=this,_jsxFileName="/Users/krishnank/surveysparrow/npm-package/twigs-mobile/src/alert/alert.tsx";function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap(),n=new WeakMap();return(_interopRequireWildcard=function _interopRequireWildcard(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(var _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);}var Alert=exports.Alert=_react.default.forwardRef(function(_ref,ref){var _ref$status=_ref.status,status=_ref$status===void 0?_constants.DEFAULT_STATUS:_ref$status,icon=_ref.icon,_ref$closable=_ref.closable,closable=_ref$closable===void 0?false:_ref$closable,onClose=_ref.onClose,children=_ref.children,css=_ref.css,style=_ref.style,_ref$accessible=_ref.accessible,accessible=_ref$accessible===void 0?true:_ref$accessible,accessibilityRole=_ref.accessibilityRole,accessibilityLabel=_ref.accessibilityLabel,accessibilityHint=_ref.accessibilityHint,accessibilityState=_ref.accessibilityState,accessibilityLiveRegion=_ref.accessibilityLiveRegion,rest=(0,_objectWithoutProperties2.default)(_ref,_excluded);var theme=(0,_context.useTheme)();var statusStyles=(0,_react.useMemo)(function(){return(0,_helpers.getStatusContainerStyles)(theme,status);},[theme,status]);var textStyles=(0,_react.useMemo)(function(){return(0,_helpers.getTextStyles)(theme);},[theme]);var iconColor=(0,_react.useMemo)(function(){return(0,_helpers.getIconColor)(theme,status);},[theme,status]);var renderIcon=function renderIcon(){if(icon){return _react.default.cloneElement(icon,{width:_constants.ALERT_ICON_SIZE,height:_constants.ALERT_ICON_SIZE,color:iconColor});}var DefaultIcon=_icons.STATUS_ICONS[status];return(0,_jsxRuntime.jsx)(DefaultIcon,{size:_constants.ALERT_ICON_SIZE,color:iconColor});};var computedLiveRegion=accessibilityLiveRegion!=null?accessibilityLiveRegion:status==='error'||status==='warning'?'polite':'none';return(0,_jsxRuntime.jsxs)(_reactNative.View,Object.assign({ref:ref,accessible:accessible,accessibilityRole:accessibilityRole!=null?accessibilityRole:'alert',accessibilityLabel:accessibilityLabel,accessibilityHint:accessibilityHint,accessibilityState:accessibilityState,accessibilityLiveRegion:computedLiveRegion,style:[_styles.styles.container,statusStyles,css,style]},rest,{children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:_styles.styles.iconContainer,children:renderIcon()}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:_styles.styles.contentContainer,children:typeof children==='string'?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:textStyles,children:children}):children}),closable&&(0,_jsxRuntime.jsx)(_button.Button,Object.assign({accessible:true,accessibilityLabel:"Close alert",accessibilityHint:"Dismisses this alert",size:"sm",color:"default",icon:(0,_jsxRuntime.jsx)(_icons.CloseIcon,{size:_constants.ALERT_CLOSE_ICON_SIZE,color:theme.colors.neutral800}),style:_styles.styles.closeButton},onClose&&{onPress:onClose}))]}));});Alert.displayName='Alert';

package/lib/commonjs/alert/constants.js

@@ -0,0 +1 @@
+Object.defineProperty(exports,"__esModule",{value:true});exports.STATUS_ICON_COLORS=exports.STATUS_BORDER_COLORS=exports.STATUS_BG_COLORS=exports.DEFAULT_STATUS=exports.ALERT_TEXT_COLOR=exports.ALERT_PADDING_VERTICAL=exports.ALERT_PADDING_RIGHT=exports.ALERT_PADDING_LEFT=exports.ALERT_MIN_HEIGHT=exports.ALERT_LINE_HEIGHT=exports.ALERT_ICON_SIZE=exports.ALERT_GAP=exports.ALERT_FONT_SIZE=exports.ALERT_CLOSE_ICON_SIZE=exports.ALERT_BORDER_WIDTH=exports.ALERT_BORDER_RADIUS=void 0;var ALERT_BORDER_WIDTH=exports.ALERT_BORDER_WIDTH=1;var ALERT_PADDING_LEFT=exports.ALERT_PADDING_LEFT=11;var ALERT_PADDING_RIGHT=exports.ALERT_PADDING_RIGHT=7;var ALERT_PADDING_VERTICAL=exports.ALERT_PADDING_VERTICAL=7;var ALERT_GAP=exports.ALERT_GAP=8;var ALERT_BORDER_RADIUS=exports.ALERT_BORDER_RADIUS=8;var ALERT_FONT_SIZE=exports.ALERT_FONT_SIZE=14;var ALERT_LINE_HEIGHT=exports.ALERT_LINE_HEIGHT=20;var ALERT_ICON_SIZE=exports.ALERT_ICON_SIZE=20;var ALERT_CLOSE_ICON_SIZE=exports.ALERT_CLOSE_ICON_SIZE=16;var ALERT_MIN_HEIGHT=exports.ALERT_MIN_HEIGHT=40;var ALERT_TEXT_COLOR=exports.ALERT_TEXT_COLOR='neutral900';var DEFAULT_STATUS=exports.DEFAULT_STATUS='info';var STATUS_BG_COLORS=exports.STATUS_BG_COLORS={default:'neutral50',info:'accent50',success:'positive50',warning:'warning100',error:'negative100'};var STATUS_BORDER_COLORS=exports.STATUS_BORDER_COLORS={default:'neutral200',info:'accent200',success:'positive200',warning:'warning200',error:'negative200'};var STATUS_ICON_COLORS=exports.STATUS_ICON_COLORS={default:'neutral600',info:'accent800',success:'positive800',warning:'warning800',error:'negative800'};

package/lib/commonjs/alert/helpers.js

@@ -0,0 +1 @@
+Object.defineProperty(exports,"__esModule",{value:true});exports.getIconColor=getIconColor;exports.getStatusContainerStyles=getStatusContainerStyles;exports.getTextStyles=getTextStyles;var _constants=require("./constants");function getStatusContainerStyles(theme,status){var bgColorKey=_constants.STATUS_BG_COLORS[status];var borderColorKey=_constants.STATUS_BORDER_COLORS[status];return{backgroundColor:theme.colors[bgColorKey],borderWidth:_constants.ALERT_BORDER_WIDTH,borderColor:theme.colors[borderColorKey]};}function getIconColor(theme,status){var colorKey=_constants.STATUS_ICON_COLORS[status];return theme.colors[colorKey];}function getTextStyles(theme){var colorKey=_constants.ALERT_TEXT_COLOR;return{color:theme.colors[colorKey],fontSize:_constants.ALERT_FONT_SIZE,lineHeight:_constants.ALERT_LINE_HEIGHT,fontFamily:theme.fonts.regular,flex:1};}

package/lib/commonjs/alert/icons.js

@@ -0,0 +1 @@
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.WarningIcon=exports.SuccessIcon=exports.STATUS_ICONS=exports.InfoIcon=exports.ErrorIcon=exports.CloseIcon=void 0;var _react=_interopRequireDefault(require("react"));var _reactNativeSvg=require("react-native-svg");var _jsxRuntime=require("react/jsx-runtime");var _this=this,_jsxFileName="/Users/krishnank/surveysparrow/npm-package/twigs-mobile/src/alert/icons.tsx";var InfoIcon=exports.InfoIcon=function InfoIcon(_ref){var size=_ref.size,color=_ref.color;return(0,_jsxRuntime.jsxs)(_reactNativeSvg.Svg,{width:size,height:size,viewBox:"0 0 20 20",fill:"none",children:[(0,_jsxRuntime.jsx)(_reactNativeSvg.Path,{d:"M9.16667 12.9167H11.0911M10.1325 12.9167V9.375H9.17417M17.5 10C17.5 14.1421 14.1421 17.5 10 17.5C5.85786 17.5 2.5 14.1421 2.5 10C2.5 5.85786 5.85786 2.5 10 2.5C14.1421 2.5 17.5 5.85786 17.5 10Z",stroke:color,strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),(0,_jsxRuntime.jsx)(_reactNativeSvg.Circle,{cx:"9.78125",cy:"7.03125",r:"0.78125",fill:color})]});};var SuccessIcon=exports.SuccessIcon=function SuccessIcon(_ref2){var size=_ref2.size,color=_ref2.color;return(0,_jsxRuntime.jsx)(_reactNativeSvg.Svg,{width:size,height:size,viewBox:"0 0 20 20",fill:"none",children:(0,_jsxRuntime.jsx)(_reactNativeSvg.Path,{d:"M7.03667 10.2825L8.8425 12.0883L8.83083 12.0767L12.905 8.0025M17.5 10C17.5 14.1421 14.1421 17.5 10 17.5C5.85786 17.5 2.5 14.1421 2.5 10C2.5 5.85786 5.85786 2.5 10 2.5C14.1421 2.5 17.5 5.85786 17.5 10Z",stroke:color,strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})});};var WarningIcon=exports.WarningIcon=function WarningIcon(_ref3){var size=_ref3.size,color=_ref3.color;return(0,_jsxRuntime.jsx)(_reactNativeSvg.Svg,{width:size,height:size,viewBox:"0 0 20 20",fill:"none",children:(0,_jsxRuntime.jsx)(_reactNativeSvg.Path,{d:"M10.8333 6.66667L8.33332 9.16667L11.6667 10.8333L9.16665 13.3333M5.66667 16.5L3.41667 14.25C2.83333 13.6667 2.5 12.8333 2.5 11.9167V8.08333C2.5 7.16667 2.83333 6.33333 3.5 5.75L5.75 3.5C6.33333 2.83333 7.16667 2.5 8.08333 2.5H12C12.9167 2.5 13.75 2.83333 14.3333 3.5L16.5833 5.75C17.1667 6.33333 17.5 7.16667 17.5 8.08333V12C17.5 12.9167 17.1667 13.75 16.5 14.3333L14.25 16.5833C13.5833 17.25 12.75 17.5833 11.9167 17.5833H8.08333C7.16667 17.5 6.33333 17.1667 5.66667 16.5Z",stroke:color,strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})});};var ErrorIcon=exports.ErrorIcon=function ErrorIcon(_ref4){var size=_ref4.size,color=_ref4.color;return(0,_jsxRuntime.jsxs)(_reactNativeSvg.Svg,{width:size,height:size,viewBox:"0 0 20 20",fill:"none",children:[(0,_jsxRuntime.jsx)(_reactNativeSvg.Path,{d:"M10 10.9333V7.81666M11.6908 3.44916L18.0733 14.6192C18.815 15.9175 17.8775 17.5333 16.3825 17.5333H3.61751C2.12167 17.5333 1.18417 15.9175 1.92667 14.6192L8.30917 3.44916C9.05667 2.13999 10.9433 2.13999 11.6908 3.44916Z",stroke:color,strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),(0,_jsxRuntime.jsx)(_reactNativeSvg.Circle,{cx:"10",cy:"13.3333",r:"0.75",fill:color,stroke:color,strokeWidth:0.166667})]});};var CloseIcon=exports.CloseIcon=function CloseIcon(_ref5){var size=_ref5.size,color=_ref5.color;return(0,_jsxRuntime.jsx)(_reactNativeSvg.Svg,{width:size,height:size,viewBox:"0 0 16 16",fill:"none",children:(0,_jsxRuntime.jsx)(_reactNativeSvg.Path,{d:"M5.33331 5.33331L10.6666 10.6666M10.6666 5.33331L5.33331 10.6666",stroke:color,strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})});};var STATUS_ICONS=exports.STATUS_ICONS={default:InfoIcon,info:InfoIcon,success:SuccessIcon,warning:WarningIcon,error:ErrorIcon};

package/lib/commonjs/alert/index.js

@@ -0,0 +1 @@
+Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"Alert",{enumerable:true,get:function get(){return _alert.Alert;}});var _alert=require("./alert");

package/lib/commonjs/alert/styles.js

@@ -0,0 +1 @@
+Object.defineProperty(exports,"__esModule",{value:true});exports.styles=void 0;var _reactNative=require("react-native");var _constants=require("./constants");var styles=exports.styles=_reactNative.StyleSheet.create({container:{flexDirection:'row',alignItems:'center',paddingLeft:_constants.ALERT_PADDING_LEFT,paddingRight:_constants.ALERT_PADDING_RIGHT,paddingVertical:_constants.ALERT_PADDING_VERTICAL,gap:_constants.ALERT_GAP,borderRadius:_constants.ALERT_BORDER_RADIUS,overflow:'hidden',minHeight:_constants.ALERT_MIN_HEIGHT},iconContainer:{alignItems:'center',justifyContent:'center'},contentContainer:{flex:1},closeButton:{alignItems:'center',justifyContent:'center'}});

package/lib/commonjs/alert/types.js

@@ -0,0 +1 @@
+Object.defineProperty(exports,"__esModule",{value:true});

package/lib/commonjs/avatar/avatar-group.constants.js

@@ -0,0 +1 @@
+Object.defineProperty(exports,"__esModule",{value:true});exports.DEFAULT_AVATAR_GROUP_SIZE=exports.DEFAULT_AVATAR_GROUP_ROUNDED=exports.DEFAULT_AVATAR_GROUP_LIMIT=exports.AVATAR_GROUP_SIZE_CONFIG=void 0;var DEFAULT_AVATAR_GROUP_LIMIT=exports.DEFAULT_AVATAR_GROUP_LIMIT=0;var DEFAULT_AVATAR_GROUP_SIZE=exports.DEFAULT_AVATAR_GROUP_SIZE='xs';var DEFAULT_AVATAR_GROUP_ROUNDED=exports.DEFAULT_AVATAR_GROUP_ROUNDED='full';var AVATAR_GROUP_SIZE_CONFIG=exports.AVATAR_GROUP_SIZE_CONFIG={xxs:{overlap:8,borderWidth:1,overlayFontSize:8,overlayLineHeight:12,overlayLetterSpacing:0.06},xs:{overlap:12,borderWidth:1,overlayFontSize:10,overlayLineHeight:14,overlayLetterSpacing:0.06},sm:{overlap:16,borderWidth:1.5,overlayFontSize:12,overlayLineHeight:16,overlayLetterSpacing:0.048},md:{overlap:20,borderWidth:2,overlayFontSize:14,overlayLineHeight:20,overlayLetterSpacing:0.028},lg:{overlap:24,borderWidth:2,overlayFontSize:16,overlayLineHeight:24,overlayLetterSpacing:0},xl:{overlap:32,borderWidth:2,overlayFontSize:18,overlayLineHeight:26,overlayLetterSpacing:0},'2xl':{overlap:40,borderWidth:2,overlayFontSize:24,overlayLineHeight:32,overlayLetterSpacing:0},'3xl':{overlap:48,borderWidth:2,overlayFontSize:28,overlayLineHeight:36,overlayLetterSpacing:0}};

package/lib/commonjs/avatar/avatar-group.helpers.js

@@ -0,0 +1 @@
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.isAvatarElement=exports.getAvatarGroupOverlayTextStyles=exports.getAvatarGroupItemStyles=exports.getAvatarChildren=void 0;var _react=_interopRequireDefault(require("react"));var _constants=require("./constants");var _avatarGroup=require("./avatar-group.constants");var isAvatarElement=exports.isAvatarElement=function isAvatarElement(child){return _react.default.isValidElement(child);};var getAvatarChildren=exports.getAvatarChildren=function getAvatarChildren(children){return _react.default.Children.toArray(children).filter(isAvatarElement);};var getAvatarGroupItemStyles=exports.getAvatarGroupItemStyles=function getAvatarGroupItemStyles(theme,size,rounded,isFirst){var _AVATAR_BORDER_RADII$;var sizeConfig=_avatarGroup.AVATAR_GROUP_SIZE_CONFIG[size];return{borderColor:theme.colors.white900,borderStyle:'solid',borderWidth:sizeConfig.borderWidth,marginLeft:isFirst?0:-sizeConfig.overlap,borderRadius:(_AVATAR_BORDER_RADII$=_constants.AVATAR_BORDER_RADII[rounded])!=null?_AVATAR_BORDER_RADII$:_constants.AVATAR_BORDER_RADII.full};};var getAvatarGroupOverlayTextStyles=exports.getAvatarGroupOverlayTextStyles=function getAvatarGroupOverlayTextStyles(size){var sizeConfig=_avatarGroup.AVATAR_GROUP_SIZE_CONFIG[size];return{fontSize:sizeConfig.overlayFontSize,lineHeight:sizeConfig.overlayLineHeight,letterSpacing:sizeConfig.overlayLetterSpacing};};

package/lib/commonjs/avatar/avatar-group.js

@@ -0,0 +1 @@
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.AvatarGroup=void 0;var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _context=require("../context");var _text=require("../text");var _utils=require("../utils");var _avatar=require("./avatar");var _avatarGroup=require("./avatar-group.constants");var _avatarGroup2=require("./avatar-group.helpers");var _avatarGroup3=require("./avatar-group.styles");var _jsxRuntime=require("react/jsx-runtime");var _excluded=["limit","limitExceededLabel","size","rounded","children","css","style","accessible","accessibilityRole","accessibilityLabel","accessibilityHint","accessibilityState"];var _this=this,_jsxFileName="/Users/krishnank/surveysparrow/npm-package/twigs-mobile/src/avatar/avatar-group.tsx";function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap(),n=new WeakMap();return(_interopRequireWildcard=function _interopRequireWildcard(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(var _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);}var AvatarGroup=exports.AvatarGroup=_react.default.forwardRef(function(_ref,ref){var _ref$limit=_ref.limit,limit=_ref$limit===void 0?_avatarGroup.DEFAULT_AVATAR_GROUP_LIMIT:_ref$limit,limitExceededLabel=_ref.limitExceededLabel,_ref$size=_ref.size,size=_ref$size===void 0?_avatarGroup.DEFAULT_AVATAR_GROUP_SIZE:_ref$size,_ref$rounded=_ref.rounded,rounded=_ref$rounded===void 0?_avatarGroup.DEFAULT_AVATAR_GROUP_ROUNDED:_ref$rounded,children=_ref.children,css=_ref.css,style=_ref.style,_ref$accessible=_ref.accessible,accessible=_ref$accessible===void 0?true:_ref$accessible,accessibilityRole=_ref.accessibilityRole,accessibilityLabel=_ref.accessibilityLabel,accessibilityHint=_ref.accessibilityHint,accessibilityState=_ref.accessibilityState,rest=(0,_objectWithoutProperties2.default)(_ref,_excluded);var theme=(0,_context.useTheme)();var avatars=(0,_react.useMemo)(function(){return(0,_avatarGroup2.getAvatarChildren)(children);},[children]);var avatarCount=avatars.length;var avatarLimit=limit==null||limit<=0?avatarCount:Math.min(Math.floor(limit),avatarCount);var extraAvatarsCount=avatarCount-avatarLimit;var visibleAvatars=avatars.slice(0,avatarLimit);var overflowAvatar=extraAvatarsCount>0?avatars[avatarLimit]:undefined;var overflowLabel=limitExceededLabel!=null?limitExceededLabel:extraAvatarsCount>0?`+${extraAvatarsCount}`:'';var overflowOverlayStyle=(0,_react.useMemo)(function(){return{backgroundColor:(0,_utils.colorOpacity)(theme.colors.black900,0.4)};},[theme.colors.black900]);var overflowLabelStyle=(0,_react.useMemo)(function(){return(0,_avatarGroup2.getAvatarGroupOverlayTextStyles)(size);},[size]);return(0,_jsxRuntime.jsxs)(_reactNative.View,Object.assign({ref:ref,accessible:accessible,accessibilityRole:accessibilityRole!=null?accessibilityRole:'none',accessibilityLabel:accessibilityLabel,accessibilityHint:accessibilityHint,accessibilityState:accessibilityState,style:[_avatarGroup3.avatarGroupStyles.group,css,style]},rest,{children:[visibleAvatars.map(function(avatar,index){var childProps=Object.assign({size:size,rounded:rounded},avatar.props);return(0,_jsxRuntime.jsx)(_reactNative.View,{style:[_avatarGroup3.avatarGroupStyles.item,(0,_avatarGroup2.getAvatarGroupItemStyles)(theme,size,rounded,index===0)],children:_react.default.cloneElement(avatar,childProps)},avatar.key!=null?String(avatar.key):`avatar-group-item-${index}`);}),extraAvatarsCount>0&&overflowAvatar?(0,_jsxRuntime.jsx)(_reactNative.View,{style:[_avatarGroup3.avatarGroupStyles.item,(0,_avatarGroup2.getAvatarGroupItemStyles)(theme,size,rounded,false)],children:(0,_jsxRuntime.jsx)(_avatar.Avatar,{imageSrc:overflowAvatar.props.imageSrc,name:overflowAvatar.props.name,size:size,rounded:rounded,accessibilityLabel:overflowLabel,children:(0,_jsxRuntime.jsx)(_reactNative.View,{style:[_avatarGroup3.avatarGroupStyles.overflowOverlay,overflowOverlayStyle],children:(0,_jsxRuntime.jsx)(_text.Text,{color:theme.colors.white900,fontFamily:theme.fonts.bold,fontSize:overflowLabelStyle.fontSize,lineHeight:overflowLabelStyle.lineHeight,letterSpacing:overflowLabelStyle.letterSpacing,textAlign:"center",children:overflowLabel})})})}):null]}));});AvatarGroup.displayName='AvatarGroup';

package/lib/commonjs/avatar/avatar-group.styles.js

@@ -0,0 +1 @@
+Object.defineProperty(exports,"__esModule",{value:true});exports.avatarGroupStyles=void 0;var _reactNative=require("react-native");var avatarGroupStyles=exports.avatarGroupStyles=_reactNative.StyleSheet.create({group:{flexDirection:'row',alignItems:'center'},item:{zIndex:0,overflow:'hidden'},overflowOverlay:Object.assign({},_reactNative.StyleSheet.absoluteFillObject,{alignItems:'center',justifyContent:'center'})});

package/lib/commonjs/avatar/avatar-group.types.js

@@ -0,0 +1 @@
+Object.defineProperty(exports,"__esModule",{value:true});

package/lib/commonjs/avatar/avatar.js

@@ -0,0 +1 @@
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.Avatar=void 0;var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _box=require("../box");var _text=require("../text");var _context=require("../context");var _constants=require("./constants");var _helpers=require("./helpers");var _styles=require("./styles");var _jsxRuntime=require("react/jsx-runtime");var _excluded=["imageSrc","isAnonymous","name","textColor","textSize","backgroundColor","width","height","rounded","size","children","css","style","accessible","accessibilityRole","accessibilityLabel","accessibilityHint","accessibilityState"];var _this=this,_jsxFileName="/Users/krishnank/surveysparrow/npm-package/twigs-mobile/src/avatar/avatar.tsx";function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap(),n=new WeakMap();return(_interopRequireWildcard=function _interopRequireWildcard(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(var _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);}var Avatar=exports.Avatar=_react.default.forwardRef(function(_ref,ref){var imageSrc=_ref.imageSrc,_ref$isAnonymous=_ref.isAnonymous,isAnonymous=_ref$isAnonymous===void 0?false:_ref$isAnonymous,_ref$name=_ref.name,name=_ref$name===void 0?_constants.DEFAULT_AVATAR_NAME:_ref$name,textColor=_ref.textColor,textSize=_ref.textSize,backgroundColor=_ref.backgroundColor,width=_ref.width,height=_ref.height,_ref$rounded=_ref.rounded,rounded=_ref$rounded===void 0?'full':_ref$rounded,size=_ref.size,children=_ref.children,css=_ref.css,style=_ref.style,_ref$accessible=_ref.accessible,accessible=_ref$accessible===void 0?true:_ref$accessible,accessibilityRole=_ref.accessibilityRole,accessibilityLabel=_ref.accessibilityLabel,accessibilityHint=_ref.accessibilityHint,accessibilityState=_ref.accessibilityState,rest=(0,_objectWithoutProperties2.default)(_ref,_excluded);var theme=(0,_context.useTheme)();var _useState=(0,_react.useState)(false),_useState2=(0,_slicedToArray2.default)(_useState,2),imageLoadFailed=_useState2[0],setImageLoadFailed=_useState2[1];var resolvedImageSrc=imageSrc!=null?imageSrc:'';var avatarWidth=size?_constants.AVATAR_DIMENSIONS[size].width:width!=null?width:32;var avatarHeight=size?_constants.AVATAR_DIMENSIONS[size].height:height!=null?height:32;var avatarFontSize=textSize!=null?textSize:size?_constants.AVATAR_FONT_SIZES[size]:14;var avatarBorderRadius=(0,_helpers.getAvatarBorderRadius)(rounded);var anonymousBorderWidth=size?_constants.AVATAR_ANONYMOUS_BORDER_WIDTHS[size]:1.5;var shouldUseImage=Boolean(resolvedImageSrc)&&!imageLoadFailed&&!isAnonymous;(0,_react.useEffect)(function(){setImageLoadFailed(false);},[resolvedImageSrc]);var dynamicStyles=(0,_react.useMemo)(function(){return Object.assign({width:avatarWidth,height:avatarHeight,borderRadius:avatarBorderRadius,backgroundColor:backgroundColor!=null?backgroundColor:isAnonymous?theme.colors.neutral50:theme.colors.neutral100},isAnonymous&&{borderWidth:anonymousBorderWidth,borderStyle:'dashed',borderColor:theme.colors.neutral500});},[avatarWidth,avatarHeight,avatarBorderRadius,backgroundColor,isAnonymous,anonymousBorderWidth,theme.colors.neutral50,theme.colors.neutral100,theme.colors.neutral500]);var containerStyles=(0,_react.useMemo)(function(){return _reactNative.StyleSheet.flatten([_styles.avatarStyles.avatarBase,dynamicStyles,css])||{};},[dynamicStyles,css]);var imageStyle=(0,_react.useMemo)(function(){return{width:avatarWidth,height:avatarHeight,borderRadius:avatarBorderRadius};},[avatarWidth,avatarHeight,avatarBorderRadius]);var fallbackText=isAnonymous?'?':(0,_helpers.getFallbackInitials)(name);var resolvedAccessibilityLabel=accessibilityLabel!=null?accessibilityLabel:isAnonymous?'Anonymous avatar':name!==_constants.DEFAULT_AVATAR_NAME?name:undefined;return(0,_jsxRuntime.jsxs)(_box.Box,Object.assign({ref:ref,accessible:accessible,accessibilityRole:accessibilityRole!=null?accessibilityRole:'image',accessibilityLabel:resolvedAccessibilityLabel,accessibilityHint:accessibilityHint,accessibilityState:accessibilityState,css:containerStyles,style:style},rest,{children:[shouldUseImage?(0,_jsxRuntime.jsx)(_reactNative.Image,{source:{uri:resolvedImageSrc},style:imageStyle,accessibilityIgnoresInvertColors:true,onError:function onError(){return setImageLoadFailed(true);}}):(0,_jsxRuntime.jsx)(_text.Text,{fontSize:avatarFontSize,fontFamily:theme.fonts.bold,color:textColor!=null?textColor:theme.colors.neutral600,textAlign:"center",children:fallbackText}),children]}));});Avatar.displayName='Avatar';

package/lib/commonjs/avatar/constants.js

@@ -0,0 +1 @@
+Object.defineProperty(exports,"__esModule",{value:true});exports.DEFAULT_AVATAR_NAME=exports.AVATAR_FONT_SIZES=exports.AVATAR_DIMENSIONS=exports.AVATAR_BORDER_RADII=exports.AVATAR_ANONYMOUS_BORDER_WIDTHS=void 0;var AVATAR_DIMENSIONS=exports.AVATAR_DIMENSIONS={xxs:{width:20,height:20},xs:{width:24,height:24},sm:{width:32,height:32},md:{width:40,height:40},lg:{width:48,height:48},xl:{width:56,height:56},'2xl':{width:80,height:80},'3xl':{width:120,height:120}};var AVATAR_FONT_SIZES=exports.AVATAR_FONT_SIZES={xxs:10,xs:12,sm:14,md:16,lg:20,xl:24,'2xl':28,'3xl':32};var AVATAR_ANONYMOUS_BORDER_WIDTHS=exports.AVATAR_ANONYMOUS_BORDER_WIDTHS={xxs:1,xs:1,sm:1,md:1.5,lg:1.5,xl:1.5,'2xl':2,'3xl':2};var AVATAR_BORDER_RADII=exports.AVATAR_BORDER_RADII={xxs:4,xs:4,sm:8,md:8,lg:12,xl:16,'2xl':20,'3xl':32,full:999};var DEFAULT_AVATAR_NAME=exports.DEFAULT_AVATAR_NAME='?';

package/lib/commonjs/avatar/helpers.js

@@ -0,0 +1 @@
+Object.defineProperty(exports,"__esModule",{value:true});exports.getFallbackInitials=exports.getAvatarBorderRadius=void 0;var _constants=require("./constants");var getAvatarBorderRadius=exports.getAvatarBorderRadius=function getAvatarBorderRadius(rounded){var _AVATAR_BORDER_RADII$;return(_AVATAR_BORDER_RADII$=_constants.AVATAR_BORDER_RADII[rounded])!=null?_AVATAR_BORDER_RADII$:999;};var getFallbackInitials=exports.getFallbackInitials=function getFallbackInitials(name){var _name$trim$split,_name$trim;var parts=(_name$trim$split=name==null||(_name$trim=name.trim())==null?void 0:_name$trim.split(/\s+/))!=null?_name$trim$split:[];var firstName=parts[0];var lastName=parts.length>1?parts[parts.length-1]:undefined;var firstInitial=firstName?firstName.charAt(0).toUpperCase():'';var lastInitial=lastName?lastName.charAt(0).toUpperCase():'';return`${firstInitial}${lastInitial}`;};

package/lib/commonjs/avatar/index.js

@@ -0,0 +1 @@
+Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"Avatar",{enumerable:true,get:function get(){return _avatar.Avatar;}});Object.defineProperty(exports,"AvatarGroup",{enumerable:true,get:function get(){return _avatarGroup.AvatarGroup;}});var _avatar=require("./avatar");var _avatarGroup=require("./avatar-group");

package/lib/commonjs/avatar/styles.js

@@ -0,0 +1 @@
+Object.defineProperty(exports,"__esModule",{value:true});exports.avatarStyles=void 0;var _reactNative=require("react-native");var avatarStyles=exports.avatarStyles=_reactNative.StyleSheet.create({avatarBase:{alignItems:'center',justifyContent:'center',overflow:'hidden',position:'relative'}});

package/lib/commonjs/avatar/types.js

@@ -0,0 +1 @@
+Object.defineProperty(exports,"__esModule",{value:true});

package/lib/commonjs/badge/badge.js

@@ -0,0 +1 @@
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.Badge=void 0;var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _context=require("../context");var _constants=require("./constants");var _helpers=require("./helpers");var _styles=require("./styles");var _jsxRuntime=require("react/jsx-runtime");var _excluded=["size","color","rounded","leftElement","rightElement","children","css","style","accessible","accessibilityRole","accessibilityLabel","accessibilityHint","accessibilityState"];var _this=this,_jsxFileName="/Users/krishnank/surveysparrow/npm-package/twigs-mobile/src/badge/badge.tsx";function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap(),n=new WeakMap();return(_interopRequireWildcard=function _interopRequireWildcard(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(var _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);}var Badge=exports.Badge=_react.default.forwardRef(function(_ref,ref){var _ref$size=_ref.size,size=_ref$size===void 0?_constants.DEFAULT_SIZE:_ref$size,_ref$color=_ref.color,color=_ref$color===void 0?_constants.DEFAULT_COLOR:_ref$color,_ref$rounded=_ref.rounded,rounded=_ref$rounded===void 0?_constants.DEFAULT_ROUNDED:_ref$rounded,leftElement=_ref.leftElement,rightElement=_ref.rightElement,children=_ref.children,css=_ref.css,style=_ref.style,_ref$accessible=_ref.accessible,accessible=_ref$accessible===void 0?true:_ref$accessible,accessibilityRole=_ref.accessibilityRole,accessibilityLabel=_ref.accessibilityLabel,accessibilityHint=_ref.accessibilityHint,accessibilityState=_ref.accessibilityState,rest=(0,_objectWithoutProperties2.default)(_ref,_excluded);var theme=(0,_context.useTheme)();var sizeStyles=(0,_react.useMemo)(function(){return(0,_helpers.getSizeStyles)(size,rounded);},[size,rounded]);var colorStyles=(0,_react.useMemo)(function(){return(0,_helpers.getColorStyles)(theme,color);},[theme,color]);var textStyles=(0,_react.useMemo)(function(){return(0,_helpers.getTextStyles)(theme,color,size);},[theme,color,size]);var iconSize=(0,_react.useMemo)(function(){return(0,_helpers.getIconSize)(size);},[size]);var iconColor=(0,_react.useMemo)(function(){return(0,_helpers.getIconColor)(theme,color);},[theme,color]);var renderSideElement=function renderSideElement(element){if(!element)return null;if(_react.default.isValidElement(element)){return _react.default.cloneElement(element,{width:iconSize,height:iconSize,color:iconColor});}return element;};return(0,_jsxRuntime.jsxs)(_reactNative.View,Object.assign({ref:ref,accessible:accessible,accessibilityRole:accessibilityRole!=null?accessibilityRole:'text',accessibilityLabel:accessibilityLabel,accessibilityHint:accessibilityHint,accessibilityState:accessibilityState,style:[_styles.styles.container,sizeStyles,colorStyles,css,style]},rest,{children:[leftElement&&(0,_jsxRuntime.jsx)(_reactNative.View,{style:_styles.styles.sideElement,children:renderSideElement(leftElement)}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:_styles.styles.contentWrap,children:typeof children==='string'?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:textStyles,numberOfLines:1,children:children}):children}),rightElement&&(0,_jsxRuntime.jsx)(_reactNative.View,{style:_styles.styles.sideElement,children:renderSideElement(rightElement)})]}));});Badge.displayName='Badge';

package/lib/commonjs/badge/constants.js

@@ -0,0 +1 @@
+Object.defineProperty(exports,"__esModule",{value:true});exports.SIZE_CONFIG=exports.ROUNDED_RADII=exports.PRIMARY_BG_OPACITY=exports.DEFAULT_SIZE=exports.DEFAULT_ROUNDED=exports.DEFAULT_COLOR=exports.COLOR_TEXT_MAP=exports.COLOR_BORDER_MAP=exports.COLOR_BG_MAP=void 0;var SIZE_CONFIG=exports.SIZE_CONFIG={sm:{height:24,paddingHorizontal:8,fontSize:12,lineHeight:16,iconSize:16,gap:0},md:{height:32,paddingHorizontal:8,fontSize:14,lineHeight:20,iconSize:16,gap:0}};var ROUNDED_RADII=exports.ROUNDED_RADII={xs:4,sm:8,md:12,lg:16,xl:20,'2xl':24,'3xl':32,full:9999};var COLOR_BG_MAP=exports.COLOR_BG_MAP={default:'neutral100',white:'white900',primary:null,secondary:'secondary600',accent:'accent100',positive:'positive100',negative:'negative100',attention:'warning100'};var PRIMARY_BG_OPACITY=exports.PRIMARY_BG_OPACITY=0.08;var COLOR_TEXT_MAP=exports.COLOR_TEXT_MAP={default:'neutral900',white:'neutral900',primary:'primary700',secondary:'white900',accent:'accent800',positive:'positive800',negative:'negative800',attention:'warning800'};var COLOR_BORDER_MAP=exports.COLOR_BORDER_MAP={default:null,white:'neutral200',primary:null,secondary:null,accent:null,positive:null,negative:null,attention:null};var DEFAULT_SIZE=exports.DEFAULT_SIZE='sm';var DEFAULT_COLOR=exports.DEFAULT_COLOR='default';var DEFAULT_ROUNDED=exports.DEFAULT_ROUNDED='full';

package/lib/commonjs/badge/helpers.js

@@ -0,0 +1 @@
+Object.defineProperty(exports,"__esModule",{value:true});exports.getColorStyles=getColorStyles;exports.getIconColor=getIconColor;exports.getIconSize=getIconSize;exports.getSizeStyles=getSizeStyles;exports.getTextStyles=getTextStyles;var _utils=require("../utils");var _constants=require("./constants");function getSizeStyles(size,rounded){var config=_constants.SIZE_CONFIG[size];return{height:config.height,paddingHorizontal:config.paddingHorizontal,borderRadius:_constants.ROUNDED_RADII[rounded],gap:config.gap};}function getColorStyles(theme,color){var bgKey=_constants.COLOR_BG_MAP[color];var borderKey=_constants.COLOR_BORDER_MAP[color];var result={};if(bgKey){result.backgroundColor=theme.colors[bgKey];}else if(color==='primary'){result.backgroundColor=(0,_utils.colorOpacity)(theme.colors.primary500,_constants.PRIMARY_BG_OPACITY);}if(borderKey){result.borderWidth=1;result.borderColor=theme.colors[borderKey];}return result;}function getTextStyles(theme,color,size){var textKey=_constants.COLOR_TEXT_MAP[color];var config=_constants.SIZE_CONFIG[size];return{color:theme.colors[textKey],fontSize:config.fontSize,lineHeight:config.lineHeight,fontFamily:theme.fonts.medium};}function getIconSize(size){return _constants.SIZE_CONFIG[size].iconSize;}function getIconColor(theme,color){var textKey=_constants.COLOR_TEXT_MAP[color];return theme.colors[textKey];}

package/lib/commonjs/badge/index.js

@@ -0,0 +1 @@
+Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"Badge",{enumerable:true,get:function get(){return _badge.Badge;}});var _badge=require("./badge");

package/lib/commonjs/badge/styles.js

@@ -0,0 +1 @@
+Object.defineProperty(exports,"__esModule",{value:true});exports.styles=void 0;var _reactNative=require("react-native");var styles=exports.styles=_reactNative.StyleSheet.create({container:{flexDirection:'row',alignItems:'center',justifyContent:'center',alignSelf:'flex-start'},contentWrap:{flexDirection:'row',alignItems:'center',justifyContent:'center',paddingHorizontal:2},sideElement:{alignItems:'center',justifyContent:'center'}});

package/lib/commonjs/badge/types.js

@@ -0,0 +1 @@
+Object.defineProperty(exports,"__esModule",{value:true});

package/lib/commonjs/bottom-sheet/bottom-sheet-header.js

@@ -0,0 +1 @@
+Object.defineProperty(exports,"__esModule",{value:true});exports.BottomSheetHeader=void 0;var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _bottomSheet=require("@gorhom/bottom-sheet");var _flex=require("../flex");var _text=require("../text");var _context=require("../context");var _constants=require("./constants");var _jsxRuntime=require("react/jsx-runtime");var _this=this,_jsxFileName="/Users/krishnank/surveysparrow/npm-package/twigs-mobile/src/bottom-sheet/bottom-sheet-header.tsx";function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap(),n=new WeakMap();return(_interopRequireWildcard=function _interopRequireWildcard(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(var _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);}var BottomSheetHeaderComponent=function BottomSheetHeaderComponent(_ref){var animatedIndex=_ref.animatedIndex,animatedPosition=_ref.animatedPosition,title=_ref.title,style=_ref.style,indicatorStyle=_ref.indicatorStyle,headerStyle=_ref.headerStyle;var theme=(0,_context.useTheme)();var defaultHandleStyle={paddingTop:_constants.HANDLE_PADDING_TOP,paddingBottom:_constants.HANDLE_PADDING_BOTTOM,paddingHorizontal:_constants.HANDLE_PADDING_HORIZONTAL,backgroundColor:theme.colors.secondary50,borderBottomWidth:_constants.HANDLE_BORDER_WIDTH,borderColor:theme.colors.neutral200};var defaultIndicatorStyle={width:_constants.INDICATOR_WIDTH,backgroundColor:theme.colors.secondary200};var defaultHeaderStyle={backgroundColor:theme.colors.secondary50};var mergedHandleStyle=(0,_react.useMemo)(function(){return _reactNative.StyleSheet.flatten([defaultHandleStyle,style]);},[style,theme]);var mergedIndicatorStyle=(0,_react.useMemo)(function(){return _reactNative.StyleSheet.flatten([defaultIndicatorStyle,indicatorStyle]);},[indicatorStyle,theme]);var mergedHeaderStyle=(0,_react.useMemo)(function(){return _reactNative.StyleSheet.flatten([defaultHeaderStyle,headerStyle]);},[headerStyle,theme]);return(0,_jsxRuntime.jsx)(_bottomSheet.BottomSheetHandle,{animatedIndex:animatedIndex,animatedPosition:animatedPosition,style:mergedHandleStyle,indicatorStyle:mergedIndicatorStyle,children:title&&(0,_jsxRuntime.jsx)(_flex.Flex,{direction:"row",align:"center",paddingTop:_constants.HEADER_TITLE_PADDING_TOP,css:mergedHeaderStyle,children:(0,_jsxRuntime.jsx)(_text.Text,{color:theme.colors.secondary700,fontFamily:theme.fonts.medium,children:title})})});};var BottomSheetHeader=exports.BottomSheetHeader=(0,_react.memo)(BottomSheetHeaderComponent);BottomSheetHeader.displayName='BottomSheetHeader';

package/lib/commonjs/bottom-sheet/bottom-sheet-modal.js

@@ -0,0 +1 @@
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.BottomSheetModal=void 0;var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _bottomSheet=require("@gorhom/bottom-sheet");var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _reactNativeSafeAreaContext=require("react-native-safe-area-context");var _context=require("../context");var _bottomSheetHeader=require("./bottom-sheet-header");var _styles=require("./styles");var _jsxRuntime=require("react/jsx-runtime");var _excluded=["title","children","style","handleStyle","handleIndicatorStyle","headerStyle","pressBehavior"];var _this=this,_jsxFileName="/Users/krishnank/surveysparrow/npm-package/twigs-mobile/src/bottom-sheet/bottom-sheet-modal.tsx";function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap(),n=new WeakMap();return(_interopRequireWildcard=function _interopRequireWildcard(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(var _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);}var BottomSheetModal=exports.BottomSheetModal=(0,_react.forwardRef)(function(_ref,ref){var title=_ref.title,children=_ref.children,style=_ref.style,handleStyle=_ref.handleStyle,handleIndicatorStyle=_ref.handleIndicatorStyle,headerStyle=_ref.headerStyle,_ref$pressBehavior=_ref.pressBehavior,pressBehavior=_ref$pressBehavior===void 0?'close':_ref$pressBehavior,props=(0,_objectWithoutProperties2.default)(_ref,_excluded);var theme=(0,_context.useTheme)();var insets=(0,_reactNativeSafeAreaContext.useSafeAreaInsets)();var renderBackdrop=(0,_react.useCallback)(function(backdropProps){return(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[(0,_jsxRuntime.jsx)(_reactNative.StatusBar,{translucent:true,backgroundColor:"transparent"}),(0,_jsxRuntime.jsx)(_bottomSheet.BottomSheetBackdrop,Object.assign({appearsOnIndex:0,disappearsOnIndex:-1,onPress:function onPress(){_reactNative.Keyboard.dismiss();},pressBehavior:pressBehavior},backdropProps))]});},[pressBehavior]);var renderHandle=(0,_react.useCallback)(function(handleProps){return(0,_jsxRuntime.jsx)(_bottomSheetHeader.BottomSheetHeader,Object.assign({},handleProps,{title:title,style:handleStyle,indicatorStyle:handleIndicatorStyle,headerStyle:headerStyle}));},[title,handleStyle,handleIndicatorStyle,headerStyle]);var mergedModalStyle=(0,_react.useMemo)(function(){return(0,_styles.getDefaultSheetStyle)(theme,insets.bottom,style);},[insets.bottom,style,theme]);return(0,_jsxRuntime.jsx)(_bottomSheet.BottomSheetModal,Object.assign({ref:ref,enablePanDownToClose:true,backdropComponent:renderBackdrop,keyboardBlurBehavior:"restore",handleComponent:renderHandle,style:mergedModalStyle},props,{children:children}));});BottomSheetModal.displayName='BottomSheetModal';

package/lib/commonjs/bottom-sheet/bottom-sheet.js

@@ -0,0 +1 @@
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.BottomSheet=void 0;var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _bottomSheet=_interopRequireWildcard(require("@gorhom/bottom-sheet"));var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _reactNativeSafeAreaContext=require("react-native-safe-area-context");var _context=require("../context");var _bottomSheetHeader=require("./bottom-sheet-header");var _styles=require("./styles");var _jsxRuntime=require("react/jsx-runtime");var _excluded=["title","children","style","handleStyle","handleIndicatorStyle","headerStyle"];var _this=this,_jsxFileName="/Users/krishnank/surveysparrow/npm-package/twigs-mobile/src/bottom-sheet/bottom-sheet.tsx";function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap(),n=new WeakMap();return(_interopRequireWildcard=function _interopRequireWildcard(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(var _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);}var BottomSheet=exports.BottomSheet=(0,_react.forwardRef)(function(_ref,ref){var title=_ref.title,children=_ref.children,style=_ref.style,handleStyle=_ref.handleStyle,handleIndicatorStyle=_ref.handleIndicatorStyle,headerStyle=_ref.headerStyle,props=(0,_objectWithoutProperties2.default)(_ref,_excluded);var theme=(0,_context.useTheme)();var insets=(0,_reactNativeSafeAreaContext.useSafeAreaInsets)();var renderBackdrop=(0,_react.useCallback)(function(backdropProps){return(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[(0,_jsxRuntime.jsx)(_reactNative.StatusBar,{translucent:true,backgroundColor:"transparent"}),(0,_jsxRuntime.jsx)(_bottomSheet.BottomSheetBackdrop,Object.assign({appearsOnIndex:0,disappearsOnIndex:-1,onPress:function onPress(){_reactNative.Keyboard.dismiss();}},backdropProps))]});},[]);var renderHandle=(0,_react.useCallback)(function(handleProps){return(0,_jsxRuntime.jsx)(_bottomSheetHeader.BottomSheetHeader,Object.assign({},handleProps,{title:title,style:handleStyle,indicatorStyle:handleIndicatorStyle,headerStyle:headerStyle}));},[title,handleStyle,handleIndicatorStyle,headerStyle]);var mergedBottomSheetStyle=(0,_react.useMemo)(function(){return(0,_styles.getDefaultSheetStyle)(theme,insets.bottom,style);},[insets.bottom,style,theme]);return(0,_jsxRuntime.jsx)(_bottomSheet.default,Object.assign({ref:ref,enablePanDownToClose:true,index:-1,backdropComponent:renderBackdrop,keyboardBlurBehavior:"restore",handleComponent:renderHandle,style:mergedBottomSheetStyle},props,{children:children}));});BottomSheet.displayName='BottomSheet';

package/lib/commonjs/bottom-sheet/constants.js

@@ -0,0 +1 @@
+Object.defineProperty(exports,"__esModule",{value:true});exports.SHEET_BOTTOM_PADDING=exports.SHEET_BORDER_WIDTH=exports.SHEET_BORDER_RADIUS=exports.INDICATOR_WIDTH=exports.HEADER_TITLE_PADDING_TOP=exports.HANDLE_PADDING_TOP=exports.HANDLE_PADDING_HORIZONTAL=exports.HANDLE_PADDING_BOTTOM=exports.HANDLE_BORDER_WIDTH=void 0;var HANDLE_PADDING_TOP=exports.HANDLE_PADDING_TOP=8;var HANDLE_PADDING_BOTTOM=exports.HANDLE_PADDING_BOTTOM=12;var HANDLE_PADDING_HORIZONTAL=exports.HANDLE_PADDING_HORIZONTAL=16;var HANDLE_BORDER_WIDTH=exports.HANDLE_BORDER_WIDTH=1;var INDICATOR_WIDTH=exports.INDICATOR_WIDTH=50;var HEADER_TITLE_PADDING_TOP=exports.HEADER_TITLE_PADDING_TOP=8;var SHEET_BORDER_RADIUS=exports.SHEET_BORDER_RADIUS=16;var SHEET_BORDER_WIDTH=exports.SHEET_BORDER_WIDTH=1;var SHEET_BOTTOM_PADDING=exports.SHEET_BOTTOM_PADDING=8;

package/lib/commonjs/bottom-sheet/index.js

@@ -0,0 +1 @@
+Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"BottomSheet",{enumerable:true,get:function get(){return _bottomSheet.BottomSheet;}});Object.defineProperty(exports,"BottomSheetBackdrop",{enumerable:true,get:function get(){return _bottomSheet2.BottomSheetBackdrop;}});Object.defineProperty(exports,"BottomSheetDraggableView",{enumerable:true,get:function get(){return _bottomSheet2.BottomSheetDraggableView;}});Object.defineProperty(exports,"BottomSheetFlatList",{enumerable:true,get:function get(){return _bottomSheet2.BottomSheetFlatList;}});Object.defineProperty(exports,"BottomSheetFooter",{enumerable:true,get:function get(){return _bottomSheet2.BottomSheetFooter;}});Object.defineProperty(exports,"BottomSheetFooterContainer",{enumerable:true,get:function get(){return _bottomSheet2.BottomSheetFooterContainer;}});Object.defineProperty(exports,"BottomSheetHandle",{enumerable:true,get:function get(){return _bottomSheet2.BottomSheetHandle;}});Object.defineProperty(exports,"BottomSheetHeader",{enumerable:true,get:function get(){return _bottomSheetHeader.BottomSheetHeader;}});Object.defineProperty(exports,"BottomSheetModal",{enumerable:true,get:function get(){return _bottomSheetModal.BottomSheetModal;}});Object.defineProperty(exports,"BottomSheetModalProvider",{enumerable:true,get:function get(){return _bottomSheet2.BottomSheetModalProvider;}});Object.defineProperty(exports,"BottomSheetScrollView",{enumerable:true,get:function get(){return _bottomSheet2.BottomSheetScrollView;}});Object.defineProperty(exports,"BottomSheetSectionList",{enumerable:true,get:function get(){return _bottomSheet2.BottomSheetSectionList;}});Object.defineProperty(exports,"BottomSheetTextInput",{enumerable:true,get:function get(){return _bottomSheet2.BottomSheetTextInput;}});Object.defineProperty(exports,"BottomSheetView",{enumerable:true,get:function get(){return _bottomSheet2.BottomSheetView;}});Object.defineProperty(exports,"BottomSheetVirtualizedList",{enumerable:true,get:function get(){return _bottomSheet2.BottomSheetVirtualizedList;}});Object.defineProperty(exports,"TouchableHighlight",{enumerable:true,get:function get(){return _bottomSheet2.TouchableHighlight;}});Object.defineProperty(exports,"TouchableOpacity",{enumerable:true,get:function get(){return _bottomSheet2.TouchableOpacity;}});Object.defineProperty(exports,"TouchableWithoutFeedback",{enumerable:true,get:function get(){return _bottomSheet2.TouchableWithoutFeedback;}});Object.defineProperty(exports,"createBottomSheetScrollableComponent",{enumerable:true,get:function get(){return _bottomSheet2.createBottomSheetScrollableComponent;}});Object.defineProperty(exports,"enableLogging",{enumerable:true,get:function get(){return _bottomSheet2.enableLogging;}});Object.defineProperty(exports,"useBottomSheet",{enumerable:true,get:function get(){return _bottomSheet2.useBottomSheet;}});Object.defineProperty(exports,"useBottomSheetGestureHandlers",{enumerable:true,get:function get(){return _bottomSheet2.useBottomSheetGestureHandlers;}});Object.defineProperty(exports,"useBottomSheetInternal",{enumerable:true,get:function get(){return _bottomSheet2.useBottomSheetInternal;}});Object.defineProperty(exports,"useBottomSheetModal",{enumerable:true,get:function get(){return _bottomSheet2.useBottomSheetModal;}});Object.defineProperty(exports,"useBottomSheetModalInternal",{enumerable:true,get:function get(){return _bottomSheet2.useBottomSheetModalInternal;}});Object.defineProperty(exports,"useBottomSheetScrollableCreator",{enumerable:true,get:function get(){return _bottomSheet2.useBottomSheetScrollableCreator;}});Object.defineProperty(exports,"useBottomSheetSpringConfigs",{enumerable:true,get:function get(){return _bottomSheet2.useBottomSheetSpringConfigs;}});Object.defineProperty(exports,"useBottomSheetTimingConfigs",{enumerable:true,get:function get(){return _bottomSheet2.useBottomSheetTimingConfigs;}});Object.defineProperty(exports,"useGestureEventsHandlersDefault",{enumerable:true,get:function get(){return _bottomSheet2.useGestureEventsHandlersDefault;}});Object.defineProperty(exports,"useScrollEventsHandlersDefault",{enumerable:true,get:function get(){return _bottomSheet2.useScrollEventsHandlersDefault;}});Object.defineProperty(exports,"useScrollHandler",{enumerable:true,get:function get(){return _bottomSheet2.useScrollHandler;}});Object.defineProperty(exports,"useScrollableSetter",{enumerable:true,get:function get(){return _bottomSheet2.useScrollableSetter;}});var _bottomSheet=require("./bottom-sheet");var _bottomSheetModal=require("./bottom-sheet-modal");var _bottomSheetHeader=require("./bottom-sheet-header");var _bottomSheet2=require("@gorhom/bottom-sheet");

package/lib/commonjs/bottom-sheet/styles.js

@@ -0,0 +1 @@
+Object.defineProperty(exports,"__esModule",{value:true});exports.getDefaultSheetStyle=void 0;var _reactNative=require("react-native");var _constants=require("./constants");var getDefaultSheetStyle=exports.getDefaultSheetStyle=function getDefaultSheetStyle(theme,safeAreaBottomInset,overrides){return _reactNative.StyleSheet.flatten([{borderTopLeftRadius:_constants.SHEET_BORDER_RADIUS,borderTopRightRadius:_constants.SHEET_BORDER_RADIUS,backgroundColor:theme.colors.white900,borderWidth:_constants.SHEET_BORDER_WIDTH,borderColor:theme.colors.neutral100,paddingBottom:safeAreaBottomInset+_constants.SHEET_BOTTOM_PADDING,overflow:'hidden'},overrides]);};

package/lib/commonjs/bottom-sheet/types.js

@@ -0,0 +1 @@
+Object.defineProperty(exports,"__esModule",{value:true});

package/lib/commonjs/box/box.js

@@ -0,0 +1 @@
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.Box=void 0;var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _utils=require("../utils");var _jsxRuntime=require("react/jsx-runtime");var _excluded=["css","style","children"],_excluded2=["margin","marginHorizontal","marginVertical","marginTop","marginBottom","marginLeft","marginRight","padding","paddingHorizontal","paddingVertical","paddingTop","paddingBottom","paddingLeft","paddingRight"];var _this=this,_jsxFileName="/Users/krishnank/surveysparrow/npm-package/twigs-mobile/src/box/box.tsx";function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap(),n=new WeakMap();return(_interopRequireWildcard=function _interopRequireWildcard(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(var _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);}var Box=exports.Box=(0,_react.forwardRef)(function(_ref,ref){var css=_ref.css,style=_ref.style,children=_ref.children,rest=(0,_objectWithoutProperties2.default)(_ref,_excluded);var margin=rest.margin,marginHorizontal=rest.marginHorizontal,marginVertical=rest.marginVertical,marginTop=rest.marginTop,marginBottom=rest.marginBottom,marginLeft=rest.marginLeft,marginRight=rest.marginRight,padding=rest.padding,paddingHorizontal=rest.paddingHorizontal,paddingVertical=rest.paddingVertical,paddingTop=rest.paddingTop,paddingBottom=rest.paddingBottom,paddingLeft=rest.paddingLeft,paddingRight=rest.paddingRight,viewProps=(0,_objectWithoutProperties2.default)(rest,_excluded2);var marginProps={margin:margin,marginHorizontal:marginHorizontal,marginVertical:marginVertical,marginTop:marginTop,marginBottom:marginBottom,marginLeft:marginLeft,marginRight:marginRight};var paddingProps={padding:padding,paddingHorizontal:paddingHorizontal,paddingVertical:paddingVertical,paddingTop:paddingTop,paddingBottom:paddingBottom,paddingLeft:paddingLeft,paddingRight:paddingRight};var resolvedMargin=(0,_utils.resolveMargin)(marginProps);var resolvedPadding=(0,_utils.resolvePadding)(paddingProps);var dynamicStyles={marginTop:resolvedMargin.top,marginBottom:resolvedMargin.bottom,marginLeft:resolvedMargin.left,marginRight:resolvedMargin.right,paddingTop:resolvedPadding.top,paddingBottom:resolvedPadding.bottom,paddingLeft:resolvedPadding.left,paddingRight:resolvedPadding.right};return(0,_jsxRuntime.jsx)(_reactNative.View,Object.assign({ref:ref,style:[dynamicStyles,css,style]},viewProps,{children:children}));});Box.displayName='Box';

package/lib/commonjs/box/index.js

@@ -0,0 +1 @@
+Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"Box",{enumerable:true,get:function get(){return _box.Box;}});var _box=require("./box");

package/lib/commonjs/box/types.js

@@ -0,0 +1 @@
+Object.defineProperty(exports,"__esModule",{value:true});

package/lib/commonjs/button/button.js

@@ -0,0 +1 @@
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.Button=void 0;var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _reactNativeReanimated=require("react-native-reanimated");var _utils=require("../utils");var _flex=require("../flex");var _context=require("../context");var _loader=require("../loader");var _helpers=require("./helpers");var _styles=require("./styles");var _jsxRuntime=require("react/jsx-runtime");var _excluded=["children","size","color","variant","disabled","loading","leftIcon","rightIcon","icon","loader","onPress","css","style","textStyle"];var _this=this,_jsxFileName="/Users/krishnank/surveysparrow/npm-package/twigs-mobile/src/button/button.tsx";function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap(),n=new WeakMap();return(_interopRequireWildcard=function _interopRequireWildcard(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(var _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);}var ButtonSideElement=function ButtonSideElement(_ref){var icon=_ref.icon,loading=_ref.loading,_ref$loader=_ref.loader,loader=_ref$loader===void 0?'line':_ref$loader,position=_ref.position,size=_ref.size,loaderColor=_ref.loaderColor,containerStyle=_ref.containerStyle,iconColor=_ref.iconColor;var iconSize=(0,_helpers.getIconSize)(size,position);var iconContainerStyle=(0,_helpers.getIconContainerStyles)({position:position,size:size});if(loading){var loaderElement;if(_react.default.isValidElement(loader)){loaderElement=loader;}else if(loader==='circle'){loaderElement=(0,_jsxRuntime.jsx)(_loader.CircleLoader,{color:loaderColor,size:(0,_helpers.getCircleLoaderSizeFromButton)(size)});}else{loaderElement=(0,_jsxRuntime.jsx)(_loader.LineLoader,{color:loaderColor,size:(0,_helpers.getLineLoaderSizeFromButton)(size),css:{width:(0,_helpers.getLineLoaderWidthFromButton)(size)}});}return(0,_jsxRuntime.jsx)(_reactNative.View,{style:[iconContainerStyle,containerStyle],children:loaderElement});}if(icon){var colorProps=iconColor?{color:iconColor}:{};return(0,_jsxRuntime.jsx)(_reactNative.View,{style:[iconContainerStyle,containerStyle],children:_react.default.cloneElement(icon,Object.assign({size:iconSize},colorProps,icon.props||{}))});}return null;};var AnimatedContentWrapper=_utils.AnimatedView;var _worklet_11616730155735_init_data={code:"function buttonTsx1(){const{opacity}=this.__closure;return{opacity:opacity.value};}",location:"/Users/krishnank/surveysparrow/npm-package/twigs-mobile/src/button/button.tsx",sourceMap:"{\"version\":3,\"names\":[\"buttonTsx1\",\"opacity\",\"__closure\",\"value\"],\"sources\":[\"/Users/krishnank/surveysparrow/npm-package/twigs-mobile/src/button/button.tsx\"],\"mappings\":\"AAmIkD,SAAAA,WAAA,QAAAC,OAAA,OAAAC,SAAA,OAAO,CAAED,OAAO,CAAEA,OAAO,CAACE,KAAM,CAAC\",\"ignoreList\":[]}",version:"3.16.7"};var Button=exports.Button=_react.default.forwardRef(function(_ref2,ref){var _rest$accessibilityLa;var _children=_ref2.children,_ref2$size=_ref2.size,size=_ref2$size===void 0?'sm':_ref2$size,_ref2$color=_ref2.color,color=_ref2$color===void 0?'primary':_ref2$color,_ref2$variant=_ref2.variant,variant=_ref2$variant===void 0?'solid':_ref2$variant,_ref2$disabled=_ref2.disabled,disabled=_ref2$disabled===void 0?false:_ref2$disabled,_ref2$loading=_ref2.loading,loading=_ref2$loading===void 0?false:_ref2$loading,leftIcon=_ref2.leftIcon,rightIcon=_ref2.rightIcon,icon=_ref2.icon,_ref2$loader=_ref2.loader,loader=_ref2$loader===void 0?'line':_ref2$loader,onPress=_ref2.onPress,css=_ref2.css,_style=_ref2.style,textStyle=_ref2.textStyle,rest=(0,_objectWithoutProperties2.default)(_ref2,_excluded);var theme=(0,_context.useTheme)();var isIcon=!!icon;var loaderColor=(0,_helpers.getLoaderColorFromButton)(color,variant);var hasNoIcon=!(leftIcon||rightIcon||icon);var opacity=(0,_reactNativeReanimated.useSharedValue)(1);(0,_react.useEffect)(function(){if(loading){opacity.value=(0,_reactNativeReanimated.withRepeat)((0,_reactNativeReanimated.withTiming)(0.7,{duration:600}),-1,true);}else{opacity.value=(0,_reactNativeReanimated.withTiming)(1,{duration:150});}},[loading,opacity]);var animatedContentStyle=(0,_reactNativeReanimated.useAnimatedStyle)(function(){var _e=[new global.Error(),-2,-27];var buttonTsx1=function buttonTsx1(){return{opacity:opacity.value};};buttonTsx1.__closure={opacity:opacity};buttonTsx1.__workletHash=11616730155735;buttonTsx1.__initData=_worklet_11616730155735_init_data;buttonTsx1.__stackDetails=_e;return buttonTsx1;}(),[]);var buttonLoaderMargin=(0,_react.useMemo)(function(){return(0,_helpers.getButtonLoaderMargin)(size);},[size]);var handlePress=(0,_react.useCallback)(function(event){if(!disabled&&!loading&&onPress){onPress(event);}},[disabled,loading,onPress]);var pressedStyle=(0,_react.useMemo)(function(){return(0,_helpers.getPressedStyle)(color,variant,theme);},[color,variant]);var buttonDynamicStyles=(0,_helpers.getButtonStyles)({size:size,color:color,variant:variant,isIcon:isIcon,theme:theme});var regularTextStyles=(0,_react.useMemo)(function(){return(0,_helpers.getButtonTextStyles)({size:size,color:color,variant:variant,theme:theme,pressed:false});},[size,color,variant]);var pressedTextStyles=(0,_react.useMemo)(function(){return(0,_helpers.getButtonTextStyles)({size:size,color:color,variant:variant,theme:theme,pressed:true});},[size,color,variant]);return(0,_jsxRuntime.jsx)(_reactNative.Pressable,Object.assign({ref:ref,onPress:handlePress,accessible:true,accessibilityRole:"button",accessibilityState:{disabled:disabled,busy:loading},accessibilityLabel:(_rest$accessibilityLa=rest.accessibilityLabel)!=null?_rest$accessibilityLa:isIcon&&!_children?'Button':undefined,style:function style(_ref3){var pressed=_ref3.pressed;return[_styles.buttonStyles.buttonBase,buttonDynamicStyles,disabled&&_styles.buttonStyles.buttonDisabled,pressed&&!disabled&&!loading&&pressedStyle,css,_style];}},rest,{children:function children(_ref4){var pressed=_ref4.pressed;var isPressed=pressed&&!disabled&&!loading;var currentTextStyles=isPressed?pressedTextStyles:regularTextStyles;var currentIconColor=isPressed?(0,_helpers.getPressedTextColor)(color,variant,theme):(0,_helpers.getTextColor)(color,variant,theme);if(isIcon){return(0,_jsxRuntime.jsx)(ButtonSideElement,{icon:icon,loading:loading,loader:loader,position:"center",size:size,loaderColor:loaderColor,iconColor:currentIconColor});}return(0,_jsxRuntime.jsxs)(_flex.Flex,{direction:"row",align:"center",justify:"center",children:[(leftIcon||hasNoIcon&&loading)&&(0,_jsxRuntime.jsx)(ButtonSideElement,{icon:leftIcon,loading:loading&&(!!leftIcon||hasNoIcon),loader:loader,position:"left",size:size,loaderColor:loaderColor,iconColor:currentIconColor,containerStyle:{marginRight:hasNoIcon&&!loading?0:buttonLoaderMargin}}),_children&&(0,_jsxRuntime.jsx)(AnimatedContentWrapper,{style:animatedContentStyle,children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[currentTextStyles,textStyle],children:_children})}),rightIcon&&(0,_jsxRuntime.jsx)(ButtonSideElement,{icon:rightIcon,loading:loading,loader:loader,position:"right",size:size,loaderColor:loaderColor,iconColor:currentIconColor,containerStyle:{marginLeft:buttonLoaderMargin}})]});}}));});Button.displayName='Button';

package/lib/commonjs/button/constants.js

@@ -0,0 +1 @@
+Object.defineProperty(exports,"__esModule",{value:true});exports.getButtonSizeConfig=exports.OUTLINE_BORDER_WIDTH=exports.LINE_LOADER_WIDTH_MAP=exports.ICON_SPACING=exports.ICON_SIZES=exports.ICON_ONLY_SIZES=void 0;var buildSizeConfig=function buildSizeConfig(pH,height,iconWidth,borderRadius,fontSize,iconSize,labelPH){return{normal:{paddingHorizontal:pH,height:height,width:'auto',borderRadius:borderRadius,fontSize:fontSize,iconSize:iconSize,labelPaddingHorizontal:labelPH},icon:{paddingHorizontal:0,height:height,width:iconWidth,borderRadius:borderRadius,fontSize:fontSize,iconSize:iconSize,labelPaddingHorizontal:0}};};var SIZE_DATA={sm:buildSizeConfig(4,24,24,4,12,16,2),md:buildSizeConfig(8,32,32,8,12,16,2),lg:buildSizeConfig(8,40,40,8,14,16,4),xl:buildSizeConfig(16,48,48,12,16,20,4),'2xl':buildSizeConfig(20,56,56,16,18,24,8)};var getButtonSizeConfig=exports.getButtonSizeConfig=function getButtonSizeConfig(size,isIcon){return isIcon?SIZE_DATA[size].icon:SIZE_DATA[size].normal;};var ICON_SIZES=exports.ICON_SIZES={sm:16,md:16,lg:16,xl:20,'2xl':24};var ICON_ONLY_SIZES=exports.ICON_ONLY_SIZES={sm:16,md:16,lg:20,xl:24,'2xl':32};var ICON_SPACING=exports.ICON_SPACING={sm:2,md:4,lg:4,xl:4,'2xl':8};var LINE_LOADER_WIDTH_MAP=exports.LINE_LOADER_WIDTH_MAP={sm:16,md:16,lg:20,xl:20,'2xl':24};var OUTLINE_BORDER_WIDTH=exports.OUTLINE_BORDER_WIDTH={sm:1,md:1,lg:1.5,xl:1.5,'2xl':1.5};

package/lib/commonjs/button/helpers.js

@@ -0,0 +1 @@
+Object.defineProperty(exports,"__esModule",{value:true});exports.getTextColor=exports.getSizeStyles=exports.getPressedTextColor=exports.getPressedStyle=exports.getLoaderColorFromButton=exports.getLineLoaderWidthFromButton=exports.getLineLoaderSizeFromButton=exports.getIconSize=exports.getIconContainerStyles=exports.getColorStyles=exports.getCircleLoaderSizeFromButton=exports.getButtonTextStyles=exports.getButtonStyles=exports.getButtonLoaderMargin=void 0;var _utils=require("../utils");var _constants=require("./constants");var buildColorConfig=function buildColorConfig(theme){return{default:{solid:{background:(0,_utils.colorOpacity)(theme.colors.secondary500,0.08),text:theme.colors.secondary600,pressedBackground:(0,_utils.colorOpacity)(theme.colors.secondary500,0.2),pressedText:theme.colors.secondary800},ghost:{background:'transparent',text:theme.colors.neutral800,pressedBackground:(0,_utils.colorOpacity)(theme.colors.black900,0.08),pressedText:theme.colors.neutral900},outline:{background:theme.colors.white900,text:theme.colors.secondary600,border:(0,_utils.colorOpacity)(theme.colors.secondary500,0.2),pressedBackground:theme.colors.white900,pressedText:theme.colors.secondary800,pressedBorder:(0,_utils.colorOpacity)(theme.colors.secondary500,0.4)}},primary:{solid:{background:theme.colors.primary500,text:theme.colors.white900,pressedBackground:theme.colors.primary700,pressedText:theme.colors.white900},ghost:{background:'transparent',text:theme.colors.primary500,pressedBackground:(0,_utils.colorOpacity)(theme.colors.primary500,0.15),pressedText:theme.colors.primary700},outline:{background:theme.colors.white900,text:theme.colors.primary500,border:theme.colors.primary200,pressedBackground:theme.colors.white900,pressedText:theme.colors.primary700,pressedBorder:theme.colors.primary400}},secondary:{solid:{background:theme.colors.secondary600,text:theme.colors.white900,pressedBackground:theme.colors.secondary800,pressedText:theme.colors.white900},ghost:{background:'transparent',text:theme.colors.secondary600,pressedBackground:(0,_utils.colorOpacity)(theme.colors.secondary500,0.15),pressedText:theme.colors.secondary700},outline:{background:theme.colors.white900,text:theme.colors.secondary600,border:theme.colors.secondary200,pressedBackground:theme.colors.white900,pressedText:theme.colors.secondary800,pressedBorder:theme.colors.secondary400}},light:{solid:{background:(0,_utils.colorOpacity)(theme.colors.white200,0.1),text:theme.colors.white900,pressedBackground:(0,_utils.colorOpacity)(theme.colors.white900,0.2),pressedText:theme.colors.white900},ghost:{background:'transparent',text:theme.colors.white900,pressedBackground:(0,_utils.colorOpacity)(theme.colors.white300,0.2),pressedText:theme.colors.white900},outline:{background:'transparent',text:theme.colors.white900,border:(0,_utils.colorOpacity)(theme.colors.white400,0.2),pressedBackground:'transparent',pressedText:theme.colors.white900,pressedBorder:(0,_utils.colorOpacity)(theme.colors.white700,0.7)}},error:{solid:{background:theme.colors.negative600,text:theme.colors.white900,pressedBackground:theme.colors.negative800,pressedText:theme.colors.white900},ghost:{background:'transparent',text:theme.colors.negative800,pressedBackground:theme.colors.negative200,pressedText:theme.colors.negative900},outline:{background:theme.colors.white900,text:theme.colors.negative800,border:theme.colors.negative200,pressedBackground:theme.colors.white900,pressedText:theme.colors.negative900,pressedBorder:theme.colors.negative400}}};};var getSizeStyles=exports.getSizeStyles=function getSizeStyles(size,isIcon){var config=(0,_constants.getButtonSizeConfig)(size,isIcon);var styleObj={height:config.height,borderRadius:config.borderRadius,paddingHorizontal:config.paddingHorizontal};if(isIcon&&typeof config.width==='number'){styleObj.width=config.width;}return styleObj;};var getColorStyles=exports.getColorStyles=function getColorStyles(color,variant,theme){var _colorConfig$color;var colorConfig=buildColorConfig(theme);var config=((_colorConfig$color=colorConfig[color])==null?void 0:_colorConfig$color[variant])||colorConfig.primary.solid;var styleObj={backgroundColor:config.background};if(config.border){styleObj.borderColor=config.border;}return styleObj;};var getButtonStyles=exports.getButtonStyles=function getButtonStyles(_ref){var size=_ref.size,color=_ref.color,variant=_ref.variant,isIcon=_ref.isIcon,theme=_ref.theme;var sizeStyles=getSizeStyles(size,isIcon);var colorStyles=getColorStyles(color,variant,theme);if(variant==='outline'){colorStyles.borderWidth=_constants.OUTLINE_BORDER_WIDTH[size];colorStyles.borderStyle='solid';}return Object.assign({},sizeStyles,colorStyles);};var getTextColor=exports.getTextColor=function getTextColor(color,variant,theme){var _colorConfig$color2;var colorConfig=buildColorConfig(theme);return((_colorConfig$color2=colorConfig[color])==null||(_colorConfig$color2=_colorConfig$color2[variant])==null?void 0:_colorConfig$color2.text)||colorConfig.primary.solid.text;};var getPressedTextColor=exports.getPressedTextColor=function getPressedTextColor(color,variant,theme){var _colorConfig$color3;var colorConfig=buildColorConfig(theme);return((_colorConfig$color3=colorConfig[color])==null||(_colorConfig$color3=_colorConfig$color3[variant])==null?void 0:_colorConfig$color3.pressedText)||colorConfig.primary.solid.pressedText;};var getButtonTextStyles=exports.getButtonTextStyles=function getButtonTextStyles(_ref2){var size=_ref2.size,color=_ref2.color,variant=_ref2.variant,theme=_ref2.theme,_ref2$pressed=_ref2.pressed,pressed=_ref2$pressed===void 0?false:_ref2$pressed;var config=(0,_constants.getButtonSizeConfig)(size,false);var textColor=pressed?getPressedTextColor(color,variant,theme):getTextColor(color,variant,theme);return{fontSize:config.fontSize,color:textColor,fontFamily:theme.fonts.bold};};var getIconSize=exports.getIconSize=function getIconSize(size,position){if(position==='center'){return _constants.ICON_ONLY_SIZES[size]||_constants.ICON_ONLY_SIZES.sm;}return _constants.ICON_SIZES[size]||_constants.ICON_SIZES.sm;};var getIconContainerStyles=exports.getIconContainerStyles=function getIconContainerStyles(_ref3){var position=_ref3.position,size=_ref3.size;var margin=_constants.ICON_SPACING[size]||_constants.ICON_SPACING.sm;if(position==='left')return{marginRight:margin};if(position==='right')return{marginLeft:margin};return{};};var getLoaderColorFromButton=exports.getLoaderColorFromButton=function getLoaderColorFromButton(color,variant){var _simpleMap$color;var compoundMap={'primary-solid':'bright','secondary-solid':'bright','error-solid':'bright','secondary-outline':'secondary','secondary-ghost':'secondary','light-solid':'bright','light-ghost':'bright','light-outline':'bright'};var compoundKey=`${color}-${variant}`;if(compoundMap[compoundKey])return compoundMap[compoundKey];var simpleMap={default:'secondary',primary:'primary',secondary:'secondary',light:'bright',error:'negative'};return(_simpleMap$color=simpleMap[color])!=null?_simpleMap$color:'primary';};var getLineLoaderSizeFromButton=exports.getLineLoaderSizeFromButton=function getLineLoaderSizeFromButton(size){var _map$size;var map={sm:'sm',md:'sm',lg:'sm',xl:'md','2xl':'lg'};return(_map$size=map[size])!=null?_map$size:'sm';};var getLineLoaderWidthFromButton=exports.getLineLoaderWidthFromButton=function getLineLoaderWidthFromButton(size){var _LINE_LOADER_WIDTH_MA;return(_LINE_LOADER_WIDTH_MA=_constants.LINE_LOADER_WIDTH_MAP[size])!=null?_LINE_LOADER_WIDTH_MA:24;};var getCircleLoaderSizeFromButton=exports.getCircleLoaderSizeFromButton=function getCircleLoaderSizeFromButton(size){var _map$size2;var map={sm:'sm',md:'md',lg:'lg',xl:'lg','2xl':'lg'};return(_map$size2=map[size])!=null?_map$size2:'md';};var getPressedStyle=exports.getPressedStyle=function getPressedStyle(color,variant,theme){var _colorConfig$color4;var colorConfig=buildColorConfig(theme);var config=((_colorConfig$color4=colorConfig[color])==null?void 0:_colorConfig$color4[variant])||colorConfig.primary.solid;var styles={backgroundColor:config.pressedBackground};if(variant==='outline'&&config.pressedBorder){styles.borderColor=config.pressedBorder;}return styles;};var getButtonLoaderMargin=exports.getButtonLoaderMargin=function getButtonLoaderMargin(size){return _constants.ICON_SPACING[size]||_constants.ICON_SPACING.sm;};

package/lib/commonjs/button/index.js

@@ -0,0 +1 @@
+Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"Button",{enumerable:true,get:function get(){return _button.Button;}});var _button=require("./button");

package/lib/commonjs/button/styles.js

@@ -0,0 +1 @@
+Object.defineProperty(exports,"__esModule",{value:true});exports.buttonStyles=void 0;var _reactNative=require("react-native");var buttonStyles=exports.buttonStyles=_reactNative.StyleSheet.create({buttonBase:{borderRadius:8,flexDirection:'row',alignItems:'center',justifyContent:'center'},buttonDisabled:{opacity:0.4}});

package/lib/commonjs/button/types.js

@@ -0,0 +1 @@
+Object.defineProperty(exports,"__esModule",{value:true});

package/lib/commonjs/checkbox/checkbox.js

@@ -0,0 +1 @@
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.Checkbox=void 0;var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _box=require("../box");var _flex=require("../flex");var _context=require("../context");var _constants=require("./constants");var _styles=require("./styles");var _icons=require("./icons");var _jsxRuntime=require("react/jsx-runtime");var _excluded=["checked","onChange","disabled","children","size","containerRef","labelStyle","checkboxStyle","accessible","accessibilityRole","accessibilityLabel","accessibilityHint","accessibilityState","css","style"];var _this=this,_jsxFileName="/Users/krishnank/surveysparrow/npm-package/twigs-mobile/src/checkbox/checkbox.tsx";function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap(),n=new WeakMap();return(_interopRequireWildcard=function _interopRequireWildcard(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(var _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);}var Checkbox=exports.Checkbox=_react.default.forwardRef(function(_ref,ref){var _ref$checked=_ref.checked,checked=_ref$checked===void 0?false:_ref$checked,onChange=_ref.onChange,_ref$disabled=_ref.disabled,disabled=_ref$disabled===void 0?false:_ref$disabled,children=_ref.children,_ref$size=_ref.size,size=_ref$size===void 0?'sm':_ref$size,containerRef=_ref.containerRef,labelStyle=_ref.labelStyle,checkboxStyle=_ref.checkboxStyle,_ref$accessible=_ref.accessible,accessible=_ref$accessible===void 0?true:_ref$accessible,accessibilityRole=_ref.accessibilityRole,accessibilityLabel=_ref.accessibilityLabel,_ref$accessibilityHin=_ref.accessibilityHint,accessibilityHint=_ref$accessibilityHin===void 0?'Double tap to toggle':_ref$accessibilityHin,accessibilityState=_ref.accessibilityState,css=_ref.css,style=_ref.style,rest=(0,_objectWithoutProperties2.default)(_ref,_excluded);var theme=(0,_context.useTheme)();var styles=(0,_styles.createCheckboxStyles)(theme);var handlePress=function handlePress(){if(disabled)return;var nextChecked=checked==='indeterminate'?true:!checked;onChange==null||onChange(nextChecked);};var isIndeterminate=checked==='indeterminate';var isChecked=checked!==false;var sizeConfig=(0,_constants.getCheckboxSizeConfig)(size);var checkboxDynamicStyles=(0,_react.useMemo)(function(){return{width:sizeConfig.width,height:sizeConfig.height,borderColor:isChecked?'transparent':theme.colors.neutral400,backgroundColor:isChecked?theme.colors.secondary600:theme.colors.white900};},[sizeConfig.width,sizeConfig.height,isChecked,theme]);return(0,_jsxRuntime.jsxs)(_reactNative.Pressable,Object.assign({ref:containerRef||ref,style:[styles.container,disabled&&styles.containerDisabled,css,style],disabled:disabled,onPress:handlePress,accessible:accessible,accessibilityRole:accessibilityRole!=null?accessibilityRole:'checkbox',accessibilityState:Object.assign({checked:isIndeterminate?'mixed':checked,disabled:disabled},accessibilityState),accessibilityLabel:accessibilityLabel!=null?accessibilityLabel:typeof children==='string'?children:undefined,accessibilityHint:accessibilityHint},rest,{children:[(0,_jsxRuntime.jsx)(_flex.Flex,{align:"center",justify:"center",css:_reactNative.StyleSheet.flatten([styles.checkboxBase,checkboxDynamicStyles,checkboxStyle]),children:isChecked&&(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.iconContainer,children:isIndeterminate?(0,_jsxRuntime.jsx)(_icons.HorizontalLineIcon,{size:sizeConfig.iconSize,color:theme.colors.white900}):(0,_jsxRuntime.jsx)(_icons.TickIcon,{size:sizeConfig.iconSize,color:theme.colors.white900})})}),children&&(0,_jsxRuntime.jsx)(_box.Box,{css:_reactNative.StyleSheet.flatten([styles.labelContainer,labelStyle]),children:children})]}));});Checkbox.displayName='Checkbox';

package/lib/commonjs/checkbox/constants.js

@@ -0,0 +1 @@
+Object.defineProperty(exports,"__esModule",{value:true});exports.getCheckboxSizeConfig=exports.CHECKBOX_SIZE_CONFIGS=void 0;var CHECKBOX_SIZE_CONFIGS=exports.CHECKBOX_SIZE_CONFIGS={sm:{width:16,height:16,iconSize:14},md:{width:20,height:20,iconSize:16}};var getCheckboxSizeConfig=exports.getCheckboxSizeConfig=function getCheckboxSizeConfig(size){return CHECKBOX_SIZE_CONFIGS[size]||CHECKBOX_SIZE_CONFIGS.sm;};

package/lib/commonjs/checkbox/icons.js

@@ -0,0 +1 @@
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.TickIcon=exports.HorizontalLineIcon=void 0;var _react=_interopRequireDefault(require("react"));var _reactNativeSvg=require("react-native-svg");var _jsxRuntime=require("react/jsx-runtime");var _this=this,_jsxFileName="/Users/krishnank/surveysparrow/npm-package/twigs-mobile/src/checkbox/icons.tsx";var TickIcon=exports.TickIcon=function TickIcon(_ref){var _ref$size=_ref.size,size=_ref$size===void 0?16:_ref$size,_ref$color=_ref.color,color=_ref$color===void 0?'white':_ref$color;return(0,_jsxRuntime.jsx)(_reactNativeSvg.Svg,{width:size,height:size,viewBox:"0 0 16 16",fill:"none",children:(0,_jsxRuntime.jsx)(_reactNativeSvg.Path,{d:"M13.3333 4.33334L6.00001 11.6667L2.66667 8.33334",stroke:color,strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})});};var HorizontalLineIcon=exports.HorizontalLineIcon=function HorizontalLineIcon(_ref2){var _ref2$size=_ref2.size,size=_ref2$size===void 0?16:_ref2$size,_ref2$color=_ref2.color,color=_ref2$color===void 0?'white':_ref2$color;return(0,_jsxRuntime.jsx)(_reactNativeSvg.Svg,{width:size,height:size,viewBox:"0 0 16 16",fill:"none",children:(0,_jsxRuntime.jsx)(_reactNativeSvg.Path,{d:"M12 8H4",stroke:color,strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})});};

package/lib/commonjs/checkbox/index.js

@@ -0,0 +1 @@
+Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"Checkbox",{enumerable:true,get:function get(){return _checkbox.Checkbox;}});var _checkbox=require("./checkbox");

package/lib/commonjs/checkbox/styles.js

@@ -0,0 +1 @@
+Object.defineProperty(exports,"__esModule",{value:true});exports.createCheckboxStyles=void 0;var _reactNative=require("react-native");var createCheckboxStyles=exports.createCheckboxStyles=function createCheckboxStyles(theme){return _reactNative.StyleSheet.create({checkboxBase:{borderRadius:theme.radii.sm,alignItems:'center',justifyContent:'center',borderWidth:theme.borderWidths.xs},iconContainer:{alignItems:'center',justifyContent:'center'},labelContainer:{marginLeft:theme.space['4']},container:{flexDirection:'row',alignItems:'center',alignSelf:'flex-start'},containerDisabled:{opacity:0.5}});};

package/lib/commonjs/checkbox/types.js

@@ -0,0 +1 @@
+Object.defineProperty(exports,"__esModule",{value:true});

package/lib/commonjs/chip/chip.js

@@ -0,0 +1 @@
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.Chip=void 0;var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _context=require("../context");var _constants=require("./constants");var _helpers=require("./helpers");var _styles=require("./styles");var _jsxRuntime=require("react/jsx-runtime");var _excluded=["size","color","rounded","leftElement","rightElement","active","defaultActive","onActiveStateChange","disabled","onPress","children","css","style","accessible","accessibilityRole","accessibilityLabel","accessibilityHint","accessibilityState"];var _this=this,_jsxFileName="/Users/krishnank/surveysparrow/npm-package/twigs-mobile/src/chip/chip.tsx";function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap(),n=new WeakMap();return(_interopRequireWildcard=function _interopRequireWildcard(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(var _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);}var Chip=exports.Chip=_react.default.forwardRef(function(_ref,ref){var _ref$size=_ref.size,size=_ref$size===void 0?_constants.DEFAULT_SIZE:_ref$size,_ref$color=_ref.color,color=_ref$color===void 0?_constants.DEFAULT_COLOR:_ref$color,_ref$rounded=_ref.rounded,rounded=_ref$rounded===void 0?_constants.DEFAULT_ROUNDED:_ref$rounded,leftElement=_ref.leftElement,rightElement=_ref.rightElement,active=_ref.active,defaultActive=_ref.defaultActive,onActiveStateChange=_ref.onActiveStateChange,_ref$disabled=_ref.disabled,disabled=_ref$disabled===void 0?false:_ref$disabled,onPress=_ref.onPress,children=_ref.children,css=_ref.css,_style=_ref.style,_ref$accessible=_ref.accessible,accessible=_ref$accessible===void 0?true:_ref$accessible,accessibilityRole=_ref.accessibilityRole,accessibilityLabel=_ref.accessibilityLabel,accessibilityHint=_ref.accessibilityHint,accessibilityState=_ref.accessibilityState,rest=(0,_objectWithoutProperties2.default)(_ref,_excluded);var theme=(0,_context.useTheme)();var _useState=(0,_react.useState)(defaultActive!=null?defaultActive:false),_useState2=(0,_slicedToArray2.default)(_useState,2),isActive=_useState2[0],setIsActive=_useState2[1];var resolvedActive=active!=null?active:isActive;var sizeStyles=(0,_react.useMemo)(function(){return(0,_helpers.getSizeStyles)(size,rounded);},[size,rounded]);var regularStyle=(0,_react.useMemo)(function(){return(0,_helpers.getRegularStyles)(theme,color);},[theme,color]);var pressedStyle=(0,_react.useMemo)(function(){return(0,_helpers.getPressedStyles)(theme,color);},[theme,color]);var activeStyle=(0,_react.useMemo)(function(){return(0,_helpers.getActiveStyles)(theme,color);},[theme,color]);var textStyles=(0,_react.useMemo)(function(){return(0,_helpers.getTextStyles)(theme,color,size,resolvedActive);},[theme,color,size,resolvedActive]);var iconSize=(0,_react.useMemo)(function(){return(0,_helpers.getIconSize)(size);},[size]);var iconColor=(0,_react.useMemo)(function(){return(0,_helpers.getIconColor)(theme,color,resolvedActive);},[theme,color,resolvedActive]);var handlePress=(0,_react.useCallback)(function(){if(disabled)return;if(onPress){onPress();return;}if(typeof active==='boolean'){onActiveStateChange==null||onActiveStateChange(!active);return;}onActiveStateChange==null||onActiveStateChange(!isActive);setIsActive(!isActive);},[active,isActive,disabled,onPress,onActiveStateChange]);var renderSideElement=(0,_react.useCallback)(function(element){if(!element)return null;if(_react.default.isValidElement(element)){return _react.default.cloneElement(element,{size:iconSize,width:iconSize,height:iconSize,color:iconColor});}return element;},[iconSize,iconColor]);var mergedA11yState=Object.assign({},accessibilityState,{selected:resolvedActive},disabled&&{disabled:true});return(0,_jsxRuntime.jsxs)(_reactNative.Pressable,Object.assign({ref:ref,onPress:handlePress,disabled:disabled,accessible:accessible,accessibilityRole:accessibilityRole!=null?accessibilityRole:'button',accessibilityLabel:accessibilityLabel,accessibilityHint:accessibilityHint,accessibilityState:mergedA11yState,style:function style(_ref2){var pressed=_ref2.pressed;return[_styles.styles.container,sizeStyles,regularStyle,pressed&&!disabled&&!resolvedActive&&pressedStyle,resolvedActive&&activeStyle,disabled&&_styles.styles.disabled,css,_style];}},rest,{children:[leftElement&&(0,_jsxRuntime.jsx)(_reactNative.View,{style:_styles.styles.sideElement,children:renderSideElement(leftElement)}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:_styles.styles.contentWrap,children:typeof children==='string'?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:textStyles,numberOfLines:1,children:children}):children}),rightElement&&(0,_jsxRuntime.jsx)(_reactNative.View,{style:_styles.styles.sideElement,children:renderSideElement(rightElement)})]}));});Chip.displayName='Chip';

package/lib/commonjs/chip/constants.js

@@ -0,0 +1 @@
+Object.defineProperty(exports,"__esModule",{value:true});exports.SIZE_CONFIG=exports.ROUNDED_RADII=exports.DEFAULT_SIZE=exports.DEFAULT_ROUNDED=exports.DEFAULT_COLOR=exports.COLOR_TOKENS=void 0;var SIZE_CONFIG=exports.SIZE_CONFIG={sm:{height:24,paddingHorizontal:8,fontSize:12,lineHeight:16,iconSize:16},md:{height:32,paddingHorizontal:8,fontSize:14,lineHeight:20,iconSize:16},lg:{height:40,paddingHorizontal:12,fontSize:14,lineHeight:20,iconSize:16}};var ROUNDED_RADII=exports.ROUNDED_RADII={xxs:4,xs:4,sm:8,md:8,lg:12,xl:16,'2xl':20,'3xl':32,full:999};var COLOR_TOKENS=exports.COLOR_TOKENS={secondary:{regularBg:'white900',regularBorder:'secondary100',regularText:'secondary800',pressedBgBase:'secondary500',pressedBgOpacity:0.08,pressedBorder:'secondary200',pressedText:'secondary800',activeBg:'secondary700',activeBgBase:null,activeBgOpacity:0,activeBorder:null,activeText:'white900'},primary:{regularBg:'white900',regularBorder:'secondary100',regularText:'secondary800',pressedBgBase:'secondary500',pressedBgOpacity:0.08,pressedBorder:'secondary200',pressedText:'secondary800',activeBg:null,activeBgBase:'primary500',activeBgOpacity:0.08,activeBorder:'primary500',activeText:'primary500'}};var DEFAULT_SIZE=exports.DEFAULT_SIZE='sm';var DEFAULT_COLOR=exports.DEFAULT_COLOR='secondary';var DEFAULT_ROUNDED=exports.DEFAULT_ROUNDED='xs';

package/lib/commonjs/chip/helpers.js

@@ -0,0 +1 @@
+Object.defineProperty(exports,"__esModule",{value:true});exports.getActiveStyles=getActiveStyles;exports.getIconColor=getIconColor;exports.getIconSize=getIconSize;exports.getPressedStyles=getPressedStyles;exports.getRegularStyles=getRegularStyles;exports.getSizeStyles=getSizeStyles;exports.getTextStyles=getTextStyles;var _utils=require("../utils");var _constants=require("./constants");function getSizeStyles(size,rounded){var config=_constants.SIZE_CONFIG[size];return{height:config.height,paddingHorizontal:config.paddingHorizontal,borderRadius:_constants.ROUNDED_RADII[rounded]};}function getRegularStyles(theme,color){var t=_constants.COLOR_TOKENS[color];return{backgroundColor:theme.colors[t.regularBg],borderWidth:1,borderColor:theme.colors[t.regularBorder]};}function getPressedStyles(theme,color){var t=_constants.COLOR_TOKENS[color];return{backgroundColor:(0,_utils.colorOpacity)(theme.colors[t.pressedBgBase],t.pressedBgOpacity),borderWidth:1,borderColor:theme.colors[t.pressedBorder]};}function getActiveStyles(theme,color){var t=_constants.COLOR_TOKENS[color];var bg=t.activeBg?theme.colors[t.activeBg]:(0,_utils.colorOpacity)(theme.colors[t.activeBgBase],t.activeBgOpacity);return{backgroundColor:bg,borderWidth:1,borderColor:t.activeBorder?theme.colors[t.activeBorder]:'transparent'};}function getTextStyles(theme,color,size,active){var config=_constants.SIZE_CONFIG[size];var t=_constants.COLOR_TOKENS[color];return Object.assign({color:active?theme.colors[t.activeText]:theme.colors[t.regularText],fontSize:config.fontSize,lineHeight:config.lineHeight},(0,_utils.createTextStyle)(theme.fonts.medium,'500'));}function getIconSize(size){return _constants.SIZE_CONFIG[size].iconSize;}function getIconColor(theme,color,active){var t=_constants.COLOR_TOKENS[color];return active?theme.colors[t.activeText]:theme.colors[t.regularText];}

package/lib/commonjs/chip/index.js

@@ -0,0 +1 @@
+Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"Chip",{enumerable:true,get:function get(){return _chip.Chip;}});var _chip=require("./chip");

package/lib/commonjs/chip/styles.js

@@ -0,0 +1 @@
+Object.defineProperty(exports,"__esModule",{value:true});exports.styles=void 0;var _reactNative=require("react-native");var styles=exports.styles=_reactNative.StyleSheet.create({container:{flexDirection:'row',alignItems:'center',justifyContent:'center',alignSelf:'flex-start'},contentWrap:{flexDirection:'row',alignItems:'center',justifyContent:'center',paddingHorizontal:4},sideElement:{alignItems:'center',justifyContent:'center'},disabled:{opacity:0.5}});

package/lib/commonjs/chip/types.js

@@ -0,0 +1 @@
+Object.defineProperty(exports,"__esModule",{value:true});

package/lib/commonjs/context/index.js

@@ -0,0 +1 @@
+Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"TwigsProvider",{enumerable:true,get:function get(){return _themeContext.TwigsProvider;}});Object.defineProperty(exports,"useTheme",{enumerable:true,get:function get(){return _themeContext.useTheme;}});var _themeContext=require("./theme-context");

package/lib/commonjs/context/theme-context.js

@@ -0,0 +1 @@
+Object.defineProperty(exports,"__esModule",{value:true});exports.ThemeContext=void 0;exports.TwigsProvider=TwigsProvider;exports.useTheme=useTheme;var _react=_interopRequireWildcard(require("react"));var _defaultTheme=require("../theme/default-theme");var _jsxRuntime=require("react/jsx-runtime");var _jsxFileName="/Users/krishnank/surveysparrow/npm-package/twigs-mobile/src/context/theme-context.tsx";function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap(),n=new WeakMap();return(_interopRequireWildcard=function _interopRequireWildcard(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(var _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);}function deepMerge(target,source){var result=Object.assign({},target);for(var key in source){if(Object.prototype.hasOwnProperty.call(source,key)){var sourceValue=source[key];var targetValue=result[key];if(sourceValue&&typeof sourceValue==='object'&&!Array.isArray(sourceValue)&&targetValue&&typeof targetValue==='object'&&!Array.isArray(targetValue)){result[key]=deepMerge(targetValue,sourceValue);}else if(sourceValue!==undefined){result[key]=sourceValue;}}}return result;}var ThemeContext=exports.ThemeContext=(0,_react.createContext)(_defaultTheme.defaultTheme);function TwigsProvider(_ref){var customTheme=_ref.theme,children=_ref.children;var mergedTheme=(0,_react.useMemo)(function(){if(!customTheme){return _defaultTheme.defaultTheme;}return deepMerge(_defaultTheme.defaultTheme,customTheme);},[customTheme]);return(0,_jsxRuntime.jsx)(ThemeContext.Provider,{value:mergedTheme,children:children});}function useTheme(){var contextTheme=(0,_react.useContext)(ThemeContext);return contextTheme||_defaultTheme.defaultTheme;}

package/lib/commonjs/flex/flex.js

@@ -0,0 +1 @@
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.Flex=void 0;var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _utils=require("../utils");var _jsxRuntime=require("react/jsx-runtime");var _excluded=["css","style","children"];var _this=this,_jsxFileName="/Users/krishnank/surveysparrow/npm-package/twigs-mobile/src/flex/flex.tsx";function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap(),n=new WeakMap();return(_interopRequireWildcard=function _interopRequireWildcard(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(var _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);}var Flex=exports.Flex=_react.default.forwardRef(function(_ref,ref){var css=_ref.css,style=_ref.style,children=_ref.children,rest=(0,_objectWithoutProperties2.default)(_ref,_excluded);var marginProps={margin:rest.margin,marginHorizontal:rest.marginHorizontal,marginVertical:rest.marginVertical,marginTop:rest.marginTop,marginBottom:rest.marginBottom,marginLeft:rest.marginLeft,marginRight:rest.marginRight};var paddingProps={padding:rest.padding,paddingHorizontal:rest.paddingHorizontal,paddingVertical:rest.paddingVertical,paddingTop:rest.paddingTop,paddingBottom:rest.paddingBottom,paddingLeft:rest.paddingLeft,paddingRight:rest.paddingRight};var resolvedMargin=(0,_utils.resolveMargin)(marginProps);var resolvedPadding=(0,_utils.resolvePadding)(paddingProps);var dynamicStyles=(0,_react.useMemo)(function(){var s={flexDirection:rest.direction||'column',marginTop:resolvedMargin.top,marginBottom:resolvedMargin.bottom,marginLeft:resolvedMargin.left,marginRight:resolvedMargin.right,paddingTop:resolvedPadding.top,paddingBottom:resolvedPadding.bottom,paddingLeft:resolvedPadding.left,paddingRight:resolvedPadding.right};if(rest.align)s.alignItems=rest.align;if(rest.justify)s.justifyContent=rest.justify;if(rest.wrap)s.flexWrap=rest.wrap;if(rest.flex!==undefined)s.flex=rest.flex;if(rest.flexGrow!==undefined)s.flexGrow=rest.flexGrow;if(rest.flexShrink!==undefined)s.flexShrink=rest.flexShrink;if(rest.flexBasis!==undefined)s.flexBasis=rest.flexBasis;if(rest.alignSelf)s.alignSelf=rest.alignSelf;if(rest.gap!==undefined)s.gap=rest.gap;return s;},[rest.direction,rest.align,rest.justify,rest.wrap,rest.flex,rest.flexGrow,rest.flexShrink,rest.flexBasis,rest.alignSelf,rest.gap,resolvedMargin.top,resolvedMargin.bottom,resolvedMargin.left,resolvedMargin.right,resolvedPadding.top,resolvedPadding.bottom,resolvedPadding.left,resolvedPadding.right]);return(0,_jsxRuntime.jsx)(_reactNative.View,{ref:ref,style:[dynamicStyles,css,style],accessible:rest.accessible,accessibilityRole:rest.accessibilityRole,accessibilityLabel:rest.accessibilityLabel,accessibilityHint:rest.accessibilityHint,accessibilityState:rest.accessibilityState,accessibilityValue:rest.accessibilityValue,accessibilityViewIsModal:rest.accessibilityViewIsModal,accessibilityElementsHidden:rest.accessibilityElementsHidden,accessibilityLiveRegion:rest.accessibilityLiveRegion,importantForAccessibility:rest.importantForAccessibility,children:children});});Flex.displayName='Flex';

package/lib/commonjs/flex/index.js

@@ -0,0 +1 @@
+Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"Flex",{enumerable:true,get:function get(){return _flex.Flex;}});var _flex=require("./flex");