@tactics/toddle-styleguide 5.4.17 → 5.4.26

package/App.js

@@ -0,0 +1,388 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var react_native_1 = require("react-native");
+var native_1 = require("@react-navigation/native");
+var native_stack_1 = require("@react-navigation/native-stack");
+// To make luxon work for Android
+require("intl");
+require("intl/locale-data/jsonp/en");
+// Components
+var theme_context_1 = require("./src/context/theme.context");
+var provider_1 = require("./src/theme/provider");
+var font_1 = require("./src/theme/font");
+var avatar_preview_1 = require("./src/components/molecules/avatar/avatar.preview");
+var button_preview_1 = require("./src/components/molecules/button/button.preview");
+var pill_preview_1 = require("./src/components/molecules/pill/pill.preview");
+var snackbar_preview_1 = require("./src/components/molecules/snackbar/snackbar.preview");
+var text_bubble_preview_1 = require("./src/components/organisms/text-bubble/text-bubble.preview");
+var image_bubble_preview_1 = require("./src/components/atoms/image-bubble/image-bubble.preview");
+var time_tracker_preview_1 = require("./src/components/molecules/time-tracker/time-tracker.preview");
+var cancel_link_preview_1 = require("./src/components/molecules/cancel-link/cancel-link.preview");
+var info_preview_1 = require("./src/components/molecules/info/info.preview");
+var solid_preview_1 = require("./src/icons/solid/solid.preview");
+var outline_white_preview_1 = require("./src/icons/outline/outline-white.preview");
+var outline_default_preview_1 = require("./src/icons/outline/outline-default.preview");
+var outline_grey_preview_1 = require("./src/icons/outline/outline-grey.preview");
+var tag_preview_1 = require("./src/components/molecules/tag/tag.preview");
+var popover_preview_1 = require("./src/components/templates/popover/popover.preview");
+var filter_tab_preview_1 = require("./src/components/molecules/filter-tab/filter-tab.preview");
+var contact_item_preview_1 = require("./src/components/organisms/contact-item/contact-item.preview");
+var select_list_item_preview_1 = require("./src/components/molecules/select-list-item/select-list-item-preview");
+var checkbox_preview_1 = require("./src/components/molecules/checkbox/checkbox.preview");
+var check_switch_preview_1 = require("./src/components/atoms/check-switch/check-switch.preview");
+var wide_button_preview_1 = require("./src/components/molecules/wide-button/wide-button.preview");
+var pressable_icon_preview_1 = require("./src/components/molecules/pressable-icon/pressable-icon.preview");
+var split_container_preview_1 = require("./src/components/atoms/split-container/split-container.preview");
+var calendar_preview_1 = require("./src/components/atoms/calendar/calendar.preview");
+var quick_filter_preview_1 = require("./src/components/molecules/quick-filter/quick-filter.preview");
+var date_input_preview_1 = require("./src/components/molecules/date-input/date-input.preview");
+var text_input_preview_1 = require("./src/components/atoms/text-input/text-input.preview");
+var child_list_item_preview_1 = require("./src/components/organisms/child-list-item/child-list-item.preview");
+var timeline_preview_1 = require("./src/components/molecules/timeline/timeline.preview");
+var select_picker_preview_1 = require("./src/components/molecules/select-picker/select-picker.preview");
+var filter_range_preview_1 = require("./src/components/molecules/filter-range/filter-range.preview");
+var increment_input_preview_1 = require("./src/components/atoms/increment-input/increment-input.preview");
+var swipe_preview_1 = require("./src/components/molecules/swipe/swipe.preview");
+var logo_preview_1 = require("./src/components/atoms/logo/logo.preview");
+var contact_role_preview_1 = require("./src/components/molecules/contact-role/contact-role.preview");
+var search_preview_1 = require("./src/components/molecules/search-input/search.preview");
+var blocked_message_preview_1 = require("./src/components/molecules/blocked-message/blocked-message.preview");
+var department_logo_preview_1 = require("./src/components/molecules/department_logo/department-logo.preview");
+var calendar_select_preview_1 = require("./src/components/molecules/calendar-select/calendar-select.preview");
+var footer_preview_1 = require("./src/components/atoms/footer/footer.preview");
+var default_select_preview_1 = require("./src/components/molecules/default-select/default-select.preview");
+var password_input_preview_1 = require("./src/components/molecules/password-input/password-input.preview");
+var message_input_preview_1 = require("./src/components/molecules/message-input/message-input.preview");
+var headings_preview_1 = require("./src/components/atoms/heading-components/headings.preview");
+var paragraph_components_preview_1 = require("./src/components/atoms/paragraph-components/paragraph-components.preview");
+var my_child_list_item_preview_1 = require("./src/components/organisms/my-child-list-item/my-child-list-item.preview");
+var select_link_preview_1 = require("./src/components/molecules/select-link/select-link.preview");
+var more_info_button_preview_1 = require("./src/components/molecules/more-info-button/more-info-button.preview");
+var language_button_preview_1 = require("./src/components/molecules/language-button/language-button.preview");
+var modal_preview_1 = require("./src/components/templates/modal/modal.preview");
+var loading_indicator_preview_1 = require("./src/components/organisms/loading-indicator/loading-indicator.preview");
+var wave_preview_1 = require("./src/components/molecules/wave-background/wave.preview");
+var background_gradient_preview_1 = require("./src/components/atoms/background-gradient/background-gradient.preview");
+var person_info_card_preview_1 = require("./src/components/organisms/person-info-card/person-info-card.preview");
+var time_picker_preview_1 = require("./src/components/molecules/time-picker/time-picker.preview");
+var quick_message_preview_1 = require("./src/components/atoms/quick-message/quick-message.preview");
+var line_preview_1 = require("./src/components/atoms/line/line.preview");
+var journal_entry_preview_1 = require("./src/components/organisms/journal-entry/journal-entry.preview");
+var context_label_preview_1 = require("./src/components/molecules/context-label/context-label.preview");
+var count_preview_1 = require("./src/components/atoms/count/count.preview");
+var amount_preview_1 = require("./src/components/molecules/amount/amount.preview");
+var bare_time_picker_preview_1 = require("./src/components/molecules/bare-time-picker/bare-time-picker.preview");
+var timetable_editor_preview_1 = require("./src/components/organisms/timetable-editor/timetable-editor.preview");
+var inline_error_preview_1 = require("./src/components/molecules/inline-error/inline-error.preview");
+var selectable_list_item_preview_1 = require("./src/components/molecules/selectable-list-item/selectable-list-item-preview");
+var react_native_safe_area_context_1 = require("react-native-safe-area-context");
+var contact_address_preview_1 = require("./src/components/molecules/contact-address/contact-address.preview");
+var safe_check_preview_1 = require("./src/components/atoms/safe-check/safe-check.preview");
+var snapshot_item_preview_1 = require("./src/components/organisms/snapshot-item/snapshot-item.preview");
+var Stack = (0, native_stack_1.createNativeStackNavigator)();
+var HomeScreen = function (_a) {
+    var navigation = _a.navigation;
+    return (react_1.default.createElement(react_native_1.ScrollView, { style: {
+            flex: 1,
+        }, contentContainerStyle: {
+            alignItems: 'center',
+            justifyContent: 'center',
+        } },
+        react_1.default.createElement(react_native_1.Button, { title: "Avatar", onPress: function () { return navigation.push('avatar'); } }),
+        react_1.default.createElement(react_native_1.Button, { title: "Amount", onPress: function () { return navigation.push('amount'); } }),
+        react_1.default.createElement(react_native_1.Button, { title: "Blocked message", onPress: function () { return navigation.push('blocked-message'); } }),
+        react_1.default.createElement(react_native_1.Button, { title: "Button", onPress: function () { return navigation.push('button'); } }),
+        react_1.default.createElement(react_native_1.Button, { title: "Calendar", onPress: function () { return navigation.push('calendar'); } }),
+        react_1.default.createElement(react_native_1.Button, { title: "Calendar Select", onPress: function () { return navigation.push('calendar-select'); } }),
+        react_1.default.createElement(react_native_1.Button, { title: "Cancel Link", onPress: function () { return navigation.push('cancel-link'); } }),
+        react_1.default.createElement(react_native_1.Button, { title: "Checkbox", onPress: function () { return navigation.push('checkbox'); } }),
+        react_1.default.createElement(react_native_1.Button, { title: "Check Switch", onPress: function () { return navigation.push('check-switch'); } }),
+        react_1.default.createElement(react_native_1.Button, { title: "Child List Item", onPress: function () { return navigation.push('child-list-item'); } }),
+        react_1.default.createElement(react_native_1.Button, { title: "Contact Info Card", onPress: function () { return navigation.push('person-info-card'); } }),
+        react_1.default.createElement(react_native_1.Button, { title: "Snapshot Item", onPress: function () { return navigation.push('snapshot-item'); } }),
+        react_1.default.createElement(react_native_1.Button, { title: "Contact Item", onPress: function () { return navigation.push('contact-item'); } }),
+        react_1.default.createElement(react_native_1.Button, { title: "Contact Address", onPress: function () { return navigation.push('contact-address'); } }),
+        react_1.default.createElement(react_native_1.Button, { title: "Safe Check", onPress: function () { return navigation.push('safe-check'); } }),
+        react_1.default.createElement(react_native_1.Button, { title: "Contact Role", onPress: function () { return navigation.push('contact-role'); } }),
+        react_1.default.createElement(react_native_1.Button, { title: "Context Label", onPress: function () { return navigation.push('context-label'); } }),
+        react_1.default.createElement(react_native_1.Button, { title: "Count", onPress: function () { return navigation.push('count'); } }),
+        react_1.default.createElement(react_native_1.Button, { title: "Date Input", onPress: function () { return navigation.push('date-input'); } }),
+        react_1.default.createElement(react_native_1.Button, { title: "Default Select", onPress: function () { return navigation.push('default-select'); } }),
+        react_1.default.createElement(react_native_1.Button, { title: "Department Logo", onPress: function () { return navigation.push('department-logo'); } }),
+        react_1.default.createElement(react_native_1.Button, { title: "Filter Range", onPress: function () { return navigation.push('filter-range'); } }),
+        react_1.default.createElement(react_native_1.Button, { title: "Filter Tab", onPress: function () { return navigation.push('filter-tab'); } }),
+        react_1.default.createElement(react_native_1.Button, { title: "Footer", onPress: function () { return navigation.push('footer'); } }),
+        react_1.default.createElement(react_native_1.Button, { title: "Gradient Background", onPress: function () { return navigation.push('background-gradient'); } }),
+        react_1.default.createElement(react_native_1.Button, { title: "Headings", onPress: function () { return navigation.push('headings'); } }),
+        react_1.default.createElement(react_native_1.Button, { title: "Icons Default", onPress: function () { return navigation.push('icons default'); } }),
+        react_1.default.createElement(react_native_1.Button, { title: "Icons Grey", onPress: function () { return navigation.push('icons grey'); } }),
+        react_1.default.createElement(react_native_1.Button, { title: "Icons Solid", onPress: function () { return navigation.push('icons solid'); } }),
+        react_1.default.createElement(react_native_1.Button, { title: "Icons White", onPress: function () { return navigation.push('icons white'); } }),
+        react_1.default.createElement(react_native_1.Button, { title: "Image Bubble", onPress: function () { return navigation.push('image-bubble'); } }),
+        react_1.default.createElement(react_native_1.Button, { title: "Increment input", onPress: function () { return navigation.push('increment-input'); } }),
+        react_1.default.createElement(react_native_1.Button, { title: "Info Component", onPress: function () { return navigation.push('info'); } }),
+        react_1.default.createElement(react_native_1.Button, { title: "Inline Error", onPress: function () { return navigation.push('inline-error'); } }),
+        react_1.default.createElement(react_native_1.Button, { title: "Journal Entry", onPress: function () { return navigation.push('journal-entry'); } }),
+        react_1.default.createElement(react_native_1.Button, { title: "Language Button", onPress: function () { return navigation.push('language-button'); } }),
+        react_1.default.createElement(react_native_1.Button, { title: "Line", onPress: function () { return navigation.push('line'); } }),
+        react_1.default.createElement(react_native_1.Button, { title: "Loading Indicator", onPress: function () { return navigation.push('loading-indicator'); } }),
+        react_1.default.createElement(react_native_1.Button, { title: "Logo", onPress: function () { return navigation.push('logo'); } }),
+        react_1.default.createElement(react_native_1.Button, { title: "Message Input", onPress: function () { return navigation.push('message-input'); } }),
+        react_1.default.createElement(react_native_1.Button, { title: "Modal", onPress: function () { return navigation.push('modal'); } }),
+        react_1.default.createElement(react_native_1.Button, { title: "More Info Button", onPress: function () { return navigation.push('more-info-button'); } }),
+        react_1.default.createElement(react_native_1.Button, { title: "My Child List Item", onPress: function () { return navigation.push('my-child-list-item'); } }),
+        react_1.default.createElement(react_native_1.Button, { title: "Paragraphs", onPress: function () { return navigation.push('paragraphs'); } }),
+        react_1.default.createElement(react_native_1.Button, { title: "Password Input", onPress: function () { return navigation.push('password-input'); } }),
+        react_1.default.createElement(react_native_1.Button, { title: "Pill", onPress: function () { return navigation.push('pill'); } }),
+        react_1.default.createElement(react_native_1.Button, { title: "Popover", onPress: function () { return navigation.push('popover'); } }),
+        react_1.default.createElement(react_native_1.Button, { title: "Pressable Icon", onPress: function () { return navigation.push('pressable-icon'); } }),
+        react_1.default.createElement(react_native_1.Button, { title: "Quick Filter", onPress: function () { return navigation.push('quick-filter'); } }),
+        react_1.default.createElement(react_native_1.Button, { title: "Quick Message", onPress: function () { return navigation.push('quick-message'); } }),
+        react_1.default.createElement(react_native_1.Button, { title: "Search Input", onPress: function () { return navigation.push('search'); } }),
+        react_1.default.createElement(react_native_1.Button, { title: "Select Link", onPress: function () { return navigation.push('select-link'); } }),
+        react_1.default.createElement(react_native_1.Button, { title: "Select List Item", onPress: function () { return navigation.push('select-list-item'); } }),
+        react_1.default.createElement(react_native_1.Button, { title: "Selectable List Item", onPress: function () { return navigation.push('selectable-list-item'); } }),
+        react_1.default.createElement(react_native_1.Button, { title: "Select Picker", onPress: function () { return navigation.push('select-picker'); } }),
+        react_1.default.createElement(react_native_1.Button, { title: "Snackbar", onPress: function () { return navigation.push('snackbar'); } }),
+        react_1.default.createElement(react_native_1.Button, { title: "Split Container", onPress: function () { return navigation.push('split-container'); } }),
+        react_1.default.createElement(react_native_1.Button, { title: "Swiper", onPress: function () { return navigation.push('swiper'); } }),
+        react_1.default.createElement(react_native_1.Button, { title: "Tag", onPress: function () { return navigation.push('tag'); } }),
+        react_1.default.createElement(react_native_1.Button, { title: "Text Bubble", onPress: function () { return navigation.push('textBubble'); } }),
+        react_1.default.createElement(react_native_1.Button, { title: "Text Inputs", onPress: function () { return navigation.push('textInputs'); } }),
+        react_1.default.createElement(react_native_1.Button, { title: "Time Picker", onPress: function () { return navigation.push('time-picker'); } }),
+        react_1.default.createElement(react_native_1.Button, { title: "Bare Time Picker", onPress: function () { return navigation.push('bare-time-picker'); } }),
+        react_1.default.createElement(react_native_1.Button, { title: "Time Tracker", onPress: function () { return navigation.push('time-tracker'); } }),
+        react_1.default.createElement(react_native_1.Button, { title: "Timetable Editor", onPress: function () { return navigation.push('timetable-editor'); } }),
+        react_1.default.createElement(react_native_1.Button, { title: "Timeline", onPress: function () { return navigation.push('timeline'); } }),
+        react_1.default.createElement(react_native_1.Button, { title: "Wave Background", onPress: function () { return navigation.push('wave'); } }),
+        react_1.default.createElement(react_native_1.Button, { title: "Wide Button", onPress: function () { return navigation.push('wide-button'); } })));
+};
+function App() {
+    var fontsLoaded = (0, font_1.LoadFonts)()[0];
+    if (!fontsLoaded) {
+        return null;
+    }
+    return (react_1.default.createElement(react_native_safe_area_context_1.SafeAreaProvider, null,
+        react_1.default.createElement(theme_context_1.ThemeCtx.Provider, { value: provider_1.StaffMemberTheme },
+            react_1.default.createElement(native_1.NavigationContainer, null,
+                react_1.default.createElement(Stack.Navigator, null,
+                    react_1.default.createElement(Stack.Screen, { name: "home", options: {
+                            freezeOnBlur: false,
+                        } }, function (props) { return react_1.default.createElement(HomeScreen, __assign({}, props)); }),
+                    react_1.default.createElement(Stack.Screen, { name: "avatar", options: {
+                            freezeOnBlur: false,
+                        } }, function () { return react_1.default.createElement(avatar_preview_1.AvatarPreview, null); }),
+                    react_1.default.createElement(Stack.Screen, { name: "amount", options: {
+                            freezeOnBlur: false,
+                        } }, function () { return react_1.default.createElement(amount_preview_1.AmountPreview, null); }),
+                    react_1.default.createElement(Stack.Screen, { name: "background-gradient", options: {
+                            freezeOnBlur: false,
+                        } }, function () { return react_1.default.createElement(background_gradient_preview_1.BackgroundGradientPreview, null); }),
+                    react_1.default.createElement(Stack.Screen, { name: "blocked-message", options: {
+                            freezeOnBlur: false,
+                        } }, function () { return react_1.default.createElement(blocked_message_preview_1.BlockedMessagePreview, null); }),
+                    react_1.default.createElement(Stack.Screen, { name: "button", options: {
+                            freezeOnBlur: false,
+                        } }, function () { return react_1.default.createElement(button_preview_1.ButtonPreview, null); }),
+                    react_1.default.createElement(Stack.Screen, { name: "calendar", options: {
+                            freezeOnBlur: false,
+                        } }, function () { return react_1.default.createElement(calendar_preview_1.CalendarPreview, null); }),
+                    react_1.default.createElement(Stack.Screen, { name: "calendar-select", options: {
+                            freezeOnBlur: false,
+                        } }, function () { return react_1.default.createElement(calendar_select_preview_1.CalendarSelectPreview, null); }),
+                    react_1.default.createElement(Stack.Screen, { name: "cancel-link", options: {
+                            freezeOnBlur: false,
+                        } }, function () { return react_1.default.createElement(cancel_link_preview_1.CancelLinkPreview, null); }),
+                    react_1.default.createElement(Stack.Screen, { name: "checkbox", options: {
+                            freezeOnBlur: false,
+                        } }, function () { return react_1.default.createElement(checkbox_preview_1.CheckboxPreview, null); }),
+                    react_1.default.createElement(Stack.Screen, { name: "check-switch", options: {
+                            freezeOnBlur: false,
+                        } }, function () { return react_1.default.createElement(check_switch_preview_1.CheckPreview, null); }),
+                    react_1.default.createElement(Stack.Screen, { name: "child-list-item", options: {
+                            freezeOnBlur: false,
+                        } }, function () { return react_1.default.createElement(child_list_item_preview_1.ChildListItemPreview, null); }),
+                    react_1.default.createElement(Stack.Screen, { name: "contact-item", options: {
+                            freezeOnBlur: false,
+                        } }, function () { return react_1.default.createElement(contact_item_preview_1.ContactItemPreview, null); }),
+                    react_1.default.createElement(Stack.Screen, { name: "contact-role", options: {
+                            freezeOnBlur: false,
+                        } }, function () { return react_1.default.createElement(contact_role_preview_1.ContactRolePreview, null); }),
+                    react_1.default.createElement(Stack.Screen, { name: "context-label", options: {
+                            freezeOnBlur: false,
+                        } }, function () { return react_1.default.createElement(context_label_preview_1.ContextLabelPreview, null); }),
+                    react_1.default.createElement(Stack.Screen, { name: "count", options: {
+                            freezeOnBlur: false,
+                        } }, function () { return react_1.default.createElement(count_preview_1.CountPreview, null); }),
+                    react_1.default.createElement(Stack.Screen, { name: "date-input", options: {
+                            freezeOnBlur: false,
+                        } }, function () { return react_1.default.createElement(date_input_preview_1.DateInputPreview, null); }),
+                    react_1.default.createElement(Stack.Screen, { name: "default-select", options: {
+                            freezeOnBlur: false,
+                        } }, function () { return react_1.default.createElement(default_select_preview_1.DefaultSelectPreview, null); }),
+                    react_1.default.createElement(Stack.Screen, { name: "department-logo", options: {
+                            freezeOnBlur: false,
+                        } }, function () { return react_1.default.createElement(department_logo_preview_1.DepartmentLogoPreview, null); }),
+                    react_1.default.createElement(Stack.Screen, { name: "filter-tab", options: {
+                            freezeOnBlur: false,
+                        } }, function () { return react_1.default.createElement(filter_tab_preview_1.FilterTabPreview, null); }),
+                    react_1.default.createElement(Stack.Screen, { name: "filter-range", options: {
+                            freezeOnBlur: false,
+                        } }, function () { return react_1.default.createElement(filter_range_preview_1.FilterRangePreview, null); }),
+                    react_1.default.createElement(Stack.Screen, { name: "footer", options: {
+                            freezeOnBlur: false,
+                        } }, function () { return react_1.default.createElement(footer_preview_1.FooterPreview, null); }),
+                    react_1.default.createElement(Stack.Screen, { name: "headings", options: {
+                            freezeOnBlur: false,
+                        } }, function () { return react_1.default.createElement(headings_preview_1.HeadingsPreview, null); }),
+                    react_1.default.createElement(Stack.Screen, { name: "icons default", options: {
+                            freezeOnBlur: false,
+                        } }, function () { return react_1.default.createElement(outline_default_preview_1.IconOutlineDefaultPreview, null); }),
+                    react_1.default.createElement(Stack.Screen, { name: "icons grey", options: {
+                            freezeOnBlur: false,
+                        } }, function () { return react_1.default.createElement(outline_grey_preview_1.IconOutlineGreyPreview, null); }),
+                    react_1.default.createElement(Stack.Screen, { name: "icons solid", options: {
+                            freezeOnBlur: false,
+                        } }, function () { return react_1.default.createElement(solid_preview_1.IconSolidPreview, null); }),
+                    react_1.default.createElement(Stack.Screen, { name: "icons white", options: {
+                            freezeOnBlur: false,
+                        } }, function () { return react_1.default.createElement(outline_white_preview_1.IconOutlineWhitePreview, null); }),
+                    react_1.default.createElement(Stack.Screen, { name: "image-bubble", options: {
+                            freezeOnBlur: false,
+                        } }, function () { return react_1.default.createElement(image_bubble_preview_1.ImageBubblePreview, null); }),
+                    react_1.default.createElement(Stack.Screen, { name: "increment-input", options: {
+                            freezeOnBlur: false,
+                        } }, function () { return react_1.default.createElement(increment_input_preview_1.IncrementInputPreview, null); }),
+                    react_1.default.createElement(Stack.Screen, { name: "info", options: {
+                            freezeOnBlur: false,
+                        } }, function () { return react_1.default.createElement(info_preview_1.InfoPreview, null); }),
+                    react_1.default.createElement(Stack.Screen, { name: "journal-entry", options: {
+                            freezeOnBlur: false,
+                        } }, function () { return react_1.default.createElement(journal_entry_preview_1.JournalEntryPreview, null); }),
+                    react_1.default.createElement(Stack.Screen, { name: "language-button", options: {
+                            freezeOnBlur: false,
+                        } }, function () { return react_1.default.createElement(language_button_preview_1.LanguageButtonPreview, null); }),
+                    react_1.default.createElement(Stack.Screen, { name: "line", options: {
+                            freezeOnBlur: false,
+                        } }, function () { return react_1.default.createElement(line_preview_1.LinePreview, null); }),
+                    react_1.default.createElement(Stack.Screen, { name: "loading-indicator", options: {
+                            freezeOnBlur: false,
+                        } }, function () { return react_1.default.createElement(loading_indicator_preview_1.LoadingIndicatorPreview, null); }),
+                    react_1.default.createElement(Stack.Screen, { name: "logo", options: {
+                            freezeOnBlur: false,
+                        } }, function () { return react_1.default.createElement(logo_preview_1.LogoPreview, null); }),
+                    react_1.default.createElement(Stack.Screen, { name: "message-input", options: {
+                            freezeOnBlur: false,
+                        } }, function () { return react_1.default.createElement(message_input_preview_1.MessageInputPreview, null); }),
+                    react_1.default.createElement(Stack.Screen, { name: "modal", options: { headerShown: false, freezeOnBlur: false } }, function () { return react_1.default.createElement(modal_preview_1.ModalPreview, null); }),
+                    react_1.default.createElement(Stack.Screen, { name: "more-info-button", options: {
+                            freezeOnBlur: false,
+                        } }, function () { return react_1.default.createElement(more_info_button_preview_1.MoreInfoButtonPreview, null); }),
+                    react_1.default.createElement(Stack.Screen, { name: "my-child-list-item", options: {
+                            freezeOnBlur: false,
+                        } }, function () { return react_1.default.createElement(my_child_list_item_preview_1.MyChildListItemPreview, null); }),
+                    react_1.default.createElement(Stack.Screen, { name: "paragraphs", options: {
+                            freezeOnBlur: false,
+                        } }, function () { return react_1.default.createElement(paragraph_components_preview_1.ParagraphComponentsPreview, null); }),
+                    react_1.default.createElement(Stack.Screen, { name: "password-input", options: {
+                            freezeOnBlur: false,
+                        } }, function () { return react_1.default.createElement(password_input_preview_1.PasswordInputPreview, null); }),
+                    react_1.default.createElement(Stack.Screen, { name: "person-info-card", options: {
+                            freezeOnBlur: false,
+                        } }, function () { return react_1.default.createElement(person_info_card_preview_1.PersonInfoCardPreview, null); }),
+                    react_1.default.createElement(Stack.Screen, { name: "snapshot-item", options: {
+                            freezeOnBlur: false,
+                        } }, function () { return react_1.default.createElement(snapshot_item_preview_1.SnapshotItemPreview, null); }),
+                    react_1.default.createElement(Stack.Screen, { name: "pill", options: {
+                            freezeOnBlur: false,
+                        } }, function () { return react_1.default.createElement(pill_preview_1.PillPreview, null); }),
+                    react_1.default.createElement(Stack.Screen, { name: "popover", options: { headerShown: false, freezeOnBlur: false } }, function () { return react_1.default.createElement(popover_preview_1.PopoverPreview, null); }),
+                    react_1.default.createElement(Stack.Screen, { name: "pressable-icon", options: {
+                            freezeOnBlur: false,
+                        } }, function () { return react_1.default.createElement(pressable_icon_preview_1.PressableIconPreview, null); }),
+                    react_1.default.createElement(Stack.Screen, { name: "quick-filter", options: {
+                            freezeOnBlur: false,
+                        } }, function () { return react_1.default.createElement(quick_filter_preview_1.QuickFilterPreview, null); }),
+                    react_1.default.createElement(Stack.Screen, { name: "quick-message", options: {
+                            freezeOnBlur: false,
+                        } }, function () { return react_1.default.createElement(quick_message_preview_1.QuickMessagePreview, null); }),
+                    react_1.default.createElement(Stack.Screen, { name: "search", options: {
+                            freezeOnBlur: false,
+                        } }, function () { return react_1.default.createElement(search_preview_1.SearchPreview, null); }),
+                    react_1.default.createElement(Stack.Screen, { name: "select-link", options: {
+                            freezeOnBlur: false,
+                        } }, function () { return react_1.default.createElement(select_link_preview_1.SelectLinkPreview, null); }),
+                    react_1.default.createElement(Stack.Screen, { name: "select-list-item", options: {
+                            freezeOnBlur: false,
+                        } }, function () { return react_1.default.createElement(select_list_item_preview_1.SelectListItemPreview, null); }),
+                    react_1.default.createElement(Stack.Screen, { name: "select-picker", options: {
+                            freezeOnBlur: false,
+                        } }, function () { return react_1.default.createElement(select_picker_preview_1.SelectPickerPreview, null); }),
+                    react_1.default.createElement(Stack.Screen, { name: "snackbar", options: {
+                            freezeOnBlur: false,
+                        } }, function () { return react_1.default.createElement(snackbar_preview_1.SnackbarPreview, null); }),
+                    react_1.default.createElement(Stack.Screen, { name: "split-container", options: {
+                            freezeOnBlur: false,
+                        } }, function () { return react_1.default.createElement(split_container_preview_1.SplitContainerPreview, null); }),
+                    react_1.default.createElement(Stack.Screen, { name: "swiper", options: {
+                            freezeOnBlur: false,
+                        } }, function () { return react_1.default.createElement(swipe_preview_1.SwipePreview, null); }),
+                    react_1.default.createElement(Stack.Screen, { name: "tag", options: {
+                            freezeOnBlur: false,
+                        } }, function () { return react_1.default.createElement(tag_preview_1.TagPreview, null); }),
+                    react_1.default.createElement(Stack.Screen, { name: "textBubble", options: {
+                            freezeOnBlur: false,
+                        } }, function () { return react_1.default.createElement(text_bubble_preview_1.TextBubblePreview, null); }),
+                    react_1.default.createElement(Stack.Screen, { name: "textInputs", options: {
+                            freezeOnBlur: false,
+                        } }, function () { return react_1.default.createElement(text_input_preview_1.TextInputPreview, null); }),
+                    react_1.default.createElement(Stack.Screen, { name: "time-picker", options: {
+                            freezeOnBlur: false,
+                        } }, function () { return react_1.default.createElement(time_picker_preview_1.TimePickerPreview, null); }),
+                    react_1.default.createElement(Stack.Screen, { name: "bare-time-picker", options: {
+                            freezeOnBlur: false,
+                        } }, function () { return react_1.default.createElement(bare_time_picker_preview_1.BareTimePickerPreview, null); }),
+                    react_1.default.createElement(Stack.Screen, { name: "time-tracker", options: {
+                            freezeOnBlur: false,
+                        } }, function () { return react_1.default.createElement(time_tracker_preview_1.TimeTrackerPreview, null); }),
+                    react_1.default.createElement(Stack.Screen, { name: "timetable-editor", options: {
+                            freezeOnBlur: false,
+                        } }, function () { return react_1.default.createElement(timetable_editor_preview_1.TimetableEditorPreview, null); }),
+                    react_1.default.createElement(Stack.Screen, { name: "timeline", options: {
+                            freezeOnBlur: false,
+                        } }, function () { return react_1.default.createElement(timeline_preview_1.TimeLinePreview, null); }),
+                    react_1.default.createElement(Stack.Screen, { name: "wave", options: {
+                            freezeOnBlur: false,
+                        } }, function () { return react_1.default.createElement(wave_preview_1.WaveBackgroundPreview, null); }),
+                    react_1.default.createElement(Stack.Screen, { name: "wide-button", options: {
+                            freezeOnBlur: false,
+                        } }, function () { return react_1.default.createElement(wide_button_preview_1.WideButtonPreview, null); }),
+                    react_1.default.createElement(Stack.Screen, { name: "inline-error", options: {
+                            freezeOnBlur: false,
+                        } }, function () { return react_1.default.createElement(inline_error_preview_1.InlineErrorPreview, null); }),
+                    react_1.default.createElement(Stack.Screen, { name: "selectable-list-item", options: {
+                            freezeOnBlur: false,
+                        } }, function () { return react_1.default.createElement(selectable_list_item_preview_1.SelectableListItemPreview, null); }),
+                    react_1.default.createElement(Stack.Screen, { name: "contact-address", options: {
+                            freezeOnBlur: false,
+                        } }, function () { return react_1.default.createElement(contact_address_preview_1.ContactAddressPreview, null); }),
+                    react_1.default.createElement(Stack.Screen, { name: "safe-check", options: {
+                            freezeOnBlur: false,
+                        } }, function () { return react_1.default.createElement(safe_check_preview_1.IsSafePreview, null); }))))));
+}
+exports.default = App;