@syra.fm/sdk 0.4.0 → 0.5.0

package/lib/commonjs/live/components/AnimatedSpeakerRing.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","AnimatedSpeakerRing","exports","React","memo","isSpeaking","isMuted","primaryColor","children","pulseScale","useSharedValue","pulseOpacity","useEffect","value","withRepeat","withSequence","withTiming","duration","easing","Easing","out","ease","in","cancelAnimation","pulseStyle","useAnimatedStyle","transform","scale","opacity","jsxs","View","style","styles","container","jsx","pulseRing","borderColor","avatarRing","borderWidth","StyleSheet","create","alignItems","justifyContent","position","width","height","borderRadius","padding"],"sourceRoot":"../../../../src","sources":["live/components/AnimatedSpeakerRing.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/live/components/CreateRoomSheet.js

@@ -0,0 +1,688 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.CreateRoomSheet = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _MaterialCommunityIcons = _interopRequireDefault(require("@expo/vector-icons/MaterialCommunityIcons"));
+var _LiveConfigContext = require("../context/LiveConfigContext.js");
+var _LiveRoomContext = require("../context/LiveRoomContext.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const TOPICS = ['Technology', 'Music', 'Sports', 'Gaming', 'News', 'Politics', 'Science', 'Art', 'Business', 'Education', 'Entertainment', 'Health', 'Culture', 'Crypto', 'AI'];
+const ROOM_TYPES = [{
+  value: 'talk',
+  label: 'Talk',
+  icon: 'microphone',
+  description: 'Open conversation'
+}, {
+  value: 'stage',
+  label: 'Stage',
+  icon: 'account-voice',
+  description: 'Panel discussion'
+}, {
+  value: 'broadcast',
+  label: 'Broadcast',
+  icon: 'broadcast',
+  description: 'One-to-many stream'
+}];
+const CreateRoomSheet = exports.CreateRoomSheet = /*#__PURE__*/(0, _react.forwardRef)(({
+  onClose,
+  onRoomCreated,
+  mode = 'standalone',
+  ScrollViewComponent,
+  hideFooter = false,
+  onFormStateChange,
+  houses
+}, ref) => {
+  const Scroll = ScrollViewComponent || _reactNative.ScrollView;
+  const {
+    useTheme,
+    roomsService,
+    toast
+  } = (0, _LiveConfigContext.useLiveConfig)();
+  const theme = useTheme();
+  const {
+    joinLiveRoom
+  } = (0, _LiveRoomContext.useLiveRoom)();
+  const [title, setTitle] = (0, _react.useState)('');
+  const [description, setDescription] = (0, _react.useState)('');
+  const [topic, setTopic] = (0, _react.useState)('');
+  const [scheduledStart, setScheduledStart] = (0, _react.useState)('');
+  const [speakerPermission, setSpeakerPermission] = (0, _react.useState)('invited');
+  const [roomType, setRoomType] = (0, _react.useState)('talk');
+  const [selectedHouse, setSelectedHouse] = (0, _react.useState)(null);
+  const [recordingEnabled, setRecordingEnabled] = (0, _react.useState)(true);
+  const [loading, setLoading] = (0, _react.useState)(false);
+  const isValid = title.trim().length > 0;
+  const isBroadcast = roomType === 'broadcast';
+  (0, _react.useEffect)(() => {
+    onFormStateChange?.({
+      isValid,
+      loading,
+      hasScheduledStart: !!scheduledStart.trim()
+    });
+  }, [isValid, loading, scheduledStart, onFormStateChange]);
+  const buildCreatePayload = () => ({
+    title: title.trim(),
+    description: description.trim() || undefined,
+    topic: topic.trim() || undefined,
+    speakerPermission: isBroadcast ? 'invited' : speakerPermission,
+    type: roomType,
+    ownerType: selectedHouse ? 'house' : 'profile',
+    houseId: selectedHouse?._id,
+    recordingEnabled
+  });
+  const handleCreateAndStart = async () => {
+    if (!isValid || loading) return;
+    setLoading(true);
+    try {
+      const room = await roomsService.createRoom(buildCreatePayload());
+      if (room) {
+        const started = await roomsService.startRoom(room._id);
+        onClose();
+        if (started) {
+          joinLiveRoom(room._id);
+        } else {
+          toast.error('Room created but failed to start');
+        }
+        onRoomCreated?.(room);
+      } else {
+        toast.error('Failed to create room');
+      }
+    } catch (error) {
+      console.error('Error creating room:', error);
+      toast.error('Failed to create room');
+    } finally {
+      setLoading(false);
+    }
+  };
+  const handleSchedule = async () => {
+    if (!isValid || loading) return;
+    if (!scheduledStart.trim()) {
+      toast.error('Please enter a scheduled start time');
+      return;
+    }
+    setLoading(true);
+    try {
+      const room = await roomsService.createRoom({
+        ...buildCreatePayload(),
+        scheduledStart: scheduledStart.trim()
+      });
+      if (room) {
+        onClose();
+        onRoomCreated?.(room);
+      } else {
+        toast.error('Failed to create room');
+      }
+    } catch (error) {
+      console.error('Error creating room:', error);
+      toast.error('Failed to create room');
+    } finally {
+      setLoading(false);
+    }
+  };
+  const handleCreateForEmbed = async () => {
+    if (!isValid || loading) return;
+    setLoading(true);
+    try {
+      const room = await roomsService.createRoom(buildCreatePayload());
+      if (room) {
+        onClose();
+        onRoomCreated?.(room);
+      } else {
+        toast.error('Failed to create room');
+      }
+    } catch (error) {
+      console.error('Error creating room:', error);
+      toast.error('Failed to create room');
+    } finally {
+      setLoading(false);
+    }
+  };
+  (0, _react.useImperativeHandle)(ref, () => ({
+    handleCreateAndStart,
+    handleSchedule,
+    handleCreateForEmbed
+  }), [handleCreateAndStart, handleSchedule, handleCreateForEmbed]);
+  const renderFooterContent = () => {
+    if (hideFooter) return null;
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: [styles.footer, {
+        borderTopColor: theme.colors.border,
+        backgroundColor: theme.colors.background
+      }],
+      children: mode === 'standalone' ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
+          style: [styles.primaryButton, {
+            backgroundColor: isValid ? theme.colors.primary : theme.colors.backgroundSecondary,
+            opacity: loading ? 0.6 : 1
+          }],
+          onPress: handleCreateAndStart,
+          disabled: !isValid || loading,
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_MaterialCommunityIcons.default, {
+            name: "play",
+            size: 20,
+            color: isValid ? theme.colors.card : theme.colors.textSecondary
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+            style: [styles.primaryButtonText, {
+              color: isValid ? theme.colors.card : theme.colors.textSecondary
+            }],
+            children: loading ? 'Creating...' : 'Start Now'
+          })]
+        }), scheduledStart.trim() && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
+          style: [styles.secondaryButton, {
+            backgroundColor: theme.colors.backgroundSecondary,
+            borderColor: theme.colors.border,
+            opacity: loading ? 0.6 : 1
+          }],
+          onPress: handleSchedule,
+          disabled: !isValid || loading,
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_MaterialCommunityIcons.default, {
+            name: "calendar",
+            size: 20,
+            color: theme.colors.text
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+            style: [styles.secondaryButtonText, {
+              color: theme.colors.text
+            }],
+            children: "Schedule Room"
+          })]
+        })]
+      }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
+        style: [styles.primaryButton, {
+          backgroundColor: isValid ? theme.colors.primary : theme.colors.backgroundSecondary,
+          opacity: loading ? 0.6 : 1
+        }],
+        onPress: handleCreateForEmbed,
+        disabled: !isValid || loading,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_MaterialCommunityIcons.default, {
+          name: "radio",
+          size: 20,
+          color: isValid ? theme.colors.card : theme.colors.textSecondary
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          style: [styles.primaryButtonText, {
+            color: isValid ? theme.colors.card : theme.colors.textSecondary
+          }],
+          children: loading ? 'Creating...' : 'Create Room'
+        })]
+      })
+    });
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: [styles.container, {
+      backgroundColor: theme.colors.background
+    }],
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: [styles.header, {
+        borderBottomColor: theme.colors.border
+      }],
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+        onPress: onClose,
+        style: styles.headerCloseBtn,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_MaterialCommunityIcons.default, {
+          name: "close",
+          size: 20,
+          color: theme.colors.text
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: [styles.headerTitle, {
+          color: theme.colors.text
+        }],
+        children: "Create Room"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: {
+          width: 28
+        }
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(Scroll, {
+      style: {
+        flex: 1
+      },
+      contentContainerStyle: [styles.scrollContent, hideFooter && {
+        paddingBottom: 72
+      }],
+      keyboardShouldPersistTaps: "handled",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: [styles.inputSection, styles.sectionPadded],
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          style: [styles.label, {
+            color: theme.colors.text
+          }],
+          children: "Room Type"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+          style: styles.typeSelector,
+          children: ROOM_TYPES.map(rt => {
+            const selected = roomType === rt.value;
+            return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
+              style: [styles.typeCard, {
+                backgroundColor: selected ? theme.colors.primary : theme.colors.backgroundSecondary,
+                borderColor: selected ? theme.colors.primary : theme.colors.border
+              }],
+              onPress: () => setRoomType(rt.value),
+              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_MaterialCommunityIcons.default, {
+                name: rt.icon,
+                size: 22,
+                color: selected ? '#FFFFFF' : theme.colors.textSecondary
+              }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+                style: [styles.typeCardLabel, {
+                  color: selected ? '#FFFFFF' : theme.colors.text
+                }],
+                children: rt.label
+              }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+                style: [styles.typeCardDesc, {
+                  color: selected ? 'rgba(255,255,255,0.8)' : theme.colors.textSecondary
+                }],
+                children: rt.description
+              })]
+            }, rt.value);
+          })
+        })]
+      }), houses && houses.length > 0 && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: styles.inputSection,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          style: [styles.label, styles.sectionPadded, {
+            color: theme.colors.text
+          }],
+          children: "Create for"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.FlatList, {
+          horizontal: true,
+          showsHorizontalScrollIndicator: false,
+          data: [null, ...houses],
+          keyExtractor: item => item?._id ?? 'personal',
+          contentContainerStyle: styles.chipList,
+          renderItem: ({
+            item
+          }) => {
+            const selected = item === null ? !selectedHouse : selectedHouse?._id === item._id;
+            return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
+              style: [styles.chip, {
+                backgroundColor: selected ? theme.colors.primary : theme.colors.backgroundSecondary
+              }],
+              onPress: () => setSelectedHouse(item),
+              children: [item && /*#__PURE__*/(0, _jsxRuntime.jsx)(_MaterialCommunityIcons.default, {
+                name: "home-group",
+                size: 14,
+                color: selected ? '#FFFFFF' : theme.colors.textSecondary,
+                style: {
+                  marginRight: 4
+                }
+              }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+                style: [styles.chipText, {
+                  color: selected ? '#FFFFFF' : theme.colors.text
+                }],
+                children: item ? item.name : 'Personal'
+              })]
+            });
+          }
+        })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: [styles.inputSection, styles.sectionPadded],
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          style: [styles.label, {
+            color: theme.colors.text
+          }],
+          children: "Title *"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TextInput, {
+          style: [styles.input, {
+            backgroundColor: theme.colors.backgroundSecondary,
+            color: theme.colors.text
+          }],
+          placeholder: "What's your room about?",
+          placeholderTextColor: theme.colors.textTertiary,
+          value: title,
+          onChangeText: setTitle,
+          maxLength: 100
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
+          style: [styles.charCount, {
+            color: theme.colors.textTertiary
+          }],
+          children: [title.length, "/100"]
+        })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: styles.inputSection,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          style: [styles.label, styles.sectionPadded, {
+            color: theme.colors.text
+          }],
+          children: "Topic"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.FlatList, {
+          horizontal: true,
+          showsHorizontalScrollIndicator: false,
+          data: TOPICS,
+          keyExtractor: item => item,
+          contentContainerStyle: styles.chipList,
+          renderItem: ({
+            item
+          }) => {
+            const selected = topic === item;
+            return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+              style: [styles.chip, {
+                backgroundColor: selected ? theme.colors.primary : theme.colors.backgroundSecondary
+              }],
+              onPress: () => setTopic(selected ? '' : item),
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+                style: [styles.chipText, {
+                  color: selected ? '#FFFFFF' : theme.colors.text
+                }],
+                children: item
+              })
+            });
+          }
+        })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: [styles.inputSection, styles.sectionPadded],
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          style: [styles.label, {
+            color: theme.colors.text
+          }],
+          children: "Description"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TextInput, {
+          style: [styles.textArea, {
+            backgroundColor: theme.colors.backgroundSecondary,
+            color: theme.colors.text
+          }],
+          placeholder: "Tell people what to expect...",
+          placeholderTextColor: theme.colors.textTertiary,
+          value: description,
+          onChangeText: setDescription,
+          multiline: true,
+          numberOfLines: 3,
+          maxLength: 500
+        })]
+      }), !isBroadcast && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: [styles.inputSection, styles.sectionPadded],
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          style: [styles.label, {
+            color: theme.colors.text
+          }],
+          children: "Who can speak?"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+          style: styles.radioGroup,
+          children: [{
+            value: 'everyone',
+            label: 'Everyone',
+            icon: 'earth'
+          }, {
+            value: 'followers',
+            label: 'People you follow',
+            icon: 'account-group'
+          }, {
+            value: 'invited',
+            label: 'Only invited speakers',
+            icon: 'account-plus'
+          }].map((option, index, arr) => {
+            const selected = speakerPermission === option.value;
+            const isFirst = index === 0;
+            const isLast = index === arr.length - 1;
+            return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
+              style: [styles.radioRow, {
+                backgroundColor: theme.colors.backgroundSecondary,
+                borderTopLeftRadius: isFirst ? 12 : 0,
+                borderTopRightRadius: isFirst ? 12 : 0,
+                borderBottomLeftRadius: isLast ? 12 : 0,
+                borderBottomRightRadius: isLast ? 12 : 0
+              }],
+              onPress: () => setSpeakerPermission(option.value),
+              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_MaterialCommunityIcons.default, {
+                name: option.icon,
+                size: 18,
+                color: selected ? theme.colors.primary : theme.colors.textSecondary
+              }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+                style: [styles.radioLabel, {
+                  color: selected ? theme.colors.primary : theme.colors.text
+                }],
+                children: option.label
+              }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+                style: [styles.radioCircle, {
+                  borderColor: selected ? theme.colors.primary : theme.colors.border,
+                  backgroundColor: selected ? theme.colors.primary : 'transparent'
+                }],
+                children: selected && /*#__PURE__*/(0, _jsxRuntime.jsx)(_MaterialCommunityIcons.default, {
+                  name: "check",
+                  size: 12,
+                  color: "#FFFFFF"
+                })
+              })]
+            }, option.value);
+          })
+        })]
+      }), mode === 'standalone' && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: [styles.inputSection, styles.sectionPadded],
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          style: [styles.label, {
+            color: theme.colors.text
+          }],
+          children: "Schedule (Optional)"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TextInput, {
+          style: [styles.input, {
+            backgroundColor: theme.colors.backgroundSecondary,
+            color: theme.colors.text
+          }],
+          placeholder: "e.g., 2024-03-20 14:00",
+          placeholderTextColor: theme.colors.textTertiary,
+          value: scheduledStart,
+          onChangeText: setScheduledStart
+        })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: [styles.inputSection, styles.sectionPadded],
+        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
+          style: [styles.toggleRow, {
+            backgroundColor: theme.colors.backgroundSecondary
+          }],
+          onPress: () => setRecordingEnabled(!recordingEnabled),
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_MaterialCommunityIcons.default, {
+            name: recordingEnabled ? 'record-circle' : 'record-circle-outline',
+            size: 20,
+            color: recordingEnabled ? '#FF0000' : theme.colors.textSecondary
+          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+            style: {
+              flex: 1
+            },
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+              style: [styles.toggleLabel, {
+                color: theme.colors.text
+              }],
+              children: "Auto-record"
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+              style: {
+                fontSize: 11,
+                color: theme.colors.textSecondary
+              },
+              children: "Record audio when room goes live (max 1h, expires in 6 months)"
+            })]
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+            style: [styles.toggleIndicator, {
+              backgroundColor: recordingEnabled ? theme.colors.primary : theme.colors.border
+            }],
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+              style: [styles.toggleDot, recordingEnabled && {
+                transform: [{
+                  translateX: 14
+                }]
+              }]
+            })
+          })]
+        })
+      })]
+    }), renderFooterContent()]
+  });
+});
+CreateRoomSheet.displayName = 'CreateRoomSheet';
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    flex: 1
+  },
+  header: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+    paddingHorizontal: 12,
+    paddingVertical: 8,
+    borderBottomWidth: 0.5
+  },
+  headerCloseBtn: {
+    width: 28,
+    height: 28,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  headerTitle: {
+    fontSize: 16,
+    fontWeight: '600'
+  },
+  scrollContent: {
+    paddingVertical: 16,
+    paddingBottom: 12
+  },
+  sectionPadded: {
+    paddingHorizontal: 16
+  },
+  inputSection: {
+    marginBottom: 16
+  },
+  label: {
+    fontSize: 13,
+    fontWeight: '600',
+    marginBottom: 6
+  },
+  input: {
+    borderRadius: 12,
+    paddingHorizontal: 14,
+    paddingVertical: 10,
+    fontSize: 15
+  },
+  textArea: {
+    borderRadius: 12,
+    paddingHorizontal: 14,
+    paddingVertical: 10,
+    fontSize: 15,
+    minHeight: 72,
+    textAlignVertical: 'top'
+  },
+  charCount: {
+    fontSize: 11,
+    marginTop: 4
+  },
+  typeSelector: {
+    flexDirection: 'row',
+    gap: 10
+  },
+  typeCard: {
+    flex: 1,
+    alignItems: 'center',
+    paddingVertical: 14,
+    paddingHorizontal: 8,
+    borderRadius: 12,
+    borderWidth: 1,
+    gap: 4
+  },
+  typeCardLabel: {
+    fontSize: 13,
+    fontWeight: '600',
+    marginTop: 2
+  },
+  typeCardDesc: {
+    fontSize: 10,
+    textAlign: 'center'
+  },
+  chipList: {
+    gap: 8,
+    paddingHorizontal: 16
+  },
+  chip: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    paddingHorizontal: 14,
+    paddingVertical: 8,
+    borderRadius: 20
+  },
+  chipText: {
+    fontSize: 13,
+    fontWeight: '500'
+  },
+  radioGroup: {
+    gap: 3
+  },
+  radioRow: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: 10,
+    paddingHorizontal: 14,
+    paddingVertical: 12
+  },
+  radioLabel: {
+    fontSize: 14,
+    flex: 1
+  },
+  radioCircle: {
+    width: 20,
+    height: 20,
+    borderRadius: 10,
+    borderWidth: 2,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  footer: {
+    gap: 10,
+    paddingHorizontal: 16,
+    paddingTop: 10,
+    paddingBottom: 14,
+    borderTopWidth: 0.5
+  },
+  primaryButton: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'center',
+    paddingVertical: 12,
+    borderRadius: 22,
+    gap: 6
+  },
+  primaryButtonText: {
+    fontSize: 15,
+    fontWeight: '600'
+  },
+  secondaryButton: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'center',
+    paddingVertical: 12,
+    borderRadius: 22,
+    borderWidth: 1,
+    gap: 6
+  },
+  secondaryButtonText: {
+    fontSize: 15,
+    fontWeight: '600'
+  },
+  toggleRow: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: 10,
+    paddingHorizontal: 14,
+    paddingVertical: 12,
+    borderRadius: 12
+  },
+  toggleLabel: {
+    fontSize: 14,
+    fontWeight: '500'
+  },
+  toggleIndicator: {
+    width: 36,
+    height: 22,
+    borderRadius: 11,
+    justifyContent: 'center',
+    paddingHorizontal: 2
+  },
+  toggleDot: {
+    width: 18,
+    height: 18,
+    borderRadius: 9,
+    backgroundColor: '#FFFFFF'
+  }
+});
+var _default = exports.default = CreateRoomSheet;
+//# sourceMappingURL=CreateRoomSheet.js.map