[{"data":1,"prerenderedAt":36014},["ShallowReactive",2],{"navigation_docs":3,"-react-native-flexbox-and-layout":3497,"-react-native-flexbox-and-layout-surround":36009},[4,1707,1912,2366,2547,2673,2880,3002,3052,3109,3143,3269,3346,3360,3423,3440,3493],{"title":5,"icon":6,"path":7,"stem":8,"children":9},"C#","i-devicon-csharp","\u002Fcsharp","01.csharp",[10,13,60,90,120,202,219,253,379,404,457,650,1364,1654,1703],{"title":11,"path":7,"stem":12},"C# та .NET","01.csharp\u002Findex",{"title":14,"icon":15,"path":16,"stem":17,"children":18,"page":59},"Fundamentals","i-lucide-book-open","\u002Fcsharp\u002Ffundamentals","01.csharp\u002F01.fundamentals",[19,23,27,31,35,39,43,47,51,55],{"title":20,"path":21,"stem":22},"Вступ до екосистеми .NET","\u002Fcsharp\u002Ffundamentals\u002Fintroduction-to-ecosystem","01.csharp\u002F01.fundamentals\u002F01.introduction-to-ecosystem",{"title":24,"path":25,"stem":26},"Структура програми на C#","\u002Fcsharp\u002Ffundamentals\u002Fprogram-structure","01.csharp\u002F01.fundamentals\u002F02.program-structure",{"title":28,"path":29,"stem":30},"Змінні та Типи Даних","\u002Fcsharp\u002Ffundamentals\u002Fvariables-data-types","01.csharp\u002F01.fundamentals\u002F03.variables-data-types",{"title":32,"path":33,"stem":34},"Масиви","\u002Fcsharp\u002Ffundamentals\u002Farrays","01.csharp\u002F01.fundamentals\u002F04.arrays",{"title":36,"path":37,"stem":38},"Strings & Text Handling","\u002Fcsharp\u002Ffundamentals\u002Fstrings-text-handling","01.csharp\u002F01.fundamentals\u002F05.strings-text-handling",{"title":40,"path":41,"stem":42},"Дати і Час","\u002Fcsharp\u002Ffundamentals\u002Fdates-time-handling","01.csharp\u002F01.fundamentals\u002F06.dates-time-handling",{"title":44,"path":45,"stem":46},"Потік Керування","\u002Fcsharp\u002Ffundamentals\u002Fcontrol-flow","01.csharp\u002F01.fundamentals\u002F07.control-flow",{"title":48,"path":49,"stem":50},"Методи","\u002Fcsharp\u002Ffundamentals\u002Fmethods","01.csharp\u002F01.fundamentals\u002F08.methods",{"title":52,"path":53,"stem":54},"Основи Відлагодження","\u002Fcsharp\u002Ffundamentals\u002Fdebugging-basics","01.csharp\u002F01.fundamentals\u002F09.debugging-basics",{"title":56,"path":57,"stem":58},"Інтерактивна Консоль (Classic)","\u002Fcsharp\u002Ffundamentals\u002Finteractive-console","01.csharp\u002F01.fundamentals\u002F10.interactive-console",false,{"title":61,"icon":62,"path":63,"stem":64,"children":65,"page":59},"OOP","i-lucide-box","\u002Fcsharp\u002Foop","01.csharp\u002F02.oop",[66,70,74,78,82,86],{"title":67,"path":68,"stem":69},"Package Management (Управління Пакетами)","\u002Fcsharp\u002Foop\u002Fpackage-management","01.csharp\u002F02.oop\u002F01.package-management",{"title":71,"path":72,"stem":73},"Класи та Об'єкти","\u002Fcsharp\u002Foop\u002Fclasses-objects","01.csharp\u002F02.oop\u002F02.classes-objects",{"title":75,"path":76,"stem":77},"Властивості та Поля","\u002Fcsharp\u002Foop\u002Fproperties-fields","01.csharp\u002F02.oop\u002F03.properties-fields",{"title":79,"path":80,"stem":81},"Стовпи ООП","\u002Fcsharp\u002Foop\u002Foop-pillars","01.csharp\u002F02.oop\u002F04.oop-pillars",{"title":83,"path":84,"stem":85},"Advanced Types","\u002Fcsharp\u002Foop\u002Fadvanced-types","01.csharp\u002F02.oop\u002F05.advanced-types",{"title":87,"path":88,"stem":89},"Namespaces (Простори Імен)","\u002Fcsharp\u002Foop\u002Fnamespaces","01.csharp\u002F02.oop\u002F06.namespaces",{"title":91,"icon":92,"path":93,"stem":94,"children":95,"page":59},"Advanced Core","i-lucide-zap","\u002Fcsharp\u002Fadvanced-core","01.csharp\u002F03.advanced-core",[96,100,104,108,112,116],{"title":97,"path":98,"stem":99},"Generics (Узагальнення)","\u002Fcsharp\u002Fadvanced-core\u002Fgenerics","01.csharp\u002F03.advanced-core\u002F01.generics",{"title":101,"path":102,"stem":103},"Делегати, Події та Лямбда-вирази","\u002Fcsharp\u002Fadvanced-core\u002Fdelegates-events-lambdas","01.csharp\u002F03.advanced-core\u002F02.delegates-events-lambdas",{"title":105,"path":106,"stem":107},"Interfaces Deep Dive (Інтерфейси: Поглиблений Розгляд)","\u002Fcsharp\u002Fadvanced-core\u002Finterfaces-deep-dive","01.csharp\u002F03.advanced-core\u002F03.interfaces-deep-dive",{"title":109,"path":110,"stem":111},"Обробка Винятків","\u002Fcsharp\u002Fadvanced-core\u002Fexception-handling","01.csharp\u002F03.advanced-core\u002F04.exception-handling",{"title":113,"path":114,"stem":115},"Pattern Matching","\u002Fcsharp\u002Fadvanced-core\u002Fpattern-matching","01.csharp\u002F03.advanced-core\u002F05.pattern-matching",{"title":117,"path":118,"stem":119},"Додаткові Можливості C#","\u002Fcsharp\u002Fadvanced-core\u002Fadditional-features","01.csharp\u002F03.advanced-core\u002F06.additional-features",{"title":121,"icon":122,"path":123,"stem":124,"children":125,"page":59},"Architecture Best Practices","i-lucide-building-2","\u002Fcsharp\u002Farchitecture-best-practices","01.csharp\u002F04.architecture-best-practices",[126,130,149,153,157,161,165,169],{"title":127,"path":128,"stem":129},"Software Design Principles (Частина 1)","\u002Fcsharp\u002Farchitecture-best-practices\u002Fsoftware-design-principles","01.csharp\u002F04.architecture-best-practices\u002F01.software-design-principles",{"title":131,"icon":132,"path":133,"stem":134,"children":135,"page":59},"Design Patterns","i-lucide-folder","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdesign-patterns","01.csharp\u002F04.architecture-best-practices\u002F02.design-patterns",[136],{"title":137,"icon":132,"path":138,"stem":139,"children":140,"page":59},"Creational","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdesign-patterns\u002Fcreational","01.csharp\u002F04.architecture-best-practices\u002F02.design-patterns\u002Fcreational",[141,145],{"title":142,"path":143,"stem":144},"Singleton (Одинак)","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdesign-patterns\u002Fcreational\u002Fsingleton","01.csharp\u002F04.architecture-best-practices\u002F02.design-patterns\u002Fcreational\u002F01.singleton",{"title":146,"path":147,"stem":148},"Builder (Будівельник)","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdesign-patterns\u002Fcreational\u002Fbuilder","01.csharp\u002F04.architecture-best-practices\u002F02.design-patterns\u002Fcreational\u002F02.builder",{"title":150,"path":151,"stem":152},"Building Professional CLIs","\u002Fcsharp\u002Farchitecture-best-practices\u002Fbuilding-professional-clis","01.csharp\u002F04.architecture-best-practices\u002F03.building-professional-clis",{"title":154,"path":155,"stem":156},"Validation & Flow Control","\u002Fcsharp\u002Farchitecture-best-practices\u002Fvalidation-flow-control","01.csharp\u002F04.architecture-best-practices\u002F04.validation-flow-control",{"title":158,"path":159,"stem":160},"The Modern .NET Host (Microsoft.Extensions)","\u002Fcsharp\u002Farchitecture-best-practices\u002Fmodern-dotnet-host","01.csharp\u002F04.architecture-best-practices\u002F05.modern-dotnet-host",{"title":162,"path":163,"stem":164},"Data Mapper: Repository та DAO патерни (Частина 1)","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdata-mapper-part1","01.csharp\u002F04.architecture-best-practices\u002F06.data-mapper-part1",{"title":166,"path":167,"stem":168},"Data Mapper: Repository та DAO патерни (Частина 2)","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdata-mapper-part2","01.csharp\u002F04.architecture-best-practices\u002F07.data-mapper-part2",{"title":170,"icon":132,"path":171,"stem":172,"children":173,"page":59},"Di Ioc","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdi-ioc","01.csharp\u002F04.architecture-best-practices\u002F08.di-ioc",[174,178,182,186,190,194,198],{"title":175,"path":176,"stem":177},"Проблема залежностей та Інверсія Контролю","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdi-ioc\u002Fthe-dependency-problem","01.csharp\u002F04.architecture-best-practices\u002F08.di-ioc\u002F01.the-dependency-problem",{"title":179,"path":180,"stem":181},"Будуємо власний Service Container","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdi-ioc\u002Fbuild-your-own-container","01.csharp\u002F04.architecture-best-practices\u002F08.di-ioc\u002F02.build-your-own-container",{"title":183,"path":184,"stem":185},"Service Locator: Паттерн та Анти-паттерн","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdi-ioc\u002Fservice-locator-pattern","01.csharp\u002F04.architecture-best-practices\u002F08.di-ioc\u002F03.service-locator-pattern",{"title":187,"path":188,"stem":189},"Паттерни Dependency Injection","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdi-ioc\u002Fdependency-injection-patterns","01.csharp\u002F04.architecture-best-practices\u002F08.di-ioc\u002F04.dependency-injection-patterns",{"title":191,"path":192,"stem":193},"Microsoft DI: IServiceCollection та IServiceProvider","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdi-ioc\u002Fmicrosoft-di-deep-dive","01.csharp\u002F04.architecture-best-practices\u002F08.di-ioc\u002F05.microsoft-di-deep-dive",{"title":195,"path":196,"stem":197},"Service Lifetimes та Scopes","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdi-ioc\u002Fservice-lifetimes-and-scopes","01.csharp\u002F04.architecture-best-practices\u002F08.di-ioc\u002F06.service-lifetimes-and-scopes",{"title":199,"path":200,"stem":201},"DI Анти-паттерни та Найкращі Практики","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdi-ioc\u002Fdi-anti-patterns-and-best-practices","01.csharp\u002F04.architecture-best-practices\u002F08.di-ioc\u002F07.di-anti-patterns-and-best-practices",{"title":203,"icon":132,"path":204,"stem":205,"children":206,"page":59},"Standard Library","\u002Fcsharp\u002Fstandard-library","01.csharp\u002F05.standard-library",[207,211,215],{"title":208,"path":209,"stem":210},"Collections (Колекції)","\u002Fcsharp\u002Fstandard-library\u002Fcollections","01.csharp\u002F05.standard-library\u002F01.collections",{"title":212,"path":213,"stem":214},"High Performance Types (Високопродуктивні Типи)","\u002Fcsharp\u002Fstandard-library\u002Fhigh-performance-types","01.csharp\u002F05.standard-library\u002F02.high-performance-types",{"title":216,"path":217,"stem":218},"LINQ (Language Integrated Query)","\u002Fcsharp\u002Fstandard-library\u002Flinq","01.csharp\u002F05.standard-library\u002F03.linq",{"title":220,"icon":221,"path":222,"stem":223,"children":224,"page":59},"System Internals Concurrency","i-lucide-server","\u002Fcsharp\u002Fsystem-internals-concurrency","01.csharp\u002F06.system-internals-concurrency",[225,229,233,237,241,245,249],{"title":226,"path":227,"stem":228},"Memory Management","\u002Fcsharp\u002Fsystem-internals-concurrency\u002Fmemory-management","01.csharp\u002F06.system-internals-concurrency\u002F01.memory-management",{"title":230,"path":231,"stem":232},"Reflection API: System.Type та Метадані","\u002Fcsharp\u002Fsystem-internals-concurrency\u002Freflection-fundamentals","01.csharp\u002F06.system-internals-concurrency\u002F02.reflection-fundamentals",{"title":234,"path":235,"stem":236},"Attributes та Dynamic Language Runtime","\u002Fcsharp\u002Fsystem-internals-concurrency\u002Fattributes-dynamic","01.csharp\u002F06.system-internals-concurrency\u002F03.attributes-dynamic",{"title":238,"path":239,"stem":240},"Expression Trees: Швидка Альтернатива Рефлексії","\u002Fcsharp\u002Fsystem-internals-concurrency\u002Fexpression-trees-compiled","01.csharp\u002F06.system-internals-concurrency\u002F04.expression-trees-compiled",{"title":242,"path":243,"stem":244},"Source Generators: Compile-Time Code Generation","\u002Fcsharp\u002Fsystem-internals-concurrency\u002Fsource-generators","01.csharp\u002F06.system-internals-concurrency\u002F05.source-generators",{"title":246,"path":247,"stem":248},"Multithreading Fundamentals","\u002Fcsharp\u002Fsystem-internals-concurrency\u002Fmultithreading-fundamentals","01.csharp\u002F06.system-internals-concurrency\u002F06.multithreading-fundamentals",{"title":250,"path":251,"stem":252},"Synchronization Primitives","\u002Fcsharp\u002Fsystem-internals-concurrency\u002Fsynchronization-primitives","01.csharp\u002F06.system-internals-concurrency\u002F07.synchronization-primitives",{"title":254,"icon":255,"path":256,"stem":257,"children":258,"page":59},"System Programming Windows","i-lucide-cpu","\u002Fcsharp\u002Fsystem-programming-windows","01.csharp\u002F07.system-programming-windows",[259,263,267,271,275,279,283,287,291,295,299,303,307,311,315,319,323,327,331,335,339,343,347,351,355,359,363,367,371,375],{"title":260,"path":261,"stem":262},"Як Працює Операційна Система","\u002Fcsharp\u002Fsystem-programming-windows\u002Fhow-os-works","01.csharp\u002F07.system-programming-windows\u002F01.how-os-works",{"title":264,"path":265,"stem":266},"Процеси в .NET — API та Запуск","\u002Fcsharp\u002Fsystem-programming-windows\u002Fprocesses-in-dotnet","01.csharp\u002F07.system-programming-windows\u002F02.processes-in-dotnet",{"title":268,"path":269,"stem":270},"Процеси в .NET — IPC та Міжпроцесна Комунікація","\u002Fcsharp\u002Fsystem-programming-windows\u002F02a.processes-ipc","01.csharp\u002F07.system-programming-windows\u002F02a.processes-ipc",{"title":272,"path":273,"stem":274},"Application Domains та Збірки — AppDomain і AssemblyLoadContext","\u002Fcsharp\u002Fsystem-programming-windows\u002Fappdomains-assemblies","01.csharp\u002F07.system-programming-windows\u002F03.appdomains-assemblies",{"title":276,"path":277,"stem":278},"Application Domains та Збірки — Plug-in Система з Hot-Reload","\u002Fcsharp\u002Fsystem-programming-windows\u002F03a.appdomains-plugin-system","01.csharp\u002F07.system-programming-windows\u002F03a.appdomains-plugin-system",{"title":280,"path":281,"stem":282},"Потоки — Основи та API Thread","\u002Fcsharp\u002Fsystem-programming-windows\u002Fthread-fundamentals","01.csharp\u002F07.system-programming-windows\u002F04.thread-fundamentals",{"title":284,"path":285,"stem":286},"Потоки — Lifecycle, Пріоритети та Безпечне Завершення","\u002Fcsharp\u002Fsystem-programming-windows\u002F04a.thread-lifecycle-priorities","01.csharp\u002F07.system-programming-windows\u002F04a.thread-lifecycle-priorities",{"title":288,"path":289,"stem":290},"Проблеми Спільного Стану — Race Condition та Data Race","\u002Fcsharp\u002Fsystem-programming-windows\u002Fshared-state-problems","01.csharp\u002F07.system-programming-windows\u002F05.shared-state-problems",{"title":292,"path":293,"stem":294},"Проблеми Спільного Стану — Memory Model та volatile","\u002Fcsharp\u002Fsystem-programming-windows\u002F05a.shared-state-memory-model","01.csharp\u002F07.system-programming-windows\u002F05a.shared-state-memory-model",{"title":296,"path":297,"stem":298},"Синхронізація — Monitor, lock та еволюція примітивів","\u002Fcsharp\u002Fsystem-programming-windows\u002Fsynchronization-fundamentals","01.csharp\u002F07.system-programming-windows\u002F06.synchronization-fundamentals",{"title":300,"path":301,"stem":302},"Синхронізація — Наскрізний Приклад та Deadlock Detection","\u002Fcsharp\u002Fsystem-programming-windows\u002F06a.synchronization-walkthrough","01.csharp\u002F07.system-programming-windows\u002F06a.synchronization-walkthrough",{"title":304,"path":305,"stem":306},"Синхронізація — Mutex, Semaphore та Event-Based Primitives","\u002Fcsharp\u002Fsystem-programming-windows\u002Fsynchronization-advanced","01.csharp\u002F07.system-programming-windows\u002F07.synchronization-advanced",{"title":308,"path":309,"stem":310},"Синхронізація — Interlocked, Volatile та Lock-Free Структури","\u002Fcsharp\u002Fsystem-programming-windows\u002F07a.synchronization-advanced-walkthrough","01.csharp\u002F07.system-programming-windows\u002F07a.synchronization-advanced-walkthrough",{"title":312,"path":313,"stem":314},"Interlocked, CAS та Lock-Free Структури","\u002Fcsharp\u002Fsystem-programming-windows\u002Finterlocked-cas-lockfree","01.csharp\u002F07.system-programming-windows\u002F08.interlocked-cas-lockfree",{"title":316,"path":317,"stem":318},"Volatile, Memory Model та Spinning","\u002Fcsharp\u002Fsystem-programming-windows\u002F08a.volatile-memory-model","01.csharp\u002F07.system-programming-windows\u002F08a.volatile-memory-model",{"title":320,"path":321,"stem":322},"ThreadPool — Пул Потоків для Ефективного Виконання","\u002Fcsharp\u002Fsystem-programming-windows\u002Fthread-pool","01.csharp\u002F07.system-programming-windows\u002F09.thread-pool",{"title":324,"path":325,"stem":326},"ThreadPool — Просунуті Сценарії та Внутрішня Будова","\u002Fcsharp\u002Fsystem-programming-windows\u002F09a.thread-pool-advanced","01.csharp\u002F07.system-programming-windows\u002F09a.thread-pool-advanced",{"title":328,"path":329,"stem":330},"Concurrent та Immutable Collections","\u002Fcsharp\u002Fsystem-programming-windows\u002Fconcurrent-collections","01.csharp\u002F07.system-programming-windows\u002F10.concurrent-collections",{"title":332,"path":333,"stem":334},"TPL, Task та Композиція — Від Thread до Task","\u002Fcsharp\u002Fsystem-programming-windows\u002Ftpl-parallel-plinq","01.csharp\u002F07.system-programming-windows\u002F11.tpl-parallel-plinq",{"title":336,"path":337,"stem":338},"Parallel Class та PLINQ — Data Parallelism","\u002Fcsharp\u002Fsystem-programming-windows\u002F11a.tpl-parallel-plinq-advanced","01.csharp\u002F07.system-programming-windows\u002F11a.tpl-parallel-plinq-advanced",{"title":340,"path":341,"stem":342},"Async\u002FAwait — Фундамент Асинхронного Програмування","\u002Fcsharp\u002Fsystem-programming-windows\u002Fasync-fundamentals","01.csharp\u002F07.system-programming-windows\u002F12.async-fundamentals",{"title":344,"path":345,"stem":346},"SynchronizationContext та ConfigureAwait — Контекст Виконання","\u002Fcsharp\u002Fsystem-programming-windows\u002Fasync-context-configureawait","01.csharp\u002F07.system-programming-windows\u002F13.async-context-configureawait",{"title":348,"path":349,"stem":350},"Async — Просунуті Паттерни","\u002Fcsharp\u002Fsystem-programming-windows\u002Fasync-advanced","01.csharp\u002F07.system-programming-windows\u002F14.async-advanced",{"title":352,"path":353,"stem":354},"System.Threading.Channels — Async Producer-Consumer","\u002Fcsharp\u002Fsystem-programming-windows\u002Fchannels","01.csharp\u002F07.system-programming-windows\u002F15.channels",{"title":356,"path":357,"stem":358},"Асинхронна Синхронізація","\u002Fcsharp\u002Fsystem-programming-windows\u002Fasync-synchronization","01.csharp\u002F07.system-programming-windows\u002F16.async-synchronization",{"title":360,"path":361,"stem":362},"Unsafe Code та Вказівники","\u002Fcsharp\u002Fsystem-programming-windows\u002Funsafe-code","01.csharp\u002F07.system-programming-windows\u002F17.unsafe-code",{"title":364,"path":365,"stem":366},"P\u002FInvoke та Windows API — Міст між .NET та Native Code","\u002Fcsharp\u002Fsystem-programming-windows\u002Fpinvoke-winapi","01.csharp\u002F07.system-programming-windows\u002F18.pinvoke-winapi",{"title":368,"path":369,"stem":370},"Реєстр Windows — Центральна База Конфігурації Системи","\u002Fcsharp\u002Fsystem-programming-windows\u002Fwindows-registry","01.csharp\u002F07.system-programming-windows\u002F19.windows-registry",{"title":372,"path":373,"stem":374},"Windows Hooks, Hotkeys та Services — Глибока Інтеграція з ОС","\u002Fcsharp\u002Fsystem-programming-windows\u002Fwindows-hooks-services","01.csharp\u002F07.system-programming-windows\u002F20.windows-hooks-services",{"title":376,"path":377,"stem":378},"Системне Програмування C# (Windows) — 07.system-programming-windows","\u002Fcsharp\u002Fsystem-programming-windows\u002Fimplementation_plan","01.csharp\u002F07.system-programming-windows\u002Fimplementation_plan",{"title":380,"icon":132,"path":381,"stem":382,"children":383,"page":59},"Io","\u002Fcsharp\u002Fio","01.csharp\u002F08.io",[384,388,392,396,400],{"title":385,"path":386,"stem":387},"8.1.1. Основи роботи з файловою системою","\u002Fcsharp\u002Fio\u002Ffile-system-basics","01.csharp\u002F08.io\u002F01.file-system-basics",{"title":389,"path":390,"stem":391},"8.1.2. Потоки (Streams) та Серіалізація Даних","\u002Fcsharp\u002Fio\u002Fstreams-serialization","01.csharp\u002F08.io\u002F02.streams-serialization",{"title":393,"path":394,"stem":395},"8.2.1. JSON Serialization з System.Text.Json","\u002Fcsharp\u002Fio\u002Fjson-serialization","01.csharp\u002F08.io\u002F03.json-serialization",{"title":397,"path":398,"stem":399},"8.2.2. XML Serialization та LINQ to XML","\u002Fcsharp\u002Fio\u002Fxml-serialization","01.csharp\u002F08.io\u002F04.xml-serialization",{"title":401,"path":402,"stem":403},"8.2.3. Binary Serialization: MessagePack та Protocol Buffers","\u002Fcsharp\u002Fio\u002Fbinary-serialization","01.csharp\u002F08.io\u002F05.binary-serialization",{"title":405,"icon":132,"path":406,"stem":407,"children":408,"page":59},"Ado Net","\u002Fcsharp\u002Fado-net","01.csharp\u002F09.ado-net",[409,413,417,421,425,429,433,437,441,445,449,453],{"title":410,"path":411,"stem":412},"9.1. Введення в ADO.NET","\u002Fcsharp\u002Fado-net\u002Fintroduction-to-adonet","01.csharp\u002F09.ado-net\u002F01.introduction-to-adonet",{"title":414,"path":415,"stem":416},"9.2. Клас DbConnection — з'єднання з базою даних","\u002Fcsharp\u002Fado-net\u002Fconnection","01.csharp\u002F09.ado-net\u002F02.connection",{"title":418,"path":419,"stem":420},"9.3. Клас DbCommand — виконання SQL-запитів","\u002Fcsharp\u002Fado-net\u002Fcommand-and-queries","01.csharp\u002F09.ado-net\u002F03.command-and-queries",{"title":422,"path":423,"stem":424},"9.4. Клас DbDataReader — ефективне читання даних","\u002Fcsharp\u002Fado-net\u002Fdatareader","01.csharp\u002F09.ado-net\u002F04.datareader",{"title":426,"path":427,"stem":428},"9.5. Параметризовані запити та захист від SQL Injection","\u002Fcsharp\u002Fado-net\u002Fparameters-and-sql-injection","01.csharp\u002F09.ado-net\u002F05.parameters-and-sql-injection",{"title":430,"path":431,"stem":432},"9.6. Транзакції в ADO.NET","\u002Fcsharp\u002Fado-net\u002Ftransactions","01.csharp\u002F09.ado-net\u002F06.transactions",{"title":434,"path":435,"stem":436},"9.7. DbProviderFactory — провайдер-незалежний код","\u002Fcsharp\u002Fado-net\u002Fprovider-factory","01.csharp\u002F09.ado-net\u002F07.provider-factory",{"title":438,"path":439,"stem":440},"9.8. Асинхронний доступ до даних","\u002Fcsharp\u002Fado-net\u002Fasync-data-access","01.csharp\u002F09.ado-net\u002F08.async-data-access",{"title":442,"path":443,"stem":444},"9.9. Від'єднаний режим: DataSet, DataTable, DataRow","\u002Fcsharp\u002Fado-net\u002Fdisconnected-mode-dataset","01.csharp\u002F09.ado-net\u002F09.disconnected-mode-dataset",{"title":446,"path":447,"stem":448},"9.10. DataAdapter — міст між DataSet та базою даних","\u002Fcsharp\u002Fado-net\u002Fdata-adapter","01.csharp\u002F09.ado-net\u002F10.data-adapter",{"title":450,"path":451,"stem":452},"9.11. Data Mapper та Repository: Архітектура доступу до даних","\u002Fcsharp\u002Fado-net\u002Fdata-mapper-repository","01.csharp\u002F09.ado-net\u002F11.data-mapper-repository",{"title":454,"path":455,"stem":456},"9.12. Identity Map, Unit of Work та Specification Pattern","\u002Fcsharp\u002Fado-net\u002Fadvanced-patterns","01.csharp\u002F09.ado-net\u002F12.advanced-patterns",{"title":458,"icon":255,"path":459,"stem":460,"children":461,"page":59},"Ef Core","\u002Fcsharp\u002Fef-core","01.csharp\u002F10.ef-core",[462,466,470,474,478,482,486,490,494,498,502,506,510,514,518,522,526,532,538,542,546,550,554,558,562,566,570,574,578,582,586,590,594,598,602,606,610,614,618,622,626,630,634,638,642,646],{"title":463,"path":464,"stem":465},"Що таке ORM? Від SQL до об'єктів","\u002Fcsharp\u002Fef-core\u002Fwhat-is-orm","01.csharp\u002F10.ef-core\u002F01.what-is-orm",{"title":467,"path":468,"stem":469},"Перший проєкт — від нуля до CRUD","\u002Fcsharp\u002Fef-core\u002Ffirst-project","01.csharp\u002F10.ef-core\u002F02.first-project",{"title":471,"path":472,"stem":473},"DbContext — Серце EF Core","\u002Fcsharp\u002Fef-core\u002Fdbcontext-deep-dive","01.csharp\u002F10.ef-core\u002F03.dbcontext-deep-dive",{"title":475,"path":476,"stem":477},"Провайдери баз даних — Архітектура та Вибір СУБД","\u002Fcsharp\u002Fef-core\u002Fdatabase-providers","01.csharp\u002F10.ef-core\u002F04.database-providers",{"title":479,"path":480,"stem":481},"Конвенції EF Core — Магія без конфігурації","\u002Fcsharp\u002Fef-core\u002Fconventions","01.csharp\u002F10.ef-core\u002F05.conventions",{"title":483,"path":484,"stem":485},"Fluent API та Data Annotations — Явна конфігурація моделі","\u002Fcsharp\u002Fef-core\u002Ffluent-api-vs-annotations","01.csharp\u002F10.ef-core\u002F06.fluent-api-vs-annotations",{"title":487,"path":488,"stem":489},"Зв'язки — One-to-One та One-to-Many","\u002Fcsharp\u002Fef-core\u002Frelationships-basics","01.csharp\u002F10.ef-core\u002F07.relationships-basics",{"title":491,"path":492,"stem":493},"Зв'язки Advanced — Many-to-Many та Складні Сценарії","\u002Fcsharp\u002Fef-core\u002Frelationships-advanced","01.csharp\u002F10.ef-core\u002F08.relationships-advanced",{"title":495,"path":496,"stem":497},"Властивості — Типи, Конвертери, Компаратори (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fproperty-configuration-part1","01.csharp\u002F10.ef-core\u002F09.property-configuration-part1",{"title":499,"path":500,"stem":501},"Властивості — Value Comparers, Generators, Shadow Properties (Частина 2)","\u002Fcsharp\u002Fef-core\u002Fproperty-configuration-part2","01.csharp\u002F10.ef-core\u002F09.property-configuration-part2",{"title":503,"path":504,"stem":505},"Складні типи — Owned Types та Complex Types (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fcomplex-types-owned-part1","01.csharp\u002F10.ef-core\u002F10.complex-types-owned-part1",{"title":507,"path":508,"stem":509},"Складні типи — Complex Types, Keyless Entities, Порівняння (Частина 2)","\u002Fcsharp\u002Fef-core\u002Fcomplex-types-owned-part2","01.csharp\u002F10.ef-core\u002F10.complex-types-owned-part2",{"title":511,"path":512,"stem":513},"JSON Columns — Складні дані у JSON (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fjson-columns-part1","01.csharp\u002F10.ef-core\u002F11.json-columns-part1",{"title":515,"path":516,"stem":517},"JSON Columns — Value Comparers, Індекси, Провайдери (Частина 2)","\u002Fcsharp\u002Fef-core\u002Fjson-columns-part2","01.csharp\u002F10.ef-core\u002F11.json-columns-part2",{"title":519,"path":520,"stem":521},"Успадкування — Абстрактні класи та TPH (Частина 1)","\u002Fcsharp\u002Fef-core\u002Finheritance-part1","01.csharp\u002F10.ef-core\u002F12.inheritance-part1",{"title":523,"path":524,"stem":525},"Успадкування — TPT, TPC та Порівняння Стратегій (Частина 2)","\u002Fcsharp\u002Fef-core\u002Finheritance-part2","01.csharp\u002F10.ef-core\u002F12.inheritance-part2",{"title":527,"path":528,"stem":529,"children":530},"Індекси, Обмеження та Схема (Частина 1)","\u002Fcsharp\u002Fef-core\u002Findexes-constraints-part1","01.csharp\u002F10.ef-core\u002F13.indexes-constraints-part1",[531],{"title":527,"path":528,"stem":529},{"title":533,"path":534,"stem":535,"children":536},"Індекси, Обмеження та Схема (Частина 2)","\u002Fcsharp\u002Fef-core\u002Findexes-constraints-part2","01.csharp\u002F10.ef-core\u002F13.indexes-constraints-part2",[537],{"title":533,"path":534,"stem":535},{"title":539,"path":540,"stem":541},"Seed Data — Початкові Дані (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fseeding-part1","01.csharp\u002F10.ef-core\u002F14.seeding-part1",{"title":543,"path":544,"stem":545},"Seed Data — SQL-скрипти, Bogus та Стратегії (Частина 2)","\u002Fcsharp\u002Fef-core\u002Fseeding-part2","01.csharp\u002F10.ef-core\u002F14.seeding-part2",{"title":547,"path":548,"stem":549},"Global Query Filters — Глобальні Фільтри (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fglobal-query-filters-part1","01.csharp\u002F10.ef-core\u002F15.global-query-filters-part1",{"title":551,"path":552,"stem":553},"Global Query Filters — Підводні камені та Інтеграція (Частина 2)","\u002Fcsharp\u002Fef-core\u002Fglobal-query-filters-part2","01.csharp\u002F10.ef-core\u002F15.global-query-filters-part2",{"title":555,"path":556,"stem":557},"LINQ-запити в EF Core (Частина 1)","\u002Fcsharp\u002Fef-core\u002Flinq-queries-part1","01.csharp\u002F10.ef-core\u002F16.linq-queries-part1",{"title":559,"path":560,"stem":561},"LINQ-запити в EF Core (Частина 2)","\u002Fcsharp\u002Fef-core\u002Flinq-queries-part2","01.csharp\u002F10.ef-core\u002F16.linq-queries-part2",{"title":563,"path":564,"stem":565},"Завантаження Пов'язаних Даних (Частина 1)","\u002Fcsharp\u002Fef-core\u002Floading-related-data-part1","01.csharp\u002F10.ef-core\u002F17.loading-related-data-part1",{"title":567,"path":568,"stem":569},"Завантаження Пов'язаних Даних (Частина 2)","\u002Fcsharp\u002Fef-core\u002Floading-related-data-part2","01.csharp\u002F10.ef-core\u002F17.loading-related-data-part2",{"title":571,"path":572,"stem":573},"Raw SQL, Views та Stored Procedures (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fraw-sql-part1","01.csharp\u002F10.ef-core\u002F18.raw-sql-part1",{"title":575,"path":576,"stem":577},"Raw SQL — Stored Procedures, DbFunction та Bulk Operations (Частина 2)","\u002Fcsharp\u002Fef-core\u002Fraw-sql-part2","01.csharp\u002F10.ef-core\u002F18.raw-sql-part2",{"title":579,"path":580,"stem":581},"Продвинуті Запити — Compiled Queries, Bulk та Оптимізація (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fadvanced-queries-part1","01.csharp\u002F10.ef-core\u002F19.advanced-queries-part1",{"title":583,"path":584,"stem":585},"Продвинуті Запити — Query Tags, Bulk та Interceptors (Частина 2)","\u002Fcsharp\u002Fef-core\u002Fadvanced-queries-part2","01.csharp\u002F10.ef-core\u002F19.advanced-queries-part2",{"title":587,"path":588,"stem":589},"Change Tracker — Відстеження Змін (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fchange-tracking-part1","01.csharp\u002F10.ef-core\u002F20.change-tracking-part1",{"title":591,"path":592,"stem":593},"Change Tracker — Графи Об'єктів та Disconnected (Частина 2)","\u002Fcsharp\u002Fef-core\u002Fchange-tracking-part2","01.csharp\u002F10.ef-core\u002F20.change-tracking-part2",{"title":595,"path":596,"stem":597},"Збереження Даних та Транзакції (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fsaving-data-part1","01.csharp\u002F10.ef-core\u002F21.saving-data-part1",{"title":599,"path":600,"stem":601},"Збереження Даних — Concurrency та Outbox (Частина 2)","\u002Fcsharp\u002Fef-core\u002Fsaving-data-part2","01.csharp\u002F10.ef-core\u002F21.saving-data-part2",{"title":603,"path":604,"stem":605},"Конкурентність та Блокування (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fconcurrency-part1","01.csharp\u002F10.ef-core\u002F22.concurrency-part1",{"title":607,"path":608,"stem":609},"Конкурентність — Дедлоки та Queue Processing (Частина 2)","\u002Fcsharp\u002Fef-core\u002Fconcurrency-part2","01.csharp\u002F10.ef-core\u002F22.concurrency-part2",{"title":611,"path":612,"stem":613},"Міграції в EF Core — Основи (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fmigrations-basics-part1","01.csharp\u002F10.ef-core\u002F23.migrations-basics-part1",{"title":615,"path":616,"stem":617},"Міграції в EF Core — Основи (Частина 2)","\u002Fcsharp\u002Fef-core\u002Fmigrations-basics-part2","01.csharp\u002F10.ef-core\u002F23.migrations-basics-part2",{"title":619,"path":620,"stem":621},"Міграції — Просунуті Сценарії (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fmigrations-advanced-part1","01.csharp\u002F10.ef-core\u002F24.migrations-advanced-part1",{"title":623,"path":624,"stem":625},"Міграції — Просунуті Сценарії (Частина 2)","\u002Fcsharp\u002Fef-core\u002Fmigrations-advanced-part2","01.csharp\u002F10.ef-core\u002F24.migrations-advanced-part2",{"title":627,"path":628,"stem":629},"Управління Схемою та Database-First (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fschema-management-part1","01.csharp\u002F10.ef-core\u002F25.schema-management-part1",{"title":631,"path":632,"stem":633},"Управління Схемою та Database-First (Частина 2)","\u002Fcsharp\u002Fef-core\u002Fschema-management-part2","01.csharp\u002F10.ef-core\u002F25.schema-management-part2",{"title":635,"path":636,"stem":637},"Продуктивність EF Core — Основи (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fperformance-fundamentals-part1","01.csharp\u002F10.ef-core\u002F26.performance-fundamentals-part1",{"title":639,"path":640,"stem":641},"Interceptors в EF Core (Частина 1)","\u002Fcsharp\u002Fef-core\u002Finterceptors-part1","01.csharp\u002F10.ef-core\u002F29.interceptors-part1",{"title":643,"path":644,"stem":645},"Interceptors в EF Core — Connection, Transaction та Materialization (Частина 2)","\u002Fcsharp\u002Fef-core\u002Finterceptors-part2","01.csharp\u002F10.ef-core\u002F29.interceptors-part2",{"title":647,"path":648,"stem":649},"План вивчення Entity Framework Core — Повний курс","\u002Fcsharp\u002Fef-core\u002Fimplementation_plan","01.csharp\u002F10.ef-core\u002Fimplementation_plan",{"title":651,"icon":652,"path":653,"stem":654,"children":655,"page":59},"ASP.NET","i-devicon-dotnetcore","\u002Fcsharp\u002Faspnet","01.csharp\u002F11.aspnet",[656,730,791,869,927,941,967,1057,1111,1182,1212,1289,1346],{"title":657,"icon":658,"path":659,"stem":660,"children":661,"page":59},"Minimal API","i-lucide-network","\u002Fcsharp\u002Faspnet\u002Fminimal-api","01.csharp\u002F11.aspnet\u002F01.minimal-api",[662,666,670,674,678,682,686,690,694,698,702,706,710,714,718,722,726],{"title":663,"path":664,"stem":665},"Вступ до ASP.NET та еволюція фреймворку","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Fintroduction","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F01.introduction",{"title":667,"path":668,"stem":669},"Перший додаток на ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Ffirst-application","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F02.first-application",{"title":671,"path":672,"stem":673},"WebApplication, Builder та Dependency Injection","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Fwebapplication-builder","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F03.webapplication-builder",{"title":675,"path":676,"stem":677},"Конвеєр запитів та Middleware","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Frequest-pipeline-middleware","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F04.request-pipeline-middleware",{"title":679,"path":680,"stem":681},"Маршрутизація в ASP.NET Core: Основи","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Frouting-basics","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F05.routing-basics",{"title":683,"path":684,"stem":685},"Маршрутизація в ASP.NET Core: Розширені можливості","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Frouting-advanced","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F06.routing-advanced",{"title":687,"path":688,"stem":689},"Статичні файли в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Fstatic-files","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F07.static-files",{"title":691,"path":692,"stem":693},"Статичні Активи: MapStaticAssets (ASP.NET Core 9.0)","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Fstatic-assets","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F08.static-assets",{"title":695,"path":696,"stem":697},"Конфігурація в ASP.NET Core: Основи","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Fconfiguration-fundamentals","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F09.configuration-fundamentals",{"title":699,"path":700,"stem":701},"Конфігурація: Паттерн Options","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Fconfiguration-options","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F10.configuration-options",{"title":703,"path":704,"stem":705},"Логування в ASP.NET Core: Основи","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Flogging-basics","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F11.logging-basics",{"title":707,"path":708,"stem":709},"Логування: Serilog та Middleware","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Flogging-advanced","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F12.logging-advanced",{"title":711,"path":712,"stem":713},"Управління станом: HttpContext.Items та Cookies","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Fstate-management","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F13.state-management",{"title":715,"path":716,"stem":717},"Стан сесії: Sessions","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Fsession-state","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F14.session-state",{"title":719,"path":720,"stem":721},"Структура проєкту: від хаосу до архітектури","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Fproject-structure","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F15.project-structure",{"title":723,"path":724,"stem":725},"Scalar у Minimal API: повний проєкт і Fluent OpenAPI","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Fscalar-openapi-fluent","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F16.scalar-openapi-fluent",{"title":727,"path":728,"stem":729},"Swagger \u002F Swashbuckle у Minimal API: окремий класичний шлях","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Fswagger-swashbuckle","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F17.swagger-swashbuckle",{"title":731,"icon":658,"path":732,"stem":733,"children":734,"page":59},"API","\u002Fcsharp\u002Faspnet\u002Fapi","01.csharp\u002F11.aspnet\u002F02.api",[735,739,743,747,751,755,759,763,767,771,775,779,783,787],{"title":736,"path":737,"stem":738},"Що таке API. Клієнт-серверна архітектура","\u002Fcsharp\u002Faspnet\u002Fapi\u002Fwhat-is-api","01.csharp\u002F11.aspnet\u002F02.api\u002F01.what-is-api",{"title":740,"path":741,"stem":742},"Формати даних: JSON, XML, TOML та бінарні формати","\u002Fcsharp\u002Faspnet\u002Fapi\u002Fdata-formats","01.csharp\u002F11.aspnet\u002F02.api\u002F02.data-formats",{"title":744,"path":745,"stem":746},"Парадигми API та концепція REST","\u002Fcsharp\u002Faspnet\u002Fapi\u002Fapi-paradigms-rest","01.csharp\u002F11.aspnet\u002F02.api\u002F03.api-paradigms-rest",{"title":748,"path":749,"stem":750},"HTTP-методи, статус-коди та заголовки","\u002Fcsharp\u002Faspnet\u002Fapi\u002Fhttp-methods-status-codes","01.csharp\u002F11.aspnet\u002F02.api\u002F04.http-methods-status-codes",{"title":752,"path":753,"stem":754},"Організація HTTP API за принципами REST","\u002Fcsharp\u002Faspnet\u002Fapi\u002Frest-organizing","01.csharp\u002F11.aspnet\u002F02.api\u002F05.rest-organizing",{"title":756,"path":757,"stem":758},"Номенклатура URL та CRUD-операції","\u002Fcsharp\u002Faspnet\u002Fapi\u002Furl-nomenclature-crud","01.csharp\u002F11.aspnet\u002F02.api\u002F06.url-nomenclature-crud",{"title":760,"path":761,"stem":762},"Правила дизайну: іменування та стандарти","\u002Fcsharp\u002Faspnet\u002Fapi\u002Fapi-design-naming","01.csharp\u002F11.aspnet\u002F02.api\u002F07.api-design-naming",{"title":764,"path":765,"stem":766},"Валідація, ліміти та обробка помилок","\u002Fcsharp\u002Faspnet\u002Fapi\u002Fapi-design-validation","01.csharp\u002F11.aspnet\u002F02.api\u002F08.api-design-validation",{"title":768,"path":769,"stem":770},"Обробка помилок у Minimal API","\u002Fcsharp\u002Faspnet\u002Fapi\u002Ferror-handling-http","01.csharp\u002F11.aspnet\u002F02.api\u002F09.error-handling-http",{"title":772,"path":773,"stem":774},"Ідемпотентність та синхронізація стану","\u002Fcsharp\u002Faspnet\u002Fapi\u002Fidempotency-sync","01.csharp\u002F11.aspnet\u002F02.api\u002F10.idempotency-sync",{"title":776,"path":777,"stem":778},"Пагінація та організація списків","\u002Fcsharp\u002Faspnet\u002Fapi\u002Fpagination-lists","01.csharp\u002F11.aspnet\u002F02.api\u002F11.pagination-lists",{"title":780,"path":781,"stem":782},"Безпека API, кешування та інтернаціоналізація","\u002Fcsharp\u002Faspnet\u002Fapi\u002Fsecurity-auth","01.csharp\u002F11.aspnet\u002F02.api\u002F12.security-auth",{"title":784,"path":785,"stem":786},"Процес проєктування API та документування","\u002Fcsharp\u002Faspnet\u002Fapi\u002Fapi-design-process","01.csharp\u002F11.aspnet\u002F02.api\u002F13.api-design-process",{"title":788,"path":789,"stem":790},"OpenAPI: контракт, специфікація та документація API","\u002Fcsharp\u002Faspnet\u002Fapi\u002Fopenapi","01.csharp\u002F11.aspnet\u002F02.api\u002F14.openapi",{"title":792,"icon":793,"path":794,"stem":795,"children":796,"page":59},"Auth","i-lucide-shield-check","\u002Fcsharp\u002Faspnet\u002Fauth","01.csharp\u002F11.aspnet\u002F03.auth",[797,801,805,809,813,817,821,825,829,833,837,841,845,849,853,857,861,865],{"title":798,"path":799,"stem":800},"Основи аутентифікації та авторизації","\u002Fcsharp\u002Faspnet\u002Fauth\u002Fauth-fundamentals","01.csharp\u002F11.aspnet\u002F03.auth\u002F01.auth-fundamentals",{"title":802,"path":803,"stem":804},"JWT-аутентифікація","\u002Fcsharp\u002Faspnet\u002Fauth\u002Fjwt-authentication","01.csharp\u002F11.aspnet\u002F03.auth\u002F02.jwt-authentication",{"title":806,"path":807,"stem":808},"Авторизація: ролі, політики та resource-based доступ","\u002Fcsharp\u002Faspnet\u002Fauth\u002Fauthorization-policies","01.csharp\u002F11.aspnet\u002F03.auth\u002F03.authorization-policies",{"title":810,"path":811,"stem":812},"Cookie-аутентифікація та ASP.NET Core Identity","\u002Fcsharp\u002Faspnet\u002Fauth\u002Fcookie-auth-identity","01.csharp\u002F11.aspnet\u002F03.auth\u002F04.cookie-auth-identity",{"title":814,"path":815,"stem":816},"JWT + Refresh Tokens (HttpOnly Cookie)","\u002Fcsharp\u002Faspnet\u002Fauth\u002F04b.identity-auth-jwt","01.csharp\u002F11.aspnet\u002F03.auth\u002F04b.identity-auth-jwt",{"title":818,"path":819,"stem":820},"Identity: Підтвердження Email та Скидання Пароля","\u002Fcsharp\u002Faspnet\u002Fauth\u002Fidentity-email-confirmation","01.csharp\u002F11.aspnet\u002F03.auth\u002F05.identity-email-confirmation",{"title":822,"path":823,"stem":824},"Identity: Двофакторна Аутентифікація (2FA)","\u002Fcsharp\u002Faspnet\u002Fauth\u002Fidentity-two-factor","01.csharp\u002F11.aspnet\u002F03.auth\u002F06.identity-two-factor",{"title":826,"path":827,"stem":828},"Identity: Внутрішня Архітектура та Кастомізація","\u002Fcsharp\u002Faspnet\u002Fauth\u002Fidentity-internals","01.csharp\u002F11.aspnet\u002F03.auth\u002F07.identity-internals",{"title":830,"path":831,"stem":832},"OAuth 2.0 та зовнішні провайдери","\u002Fcsharp\u002Faspnet\u002Fauth\u002Foauth-external-providers","01.csharp\u002F11.aspnet\u002F03.auth\u002F08.oauth-external-providers",{"title":834,"path":835,"stem":836},"Безпека на практиці: CORS, HTTPS та захист від атак","\u002Fcsharp\u002Faspnet\u002Fauth\u002Fsecurity-hardening","01.csharp\u002F11.aspnet\u002F03.auth\u002F09.security-hardening",{"title":838,"path":839,"stem":840},"Теорія OAuth 2.0: Поняття, Аналогії та Флоу","\u002Fcsharp\u002Faspnet\u002Fauth\u002Foauth-theory","01.csharp\u002F11.aspnet\u002F03.auth\u002F10.oauth-theory",{"title":842,"path":843,"stem":844},"OIDC, OAuth 2.0 та Keycloak в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Fauth\u002Foidc-keycloak","01.csharp\u002F11.aspnet\u002F03.auth\u002F10.oidc-keycloak",{"title":846,"path":847,"stem":848},"API Keys аутентифікація в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Fauth\u002Fapi-keys","01.csharp\u002F11.aspnet\u002F03.auth\u002F11.api-keys",{"title":850,"path":851,"stem":852},"Rate Limiting та Throttling в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Fauth\u002Frate-limiting","01.csharp\u002F11.aspnet\u002F03.auth\u002F12.rate-limiting",{"title":854,"path":855,"stem":856},"Refresh Token Rotation в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Fauth\u002Frefresh-token-rotation","01.csharp\u002F11.aspnet\u002F03.auth\u002F13.refresh-token-rotation",{"title":858,"path":859,"stem":860},"Certificate Authentication та mTLS в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Fauth\u002Fcertificate-auth","01.csharp\u002F11.aspnet\u002F03.auth\u002F14.certificate-auth",{"title":862,"path":863,"stem":864},"RBAC, ABAC та ReBAC в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Fauth\u002Frbac-abac-rebac","01.csharp\u002F11.aspnet\u002F03.auth\u002F15.rbac-abac-rebac",{"title":866,"path":867,"stem":868},"Multi-tenancy та ізоляція даних в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Fauth\u002Fmulti-tenancy","01.csharp\u002F11.aspnet\u002F03.auth\u002F16.multi-tenancy",{"title":870,"icon":871,"path":872,"stem":873,"children":874,"page":59},"Нотифікації","i-lucide-bell","\u002Fcsharp\u002Faspnet\u002Fnotifications","01.csharp\u002F11.aspnet\u002F04.notifications",[875,879,883,887,891,895,899,903,907,911,915,919,923],{"title":876,"path":877,"stem":878},"In-App нотифікації через базу даних","\u002Fcsharp\u002Faspnet\u002Fnotifications\u002Fin-app-database-notifications","01.csharp\u002F11.aspnet\u002F04.notifications\u002F01.in-app-database-notifications",{"title":880,"path":881,"stem":882},"Polling: Регулярний запит оновлень","\u002Fcsharp\u002Faspnet\u002Fnotifications\u002Fpolling","01.csharp\u002F11.aspnet\u002F04.notifications\u002F02.polling",{"title":884,"path":885,"stem":886},"Server-Sent Events: Однострімовий push від сервера","\u002Fcsharp\u002Faspnet\u002Fnotifications\u002Fserver-sent-events","01.csharp\u002F11.aspnet\u002F04.notifications\u002F03.server-sent-events",{"title":888,"path":889,"stem":890},"WebSockets: Двостороннє з'єднання в реальному часі","\u002Fcsharp\u002Faspnet\u002Fnotifications\u002Fwebsockets","01.csharp\u002F11.aspnet\u002F04.notifications\u002F04.websockets",{"title":892,"path":893,"stem":894},"SignalR: Абстракція над транспортами реального часу","\u002Fcsharp\u002Faspnet\u002Fnotifications\u002Fsignalr","01.csharp\u002F11.aspnet\u002F04.notifications\u002F05.signalr",{"title":896,"path":897,"stem":898},"Background Services: Фонові задачі в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Fnotifications\u002Fbackground-services","01.csharp\u002F11.aspnet\u002F04.notifications\u002F06.background-services",{"title":900,"path":901,"stem":902},"Web Push нотифікації","\u002Fcsharp\u002Faspnet\u002Fnotifications\u002Fweb-push","01.csharp\u002F11.aspnet\u002F04.notifications\u002F07.web-push",{"title":904,"path":905,"stem":906},"Email нотифікації","\u002Fcsharp\u002Faspnet\u002Fnotifications\u002Femail-notifications","01.csharp\u002F11.aspnet\u002F04.notifications\u002F08.email-notifications",{"title":908,"path":909,"stem":910},"Порівняння підходів: Як вибрати правильну технологію нотифікацій","\u002Fcsharp\u002Faspnet\u002Fnotifications\u002Fchoosing-the-right-approach","01.csharp\u002F11.aspnet\u002F04.notifications\u002F09.choosing-the-right-approach",{"title":912,"path":913,"stem":914},"Hangfire: Надійне планування фонових задач","\u002Fcsharp\u002Faspnet\u002Fnotifications\u002Fhangfire","01.csharp\u002F11.aspnet\u002F04.notifications\u002F10.hangfire",{"title":916,"path":917,"stem":918},"Практика: Конвертація зображень у WebP через Hangfire","\u002Fcsharp\u002Faspnet\u002Fnotifications\u002Fhangfire-image-webp","01.csharp\u002F11.aspnet\u002F04.notifications\u002F11.hangfire-image-webp",{"title":920,"path":921,"stem":922},"Практика: Підготовка відео до HLS-стрімінгу через Hangfire","\u002Fcsharp\u002Faspnet\u002Fnotifications\u002Fhangfire-video-hls","01.csharp\u002F11.aspnet\u002F04.notifications\u002F12.hangfire-video-hls",{"title":924,"path":925,"stem":926},"Telegram-нотифікації: від одного повідомлення до масових розсилок і мульти-канального підходу","\u002Fcsharp\u002Faspnet\u002Fnotifications\u002Ftelegram-notifications","01.csharp\u002F11.aspnet\u002F04.notifications\u002F13.telegram-notifications",{"title":928,"icon":929,"path":930,"stem":931,"children":932,"page":59},"Інтернаціоналізація","i-lucide-languages","\u002Fcsharp\u002Faspnet\u002Fi18n","01.csharp\u002F11.aspnet\u002F05.i18n",[933,937],{"title":934,"path":935,"stem":936},"Інтернаціоналізація (i18n) у Minimal API: від A до Я","\u002Fcsharp\u002Faspnet\u002Fi18n\u002Finternationalization","01.csharp\u002F11.aspnet\u002F05.i18n\u002F01.internationalization",{"title":938,"path":939,"stem":940},"Humanizer: людиномовні рядки у .NET","\u002Fcsharp\u002Faspnet\u002Fi18n\u002Fhumanizer","01.csharp\u002F11.aspnet\u002F05.i18n\u002F02.humanizer",{"title":942,"icon":943,"path":944,"stem":945,"children":946,"page":59},"Кешування","i-lucide-layers","\u002Fcsharp\u002Faspnet\u002Fcaching","01.csharp\u002F11.aspnet\u002F06.caching",[947,951,955,959,963],{"title":948,"path":949,"stem":950},"Огляд кешування: чотири рівні і коли що обирати","\u002Fcsharp\u002Faspnet\u002Fcaching\u002Fcaching","01.csharp\u002F11.aspnet\u002F06.caching\u002F01.caching",{"title":952,"path":953,"stem":954},"IMemoryCache: кеш в оперативній пам'яті","\u002Fcsharp\u002Faspnet\u002Fcaching\u002Fmemory-cache","01.csharp\u002F11.aspnet\u002F06.caching\u002F02.memory-cache",{"title":956,"path":957,"stem":958},"IDistributedCache і Redis: розподілений кеш","\u002Fcsharp\u002Faspnet\u002Fcaching\u002Fdistributed-cache","01.csharp\u002F11.aspnet\u002F06.caching\u002F03.distributed-cache",{"title":960,"path":961,"stem":962},"Response Cache: HTTP-кешування через Cache-Control","\u002Fcsharp\u002Faspnet\u002Fcaching\u002Fresponse-cache","01.csharp\u002F11.aspnet\u002F06.caching\u002F04.response-cache",{"title":964,"path":965,"stem":966},"Output Cache: серверний кеш HTTP-відповідей (.NET 7+)","\u002Fcsharp\u002Faspnet\u002Fcaching\u002Foutput-cache","01.csharp\u002F11.aspnet\u002F06.caching\u002F05.output-cache",{"title":968,"icon":969,"path":970,"stem":971,"children":972,"page":59},"Тестування","i-lucide-test-tube","\u002Fcsharp\u002Faspnet\u002Ftesting","01.csharp\u002F11.aspnet\u002F07.testing",[973,977,981,985,989,993,997,1001,1005,1009,1013,1017,1021,1025,1029,1033,1037,1041,1045,1049,1053],{"title":974,"path":975,"stem":976},"Що таке тестування? Від інтуїції до науки","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fwhat-is-testing","01.csharp\u002F11.aspnet\u002F07.testing\u002F01.what-is-testing",{"title":978,"path":979,"stem":980},"Піраміда тестування — Стратегія, а не Догма","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Ftesting-pyramid","01.csharp\u002F11.aspnet\u002F07.testing\u002F02.testing-pyramid",{"title":982,"path":983,"stem":984},"Дві Школи Тестування — Лондон проти Детройту","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Ftesting-schools","01.csharp\u002F11.aspnet\u002F07.testing\u002F03.testing-schools",{"title":986,"path":987,"stem":988},"TDD та BDD — Тести як Дизайн-інструмент","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Ftdd-and-bdd","01.csharp\u002F11.aspnet\u002F07.testing\u002F04.tdd-and-bdd",{"title":990,"path":991,"stem":992},"Що саме тестувати — Техніки аналізу та Циклomatична складність","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fwhat-to-test","01.csharp\u002F11.aspnet\u002F07.testing\u002F05.what-to-test",{"title":994,"path":995,"stem":996},"Тестові Фреймворки — Навіщо вони і що всередині","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Ftest-frameworks","01.csharp\u002F11.aspnet\u002F07.testing\u002F06.test-frameworks",{"title":998,"path":999,"stem":1000},"xUnit — Факти, Теорії та Lifecycle тестів","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fxunit-basics","01.csharp\u002F11.aspnet\u002F07.testing\u002F07.xunit-basics",{"title":1002,"path":1003,"stem":1004},"xUnit Advanced — Fixtures, Кастомізація та Розширення","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fxunit-advanced","01.csharp\u002F11.aspnet\u002F07.testing\u002F08.xunit-advanced",{"title":1006,"path":1007,"stem":1008},"Moq — Глибоке занурення в мокування","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fmocking-with-moq","01.csharp\u002F11.aspnet\u002F07.testing\u002F09.mocking-with-moq",{"title":1010,"path":1011,"stem":1012},"Тестування Баз Даних — EF Core, SQLite та Testcontainers","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fdatabase-testing","01.csharp\u002F11.aspnet\u002F07.testing\u002F10.database-testing",{"title":1014,"path":1015,"stem":1016},"Integration Testing — Частина 1 [Теорія та WebApplicationFactory]","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fintegration-testing","01.csharp\u002F11.aspnet\u002F07.testing\u002F11.integration-testing",{"title":1018,"path":1019,"stem":1020},"Інтеграційне тестування — Практика","\u002Fcsharp\u002Faspnet\u002Ftesting\u002F11a.integration-testing-practice","01.csharp\u002F11.aspnet\u002F07.testing\u002F11a.integration-testing-practice",{"title":1022,"path":1023,"stem":1024},"Integration Testing — Частина 2 [Просунуті Сценарії та Testcontainers]","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fintegration-testing-advanced","01.csharp\u002F11.aspnet\u002F07.testing\u002F12.integration-testing-advanced",{"title":1026,"path":1027,"stem":1028},"Професійний Postman: Колекції, Змінні та GitHub Інтеграція","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fpostman-professional","01.csharp\u002F11.aspnet\u002F07.testing\u002F13.postman-professional",{"title":1030,"path":1031,"stem":1032},"HttpClient у Тестах Частина 1: Архітектура та MockHttpMessageHandler","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fhttpclient-testing","01.csharp\u002F11.aspnet\u002F07.testing\u002F14.httpclient-testing",{"title":1034,"path":1035,"stem":1036},"HttpClient у Тестах Частина 2: WireMock.Net та Resilience","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fwiremock-net","01.csharp\u002F11.aspnet\u002F07.testing\u002F15.wiremock-net",{"title":1038,"path":1039,"stem":1040},"Патерни та Анти-патерни Тестування: Test Smells","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Ftesting-patterns","01.csharp\u002F11.aspnet\u002F07.testing\u002F16.testing-patterns",{"title":1042,"path":1043,"stem":1044},"Просунуті інструменти: Time, Snapshots та Властивості","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fadvanced-testing-tools","01.csharp\u002F11.aspnet\u002F07.testing\u002F17.advanced-testing-tools",{"title":1046,"path":1047,"stem":1048},"Тестування Архітектури з NetArchTest","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Farchitecture-testing","01.csharp\u002F11.aspnet\u002F07.testing\u002F18.architecture-testing",{"title":1050,"path":1051,"stem":1052},"Тестування Продуктивності: BenchmarkDotNet, NBomber та k6","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fperformance-testing","01.csharp\u002F11.aspnet\u002F07.testing\u002F19.performance-testing",{"title":1054,"path":1055,"stem":1056},"Залишок плану для курсу \"Тестування ASP.NET Minimal API\"","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fremaining_plan","01.csharp\u002F11.aspnet\u002F07.testing\u002Fremaining_plan",{"title":1058,"icon":1059,"path":1060,"stem":1061,"children":1062,"page":59},"Платежі","i-lucide-credit-card","\u002Fcsharp\u002Faspnet\u002Fpayments","01.csharp\u002F11.aspnet\u002F08.payments",[1063,1067,1071,1075,1079,1083,1087,1091,1095,1099,1103,1107],{"title":1064,"path":1065,"stem":1066},"Основи платіжної інфраструктури","\u002Fcsharp\u002Faspnet\u002Fpayments\u002Fpayment-fundamentals","01.csharp\u002F11.aspnet\u002F08.payments\u002F01.payment-fundamentals",{"title":1068,"path":1069,"stem":1070},"Методи оплати в Україні","\u002Fcsharp\u002Faspnet\u002Fpayments\u002Fpayment-methods-ukraine","01.csharp\u002F11.aspnet\u002F08.payments\u002F02.payment-methods-ukraine",{"title":1072,"path":1073,"stem":1074},"PCI DSS та безпека платежів","\u002Fcsharp\u002Faspnet\u002Fpayments\u002Fpci-dss-security","01.csharp\u002F11.aspnet\u002F08.payments\u002F03.pci-dss-security",{"title":1076,"path":1077,"stem":1078},"Архітектура платіжної підсистеми","\u002Fcsharp\u002Faspnet\u002Fpayments\u002Fpayment-architecture","01.csharp\u002F11.aspnet\u002F08.payments\u002F04.payment-architecture",{"title":1080,"path":1081,"stem":1082},"Інтеграція LiqPay (ПриватБанк)","\u002Fcsharp\u002Faspnet\u002Fpayments\u002Fliqpay-integration","01.csharp\u002F11.aspnet\u002F08.payments\u002F05.liqpay-integration",{"title":1084,"path":1085,"stem":1086},"Інтеграція Monobank Acquiring API","\u002Fcsharp\u002Faspnet\u002Fpayments\u002Fmonobank-acquiring","01.csharp\u002F11.aspnet\u002F08.payments\u002F06.monobank-acquiring",{"title":1088,"path":1089,"stem":1090},"Інтеграція Stripe","\u002Fcsharp\u002Faspnet\u002Fpayments\u002Fstripe-integration","01.csharp\u002F11.aspnet\u002F08.payments\u002F07.stripe-integration",{"title":1092,"path":1093,"stem":1094},"Webhooks — глибоке занурення","\u002Fcsharp\u002Faspnet\u002Fpayments\u002Fwebhooks-deep-dive","01.csharp\u002F11.aspnet\u002F08.payments\u002F08.webhooks-deep-dive",{"title":1096,"path":1097,"stem":1098},"Підписки та рекурентні платежі","\u002Fcsharp\u002Faspnet\u002Fpayments\u002Fsubscriptions-recurring","01.csharp\u002F11.aspnet\u002F08.payments\u002F09.subscriptions-recurring",{"title":1100,"path":1101,"stem":1102},"Повернення коштів та диспути","\u002Fcsharp\u002Faspnet\u002Fpayments\u002Frefunds-disputes","01.csharp\u002F11.aspnet\u002F08.payments\u002F10.refunds-disputes",{"title":1104,"path":1105,"stem":1106},"Тестування платіжних інтеграцій","\u002Fcsharp\u002Faspnet\u002Fpayments\u002Ftesting-payments","01.csharp\u002F11.aspnet\u002F08.payments\u002F11.testing-payments",{"title":1108,"path":1109,"stem":1110},"Чекліст виходу в Production","\u002Fcsharp\u002Faspnet\u002Fpayments\u002Fproduction-checklist","01.csharp\u002F11.aspnet\u002F08.payments\u002F12.production-checklist",{"title":1112,"icon":1113,"items":1114,"path":1127,"stem":1128,"children":1129,"page":59},"Популярні бібліотеки","lucide:box",[1115,1116,1117,1118,1119,1120,1121,1122,1123,1124,1125,1126],"01.fluent-validation","02.mapster","03.erroror-result-pattern","04.serilog","05.mediatr","06.polly","07.health-checks","08.feature-management","09.fluent-email","10.quest-pdf","11.bogus","12.humanizer-guard","\u002Fcsharp\u002Faspnet\u002Flibraries","01.csharp\u002F11.aspnet\u002F09.libraries",[1130,1134,1138,1142,1146,1150,1154,1158,1162,1166,1170,1174,1178],{"title":1131,"path":1132,"stem":1133},"Валідація з FluentValidation в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Flibraries\u002Ffluent-validation","01.csharp\u002F11.aspnet\u002F09.libraries\u002F01.fluent-validation",{"title":1135,"path":1136,"stem":1137},"Маппінг об","\u002Fcsharp\u002Faspnet\u002Flibraries\u002Fmapster","01.csharp\u002F11.aspnet\u002F09.libraries\u002F02.mapster",{"title":1139,"path":1140,"stem":1141},"Обробка помилок з ErrorOr та Result Pattern в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Flibraries\u002Ferroror-result-pattern","01.csharp\u002F11.aspnet\u002F09.libraries\u002F03.erroror-result-pattern",{"title":1143,"path":1144,"stem":1145},"Структуроване логування з Serilog в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Flibraries\u002Fserilog","01.csharp\u002F11.aspnet\u002F09.libraries\u002F04.serilog",{"title":1147,"path":1148,"stem":1149},"CQRS та Mediator з MediatR в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Flibraries\u002Fmediatr","01.csharp\u002F11.aspnet\u002F09.libraries\u002F05.mediatr",{"title":1151,"path":1152,"stem":1153},"Відмовостійкість з Polly в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Flibraries\u002Fpolly","01.csharp\u002F11.aspnet\u002F09.libraries\u002F06.polly",{"title":1155,"path":1156,"stem":1157},"Health Checks в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Flibraries\u002Fhealth-checks","01.csharp\u002F11.aspnet\u002F09.libraries\u002F07.health-checks",{"title":1159,"path":1160,"stem":1161},"Feature Management та Feature Flags в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Flibraries\u002Ffeature-management","01.csharp\u002F11.aspnet\u002F09.libraries\u002F08.feature-management",{"title":1163,"path":1164,"stem":1165},"Відправка Email з FluentEmail в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Flibraries\u002Ffluent-email","01.csharp\u002F11.aspnet\u002F09.libraries\u002F09.fluent-email",{"title":1167,"path":1168,"stem":1169},"Генерація PDF з QuestPDF в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Flibraries\u002Fquest-pdf","01.csharp\u002F11.aspnet\u002F09.libraries\u002F10.quest-pdf",{"title":1171,"path":1172,"stem":1173},"Генерація тестових даних з Bogus в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Flibraries\u002Fbogus","01.csharp\u002F11.aspnet\u002F09.libraries\u002F11.bogus",{"title":1175,"path":1176,"stem":1177},"Humanizer та Guard Clauses в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Flibraries\u002Fhumanizer-guard","01.csharp\u002F11.aspnet\u002F09.libraries\u002F12.humanizer-guard",{"title":1179,"path":1180,"stem":1181},"План модуля 10.libraries — Популярні бібліотеки ASP.NET","\u002Fcsharp\u002Faspnet\u002Flibraries\u002Fplan","01.csharp\u002F11.aspnet\u002F09.libraries\u002Fplan",{"title":1183,"icon":1184,"path":1185,"stem":1186,"children":1187,"page":59},"Razor Pages","i-lucide-layout-template","\u002Fcsharp\u002Faspnet\u002Frazor-pages","01.csharp\u002F11.aspnet\u002F10.razor-pages",[1188,1192,1196,1200,1204,1208],{"title":1189,"path":1190,"stem":1191},"Від Minimal API до Razor Pages: концептуальний перехід","\u002Fcsharp\u002Faspnet\u002Frazor-pages\u002Ffrom-minimal-api","01.csharp\u002F11.aspnet\u002F10.razor-pages\u002F01.from-minimal-api",{"title":1193,"path":1194,"stem":1195},"PageModel: логіка сторінки Razor Pages","\u002Fcsharp\u002Faspnet\u002Frazor-pages\u002Fpage-model","01.csharp\u002F11.aspnet\u002F10.razor-pages\u002F02.page-model",{"title":1197,"path":1198,"stem":1199},"Razor синтаксис: шаблонізатор у .cshtml","\u002Fcsharp\u002Faspnet\u002Frazor-pages\u002Frazor-syntax","01.csharp\u002F11.aspnet\u002F10.razor-pages\u002F03.razor-syntax",{"title":1201,"path":1202,"stem":1203},"Tag Helpers: типізований HTML","\u002Fcsharp\u002Faspnet\u002Frazor-pages\u002Ftag-helpers","01.csharp\u002F11.aspnet\u002F10.razor-pages\u002F04.tag-helpers",{"title":1205,"path":1206,"stem":1207},"Форми і валідація: повний цикл обробки даних","\u002Fcsharp\u002Faspnet\u002Frazor-pages\u002Fforms-validation","01.csharp\u002F11.aspnet\u002F10.razor-pages\u002F05.forms-validation",{"title":1209,"path":1210,"stem":1211},"Практичний проєкт: TaskManager на Razor Pages","\u002Fcsharp\u002Faspnet\u002Frazor-pages\u002Fproject-task-manager","01.csharp\u002F11.aspnet\u002F10.razor-pages\u002F06.project-task-manager",{"title":1213,"path":1214,"stem":1215,"children":1216,"page":59},"ASP.NET Core MVC","\u002Fcsharp\u002Faspnet\u002Fmvc","01.csharp\u002F11.aspnet\u002F11.mvc",[1217,1221,1225,1229,1233,1237,1241,1245,1249,1253,1257,1261,1265,1269,1273,1277,1281,1285],{"title":1218,"path":1219,"stem":1220},"Патерн MVC: архітектура, що змінила веб","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fmvc-pattern","01.csharp\u002F11.aspnet\u002F11.mvc\u002F01.mvc-pattern",{"title":1222,"path":1223,"stem":1224},"Від Razor Pages до MVC: концептуальний перехід","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Ffrom-razor-pages","01.csharp\u002F11.aspnet\u002F11.mvc\u002F02.from-razor-pages",{"title":1226,"path":1227,"stem":1228},"Controllers та Actions: серце MVC","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fcontrollers-actions","01.csharp\u002F11.aspnet\u002F11.mvc\u002F03.controllers-actions",{"title":1230,"path":1231,"stem":1232},"Маршрутизація в MVC: Convention vs Attribute Routing","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Frouting-mvc","01.csharp\u002F11.aspnet\u002F11.mvc\u002F04.routing-mvc",{"title":1234,"path":1235,"stem":1236},"Model Binding: від HTTP до C#","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fmodel-binding","01.csharp\u002F11.aspnet\u002F11.mvc\u002F05.model-binding",{"title":1238,"path":1239,"stem":1240},"Views, ViewData, ViewBag, TempData і ViewModel","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fviews-viewdata-tempdata","01.csharp\u002F11.aspnet\u002F11.mvc\u002F06.views-viewdata-tempdata",{"title":1242,"path":1243,"stem":1244},"Filters: аспектно-орієнтоване програмування в MVC","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Ffilters","01.csharp\u002F11.aspnet\u002F11.mvc\u002F07.filters",{"title":1246,"path":1247,"stem":1248},"Areas: структурування великих застосунків","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fareas","01.csharp\u002F11.aspnet\u002F11.mvc\u002F08.areas",{"title":1250,"path":1251,"stem":1252},"View Components: повторювані незалежні блоки UI","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fview-components","01.csharp\u002F11.aspnet\u002F11.mvc\u002F09.view-components",{"title":1254,"path":1255,"stem":1256},"Display та Editor Templates","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fdisplay-editor-templates","01.csharp\u002F11.aspnet\u002F11.mvc\u002F10.display-editor-templates",{"title":1258,"path":1259,"stem":1260},"Валідація: IValidatableObject та FluentValidation","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fvalidation-advanced","01.csharp\u002F11.aspnet\u002F11.mvc\u002F11.validation-advanced",{"title":1262,"path":1263,"stem":1264},"HTMX: інтерактивність через HTML-атрибути","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fhtmx","01.csharp\u002F11.aspnet\u002F11.mvc\u002F12.htmx",{"title":1266,"path":1267,"stem":1268},"HTMX у ASP.NET Core MVC: серверна інтеграція","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fajax-htmx-mvc","01.csharp\u002F11.aspnet\u002F11.mvc\u002F13.ajax-htmx-mvc",{"title":1270,"path":1271,"stem":1272},"Практичний проєкт: Каталог товарів з HTMX","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fhtmx-project","01.csharp\u002F11.aspnet\u002F11.mvc\u002F14.htmx-project",{"title":1274,"path":1275,"stem":1276},"Завантаження та обробка файлів","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Ffile-upload","01.csharp\u002F11.aspnet\u002F11.mvc\u002F15.file-upload",{"title":1278,"path":1279,"stem":1280},"Глобалізація та Локалізація MVC","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fglobalization-localization","01.csharp\u002F11.aspnet\u002F11.mvc\u002F16.globalization-localization",{"title":1282,"path":1283,"stem":1284},"Підсумковий проєкт: Блог-платформа","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fmvc-project","01.csharp\u002F11.aspnet\u002F11.mvc\u002F17.mvc-project",{"title":1286,"path":1287,"stem":1288},"План курсу: ASP.NET Core MVC","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fplan","01.csharp\u002F11.aspnet\u002F11.mvc\u002Fplan",{"title":1290,"path":1291,"stem":1292,"children":1293,"page":59},"Web Api","\u002Fcsharp\u002Faspnet\u002Fweb-api","01.csharp\u002F11.aspnet\u002F12.web-api",[1294,1298,1302,1306,1310,1314,1318,1322,1326,1330,1334,1338,1342],{"title":1295,"path":1296,"stem":1297},"Від Minimal API до Controller-based API","\u002Fcsharp\u002Faspnet\u002Fweb-api\u002Ffrom-minimal-api-to-controllers","01.csharp\u002F11.aspnet\u002F12.web-api\u002F01.from-minimal-api-to-controllers",{"title":1299,"path":1300,"stem":1301},"ControllerBase, ActionResult\u003CT> та Response Types","\u002Fcsharp\u002Faspnet\u002Fweb-api\u002Fcontroller-base-actionresult","01.csharp\u002F11.aspnet\u002F12.web-api\u002F02.controller-base-actionresult",{"title":1303,"path":1304,"stem":1305},"Content Negotiation - JSON, XML та власні форматери","\u002Fcsharp\u002Faspnet\u002Fweb-api\u002Fcontent-negotiation","01.csharp\u002F11.aspnet\u002F12.web-api\u002F03.content-negotiation",{"title":1307,"path":1308,"stem":1309},"Версіонування API","\u002Fcsharp\u002Faspnet\u002Fweb-api\u002Fapi-versioning","01.csharp\u002F11.aspnet\u002F12.web-api\u002F04.api-versioning",{"title":1311,"path":1312,"stem":1313},"ProblemDetails та структурована обробка помилок","\u002Fcsharp\u002Faspnet\u002Fweb-api\u002Fproblemdetails-error-handling","01.csharp\u002F11.aspnet\u002F12.web-api\u002F05.problemdetails-error-handling",{"title":1315,"path":1316,"stem":1317},"Фільтри у Web API контексті","\u002Fcsharp\u002Faspnet\u002Fweb-api\u002Ffilters-for-api","01.csharp\u002F11.aspnet\u002F12.web-api\u002F06.filters-for-api",{"title":1319,"path":1320,"stem":1321},"Пагінація, фільтрація та сортування","\u002Fcsharp\u002Faspnet\u002Fweb-api\u002Fpagination-filtering-sorting","01.csharp\u002F11.aspnet\u002F12.web-api\u002F07.pagination-filtering-sorting",{"title":1323,"path":1324,"stem":1325},"HATEOAS та Resource Expansion","\u002Fcsharp\u002Faspnet\u002Fweb-api\u002Fhateoas-resource-expansion","01.csharp\u002F11.aspnet\u002F12.web-api\u002F08.hateoas-resource-expansion",{"title":1327,"path":1328,"stem":1329},"Гібридна архітектура - Minimal API + Controllers","\u002Fcsharp\u002Faspnet\u002Fweb-api\u002Fminimal-api-vs-controllers-hybrid","01.csharp\u002F11.aspnet\u002F12.web-api\u002F09.minimal-api-vs-controllers-hybrid",{"title":1331,"path":1332,"stem":1333},"Документація API - Swashbuckle, NSwag та генерація клієнтів","\u002Fcsharp\u002Faspnet\u002Fweb-api\u002Fapi-documentation-generation","01.csharp\u002F11.aspnet\u002F12.web-api\u002F10.api-documentation-generation",{"title":1335,"path":1336,"stem":1337},"Health Checks та моніторинг API","\u002Fcsharp\u002Faspnet\u002Fweb-api\u002Fhealth-checks-monitoring","01.csharp\u002F11.aspnet\u002F12.web-api\u002F11.health-checks-monitoring",{"title":1339,"path":1340,"stem":1341},"Підсумковий проєкт - Production-Ready REST API","\u002Fcsharp\u002Faspnet\u002Fweb-api\u002Fweb-api-project","01.csharp\u002F11.aspnet\u002F12.web-api\u002F12.web-api-project",{"title":1343,"path":1344,"stem":1345},"План курсу: ASP.NET Core Web API (Controllers)","\u002Fcsharp\u002Faspnet\u002Fweb-api\u002Fplan","01.csharp\u002F11.aspnet\u002F12.web-api\u002Fplan",{"title":1347,"icon":1348,"path":1349,"stem":1350,"children":1351,"page":59},"Моніторинг","i-lucide-activity","\u002Fcsharp\u002Faspnet\u002Fmonitoring","01.csharp\u002F11.aspnet\u002F13.monitoring",[1352,1356,1360],{"title":1353,"path":1354,"stem":1355},"Спостережуваність: від console.log до production-систем","\u002Fcsharp\u002Faspnet\u002Fmonitoring\u002Fobservability-intro","01.csharp\u002F11.aspnet\u002F13.monitoring\u002F01.observability-intro",{"title":1357,"path":1358,"stem":1359},"Health Checks: перший рівень observability","\u002Fcsharp\u002Faspnet\u002Fmonitoring\u002Fhealth-checks","01.csharp\u002F11.aspnet\u002F13.monitoring\u002F02.health-checks",{"title":1361,"path":1362,"stem":1363},"Вбудовані метрики .NET 10 та System.Diagnostics.Metrics","\u002Fcsharp\u002Faspnet\u002Fmonitoring\u002Fdotnet-metrics","01.csharp\u002F11.aspnet\u002F13.monitoring\u002F03.dotnet-metrics",{"title":1365,"icon":1366,"path":1367,"stem":1368,"children":1369,"page":59},"Desktop UI","i-lucide-app-window","\u002Fcsharp\u002Fdesktop-ui","01.csharp\u002F12.desktop-ui",[1370,1374,1378,1382,1386,1390,1394,1398,1402,1406,1410,1414,1418,1422,1426,1430,1434,1438,1442,1446,1450,1454,1458,1462,1466,1470,1474,1478,1482,1486,1490,1494,1498,1502,1506,1510,1514,1518,1522,1526,1530,1534,1538,1542,1546,1550,1554,1558,1562,1566,1570,1574,1578,1582,1586,1590,1594,1598,1602,1606,1610,1614,1618,1622,1626,1630,1634,1638,1642,1646,1650],{"title":1371,"path":1372,"stem":1373},"Що таке десктопна розробка?","\u002Fcsharp\u002Fdesktop-ui\u002Fwhat-is-desktop-dev","01.csharp\u002F12.desktop-ui\u002F01.what-is-desktop-dev",{"title":1375,"path":1376,"stem":1377},"Архітектура WPF — як влаштований графічний інтерфейс","\u002Fcsharp\u002Fdesktop-ui\u002Fwpf-architecture","01.csharp\u002F12.desktop-ui\u002F02.wpf-architecture",{"title":1379,"path":1380,"stem":1381},"Перший WPF-проєкт — від нуля до вікна","\u002Fcsharp\u002Fdesktop-ui\u002Ffirst-wpf-app","01.csharp\u002F12.desktop-ui\u002F03.first-wpf-app",{"title":1383,"path":1384,"stem":1385},"Перший Avalonia-проєкт: WPF для всіх платформ","\u002Fcsharp\u002Fdesktop-ui\u002F03a.first-avalonia-app","01.csharp\u002F12.desktop-ui\u002F03a.first-avalonia-app",{"title":1387,"path":1388,"stem":1389},"XAML: декларативний інтерфейс","\u002Fcsharp\u002Fdesktop-ui\u002Fxaml-basics","01.csharp\u002F12.desktop-ui\u002F04.xaml-basics",{"title":1391,"path":1392,"stem":1393},"Fluent UI у WPF — сучасний дизайн Windows 11","\u002Fcsharp\u002Fdesktop-ui\u002F04a.wpf-fluent-ui","01.csharp\u002F12.desktop-ui\u002F04a.wpf-fluent-ui",{"title":1395,"path":1396,"stem":1397},"WPF UI — сучасна бібліотека Fluent контролів","\u002Fcsharp\u002Fdesktop-ui\u002F04b.wpf-ui-library","01.csharp\u002F12.desktop-ui\u002F04b.wpf-ui-library",{"title":1399,"path":1400,"stem":1401},"HandyControl — велика бібліотека UI контролів для WPF","\u002Fcsharp\u002Fdesktop-ui\u002F04c.handycontrol-library","01.csharp\u002F12.desktop-ui\u002F04c.handycontrol-library",{"title":1403,"path":1404,"stem":1405},"Простори імен та ресурси XAML","\u002Fcsharp\u002Fdesktop-ui\u002Fxaml-namespaces-resources","01.csharp\u002F12.desktop-ui\u002F05.xaml-namespaces-resources",{"title":1407,"path":1408,"stem":1409},"XAML в Avalonia: ключові відмінності від WPF","\u002Fcsharp\u002Fdesktop-ui\u002F05a.avalonia-xaml-differences","01.csharp\u002F12.desktop-ui\u002F05a.avalonia-xaml-differences",{"title":1411,"path":1412,"stem":1413},"Розширення розмітки XAML (Markup Extensions)","\u002Fcsharp\u002Fdesktop-ui\u002Fxaml-markup-extensions","01.csharp\u002F12.desktop-ui\u002F06.xaml-markup-extensions",{"title":1415,"path":1416,"stem":1417},"Панелі Layout: StackPanel, WrapPanel, DockPanel","\u002Fcsharp\u002Fdesktop-ui\u002Flayout-panels-part1","01.csharp\u002F12.desktop-ui\u002F07.layout-panels-part1",{"title":1419,"path":1420,"stem":1421},"Grid, Canvas, UniformGrid","\u002Fcsharp\u002Fdesktop-ui\u002Flayout-panels-part2","01.csharp\u002F12.desktop-ui\u002F07.layout-panels-part2",{"title":1423,"path":1424,"stem":1425},"Просунуті техніки Layout","\u002Fcsharp\u002Fdesktop-ui\u002Flayout-advanced","01.csharp\u002F12.desktop-ui\u002F08.layout-advanced",{"title":1427,"path":1428,"stem":1429},"Адаптивний Layout та найкращі практики","\u002Fcsharp\u002Fdesktop-ui\u002Flayout-responsive","01.csharp\u002F12.desktop-ui\u002F09.layout-responsive",{"title":1431,"path":1432,"stem":1433},"Layout в Avalonia: відмінності та нові можливості","\u002Fcsharp\u002Fdesktop-ui\u002F09a.layout-avalonia","01.csharp\u002F12.desktop-ui\u002F09a.layout-avalonia",{"title":1435,"path":1436,"stem":1437},"Button, Image, ProgressBar та інші базові контроли","\u002Fcsharp\u002Fdesktop-ui\u002Fbasic-controls","01.csharp\u002F12.desktop-ui\u002F10.basic-controls",{"title":1439,"path":1440,"stem":1441},"Контроли в Avalonia: відмінності від WPF","\u002Fcsharp\u002Fdesktop-ui\u002F10a.controls-avalonia","01.csharp\u002F12.desktop-ui\u002F10a.controls-avalonia",{"title":1443,"path":1444,"stem":1445},"Текстові контроли — TextBlock, TextBox, RichTextBox","\u002Fcsharp\u002Fdesktop-ui\u002Ftext-controls","01.csharp\u002F12.desktop-ui\u002F11.text-controls",{"title":1447,"path":1448,"stem":1449},"Контроли вибору — CheckBox, RadioButton, ComboBox, ListBox, DatePicker","\u002Fcsharp\u002Fdesktop-ui\u002Fselection-controls","01.csharp\u002F12.desktop-ui\u002F12.selection-controls",{"title":1451,"path":1452,"stem":1453},"Content Model — GroupBox, Expander, TabControl, StatusBar","\u002Fcsharp\u002Fdesktop-ui\u002Fcontent-controls","01.csharp\u002F12.desktop-ui\u002F13.content-controls",{"title":1455,"path":1456,"stem":1457},"UI\u002FUX принципи десктопних застосунків","\u002Fcsharp\u002Fdesktop-ui\u002F13a.ui-ux-principles","01.csharp\u002F12.desktop-ui\u002F13a.ui-ux-principles",{"title":1459,"path":1460,"stem":1461},"Dependency Properties — Концепція та Value Resolution","\u002Fcsharp\u002Fdesktop-ui\u002Fdependency-properties-part1","01.csharp\u002F12.desktop-ui\u002F14.dependency-properties-part1",{"title":1463,"path":1464,"stem":1465},"Avalonia Property System — StyledProperty та DirectProperty","\u002Fcsharp\u002Fdesktop-ui\u002F14a.avalonia-property-system","01.csharp\u002F12.desktop-ui\u002F14a.avalonia-property-system",{"title":1467,"path":1468,"stem":1469},"Attached Properties — Властивості без меж","\u002Fcsharp\u002Fdesktop-ui\u002Fattached-properties","01.csharp\u002F12.desktop-ui\u002F15.attached-properties",{"title":1471,"path":1472,"stem":1473},"Routed Events — Маршрутизація подій у WPF","\u002Fcsharp\u002Fdesktop-ui\u002Frouted-events","01.csharp\u002F12.desktop-ui\u002F16.routed-events",{"title":1475,"path":1476,"stem":1477},"Data Binding — Від Code-Behind до Декларативності","\u002Fcsharp\u002Fdesktop-ui\u002Fdata-binding-basics-part1","01.csharp\u002F12.desktop-ui\u002F17.data-binding-basics-part1",{"title":1479,"path":1480,"stem":1481},"INotifyPropertyChanged — Живе оновлення UI","\u002Fcsharp\u002Fdesktop-ui\u002Fdata-binding-basics-part2","01.csharp\u002F12.desktop-ui\u002F17.data-binding-basics-part2",{"title":1483,"path":1484,"stem":1485},"Compiled Bindings в Avalonia — Безпека на етапі компіляції","\u002Fcsharp\u002Fdesktop-ui\u002F17a.avalonia-compiled-bindings","01.csharp\u002F12.desktop-ui\u002F17a.avalonia-compiled-bindings",{"title":1487,"path":1488,"stem":1489},"Просунутий Data Binding — ElementName, RelativeSource, MultiBinding","\u002Fcsharp\u002Fdesktop-ui\u002Fdata-binding-advanced","01.csharp\u002F12.desktop-ui\u002F18.data-binding-advanced",{"title":1491,"path":1492,"stem":1493},"Value Converters — Перетворення типів даних у Data Binding","\u002Fcsharp\u002Fdesktop-ui\u002Fvalue-converters","01.csharp\u002F12.desktop-ui\u002F19.value-converters",{"title":1495,"path":1496,"stem":1497},"Data Templates — Візуалізація об'єктів у WPF","\u002Fcsharp\u002Fdesktop-ui\u002Fdata-templates","01.csharp\u002F12.desktop-ui\u002F20.data-templates",{"title":1499,"path":1500,"stem":1501},"Collections Binding Part 1 — ObservableCollection та ItemsControl","\u002Fcsharp\u002Fdesktop-ui\u002Fcollections-binding-part1","01.csharp\u002F12.desktop-ui\u002F21.collections-binding-part1",{"title":1503,"path":1504,"stem":1505},"Collections Binding Part 2 — ICollectionView, Filtering, Sorting та Virtualization","\u002Fcsharp\u002Fdesktop-ui\u002Fcollections-binding-part2","01.csharp\u002F12.desktop-ui\u002F21.collections-binding-part2",{"title":1507,"path":1508,"stem":1509},"MVVM Pattern — Від Spaghetti Code до архітектури","\u002Fcsharp\u002Fdesktop-ui\u002Fmvvm-pattern","01.csharp\u002F12.desktop-ui\u002F22.mvvm-pattern",{"title":1511,"path":1512,"stem":1513},"ViewModel Implementation — Від BaseViewModel до валідації","\u002Fcsharp\u002Fdesktop-ui\u002Fviewmodel-implementation","01.csharp\u002F12.desktop-ui\u002F23.viewmodel-implementation",{"title":1515,"path":1516,"stem":1517},"Commands — Від event handlers до декларативних команд","\u002Fcsharp\u002Fdesktop-ui\u002Fcommands","01.csharp\u002F12.desktop-ui\u002F24.commands",{"title":1519,"path":1520,"stem":1521},"MVVM Toolkit — MVVM без boilerplate через Source Generators","\u002Fcsharp\u002Fdesktop-ui\u002Fmvvm-toolkit","01.csharp\u002F12.desktop-ui\u002F25.mvvm-toolkit",{"title":1523,"path":1524,"stem":1525},"Messenger Pattern — Комунікація між ViewModel без прямих посилань","\u002Fcsharp\u002Fdesktop-ui\u002Fmessenger-pattern","01.csharp\u002F12.desktop-ui\u002F26.messenger-pattern",{"title":1527,"path":1528,"stem":1529},"Стилі WPF — CSS для десктопу","\u002Fcsharp\u002Fdesktop-ui\u002Fstyles-basics","01.csharp\u002F12.desktop-ui\u002F27.styles-basics",{"title":1531,"path":1532,"stem":1533},"CSS-like стилі Avalonia","\u002Fcsharp\u002Fdesktop-ui\u002F27a.avalonia-css-styling","01.csharp\u002F12.desktop-ui\u002F27a.avalonia-css-styling",{"title":1535,"path":1536,"stem":1537},"Control Templates — Частина 1. Концепція та TemplateBinding","\u002Fcsharp\u002Fdesktop-ui\u002Fcontrol-templates-part1","01.csharp\u002F12.desktop-ui\u002F28.control-templates-part1",{"title":1539,"path":1540,"stem":1541},"Control Templates — Частина 2. Named Parts та ContentPresenter","\u002Fcsharp\u002Fdesktop-ui\u002Fcontrol-templates-part2","01.csharp\u002F12.desktop-ui\u002F28.control-templates-part2",{"title":1543,"path":1544,"stem":1545},"Control Themes в Avalonia — нова ера стилізації","\u002Fcsharp\u002Fdesktop-ui\u002F28a.avalonia-control-themes","01.csharp\u002F12.desktop-ui\u002F28a.avalonia-control-themes",{"title":1547,"path":1548,"stem":1549},"Triggers та Visual State Manager у WPF","\u002Fcsharp\u002Fdesktop-ui\u002Ftriggers-visual-states","01.csharp\u002F12.desktop-ui\u002F29.triggers-visual-states",{"title":1551,"path":1552,"stem":1553},"Pseudo-classes в Avalonia — замість WPF Triggers","\u002Fcsharp\u002Fdesktop-ui\u002F29a.avalonia-pseudo-classes","01.csharp\u002F12.desktop-ui\u002F29a.avalonia-pseudo-classes",{"title":1555,"path":1556,"stem":1557},"Теми та ресурсні словники у WPF","\u002Fcsharp\u002Fdesktop-ui\u002Fresources-themes","01.csharp\u002F12.desktop-ui\u002F30.resources-themes",{"title":1559,"path":1560,"stem":1561},"Avalonia Themes — Fluent Design та система тематизації","\u002Fcsharp\u002Fdesktop-ui\u002F30a.avalonia-themes-fluent","01.csharp\u002F12.desktop-ui\u002F30a.avalonia-themes-fluent",{"title":1563,"path":1564,"stem":1565},"Контроли колекцій — глибоке занурення","\u002Fcsharp\u002Fdesktop-ui\u002Fcollection-controls","01.csharp\u002F12.desktop-ui\u002F31.collection-controls",{"title":1567,"path":1568,"stem":1569},"DataGrid — колонки та базове відображення","\u002Fcsharp\u002Fdesktop-ui\u002Fdatagrid-part1","01.csharp\u002F12.desktop-ui\u002F32.datagrid-part1",{"title":1571,"path":1572,"stem":1573},"DataGrid — сортування, фільтрація, редагування","\u002Fcsharp\u002Fdesktop-ui\u002Fdatagrid-part2","01.csharp\u002F12.desktop-ui\u002F32.datagrid-part2",{"title":1575,"path":1576,"stem":1577},"TreeView та GridView","\u002Fcsharp\u002Fdesktop-ui\u002Ftreeview-listview","01.csharp\u002F12.desktop-ui\u002F33.treeview-listview",{"title":1579,"path":1580,"stem":1581},"Меню, Toolbar, ContextMenu, StatusBar","\u002Fcsharp\u002Fdesktop-ui\u002Fmenus-toolbars","01.csharp\u002F12.desktop-ui\u002F34.menus-toolbars",{"title":1583,"path":1584,"stem":1585},"Навігація та керування вікнами. Частина 1: вікна та сторінки","\u002Fcsharp\u002Fdesktop-ui\u002Fnavigation-windows-part1","01.csharp\u002F12.desktop-ui\u002F35.navigation-windows-part1",{"title":1587,"path":1588,"stem":1589},"Навігація та керування вікнами. Частина 2: MVVM-навігація","\u002Fcsharp\u002Fdesktop-ui\u002Fnavigation-windows-part2","01.csharp\u002F12.desktop-ui\u002F35.navigation-windows-part2",{"title":1591,"path":1592,"stem":1593},"Avalonia — Навігація та діалоги","\u002Fcsharp\u002Fdesktop-ui\u002F35a.avalonia-navigation-dialogs","01.csharp\u002F12.desktop-ui\u002F35a.avalonia-navigation-dialogs",{"title":1595,"path":1596,"stem":1597},"Діалоги та File Pickers у WPF","\u002Fcsharp\u002Fdesktop-ui\u002Fdialogs-file-pickers","01.csharp\u002F12.desktop-ui\u002F36.dialogs-file-pickers",{"title":1599,"path":1600,"stem":1601},"UserControl: компонентний підхід у WPF","\u002Fcsharp\u002Fdesktop-ui\u002Fuser-controls","01.csharp\u002F12.desktop-ui\u002F37.user-controls",{"title":1603,"path":1604,"stem":1605},"Custom Controls: Lookless Controls у WPF","\u002Fcsharp\u002Fdesktop-ui\u002Fcustom-controls","01.csharp\u002F12.desktop-ui\u002F38.custom-controls",{"title":1607,"path":1608,"stem":1609},"Avalonia TemplatedControl — Lookless Controls","\u002Fcsharp\u002Fdesktop-ui\u002F38a.avalonia-templated-controls","01.csharp\u002F12.desktop-ui\u002F38a.avalonia-templated-controls",{"title":1611,"path":1612,"stem":1613},"Анімації у WPF: Storyboard та Easing Functions","\u002Fcsharp\u002Fdesktop-ui\u002Fanimations-transitions","01.csharp\u002F12.desktop-ui\u002F39.animations-transitions",{"title":1615,"path":1616,"stem":1617},"Анімації в Avalonia","\u002Fcsharp\u002Fdesktop-ui\u002F39a.avalonia-animations","01.csharp\u002F12.desktop-ui\u002F39a.avalonia-animations",{"title":1619,"path":1620,"stem":1621},"2D Графіка та Мультимедіа у WPF","\u002Fcsharp\u002Fdesktop-ui\u002Fmedia-graphics","01.csharp\u002F12.desktop-ui\u002F40.media-graphics",{"title":1623,"path":1624,"stem":1625},"Dependency Injection у WPF та Avalonia","\u002Fcsharp\u002Fdesktop-ui\u002Fdi-integration","01.csharp\u002F12.desktop-ui\u002F41.di-integration",{"title":1627,"path":1628,"stem":1629},"SQLite та EF Core у десктопних додатках","\u002Fcsharp\u002Fdesktop-ui\u002Fdata-persistence-part1","01.csharp\u002F12.desktop-ui\u002F42.data-persistence-part1",{"title":1631,"path":1632,"stem":1633},"Repository Pattern та Unit of Work","\u002Fcsharp\u002Fdesktop-ui\u002Fdata-persistence-part2","01.csharp\u002F12.desktop-ui\u002F43.data-persistence-part2",{"title":1635,"path":1636,"stem":1637},"Тестування ViewModels","\u002Fcsharp\u002Fdesktop-ui\u002Fviewmodel-testing","01.csharp\u002F12.desktop-ui\u002F44.viewmodel-testing",{"title":1639,"path":1640,"stem":1641},"Avalonia Headless Testing — тестування UI без вікон","\u002Fcsharp\u002Fdesktop-ui\u002F44a.avalonia-headless-testing","01.csharp\u002F12.desktop-ui\u002F44a.avalonia-headless-testing",{"title":1643,"path":1644,"stem":1645},"Кросплатформна розробка з Avalonia","\u002Fcsharp\u002Fdesktop-ui\u002Favalonia-cross-platform","01.csharp\u002F12.desktop-ui\u002F45.avalonia-cross-platform",{"title":1647,"path":1648,"stem":1649},"Пакування та розгортання Avalonia додатків","\u002Fcsharp\u002Fdesktop-ui\u002Favalonia-packaging-deployment","01.csharp\u002F12.desktop-ui\u002F46.avalonia-packaging-deployment",{"title":1651,"path":1652,"stem":1653},"Розгортання WPF застосунків","\u002Fcsharp\u002Fdesktop-ui\u002Fwpf-packaging-deployment","01.csharp\u002F12.desktop-ui\u002F47.wpf-packaging-deployment",{"title":1655,"icon":658,"path":1656,"stem":1657,"children":1658,"page":59},"Network Programming","\u002Fcsharp\u002Fnetwork-programming","01.csharp\u002F13.network-programming",[1659,1663,1667,1671,1675,1679,1683,1687,1691,1695,1699],{"title":1660,"path":1661,"stem":1662},"Основи комп'ютерних мереж","\u002Fcsharp\u002Fnetwork-programming\u002Ffoundations","01.csharp\u002F13.network-programming\u002F01.foundations",{"title":1664,"path":1665,"stem":1666},"Модель OSI та стек TCP\u002FIP","\u002Fcsharp\u002Fnetwork-programming\u002Fosi-model","01.csharp\u002F13.network-programming\u002F02.osi-model",{"title":1668,"path":1669,"stem":1670},"IP-протокол та адресація","\u002Fcsharp\u002Fnetwork-programming\u002Fip-addressing","01.csharp\u002F13.network-programming\u002F03.ip-addressing",{"title":1672,"path":1673,"stem":1674},"UDP — протокол без з'єднання","\u002Fcsharp\u002Fnetwork-programming\u002Fudp","01.csharp\u002F13.network-programming\u002F05.udp",{"title":1676,"path":1677,"stem":1678},"UDP Broadcast та Multicast","\u002Fcsharp\u002Fnetwork-programming\u002Fudp-broadcast-multicast","01.csharp\u002F13.network-programming\u002F06.udp-broadcast-multicast",{"title":1680,"path":1681,"stem":1682},"HTTP — протокол вебу","\u002Fcsharp\u002Fnetwork-programming\u002Fhttp-fundamentals","01.csharp\u002F13.network-programming\u002F07.http-fundamentals",{"title":1684,"path":1685,"stem":1686},"HttpListener — вбудований HTTP-сервер .NET","\u002Fcsharp\u002Fnetwork-programming\u002F07a.http-listener","01.csharp\u002F13.network-programming\u002F07a.http-listener",{"title":1688,"path":1689,"stem":1690},"HTTP Advanced — cookies, аутентифікація та HTTPS","\u002Fcsharp\u002Fnetwork-programming\u002Fhttp-advanced","01.csharp\u002F13.network-programming\u002F08.http-advanced",{"title":1692,"path":1693,"stem":1694},"SMTP та протоколи електронної пошти","\u002Fcsharp\u002Fnetwork-programming\u002Fsmtp","01.csharp\u002F13.network-programming\u002F09.smtp",{"title":1696,"path":1697,"stem":1698},"WebSocket — повнодуплексний протокол реального часу","\u002Fcsharp\u002Fnetwork-programming\u002Fwebsockets","01.csharp\u002F13.network-programming\u002F10.websockets",{"title":1700,"path":1701,"stem":1702},"TLS\u002FSSL — криптографічний захист мережевих з'єднань","\u002Fcsharp\u002Fnetwork-programming\u002Ftls-ssl","01.csharp\u002F13.network-programming\u002F11.tls-ssl",{"title":1704,"path":1705,"stem":1706},"C# & .NET: The Ultimate Roadmap","\u002Fcsharp\u002Froadmap","01.csharp\u002Froadmap",{"title":1708,"icon":1709,"path":1710,"stem":1711,"children":1712,"page":59},"C++","i-devicon-cplusplus","\u002Fcpp","02.cpp",[1713,1717,1721,1725,1729,1733,1737,1741,1745,1748,1752,1756,1760,1764,1768,1772,1776,1780,1784,1788,1792,1796,1800,1804,1808,1812,1816,1820,1824,1828,1832,1836,1840,1844,1848,1852,1856,1860,1864,1868,1872,1876,1880,1884,1888,1892,1896,1900,1904,1908],{"title":1714,"path":1715,"stem":1716},"Вступ у програмування та алгоритми","\u002Fcpp\u002Fintro-algorithms","02.cpp\u002F01.intro-algorithms",{"title":1718,"path":1719,"stem":1720},"Code Style: угоди про оформлення коду","\u002Fcpp\u002Fcode-style","02.cpp\u002F02.code-style",{"title":1722,"path":1723,"stem":1724},"Середовище розробки та перший проєкт","\u002Fcpp\u002Fide-setup","02.cpp\u002F03.ide-setup",{"title":1726,"path":1727,"stem":1728},"Вивід даних на екран","\u002Fcpp\u002Fdata-output","02.cpp\u002F04.data-output",{"title":1730,"path":1731,"stem":1732},"Типи даних, змінні та константи","\u002Fcpp\u002Fdata-types-variables","02.cpp\u002F05.data-types-variables",{"title":1734,"path":1735,"stem":1736},"Ввід даних з клавіатури","\u002Fcpp\u002Fdata-input","02.cpp\u002F06.data-input",{"title":1738,"path":1739,"stem":1740},"Оператори, перетворення типів та логічні операції","\u002Fcpp\u002Foperators-type-conversion","02.cpp\u002F07.operators-type-conversion",{"title":1742,"path":1743,"stem":1744},"Цикли","\u002Fcpp\u002Floops","02.cpp\u002F08.loops",{"title":32,"path":1746,"stem":1747},"\u002Fcpp\u002Farrays","02.cpp\u002F09.arrays",{"title":1749,"path":1750,"stem":1751},"Алгоритми сортування та аналіз складності","\u002Fcpp\u002Fsorting","02.cpp\u002F10.sorting",{"title":1753,"path":1754,"stem":1755},"Алгоритми пошуку","\u002Fcpp\u002Fsearching","02.cpp\u002F11.searching",{"title":1757,"path":1758,"stem":1759},"Функції: основи","\u002Fcpp\u002Ffunctions-basics","02.cpp\u002F12.functions-basics",{"title":1761,"path":1762,"stem":1763},"Функції: прототипи, область видимості та додаткові можливості","\u002Fcpp\u002Ffunctions-scope","02.cpp\u002F13.functions-scope",{"title":1765,"path":1766,"stem":1767},"Функції: перевантаження та шаблони","\u002Fcpp\u002Ffunctions-overloading-templates","02.cpp\u002F14.functions-overloading-templates",{"title":1769,"path":1770,"stem":1771},"Вказівники: основи","\u002Fcpp\u002Fpointers-basics","02.cpp\u002F15.pointers-basics",{"title":1773,"path":1774,"stem":1775},"Посилання (References)","\u002Fcpp\u002Freferences","02.cpp\u002F16.references",{"title":1777,"path":1778,"stem":1779},"Вказівники, const і масиви","\u002Fcpp\u002Fpointers-const-arrays","02.cpp\u002F17.pointers-const-arrays",{"title":1781,"path":1782,"stem":1783},"Адресна арифметика","\u002Fcpp\u002Fpointer-arithmetic","02.cpp\u002F18.pointer-arithmetic",{"title":1785,"path":1786,"stem":1787},"Динамічна пам'ять","\u002Fcpp\u002Fdynamic-memory","02.cpp\u002F19.dynamic-memory",{"title":1789,"path":1790,"stem":1791},"Вказівники типу void","\u002Fcpp\u002Fvoid-pointers","02.cpp\u002F20.void-pointers",{"title":1793,"path":1794,"stem":1795},"Вказівники на вказівники","\u002Fcpp\u002Fpointers-to-pointers","02.cpp\u002F21.pointers-to-pointers",{"title":1797,"path":1798,"stem":1799},"Оператор доступу до членів через вказівник (->)","\u002Fcpp\u002Fmember-access-operator","02.cpp\u002F22.member-access-operator",{"title":1801,"path":1802,"stem":1803},"Цикл for-each (Range-based for)","\u002Fcpp\u002Fforeach-loop","02.cpp\u002F23.foreach-loop",{"title":1805,"path":1806,"stem":1807},"Вказівники на функції","\u002Fcpp\u002Ffunction-pointers","02.cpp\u002F24.function-pointers",{"title":1809,"path":1810,"stem":1811},"Лямбда-вирази","\u002Fcpp\u002Flambdas","02.cpp\u002F25.lambdas",{"title":1813,"path":1814,"stem":1815},"Лямбда-захоплення","\u002Fcpp\u002Flambda-captures","02.cpp\u002F26.lambda-captures",{"title":1817,"path":1818,"stem":1819},"Еліпсис","\u002Fcpp\u002Fellipsis","02.cpp\u002F27.ellipsis",{"title":1821,"path":1822,"stem":1823},"Безпечні альтернативи еліпсису","\u002Fcpp\u002F27a.ellipsis","02.cpp\u002F27a.ellipsis",{"title":1825,"path":1826,"stem":1827},"Аргументи командного рядка","\u002Fcpp\u002Fcommand-line-arguments","02.cpp\u002F28.command-line-arguments",{"title":1829,"path":1830,"stem":1831},"Перерахування (enum)","\u002Fcpp\u002Fenum","02.cpp\u002F29.enum",{"title":1833,"path":1834,"stem":1835},"Класи-перерахування (enum class)","\u002Fcpp\u002Fenum-class","02.cpp\u002F30.enum-class",{"title":1837,"path":1838,"stem":1839},"Псевдоніми типів (typedef і using)","\u002Fcpp\u002Ftype-aliases","02.cpp\u002F31.type-aliases",{"title":1841,"path":1842,"stem":1843},"Системи числення та двійкова арифметика","\u002Fcpp\u002Fnumber-systems","02.cpp\u002F32.number-systems",{"title":1845,"path":1846,"stem":1847},"Структури (struct): агрегування даних","\u002Fcpp\u002Fstruct","02.cpp\u002F33.struct",{"title":1849,"path":1850,"stem":1851},"Структури у функціях","\u002Fcpp\u002Fstruct-functions","02.cpp\u002F34.struct-functions",{"title":1853,"path":1854,"stem":1855},"Масиви структур і вкладені структури","\u002Fcpp\u002Fstruct-arrays","02.cpp\u002F35.struct-arrays",{"title":1857,"path":1858,"stem":1859},"Патерни struct та межі застосування","\u002Fcpp\u002Fstruct-patterns","02.cpp\u002F36.struct-patterns",{"title":1861,"path":1862,"stem":1863},"Символи та таблиця ASCII","\u002Fcpp\u002Fascii-characters","02.cpp\u002F37.ascii-characters",{"title":1865,"path":1866,"stem":1867},"Unicode та кодування UTF","\u002Fcpp\u002Funicode-utf","02.cpp\u002F38.unicode-utf",{"title":1869,"path":1870,"stem":1871},"C-style рядки","\u002Fcpp\u002Fc-strings","02.cpp\u002F39.c-strings",{"title":1873,"path":1874,"stem":1875},"Вступ до std::string","\u002Fcpp\u002Fstd-string-intro","02.cpp\u002F40.std-string-intro",{"title":1877,"path":1878,"stem":1879},"Довжина, ємність та доступ до символів std::string","\u002Fcpp\u002Fstd-string-capacity-access","02.cpp\u002F41.std-string-capacity-access",{"title":1881,"path":1882,"stem":1883},"Модифікація std::string: присвоювання, додавання, вставка, видалення та заміна","\u002Fcpp\u002Fstd-string-modification","02.cpp\u002F42.std-string-modification",{"title":1885,"path":1886,"stem":1887},"Пошук у std::string: find, npos та практичні патерни","\u002Fcpp\u002Fstd-string-search","02.cpp\u002F43.std-string-search",{"title":1889,"path":1890,"stem":1891},"std::string_view: невласницький погляд на рядок без копіювання","\u002Fcpp\u002Fstd-string-view","02.cpp\u002F44.std-string-view",{"title":1893,"path":1894,"stem":1895},"Об'єднання (union): один блок пам'яті, кілька інтерпретацій","\u002Fcpp\u002Funion","02.cpp\u002F45.union",{"title":1897,"path":1898,"stem":1899},"Організація коду: файли, препроцесор, простори імен","\u002Fcpp\u002Fmultifile-programs","02.cpp\u002F46.multifile-programs",{"title":1901,"path":1902,"stem":1903},"Робота з файлами: C-стиль (stdio.h)","\u002Fcpp\u002Fc-style-files","02.cpp\u002F47.c-style-files",{"title":1905,"path":1906,"stem":1907},"Робота з файлами: C++-стиль (fstream)","\u002Fcpp\u002Fcpp-style-files","02.cpp\u002F48.cpp-style-files",{"title":1909,"path":1910,"stem":1911},"План навчання: Курс C++ — Продовження (Статті 29–60+)","\u002Fcpp\u002Fcurriculum-plan","02.cpp\u002Fcurriculum-plan",{"title":1913,"icon":1914,"path":1915,"stem":1916,"children":1917,"page":59},"JavaScript","i-devicon-javascript","\u002Fjavascript","03.javascript",[1918,1944,1998,2020,2324,2362],{"title":1919,"icon":1920,"path":1921,"stem":1922,"children":1923,"page":59},"Events","i-lucide-mouse-pointer-click","\u002Fjavascript\u002Fevents","03.javascript\u002F01.events",[1924,1928,1932,1936,1940],{"title":1925,"path":1926,"stem":1927},"Вступ до подій браузера","\u002Fjavascript\u002Fevents\u002Fintro","03.javascript\u002F01.events\u002F01.intro",{"title":1929,"path":1930,"stem":1931},"Бульбашковий механізм (Bubbling) та занурення (Capturing)","\u002Fjavascript\u002Fevents\u002Fbubbling-capturing","03.javascript\u002F01.events\u002F02.bubbling-capturing",{"title":1933,"path":1934,"stem":1935},"Делегування подій (Event Delegation)","\u002Fjavascript\u002Fevents\u002Fdelegate-events","03.javascript\u002F01.events\u002F03.delegate-events",{"title":1937,"path":1938,"stem":1939},"Типові дії браузера та preventDefault()","\u002Fjavascript\u002Fevents\u002Fprevent-default","03.javascript\u002F01.events\u002F04.prevent-default",{"title":1941,"path":1942,"stem":1943},"Запуск користувацьких подій (Custom Events)","\u002Fjavascript\u002Fevents\u002Fcustom-events","03.javascript\u002F01.events\u002F05.custom-events",{"title":1945,"icon":1946,"path":1947,"stem":1948,"children":1949,"page":59},"Network","i-lucide-globe","\u002Fjavascript\u002Fnetwork","03.javascript\u002F02.network",[1950,1954,1958,1962,1966,1970,1974,1978,1982,1986,1990,1994],{"title":1951,"path":1952,"stem":1953},"Fetch API - Сучасний підхід до HTTP-запитів","\u002Fjavascript\u002Fnetwork\u002F01-fetch-api","03.javascript\u002F02.network\u002F01-fetch-api",{"title":1955,"path":1956,"stem":1957},"FormData - Робота з формами та файлами","\u002Fjavascript\u002Fnetwork\u002F02-formdata","03.javascript\u002F02.network\u002F02-formdata",{"title":1959,"path":1960,"stem":1961},"Відстеження прогресу завантаження","\u002Fjavascript\u002Fnetwork\u002F03-download-progress","03.javascript\u002F02.network\u002F03-download-progress",{"title":1963,"path":1964,"stem":1965},"Переривання fetch-запитів","\u002Fjavascript\u002Fnetwork\u002F04-abort-requests","03.javascript\u002F02.network\u002F04-abort-requests",{"title":1967,"path":1968,"stem":1969},"CORS - Запити між різними джерелами","\u002Fjavascript\u002Fnetwork\u002F05-cors","03.javascript\u002F02.network\u002F05-cors",{"title":1971,"path":1972,"stem":1973},"Fetch API - Повний довідник опцій","\u002Fjavascript\u002Fnetwork\u002F06-fetch-options","03.javascript\u002F02.network\u002F06-fetch-options",{"title":1975,"path":1976,"stem":1977},"URL Objects - Робота з посиланнями","\u002Fjavascript\u002Fnetwork\u002F07-url-objects","03.javascript\u002F02.network\u002F07-url-objects",{"title":1979,"path":1980,"stem":1981},"XMLHttpRequest - AJAX та низькорівневі запити","\u002Fjavascript\u002Fnetwork\u002F08-xmlhttprequest","03.javascript\u002F02.network\u002F08-xmlhttprequest",{"title":1983,"path":1984,"stem":1985},"Відновлюване завантаження файлів","\u002Fjavascript\u002Fnetwork\u002F09-resumable-upload","03.javascript\u002F02.network\u002F09-resumable-upload",{"title":1987,"path":1988,"stem":1989},"Cookies, document.cookie та світ після \"Cookiepocalypse\"","\u002Fjavascript\u002Fnetwork\u002F10-cookies","03.javascript\u002F02.network\u002F10-cookies",{"title":1991,"path":1992,"stem":1993},"js-cookie: Керування Cookies без Болю","\u002Fjavascript\u002Fnetwork\u002F11-js-cookie","03.javascript\u002F02.network\u002F11-js-cookie",{"title":1995,"path":1996,"stem":1997},"Axios: Потужний HTTP-клієнт для JavaScript","\u002Fjavascript\u002Fnetwork\u002F12-axios","03.javascript\u002F02.network\u002F12-axios",{"title":1999,"icon":2000,"path":2001,"stem":2002,"children":2003,"page":59},"Bom","i-lucide-monitor","\u002Fjavascript\u002Fbom","03.javascript\u002F03.bom",[2004,2008,2012,2016],{"title":2005,"path":2006,"stem":2007},"LocalStorage, SessionStorage та patterns збереження даних","\u002Fjavascript\u002Fbom\u002F01-localstorage","03.javascript\u002F03.bom\u002F01-localstorage",{"title":2009,"path":2010,"stem":2011},"Location Object - Керування адресою сторінки","\u002Fjavascript\u002Fbom\u002F02-location-object","03.javascript\u002F03.bom\u002F02-location-object",{"title":2013,"path":2014,"stem":2015},"History API - Керування історією браузера","\u002Fjavascript\u002Fbom\u002F03-history-api","03.javascript\u002F03.bom\u002F03-history-api",{"title":2017,"path":2018,"stem":2019},"Navigator Object - Ідентифікація та Можливості Пристрою","\u002Fjavascript\u002Fbom\u002F04-navigator-object","03.javascript\u002F03.bom\u002F04-navigator-object",{"title":2021,"icon":2022,"path":2023,"stem":2024,"children":2025},"React","i-devicon-react","\u002Fjavascript\u002Freact","03.javascript\u002F04.react\u002Findex",[2026,2027,2031,2035,2039,2043,2106,2141,2293],{"title":2021,"path":2023,"stem":2024},{"title":2028,"path":2029,"stem":2030},"Робота з Формами в React","\u002Fjavascript\u002Freact\u002Freact-forms","03.javascript\u002F04.react\u002F01.react-forms",{"title":2032,"path":2033,"stem":2034},"React Hook Form: Професійна Робота з Формами","\u002Fjavascript\u002Freact\u002Freact-hook-form","03.javascript\u002F04.react\u002F02.react-hook-form",{"title":2036,"path":2037,"stem":2038},"React Hook Form: Глибоке Розуміння Архітектури та Оптимізації","\u002Fjavascript\u002Freact\u002Freact-hook-form-new","03.javascript\u002F04.react\u002F02.react-hook-form-new",{"title":2040,"path":2041,"stem":2042},"Axios та React: Професійна Архітектура Запитів","\u002Fjavascript\u002Freact\u002Fdata-fetching-axios","03.javascript\u002F04.react\u002F03.data-fetching-axios",{"title":2044,"icon":132,"path":2045,"stem":2046,"children":2047},"Tanstack Query","\u002Fjavascript\u002Freact\u002Ftanstack-query","03.javascript\u002F04.react\u002F04.tanstack-query\u002Findex",[2048,2050,2054,2058,2062,2066,2070,2074,2078,2082,2086,2090,2094,2098,2102],{"title":2049,"path":2045,"stem":2046},"TanStack Query: Майстерність Керування Станом Сервера",{"title":2051,"path":2052,"stem":2053},"Парадигма Server State: Чому useEffect недостатньо","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fserver-state-paradigm","03.javascript\u002F04.react\u002F04.tanstack-query\u002F01.server-state-paradigm",{"title":2055,"path":2056,"stem":2057},"Встановлення та Налаштування: Фундамент","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Finstallation-and-devtools","03.javascript\u002F04.react\u002F04.tanstack-query\u002F02.installation-and-devtools",{"title":2059,"path":2060,"stem":2061},"Основи Запитів та Магія Ключів","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fquery-basics-and-keys","03.javascript\u002F04.react\u002F04.tanstack-query\u002F03.query-basics-and-keys",{"title":2063,"path":2064,"stem":2065},"Синхронізація Даних: Життєвий Цикл Запиту","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fdata-synchronization","03.javascript\u002F04.react\u002F04.tanstack-query\u002F04.data-synchronization",{"title":2067,"path":2068,"stem":2069},"Мутації та Інвалідація: Зміна Даних","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fmutations-and-invalidation","03.javascript\u002F04.react\u002F04.tanstack-query\u002F05.mutations-and-invalidation",{"title":2071,"path":2072,"stem":2073},"Оптимістичні Оновлення: Швидше за Світло","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Foptimistic-updates","03.javascript\u002F04.react\u002F04.tanstack-query\u002F06.optimistic-updates",{"title":2075,"path":2076,"stem":2077},"Пагінація та Infinite Scroll","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fpagination-and-load-more","03.javascript\u002F04.react\u002F04.tanstack-query\u002F07.pagination-and-load-more",{"title":2079,"path":2080,"stem":2081},"Просунуті Патерни та Оптимізація","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fadvanced-patterns","03.javascript\u002F04.react\u002F04.tanstack-query\u002F08.advanced-patterns",{"title":2083,"path":2084,"stem":2085},"Архітектура та Best Practices","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Farchitecture-and-best-practices","03.javascript\u002F04.react\u002F04.tanstack-query\u002F09.architecture-and-best-practices",{"title":2087,"path":2088,"stem":2089},"Server-Side Rendering (SSR) та Гідратація","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fserver-side-rendering","03.javascript\u002F04.react\u002F04.tanstack-query\u002F10.server-side-rendering",{"title":2091,"path":2092,"stem":2093},"Стратегії Тестування","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Ftesting-strategies","03.javascript\u002F04.react\u002F04.tanstack-query\u002F11.testing-strategies",{"title":2095,"path":2096,"stem":2097},"Аутентифікація та Обробка Помилок","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fauthentication-and-errors","03.javascript\u002F04.react\u002F04.tanstack-query\u002F12.authentication-and-errors",{"title":2099,"path":2100,"stem":2101},"React Suspense та Майбутнє","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Freact-suspense","03.javascript\u002F04.react\u002F04.tanstack-query\u002F13.react-suspense",{"title":2103,"path":2104,"stem":2105},"Глибоке Занурення в Продуктивність","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fperformance-deep-dive","03.javascript\u002F04.react\u002F04.tanstack-query\u002F14.performance-deep-dive",{"title":2107,"icon":2022,"path":2108,"stem":2109,"children":2110},"React Router","\u002Fjavascript\u002Freact\u002Freact-router","03.javascript\u002F04.react\u002F05.react-router\u002Findex",[2111,2113,2117,2121,2125,2129,2133,2137],{"title":2112,"path":2108,"stem":2109},"React Router: Навігаційна система сучасного вебу",{"title":2114,"path":2115,"stem":2116},"Налаштування та Базовий Роутинг","\u002Fjavascript\u002Freact\u002Freact-router\u002Fsetup-and-basic-routing","03.javascript\u002F04.react\u002F05.react-router\u002F01.setup-and-basic-routing",{"title":2118,"path":2119,"stem":2120},"Динамічна Навігація","\u002Fjavascript\u002Freact\u002Freact-router\u002Fnavigation-and-links","03.javascript\u002F04.react\u002F05.react-router\u002F02.navigation-and-links",{"title":2122,"path":2123,"stem":2124},"Вкладені Маршрути та Макети","\u002Fjavascript\u002Freact\u002Freact-router\u002Fnested-routes-and-layouts","03.javascript\u002F04.react\u002F05.react-router\u002F03.nested-routes-and-layouts",{"title":2126,"path":2127,"stem":2128},"Динамічні Маршрути та Параметри","\u002Fjavascript\u002Freact\u002Freact-router\u002Fdynamic-routing","03.javascript\u002F04.react\u002F05.react-router\u002F04.dynamic-routing",{"title":2130,"path":2131,"stem":2132},"Data APIs: Loaders та Actions","\u002Fjavascript\u002Freact\u002Freact-router\u002Fdata-loading","03.javascript\u002F04.react\u002F05.react-router\u002F05.data-loading",{"title":2134,"path":2135,"stem":2136},"Просунуті Патерни","\u002Fjavascript\u002Freact\u002Freact-router\u002Fadvanced-patterns","03.javascript\u002F04.react\u002F05.react-router\u002F06.advanced-patterns",{"title":2138,"path":2139,"stem":2140},"Legacy Routing: Компонентний підхід","\u002Fjavascript\u002Freact\u002Freact-router\u002Flegacy-routing","03.javascript\u002F04.react\u002F05.react-router\u002F07.legacy-routing",{"title":2142,"icon":132,"path":2143,"stem":2144,"children":2145},"Redux","\u002Fjavascript\u002Freact\u002Fredux","03.javascript\u002F04.react\u002F06.redux\u002Findex",[2146,2148,2164,2193,2202,2223,2239,2268],{"title":2147,"path":2143,"stem":2144},"Redux: Еволюція управління станом",{"title":14,"icon":15,"path":2149,"stem":2150,"children":2151,"page":59},"\u002Fjavascript\u002Freact\u002Fredux\u002Ffundamentals","03.javascript\u002F04.react\u002F06.redux\u002F01.fundamentals",[2152,2156,2160],{"title":2153,"path":2154,"stem":2155},"Вступ до State Management","\u002Fjavascript\u002Freact\u002Fredux\u002Ffundamentals\u002Fintro-state-management","03.javascript\u002F04.react\u002F06.redux\u002F01.fundamentals\u002F01.intro-state-management",{"title":2157,"path":2158,"stem":2159},"Філософія Redux та Три Принципи","\u002Fjavascript\u002Freact\u002Fredux\u002Ffundamentals\u002Fredux-philosophy","03.javascript\u002F04.react\u002F06.redux\u002F01.fundamentals\u002F02.redux-philosophy",{"title":2161,"path":2162,"stem":2163},"Чисті функції та Іммутабельність","\u002Fjavascript\u002Freact\u002Fredux\u002Ffundamentals\u002Fpure-functions-immutability","03.javascript\u002F04.react\u002F06.redux\u002F01.fundamentals\u002F03.pure-functions-immutability",{"title":2165,"icon":132,"path":2166,"stem":2167,"children":2168,"page":59},"Classic Redux","\u002Fjavascript\u002Freact\u002Fredux\u002Fclassic-redux","03.javascript\u002F04.react\u002F06.redux\u002F02.classic-redux",[2169,2173,2177,2181,2185,2189],{"title":2170,"path":2171,"stem":2172},"Створення Store (Classic Redux)","\u002Fjavascript\u002Freact\u002Fredux\u002Fclassic-redux\u002Fstore-setup","03.javascript\u002F04.react\u002F06.redux\u002F02.classic-redux\u002F01.store-setup",{"title":2174,"path":2175,"stem":2176},"Actions, Constants та Action Creators","\u002Fjavascript\u002Freact\u002Fredux\u002Fclassic-redux\u002Factions-constants","03.javascript\u002F04.react\u002F06.redux\u002F02.classic-redux\u002F02.actions-constants",{"title":2178,"path":2179,"stem":2180},"Логіка Reducers","\u002Fjavascript\u002Freact\u002Fredux\u002Fclassic-redux\u002Freducers","03.javascript\u002F04.react\u002F06.redux\u002F02.classic-redux\u002F03.reducers",{"title":2182,"path":2183,"stem":2184},"Комбінування Reducers (Root Reducer)","\u002Fjavascript\u002Freact\u002Fredux\u002Fclassic-redux\u002Fdata-flow","03.javascript\u002F04.react\u002F06.redux\u002F02.classic-redux\u002F04.data-flow",{"title":2186,"path":2187,"stem":2188},"Підключення до React (React-Redux)","\u002Fjavascript\u002Freact\u002Fredux\u002Fclassic-redux\u002Freact-redux-connection","03.javascript\u002F04.react\u002F06.redux\u002F02.classic-redux\u002F05.react-redux-connection",{"title":2190,"path":2191,"stem":2192},"Middleware та Асинхронність (Redux Thunk)","\u002Fjavascript\u002Freact\u002Fredux\u002Fclassic-redux\u002Fmiddleware-thunk","03.javascript\u002F04.react\u002F06.redux\u002F02.classic-redux\u002F06.middleware-thunk",{"title":2194,"icon":132,"path":2195,"stem":2196,"children":2197,"page":59},"Transition To Rtk","\u002Fjavascript\u002Freact\u002Fredux\u002Ftransition-to-rtk","03.javascript\u002F04.react\u002F06.redux\u002F03.transition-to-rtk",[2198],{"title":2199,"path":2200,"stem":2201},"Проблеми класичного Redux","\u002Fjavascript\u002Freact\u002Fredux\u002Ftransition-to-rtk\u002Fproblems-with-classic","03.javascript\u002F04.react\u002F06.redux\u002F03.transition-to-rtk\u002F01.problems-with-classic",{"title":2203,"icon":132,"path":2204,"stem":2205,"children":2206,"page":59},"Redux Toolkit","\u002Fjavascript\u002Freact\u002Fredux\u002Fredux-toolkit","03.javascript\u002F04.react\u002F06.redux\u002F04.redux-toolkit",[2207,2211,2215,2219],{"title":2208,"path":2209,"stem":2210},"Налаштування Store з configureStore","\u002Fjavascript\u002Freact\u002Fredux\u002Fredux-toolkit\u002Fconfigure-store","03.javascript\u002F04.react\u002F06.redux\u002F04.redux-toolkit\u002F01.configure-store",{"title":2212,"path":2213,"stem":2214},"createSlice: Революція в Redux","\u002Fjavascript\u002Freact\u002Fredux\u002Fredux-toolkit\u002Fcreate-slice","03.javascript\u002F04.react\u002F06.redux\u002F04.redux-toolkit\u002F02.create-slice",{"title":2216,"path":2217,"stem":2218},"Асинхронність з createAsyncThunk","\u002Fjavascript\u002Freact\u002Fredux\u002Fredux-toolkit\u002Fasync-thunks","03.javascript\u002F04.react\u002F06.redux\u002F04.redux-toolkit\u002F03.async-thunks",{"title":2220,"path":2221,"stem":2222},"04. Entity Adapter: Керування нормалізованим станом","\u002Fjavascript\u002Freact\u002Fredux\u002Fredux-toolkit\u002Fentity-adapter","03.javascript\u002F04.react\u002F06.redux\u002F04.redux-toolkit\u002F04.entity-adapter",{"title":2224,"icon":92,"path":2225,"stem":2226,"children":2227,"page":59},"Advanced","\u002Fjavascript\u002Freact\u002Fredux\u002Fadvanced","03.javascript\u002F04.react\u002F06.redux\u002F05.advanced",[2228,2232,2236],{"title":2229,"path":2230,"stem":2231},"Мемоізація та Селектори: Повний Гайд по Reselect","\u002Fjavascript\u002Freact\u002Fredux\u002Fadvanced\u002Fselectors-reselect","03.javascript\u002F04.react\u002F06.redux\u002F05.advanced\u002F01.selectors-reselect",{"title":2233,"path":2234,"stem":2235},"RTK Query: Архітектура Серверного Кешу","\u002Fjavascript\u002Freact\u002Fredux\u002Fadvanced\u002Frtk-query-intro","03.javascript\u002F04.react\u002F06.redux\u002F05.advanced\u002F02.rtk-query-intro",{"title":2083,"path":2237,"stem":2238},"\u002Fjavascript\u002Freact\u002Fredux\u002Fadvanced\u002Farchitecture-best-practices","03.javascript\u002F04.react\u002F06.redux\u002F05.advanced\u002F03.architecture-best-practices",{"title":2240,"icon":132,"path":2241,"stem":2242,"children":2243,"page":59},"Project Kanban","\u002Fjavascript\u002Freact\u002Fredux\u002Fproject-kanban","03.javascript\u002F04.react\u002F06.redux\u002F06.project-kanban",[2244,2248,2252,2256,2260,2264],{"title":2245,"path":2246,"stem":2247},"Проєкт: Kanban Board (Trello Clone)","\u002Fjavascript\u002Freact\u002Fredux\u002Fproject-kanban\u002Fproject-overview","03.javascript\u002F04.react\u002F06.redux\u002F06.project-kanban\u002F01.project-overview",{"title":2249,"path":2250,"stem":2251},"Налаштування та Типізація","\u002Fjavascript\u002Freact\u002Fredux\u002Fproject-kanban\u002Fsetup-and-types","03.javascript\u002F04.react\u002F06.redux\u002F06.project-kanban\u002F02.setup-and-types",{"title":2253,"path":2254,"stem":2255},"Board Slice: Серце Дошки","\u002Fjavascript\u002Freact\u002Fredux\u002Fproject-kanban\u002Fboard-slice","03.javascript\u002F04.react\u002F06.redux\u002F06.project-kanban\u002F03.board-slice",{"title":2257,"path":2258,"stem":2259},"Логіка Drag & Drop","\u002Fjavascript\u002Freact\u002Fredux\u002Fproject-kanban\u002Fdrag-and-drop-logic","03.javascript\u002F04.react\u002F06.redux\u002F06.project-kanban\u002F04.drag-and-drop-logic",{"title":2261,"path":2262,"stem":2263},"Інтеграція з RTK Query","\u002Fjavascript\u002Freact\u002Fredux\u002Fproject-kanban\u002Frtk-query-integration","03.javascript\u002F04.react\u002F06.redux\u002F06.project-kanban\u002F05.rtk-query-integration",{"title":2265,"path":2266,"stem":2267},"Optimistic Updates","\u002Fjavascript\u002Freact\u002Fredux\u002Fproject-kanban\u002Foptimistic-updates","03.javascript\u002F04.react\u002F06.redux\u002F06.project-kanban\u002F06.optimistic-updates",{"title":2269,"icon":132,"path":2270,"stem":2271,"children":2272,"page":59},"Testing","\u002Fjavascript\u002Freact\u002Fredux\u002Ftesting","03.javascript\u002F04.react\u002F06.redux\u002F07.testing",[2273,2277,2281,2285,2289],{"title":2274,"path":2275,"stem":2276},"Тестування Redux","\u002Fjavascript\u002Freact\u002Fredux\u002Ftesting\u002Fintro-testing","03.javascript\u002F04.react\u002F06.redux\u002F07.testing\u002F01.intro-testing",{"title":2278,"path":2279,"stem":2280},"Тестування Reducers","\u002Fjavascript\u002Freact\u002Fredux\u002Ftesting\u002Ftesting-reducers","03.javascript\u002F04.react\u002F06.redux\u002F07.testing\u002F02.testing-reducers",{"title":2282,"path":2283,"stem":2284},"Тестування Селекторів","\u002Fjavascript\u002Freact\u002Fredux\u002Ftesting\u002Ftesting-selectors","03.javascript\u002F04.react\u002F06.redux\u002F07.testing\u002F03.testing-selectors",{"title":2286,"path":2287,"stem":2288},"Тестування Компонентів (Integration)","\u002Fjavascript\u002Freact\u002Fredux\u002Ftesting\u002Ftesting-components","03.javascript\u002F04.react\u002F06.redux\u002F07.testing\u002F04.testing-components",{"title":2290,"path":2291,"stem":2292},"Тестування Async Thunks","\u002Fjavascript\u002Freact\u002Fredux\u002Ftesting\u002Ftesting-thunks","03.javascript\u002F04.react\u002F06.redux\u002F07.testing\u002F05.testing-thunks",{"title":2294,"icon":132,"path":2295,"stem":2296,"children":2297},"Ui Libraries","\u002Fjavascript\u002Freact\u002Fui-libraries","03.javascript\u002F04.react\u002F07.ui-libraries\u002Findex",[2298,2300,2304,2308,2312,2316,2320],{"title":2299,"path":2295,"stem":2296},"UI Бібліотеки в React",{"title":2301,"path":2302,"stem":2303},"Вступ до UI Бібліотек: Навіщо Винаходити Велосипед Двічі?","\u002Fjavascript\u002Freact\u002Fui-libraries\u002Fintroduction-to-ui-libraries","03.javascript\u002F04.react\u002F07.ui-libraries\u002F01.introduction-to-ui-libraries",{"title":2305,"path":2306,"stem":2307},"Філософія shadcn\u002Fui: \"Not a Component Library\"","\u002Fjavascript\u002Freact\u002Fui-libraries\u002Fshadcn-philosophy","03.javascript\u002F04.react\u002F07.ui-libraries\u002F02.shadcn-philosophy",{"title":2309,"path":2310,"stem":2311},"Установка та Налаштування shadcn\u002Fui","\u002Fjavascript\u002Freact\u002Fui-libraries\u002Fshadcn-installation","03.javascript\u002F04.react\u002F07.ui-libraries\u002F03.shadcn-installation",{"title":2313,"path":2314,"stem":2315},"Базові Компоненти shadcn\u002Fui: Фундамент Інтерфейсу","\u002Fjavascript\u002Freact\u002Fui-libraries\u002Fshadcn-components-basics","03.javascript\u002F04.react\u002F07.ui-libraries\u002F04.shadcn-components-basics",{"title":2317,"path":2318,"stem":2319},"Компоненти Форм: Побудова Інтерактивних Form","\u002Fjavascript\u002Freact\u002Fui-libraries\u002Fshadcn-components-forms","03.javascript\u002F04.react\u002F07.ui-libraries\u002F05.shadcn-components-forms",{"title":2321,"path":2322,"stem":2323},"Складні Компоненти: Dialog, Dropdown, Table та Command","\u002Fjavascript\u002Freact\u002Fui-libraries\u002Fshadcn-components-advanced","03.javascript\u002F04.react\u002F07.ui-libraries\u002F06.shadcn-components-advanced",{"title":2325,"icon":2326,"path":2327,"stem":2328,"children":2329,"page":59},"TypeScript","i-devicon-typescript","\u002Fjavascript\u002Ftypescript","03.javascript\u002F05.typescript",[2330,2334,2338,2342,2346,2350,2354,2358],{"title":2331,"path":2332,"stem":2333},"TypeScript: Броня для вашого коду","\u002Fjavascript\u002Ftypescript\u002Fintro-and-basic-types","03.javascript\u002F05.typescript\u002F01.intro-and-basic-types",{"title":2335,"path":2336,"stem":2337},"Майстерність Моделювання Даних: Інтерфейси та Просунуті Типи","\u002Fjavascript\u002Ftypescript\u002Finterfaces-and-advanced-types","03.javascript\u002F05.typescript\u002F02.interfaces-and-advanced-types",{"title":2339,"path":2340,"stem":2341},"Алхімія Типів: Generics та Utility Types","\u002Fjavascript\u002Ftypescript\u002Fgenerics-and-utilities","03.javascript\u002F05.typescript\u002F03.generics-and-utilities",{"title":2343,"path":2344,"stem":2345},"Архітектура та Шаблони: Класи в TypeScript","\u002Fjavascript\u002Ftypescript\u002Fclasses-and-oop","03.javascript\u002F05.typescript\u002F04.classes-and-oop",{"title":2347,"path":2348,"stem":2349},"Продакшн та Екосистема: Advanced Config & Workflow","\u002Fjavascript\u002Ftypescript\u002Fadvanced-patterns-and-config","03.javascript\u002F05.typescript\u002F05.advanced-patterns-and-config",{"title":2351,"path":2352,"stem":2353},"TypeScript у світі React","\u002Fjavascript\u002Ftypescript\u002Freact-basics","03.javascript\u002F05.typescript\u002F06.react-basics",{"title":2355,"path":2356,"stem":2357},"React + TypeScript: Продвинуті патерни","\u002Fjavascript\u002Ftypescript\u002Freact-advanced","03.javascript\u002F05.typescript\u002F07.react-advanced",{"title":2359,"path":2360,"stem":2361},"React + TypeScript: Екосистема та бібліотеки","\u002Fjavascript\u002Ftypescript\u002Freact-ecosystem","03.javascript\u002F05.typescript\u002F08.react-ecosystem",{"title":2363,"path":2364,"stem":2365},"Atomic Design","\u002Fjavascript\u002Fatomic-design","03.javascript\u002F2.atomic-design",{"title":2367,"icon":2368,"path":2369,"stem":2370,"children":2371,"page":59},"Java","i-devicon-java","\u002Fjava","04.java",[2372,2375,2378,2382,2386,2390,2394],{"title":162,"path":2373,"stem":2374},"\u002Fjava\u002Fdata-mapper-part1","04.java\u002F01.data-mapper-part1",{"title":166,"path":2376,"stem":2377},"\u002Fjava\u002Fdata-mapper-part2","04.java\u002F02.data-mapper-part2",{"title":2379,"path":2380,"stem":2381},"Service Layer: Організація бізнес-логіки","\u002Fjava\u002Fservice-layer","04.java\u002F03.service-layer",{"title":2383,"path":2384,"stem":2385},"Rich Domain Model та State Pattern","\u002Fjava\u002Frich-domain-model","04.java\u002F04.rich-domain-model",{"title":2387,"path":2388,"stem":2389},"Патерни для складної бізнес-логіки","\u002Fjava\u002Fbusiness-logic-patterns","04.java\u002F05.business-logic-patterns",{"title":2391,"path":2392,"stem":2393},"Обробка помилок та валідація","\u002Fjava\u002Ferror-handling-validation","04.java\u002F06.error-handling-validation",{"title":2395,"path":2396,"stem":2397,"children":2398,"page":59},"Проектування баз даних","\u002Fjava\u002Fpr2","04.java\u002Fpr2",[2399,2403,2407,2411,2415,2419,2423,2427,2431,2435,2439,2443,2447,2451,2455,2459,2463,2467,2471,2475,2479,2483,2487,2491,2495,2499,2503,2507,2511,2515,2519,2523,2527,2531,2535,2539,2543],{"title":2400,"path":2401,"stem":2402},"Концептуальне моделювання: Мистецтво розуміння предметної області","\u002Fjava\u002Fpr2\u002Fconceptual-modeling","04.java\u002Fpr2\u002F01.conceptual-modeling",{"title":2404,"path":2405,"stem":2406},"Логічне моделювання: Від бізнес-ідей до структур даних","\u002Fjava\u002Fpr2\u002Flogical-modeling","04.java\u002Fpr2\u002F02.logical-modeling",{"title":2408,"path":2409,"stem":2410},"Нормалізація: Гігієна даних та боротьба з аномаліями","\u002Fjava\u002Fpr2\u002Fnormalization","04.java\u002Fpr2\u002F03.normalization",{"title":2412,"path":2413,"stem":2414},"Фізична схема: Від абстракції до DDL","\u002Fjava\u002Fpr2\u002Fphysical-schema","04.java\u002Fpr2\u002F04.physical-schema",{"title":2416,"path":2417,"stem":2418},"Архітектурна класифікація таблиць","\u002Fjava\u002Fpr2\u002Ftable-classification","04.java\u002Fpr2\u002F05.table-classification",{"title":2420,"path":2421,"stem":2422},"Database Migrations: Версіонування схеми з Flyway","\u002Fjava\u002Fpr2\u002Fdatabase-migrations","04.java\u002Fpr2\u002F06.database-migrations",{"title":2424,"path":2425,"stem":2426},"А що, якби це була не реляційна БД?","\u002Fjava\u002Fpr2\u002Fbeyond-relational","04.java\u002Fpr2\u002F07.beyond-relational",{"title":2428,"path":2429,"stem":2430},"Object-Relational Impedance Mismatch: Два світи, що не хочуть дружити","\u002Fjava\u002Fpr2\u002Fimpedance-mismatch","04.java\u002Fpr2\u002F09.impedance-mismatch",{"title":2432,"path":2433,"stem":2434},"JDBC: Перший контакт із базою даних","\u002Fjava\u002Fpr2\u002Fjdbc-fundamentals","04.java\u002Fpr2\u002F10.jdbc-fundamentals",{"title":2436,"path":2437,"stem":2438},"Якість коду: Spotless, SpotBugs та SonarQube","\u002Fjava\u002Fpr2\u002F10a.code-quality","04.java\u002Fpr2\u002F10a.code-quality",{"title":2440,"path":2441,"stem":2442},"Connection Pool: Патерн Object Pool для JDBC-з'єднань","\u002Fjava\u002Fpr2\u002Fconnection-pool","04.java\u002Fpr2\u002F11.connection-pool",{"title":2444,"path":2445,"stem":2446},"Row Data Gateway: Об'єкт як обгортка рядка таблиці","\u002Fjava\u002Fpr2\u002Frow-data-gateway","04.java\u002Fpr2\u002F12.row-data-gateway",{"title":2448,"path":2449,"stem":2450},"Table Data Gateway: Фасад таблиці як архітектурний відступ","\u002Fjava\u002Fpr2\u002Ftable-data-gateway","04.java\u002Fpr2\u002F13.table-data-gateway",{"title":2452,"path":2453,"stem":2454},"Repository + Data Mapper: Правильна шарова архітектура з JDBC","\u002Fjava\u002Fpr2\u002Frepository-data-mapper","04.java\u002Fpr2\u002F14.repository-data-mapper",{"title":2456,"path":2457,"stem":2458},"Identity Map: Кешування сутностей у рамках сесії","\u002Fjava\u002Fpr2\u002Fidentity-map","04.java\u002Fpr2\u002F15.identity-map",{"title":2460,"path":2461,"stem":2462},"Unit of Work: Відстеження змін і координація JDBC-транзакцій","\u002Fjava\u002Fpr2\u002Funit-of-work","04.java\u002Fpr2\u002F16.unit-of-work",{"title":2464,"path":2465,"stem":2466},"Strategy: Замінювані SQL-стратегії для підтримки різних СУБД","\u002Fjava\u002Fpr2\u002Fstrategy-sql","04.java\u002Fpr2\u002F17.strategy-sql",{"title":2468,"path":2469,"stem":2470},"Proxy: Lazy Loading для One-To-Many колекцій","\u002Fjava\u002Fpr2\u002Fproxy-lazy-loading","04.java\u002Fpr2\u002F18.proxy-lazy-loading",{"title":2472,"path":2473,"stem":2474},"Generic Repository через Java Reflection: анотації та динамічний SQL","\u002Fjava\u002Fpr2\u002Fgeneric-repository-reflection","04.java\u002Fpr2\u002F19.generic-repository-reflection",{"title":2476,"path":2477,"stem":2478},"Specification Pattern: Композиція бізнес-правил для складних запитів","\u002Fjava\u002Fpr2\u002Fspecification-pattern","04.java\u002Fpr2\u002F20.specification-pattern",{"title":2480,"path":2481,"stem":2482},"Розширені можливості Specification Pattern: підзапити, агрегації та гібридний підхід","\u002Fjava\u002Fpr2\u002F20a.advanced-specifications","04.java\u002Fpr2\u002F20a.advanced-specifications",{"title":2484,"path":2485,"stem":2486},"Асинхронність у JDBC: Від блокуючих викликів до CompletableFuture","\u002Fjava\u002Fpr2\u002Fasynchronous-jdbc","04.java\u002Fpr2\u002F21.asynchronous-jdbc",{"title":2488,"path":2489,"stem":2490},"Інтеграційне тестування JDBC-репозиторіїв: Embedded H2 та патерн AAA","\u002Fjava\u002Fpr2\u002Fintegration-testing-h2","04.java\u002Fpr2\u002F22.integration-testing-h2",{"title":2492,"path":2493,"stem":2494},"Testcontainers: Тестування з реальною PostgreSQL у Docker-контейнерах","\u002Fjava\u002Fpr2\u002Fintegration-testing-testcontainers","04.java\u002Fpr2\u002F23.integration-testing-testcontainers",{"title":2496,"path":2497,"stem":2498},"Google Guice: Впровадження залежностей у JavaFX-проєкті","\u002Fjava\u002Fpr2\u002Fdependency-injection-guice","04.java\u002Fpr2\u002F24.dependency-injection-guice",{"title":2500,"path":2501,"stem":2502},"JavaFX: Основи побудови графічних інтерфейсів","\u002Fjava\u002Fpr2\u002Fjavafx-fundamentals","04.java\u002Fpr2\u002F25.javafx-fundamentals",{"title":2504,"path":2505,"stem":2506},"Properties та Bindings: Реактивність у JavaFX","\u002Fjava\u002Fpr2\u002Fjavafx-properties-bindings","04.java\u002Fpr2\u002F26.javafx-properties-bindings",{"title":2508,"path":2509,"stem":2510},"MVC vs MVP vs MVVM: Еволюція архітектурних патернів UI","\u002Fjava\u002Fpr2\u002Fui-architecture-patterns","04.java\u002Fpr2\u002F27.ui-architecture-patterns",{"title":2512,"path":2513,"stem":2514},"MVVM на практиці: Побудова ViewModel","\u002Fjava\u002Fpr2\u002Fmvvm-viewmodel-implementation","04.java\u002Fpr2\u002F28.mvvm-viewmodel-implementation",{"title":2516,"path":2517,"stem":2518},"View та Controller: Зв'язування з ViewModel через FXML","\u002Fjava\u002Fpr2\u002Fmvvm-view-controller","04.java\u002Fpr2\u002F29.mvvm-view-controller",{"title":2520,"path":2521,"stem":2522},"Інтеграція MVVM з Guice: Автоматична ін'єкція залежностей","\u002Fjava\u002Fpr2\u002Fmvvm-guice-integration","04.java\u002Fpr2\u002F30.mvvm-guice-integration",{"title":2524,"path":2525,"stem":2526},"Валідація та обробка помилок у MVVM","\u002Fjava\u002Fpr2\u002Fmvvm-validation-error-handling","04.java\u002Fpr2\u002F31.mvvm-validation-error-handling",{"title":2528,"path":2529,"stem":2530},"Навігація та управління екранами у JavaFX MVVM","\u002Fjava\u002Fpr2\u002Fmvvm-navigation-screen-management","04.java\u002Fpr2\u002F32.mvvm-navigation-screen-management",{"title":2532,"path":2533,"stem":2534},"Тестування JavaFX MVVM-додатків","\u002Fjava\u002Fpr2\u002Fmvvm-testing","04.java\u002Fpr2\u002F33.mvvm-testing",{"title":2536,"path":2537,"stem":2538},"Стилізація та теми у JavaFX: CSS та User Experience","\u002Fjava\u002Fpr2\u002Fjavafx-styling-themes","04.java\u002Fpr2\u002F34.javafx-styling-themes",{"title":2540,"path":2541,"stem":2542},"AtlantaFX: Сучасні теми для JavaFX додатків","\u002Fjava\u002Fpr2\u002Fatlantafx-modern-themes","04.java\u002Fpr2\u002F35.atlantafx-modern-themes",{"title":2544,"path":2545,"stem":2546},"Пакування та розповсюдження JavaFX-додатків","\u002Fjava\u002Fpr2\u002Fjar-packaging-distribution","04.java\u002Fpr2\u002F36.jar-packaging-distribution",{"title":2548,"icon":2549,"path":2550,"stem":2551,"children":2552,"page":59},"Python","i-devicon-python","\u002Fpython","05.python",[2553,2557,2560,2564,2568,2572,2576,2580,2584,2588,2592,2596,2600,2604,2608,2669],{"title":2554,"path":2555,"stem":2556},"Модулі, Пакети та Віртуальні Середовища","\u002Fpython\u002Fmodules-packages-venv","05.python\u002F00.modules-packages-venv",{"title":71,"path":2558,"stem":2559},"\u002Fpython\u002Fclasses-objects","05.python\u002F01.classes-objects",{"title":2561,"path":2562,"stem":2563},"Інкапсуляція, Керування Доступом та Властивості","\u002Fpython\u002Fencapsulation","05.python\u002F02.encapsulation",{"title":2565,"path":2566,"stem":2567},"Наслідування, MRO та суперсила super()","\u002Fpython\u002Finheritance-mro","05.python\u002F03.inheritance-mro",{"title":2569,"path":2570,"stem":2571},"Абстракція — ABC проти Статичних Протоколів (PEP 544)","\u002Fpython\u002Fabstraction-protocols","05.python\u002F04.abstraction-protocols",{"title":2573,"path":2574,"stem":2575},"Магічні методи (Dunder) та Емуляція протоколів","\u002Fpython\u002Fdunder-methods","05.python\u002F05.dunder-methods",{"title":2577,"path":2578,"stem":2579},"Декоратори та Керування життєвим циклом методів","\u002Fpython\u002Fdecorators-static-class","05.python\u002F06.decorators-static-class",{"title":2581,"path":2582,"stem":2583},"Дескриптори — Магія доступу до атрибутів","\u002Fpython\u002Fdescriptors","05.python\u002F07.descriptors",{"title":2585,"path":2586,"stem":2587},"Метакласи — Динамічне створення класів під капотом CPython","\u002Fpython\u002Fmetaclasses","05.python\u002F08.metaclasses",{"title":2589,"path":2590,"stem":2591},"Dataclasses, NamedTuple та сучасні контейнери Python","\u002Fpython\u002Fmodern-containers","05.python\u002F09.modern-containers",{"title":2593,"path":2594,"stem":2595},"GIL та модель конкурентності CPython — фундамент перед потоками і процесами","\u002Fpython\u002Fgil-concurrency-intro","05.python\u002F11.gil-concurrency-intro",{"title":2597,"path":2598,"stem":2599},"Threading — конкурентність для I\u002FO-bound задач","\u002Fpython\u002Fthreading","05.python\u002F12.threading",{"title":2601,"path":2602,"stem":2603},"Multiprocessing — справжній паралелізм для CPU-bound задач","\u002Fpython\u002Fmultiprocessing","05.python\u002F13.multiprocessing",{"title":2605,"path":2606,"stem":2607},"asyncio — кооперативна конкурентність та event loop","\u002Fpython\u002Fasyncio","05.python\u002F14.asyncio",{"title":2609,"icon":92,"path":2610,"stem":2611,"children":2612,"page":59},"FastAPI","\u002Fpython\u002Ffastapi","05.python\u002Ffastapi",[2613,2617,2621,2625,2629,2633,2637,2641,2645,2649,2653,2657,2661,2665],{"title":2614,"path":2615,"stem":2616},"Глибокий Typing та Pydantic v2 — від анотацій до валідації","\u002Fpython\u002Ffastapi\u002Ftyping-pydantic","05.python\u002Ffastapi\u002F15.typing-pydantic",{"title":2618,"path":2619,"stem":2620},"WSGI, ASGI та Python Web-екосистема","\u002Fpython\u002Ffastapi\u002Fwsgi-asgi-ecosystem","05.python\u002Ffastapi\u002F16.wsgi-asgi-ecosystem",{"title":2622,"path":2623,"stem":2624},"FastAPI: Перший додаток, Uvicorn та OpenAPI","\u002Fpython\u002Ffastapi\u002Ffastapi-intro","05.python\u002Ffastapi\u002F17.fastapi-intro",{"title":2626,"path":2627,"stem":2628},"Маршрутизація, параметри запитів та APIRouter","\u002Fpython\u002Ffastapi\u002Ffastapi-routing-params","05.python\u002Ffastapi\u002F18.fastapi-routing-params",{"title":2630,"path":2631,"stem":2632},"Pydantic v2 у FastAPI — схеми, валідація та серіалізація","\u002Fpython\u002Ffastapi\u002Ffastapi-pydantic-schemas","05.python\u002Ffastapi\u002F19.fastapi-pydantic-schemas",{"title":2634,"path":2635,"stem":2636},"Dependency Injection — серце архітектури FastAPI","\u002Fpython\u002Ffastapi\u002Ffastapi-dependency-injection","05.python\u002Ffastapi\u002F20.fastapi-dependency-injection",{"title":2638,"path":2639,"stem":2640},"Обробка помилок, Middleware та CORS у FastAPI","\u002Fpython\u002Ffastapi\u002Ffastapi-errors-middleware","05.python\u002Ffastapi\u002F21.fastapi-errors-middleware",{"title":2642,"path":2643,"stem":2644},"SQLAlchemy 2.0 — ORM, Core та Async Engine","\u002Fpython\u002Ffastapi\u002Fsqlalchemy-orm","05.python\u002Ffastapi\u002F22.sqlalchemy-orm",{"title":2646,"path":2647,"stem":2648},"Alembic — міграції бази даних","\u002Fpython\u002Ffastapi\u002Falembic-migrations","05.python\u002Ffastapi\u002F23.alembic-migrations",{"title":2650,"path":2651,"stem":2652},"Repository Pattern та Clean Architecture у FastAPI","\u002Fpython\u002Ffastapi\u002Ffastapi-repository-clean-arch","05.python\u002Ffastapi\u002F24.fastapi-repository-clean-arch",{"title":2654,"path":2655,"stem":2656},"Автентифікація та авторизація — JWT, OAuth2, RBAC","\u002Fpython\u002Ffastapi\u002Ffastapi-auth-security","05.python\u002Ffastapi\u002F25.fastapi-auth-security",{"title":2658,"path":2659,"stem":2660},"Тестування FastAPI — pytest, httpx, fixtures","\u002Fpython\u002Ffastapi\u002Ffastapi-testing","05.python\u002Ffastapi\u002F26.fastapi-testing",{"title":2662,"path":2663,"stem":2664},"Async на повну — Background Tasks, WebSockets, SSE та Celery","\u002Fpython\u002Ffastapi\u002Ffastapi-async-advanced","05.python\u002Ffastapi\u002F27.fastapi-async-advanced",{"title":2666,"path":2667,"stem":2668},"Deployment — Docker, CI\u002FCD, Monitoring","\u002Fpython\u002Ffastapi\u002Ffastapi-deployment","05.python\u002Ffastapi\u002F28.fastapi-deployment",{"title":2670,"path":2671,"stem":2672},"[object Object]","\u002Fpython\u002Foop-plan","05.python\u002Foop-plan",{"title":2674,"icon":2675,"path":2676,"stem":2677,"children":2678,"page":59},"Бази даних","i-lucide-database","\u002Fdatabases","06.databases",[2679,2709,2732,2769,2798,2816,2850,2862,2871],{"title":2680,"icon":2681,"path":2682,"stem":2683,"children":2684,"page":59},"Intro","i-lucide-play","\u002Fdatabases\u002Fintro","06.databases\u002F01.intro",[2685,2689,2693,2697,2701,2705],{"title":2686,"path":2687,"stem":2688},"Введення в теорію баз даних","\u002Fdatabases\u002Fintro\u002Fintroduction-to-databases","06.databases\u002F01.intro\u002F01.introduction-to-databases",{"title":2690,"path":2691,"stem":2692},"Реляційна модель даних","\u002Fdatabases\u002Fintro\u002Frelational-model-theory","06.databases\u002F01.intro\u002F02.relational-model-theory",{"title":2694,"path":2695,"stem":2696},"ER-моделювання","\u002Fdatabases\u002Fintro\u002Fer-modeling","06.databases\u002F01.intro\u002F03.er-modeling",{"title":2698,"path":2699,"stem":2700},"Логічне проектування БД","\u002Fdatabases\u002Fintro\u002Flogical-schema","06.databases\u002F01.intro\u002F04.logical-schema",{"title":2702,"path":2703,"stem":2704},"Класифікація таблиць","\u002Fdatabases\u002Fintro\u002Ftable-classification","06.databases\u002F01.intro\u002F05.table-classification",{"title":2706,"path":2707,"stem":2708},"PlantUML для баз даних","\u002Fdatabases\u002Fintro\u002Fplantuml-diagrams","06.databases\u002F01.intro\u002F06.plantuml-diagrams",{"title":2710,"icon":2675,"path":2711,"stem":2712,"children":2713,"page":59},"MS SQL Server Start","\u002Fdatabases\u002Fms-sql-server-start","06.databases\u002F02.ms-sql-server-start",[2714,2718,2724,2728],{"title":2715,"path":2716,"stem":2717},"Типи даних у MS SQL Server","\u002Fdatabases\u002Fms-sql-server-start\u002Fdata-types","06.databases\u002F02.ms-sql-server-start\u002F01.data-types",{"title":2719,"path":2720,"stem":2721,"children":2722},"Індекси у MS SQL Server","\u002Fdatabases\u002Fms-sql-server-start\u002Fsql-indexes","06.databases\u002F02.ms-sql-server-start\u002F02.sql-indexes",[2723],{"title":2719,"path":2720,"stem":2721},{"title":2725,"path":2726,"stem":2727},"Системні бази даних MS SQL Server","\u002Fdatabases\u002Fms-sql-server-start\u002Fsystem-databases","06.databases\u002F02.ms-sql-server-start\u002F03.system-databases",{"title":2729,"path":2730,"stem":2731},"Огляд мови SQL та запитів","\u002Fdatabases\u002Fms-sql-server-start\u002Fsql-queries-overview","06.databases\u002F02.ms-sql-server-start\u002F04.sql-queries-overview",{"title":2733,"icon":2675,"path":2734,"stem":2735,"children":2736,"page":59},"SQL","\u002Fdatabases\u002Fsql","06.databases\u002F03.sql",[2737,2741,2745,2749,2753,2757,2761,2765],{"title":2738,"path":2739,"stem":2740},"Налаштування демонстраційної бази даних","\u002Fdatabases\u002Fsql\u002Fsample-database-setup","06.databases\u002F03.sql\u002F00.sample-database-setup",{"title":2742,"path":2743,"stem":2744},"DDL - Створення таблиць (CREATE TABLE)","\u002Fdatabases\u002Fsql\u002Fddl-create-table","06.databases\u002F03.sql\u002F01.ddl-create-table",{"title":2746,"path":2747,"stem":2748},"DDL - Зміна та видалення таблиць (ALTER, DROP)","\u002Fdatabases\u002Fsql\u002Fddl-alter-drop-table","06.databases\u002F03.sql\u002F02.ddl-alter-drop-table",{"title":2750,"path":2751,"stem":2752},"SELECT запити - Основи","\u002Fdatabases\u002Fsql\u002Fselect-queries-fundamentals","06.databases\u002F03.sql\u002F03.select-queries-fundamentals",{"title":2754,"path":2755,"stem":2756},"SELECT запити - Розширені можливості","\u002Fdatabases\u002Fsql\u002Fselect-queries-advanced","06.databases\u002F03.sql\u002F04.select-queries-advanced",{"title":2758,"path":2759,"stem":2760},"INSERT запити - Додавання даних","\u002Fdatabases\u002Fsql\u002Finsert-queries","06.databases\u002F03.sql\u002F05.insert-queries",{"title":2762,"path":2763,"stem":2764},"UPDATE та DELETE запити","\u002Fdatabases\u002Fsql\u002Fupdate-delete-queries","06.databases\u002F03.sql\u002F06.update-delete-queries",{"title":2766,"path":2767,"stem":2768},"Транзакції в SQL","\u002Fdatabases\u002Fsql\u002Ftransactions","06.databases\u002F03.sql\u002F07.transactions",{"title":2770,"icon":2675,"path":2771,"stem":2772,"children":2773,"page":59},"Multi Table Databases","\u002Fdatabases\u002Fmulti-table-databases","06.databases\u002F04.multi-table-databases",[2774,2778,2782,2786,2790,2794],{"title":2775,"path":2776,"stem":2777},"Зв'язки та нормалізація БД","\u002Fdatabases\u002Fmulti-table-databases\u002Frelationships-and-normalization","06.databases\u002F04.multi-table-databases\u002F00.relationships-and-normalization",{"title":2779,"path":2780,"stem":2781},"INNER JOIN - З'єднання таблиць","\u002Fdatabases\u002Fmulti-table-databases\u002Finner-join","06.databases\u002F04.multi-table-databases\u002F01.inner-join",{"title":2783,"path":2784,"stem":2785},"OUTER JOINs - LEFT, RIGHT, FULL","\u002Fdatabases\u002Fmulti-table-databases\u002Fouter-joins","06.databases\u002F04.multi-table-databases\u002F02.outer-joins",{"title":2787,"path":2788,"stem":2789},"CROSS та SELF JOINs","\u002Fdatabases\u002Fmulti-table-databases\u002Fcross-self-joins","06.databases\u002F04.multi-table-databases\u002F03.cross-self-joins",{"title":2791,"path":2792,"stem":2793},"Підзапити (Subqueries)","\u002Fdatabases\u002Fmulti-table-databases\u002Fsubqueries","06.databases\u002F04.multi-table-databases\u002F04.subqueries",{"title":2795,"path":2796,"stem":2797},"Агрегації з JOIN","\u002Fdatabases\u002Fmulti-table-databases\u002Faggregations-with-joins","06.databases\u002F04.multi-table-databases\u002F05.aggregations-with-joins",{"title":2799,"icon":2800,"path":2801,"stem":2802,"children":2803,"page":59},"Aggregate Functions","i-lucide-calculator","\u002Fdatabases\u002Faggregate-functions","06.databases\u002F05.aggregate-functions",[2804,2808,2812],{"title":2805,"path":2806,"stem":2807},"Функції агрегування в MS SQL Server","\u002Fdatabases\u002Faggregate-functions\u002Fintroduction-aggregate-functions","06.databases\u002F05.aggregate-functions\u002F01.introduction-aggregate-functions",{"title":2809,"path":2810,"stem":2811},"Групування даних в MS SQL Server","\u002Fdatabases\u002Faggregate-functions\u002Fgrouping-data","06.databases\u002F05.aggregate-functions\u002F02.grouping-data",{"title":2813,"path":2814,"stem":2815},"Підзапити з агрегатними функціями","\u002Fdatabases\u002Faggregate-functions\u002Fsubqueries-aggregates","06.databases\u002F05.aggregate-functions\u002F03.subqueries-aggregates",{"title":2817,"icon":2818,"path":2819,"stem":2820,"children":2821,"page":59},"Тригери та зберігаємі процедури","i-lucide-database-zap","\u002Fdatabases\u002Ftriggers-stored-procedures","06.databases\u002F07.triggers-stored-procedures",[2822,2826,2830,2834,2838,2842,2846],{"title":2823,"path":2824,"stem":2825},"DML-тригери","\u002Fdatabases\u002Ftriggers-stored-procedures\u002Fdml-triggers","06.databases\u002F07.triggers-stored-procedures\u002F01.dml-triggers",{"title":2827,"path":2828,"stem":2829},"DDL-тригери","\u002Fdatabases\u002Ftriggers-stored-procedures\u002Fddl-triggers","06.databases\u002F07.triggers-stored-procedures\u002F02.ddl-triggers",{"title":2831,"path":2832,"stem":2833},"Transact-SQL розширення","\u002Fdatabases\u002Ftriggers-stored-procedures\u002Ftransact-sql-extensions","06.databases\u002F07.triggers-stored-procedures\u002F03.transact-sql-extensions",{"title":2835,"path":2836,"stem":2837},"Транзакції","\u002Fdatabases\u002Ftriggers-stored-procedures\u002Ftransactions","06.databases\u002F07.triggers-stored-procedures\u002F04.transactions",{"title":2839,"path":2840,"stem":2841},"Зберігаємі процедури","\u002Fdatabases\u002Ftriggers-stored-procedures\u002Fstored-procedures","06.databases\u002F07.triggers-stored-procedures\u002F05.stored-procedures",{"title":2843,"path":2844,"stem":2845},"Користувацькі функції","\u002Fdatabases\u002Ftriggers-stored-procedures\u002Fuser-defined-functions","06.databases\u002F07.triggers-stored-procedures\u002F06.user-defined-functions",{"title":2847,"path":2848,"stem":2849},"Безпека баз даних","\u002Fdatabases\u002Ftriggers-stored-procedures\u002Fsecurity","06.databases\u002F07.triggers-stored-procedures\u002F08.security",{"title":2847,"icon":793,"path":2851,"stem":2852,"children":2853,"page":59},"\u002Fdatabases\u002Fsecurity","06.databases\u002F08.security",[2854,2858],{"title":2855,"path":2856,"stem":2857},"Вступ до безпеки баз даних","\u002Fdatabases\u002Fsecurity\u002Fintroduction","06.databases\u002F08.security\u002F01.introduction",{"title":2859,"path":2860,"stem":2861},"Системні представлення та метадані","\u002Fdatabases\u002Fsecurity\u002Fsystem-views","06.databases\u002F08.security\u002F02.system-views",{"title":2863,"icon":2864,"path":2865,"stem":2866,"children":2867,"page":59},"Резервне копіювання та відновлення","i-lucide-database-backup","\u002Fdatabases\u002Fbackup-recovery","06.databases\u002F09.backup-recovery",[2868],{"title":2863,"path":2869,"stem":2870},"\u002Fdatabases\u002Fbackup-recovery\u002Fbackup-restore","06.databases\u002F09.backup-recovery\u002F01.backup-restore",{"title":2872,"icon":2873,"path":2874,"stem":2875,"children":2876,"page":59},"Повнотекстовий пошук","i-lucide-search","\u002Fdatabases\u002Ffull-text-search","06.databases\u002F10.full-text-search",[2877],{"title":2872,"path":2878,"stem":2879},"\u002Fdatabases\u002Ffull-text-search\u002Ffull-text-search","06.databases\u002F10.full-text-search\u002F01.full-text-search",{"title":2881,"icon":2882,"path":2883,"stem":2884,"children":2885,"page":59},"Tools","i-lucide-wrench","\u002Ftools","07.tools",[2886,2962],{"title":2887,"icon":2888,"path":2889,"stem":2890,"children":2891},"Docker","i-simple-icons-docker","\u002Ftools\u002Fdocker","07.tools\u002F01.docker\u002Findex",[2892,2894,2898,2902,2906,2910,2914,2918,2922,2926,2930,2934,2938,2942,2946,2950,2954,2958],{"title":2893,"path":2889,"stem":2890},"Docker: від нуля до production",{"title":2895,"path":2896,"stem":2897},"Контейнеризація — від проблеми до рішення","\u002Ftools\u002Fdocker\u002Fcontainerization-concept","07.tools\u002F01.docker\u002F01.containerization-concept",{"title":2899,"path":2900,"stem":2901},"Docker — що це і навіщо?","\u002Ftools\u002Fdocker\u002Fdocker-what-and-why","07.tools\u002F01.docker\u002F02.docker-what-and-why",{"title":2903,"path":2904,"stem":2905},"Архітектура Docker Engine","\u002Ftools\u002Fdocker\u002Fdocker-architecture","07.tools\u002F01.docker\u002F03.docker-architecture",{"title":2907,"path":2908,"stem":2909},"Встановлення Docker","\u002Ftools\u002Fdocker\u002Finstallation","07.tools\u002F01.docker\u002F04.installation",{"title":2911,"path":2912,"stem":2913},"Перший контейнер — docker run","\u002Ftools\u002Fdocker\u002Ffirst-container","07.tools\u002F01.docker\u002F05.first-container",{"title":2915,"path":2916,"stem":2917},"Життєвий цикл контейнера","\u002Ftools\u002Fdocker\u002Fcontainer-lifecycle","07.tools\u002F01.docker\u002F06.container-lifecycle",{"title":2919,"path":2920,"stem":2921},"Docker Images — фундаментальні концепції","\u002Ftools\u002Fdocker\u002Fdocker-images-fundamentals","07.tools\u002F01.docker\u002F07.docker-images-fundamentals",{"title":2923,"path":2924,"stem":2925},"Dockerfile — основи","\u002Ftools\u002Fdocker\u002Fdockerfile-basics","07.tools\u002F01.docker\u002F08.dockerfile-basics",{"title":2927,"path":2928,"stem":2929},"Dockerfile — просунуті техніки","\u002Ftools\u002Fdocker\u002Fdockerfile-advanced","07.tools\u002F01.docker\u002F09.dockerfile-advanced",{"title":2931,"path":2932,"stem":2933},"Build Context та кешування шарів","\u002Ftools\u002Fdocker\u002Fbuild-context-and-cache","07.tools\u002F01.docker\u002F10.build-context-and-cache",{"title":2935,"path":2936,"stem":2937},"Реєстри Docker-образів","\u002Ftools\u002Fdocker\u002Fimage-registries","07.tools\u002F01.docker\u002F11.image-registries",{"title":2939,"path":2940,"stem":2941},"Контейнеризація .NET додатків","\u002Ftools\u002Fdocker\u002Fdotnet-containerization","07.tools\u002F01.docker\u002F12.dotnet-containerization",{"title":2943,"path":2944,"stem":2945},"Томи та збереження даних","\u002Ftools\u002Fdocker\u002Fvolumes-and-data","07.tools\u002F01.docker\u002F13.volumes-and-data",{"title":2947,"path":2948,"stem":2949},"Основи мережі в Docker","\u002Ftools\u002Fdocker\u002Fnetworking-basics","07.tools\u002F01.docker\u002F14.networking-basics",{"title":2951,"path":2952,"stem":2953},"Змінні оточення та конфігурація","\u002Ftools\u002Fdocker\u002Fenvironment-and-configuration","07.tools\u002F01.docker\u002F15.environment-and-configuration",{"title":2955,"path":2956,"stem":2957},"Docker Compose — оркестрація контейнерів","\u002Ftools\u002Fdocker\u002Fdocker-compose-basics","07.tools\u002F01.docker\u002F16.docker-compose-basics",{"title":2959,"path":2960,"stem":2961},"Docker Compose — Multi-Service застосунки","\u002Ftools\u002Fdocker\u002Fcompose-multi-service","07.tools\u002F01.docker\u002F17.compose-multi-service",{"title":2963,"icon":2964,"path":2965,"stem":2966,"children":2967},"Kubernetes","simple-icons:kubernetes","\u002Ftools\u002Fkubernetes","07.tools\u002F02.kubernetes\u002Findex",[2968,2970,2974,2978,2982,2986,2990,2994,2998],{"title":2969,"path":2965,"stem":2966},"Kubernetes: від розробки до production",{"title":2971,"path":2972,"stem":2973},"Kubernetes — коли Docker Compose більше не вистачає","\u002Ftools\u002Fkubernetes\u002Fwhy-kubernetes","07.tools\u002F02.kubernetes\u002F01.why-kubernetes",{"title":2975,"path":2976,"stem":2977},"Архітектура Kubernetes — анатомія кластера","\u002Ftools\u002Fkubernetes\u002Fkubernetes-architecture","07.tools\u002F02.kubernetes\u002F02.kubernetes-architecture",{"title":2979,"path":2980,"stem":2981},"Локальне середовище — minikube, kind та k3s","\u002Ftools\u002Fkubernetes\u002Flocal-environment","07.tools\u002F02.kubernetes\u002F03.local-environment",{"title":2983,"path":2984,"stem":2985},"Pod — атомарна одиниця Kubernetes","\u002Ftools\u002Fkubernetes\u002Fpods-and-containers","07.tools\u002F02.kubernetes\u002F04.pods-and-containers",{"title":2987,"path":2988,"stem":2989},"Патерни використання Pod","\u002Ftools\u002Fkubernetes\u002Fpod-patterns","07.tools\u002F02.kubernetes\u002F05.pod-patterns",{"title":2991,"path":2992,"stem":2993},"Deployment — декларативне управління Pod","\u002Ftools\u002Fkubernetes\u002Fdeployment-basics","07.tools\u002F02.kubernetes\u002F06.deployment-basics",{"title":2995,"path":2996,"stem":2997},"Rolling Updates та управління життєвим циклом Deployment","\u002Ftools\u002Fkubernetes\u002Fdeployment-rolling-updates","07.tools\u002F02.kubernetes\u002F07.deployment-rolling-updates",{"title":2999,"path":3000,"stem":3001},"Service — мережева абстракція для Pod","\u002Ftools\u002Fkubernetes\u002Fservices-networking","07.tools\u002F02.kubernetes\u002F08.services-networking",{"title":3003,"icon":3004,"path":3005,"stem":3006,"children":3007,"page":59},"Software Engineering","i-lucide-code-2","\u002Fsoftware-engineering","09.software-engineering",[3008,3012,3016,3020,3024,3028,3032,3036,3040,3044,3048],{"title":3009,"path":3010,"stem":3011},"1. Аналіз предметної області. Експертні знання та складність","\u002Fsoftware-engineering\u002Fintro-subdomains","09.software-engineering\u002F01.intro-subdomains",{"title":3013,"path":3014,"stem":3015},"2. Обмежені контексти. Інтеграція обмежених контекстів","\u002Fsoftware-engineering\u002Fintegrating-limited-contexts","09.software-engineering\u002F02.integrating-limited-contexts",{"title":3017,"path":3018,"stem":3019},"3. Реалізація простої бізнес-логіки","\u002Fsoftware-engineering\u002Fsimple","09.software-engineering\u002F03.simple",{"title":3021,"path":3022,"stem":3023},"4. Опрацювання складної бізнес-логіки","\u002Fsoftware-engineering\u002Fcomplex-business-logic","09.software-engineering\u002F04.complex-business-logic",{"title":3025,"path":3026,"stem":3027},"5. Моделювання фактора часу. Подієво-орієнтована архітектура.","\u002Fsoftware-engineering\u002Fmodelling-the-time-factor","09.software-engineering\u002F05.modelling-the-time-factor",{"title":3029,"path":3030,"stem":3031},"6. Архітектурні патерни","\u002Fsoftware-engineering\u002Farchitectural-patterns","09.software-engineering\u002F06.architectural-patterns",{"title":3033,"path":3034,"stem":3035},"Паттерни взаємодії","\u002Fsoftware-engineering\u002Fpatterns-of-interaction","09.software-engineering\u002F07.patterns-of-interaction",{"title":3037,"path":3038,"stem":3039},"Евристика проєктування","\u002Fsoftware-engineering\u002Fdesign-heuristics","09.software-engineering\u002F08.design-heuristics",{"title":3041,"path":3042,"stem":3043},"Еволюція проєктних рішень","\u002Fsoftware-engineering\u002Fevolution-of-design-solutions","09.software-engineering\u002F09.evolution-of-design-solutions",{"title":3045,"path":3046,"stem":3047},"EventStorming","\u002Fsoftware-engineering\u002Feventstorming","09.software-engineering\u002F10.eventstorming",{"title":3049,"path":3050,"stem":3051},"DDD на практиці","\u002Fsoftware-engineering\u002Fddd-in-practice","09.software-engineering\u002F11.ddd-in-practice",{"title":3053,"icon":943,"path":3054,"stem":3055,"children":3056,"page":59},"DDD","\u002Fddd","10.ddd",[3057,3061,3065,3069,3073,3077,3081,3085,3089,3093,3097,3101,3105],{"title":3058,"path":3059,"stem":3060},"Аналіз предметної області","\u002Fddd\u002Fdomain-analysis","10.ddd\u002F01.domain-analysis",{"title":3062,"path":3063,"stem":3064},"Експертні знання про предметну область","\u002Fddd\u002Fdomain-expert-knowledge","10.ddd\u002F02.domain-expert-knowledge",{"title":3066,"path":3067,"stem":3068},"Як осмислити складність предметної області","\u002Fddd\u002Fmanaging-domain-complexity","10.ddd\u002F03.managing-domain-complexity",{"title":3070,"path":3071,"stem":3072},"Інтеграція обмежених контекстів","\u002Fddd\u002Fbounded-context-integration","10.ddd\u002F04.bounded-context-integration",{"title":3074,"path":3075,"stem":3076},"Реалізація простої бізнес-логіки","\u002Fddd\u002Fsimple-business-logic","10.ddd\u002F05.simple-business-logic",{"title":3078,"path":3079,"stem":3080},"Обробка складної бізнес-логіки","\u002Fddd\u002Fcomplex-business-logic","10.ddd\u002F06.complex-business-logic",{"title":3082,"path":3083,"stem":3084},"Моделювання фактора часу","\u002Fddd\u002Ftime-modeling","10.ddd\u002F07.time-modeling",{"title":3086,"path":3087,"stem":3088},"Глава 8. Архітектурні Патерни","\u002Fddd\u002Farchitectural-patterns","10.ddd\u002F08.architectural-patterns",{"title":3090,"path":3091,"stem":3092},"Глава 9. Патерни Взаємодії","\u002Fddd\u002Finteraction-patterns","10.ddd\u002F09.interaction-patterns",{"title":3094,"path":3095,"stem":3096},"Глава 10. Проектні Евристики","\u002Fddd\u002Fdesign-heuristics","10.ddd\u002F10.design-heuristics",{"title":3098,"path":3099,"stem":3100},"Глава 11. Еволюція Проектних Рішень","\u002Fddd\u002Fevolution-of-design-decisions","10.ddd\u002F11.evolution-of-design-decisions",{"title":3102,"path":3103,"stem":3104},"Глава 12. EventStorming","\u002Fddd\u002Fevent-storming","10.ddd\u002F12.event-storming",{"title":3106,"path":3107,"stem":3108},"Глава 13. DDD на Практиці","\u002Fddd\u002Fddd-in-practice","10.ddd\u002F13.ddd-in-practice",{"title":3110,"icon":3111,"path":3112,"stem":3113,"children":3114,"page":59},"Media Streaming","i-lucide-video","\u002Fmedia-streaming","11.media-streaming",[3115,3119,3123,3127,3131,3135,3139],{"title":3116,"path":3117,"stem":3118},"01. Магія Стрімінгу: Що відбувається, коли ви натискаєте \"Play\"","\u002Fmedia-streaming\u002Fintroduction","11.media-streaming\u002F01.introduction",{"title":3120,"path":3121,"stem":3122},"02. Анатомія Медіа: Кодеки, Контейнери та Стиснення","\u002Fmedia-streaming\u002Faudio-video-anatomy","11.media-streaming\u002F02.audio-video-anatomy",{"title":3124,"path":3125,"stem":3126},"03. The Gym: FFmpeg Deep Dive","\u002Fmedia-streaming\u002Fffmpeg-gym","11.media-streaming\u002F03.ffmpeg-gym",{"title":3128,"path":3129,"stem":3130},"04. HLS Protocol: HTTP Live Streaming у Деталях","\u002Fmedia-streaming\u002Fhls-protocol","11.media-streaming\u002F04.hls-protocol",{"title":3132,"path":3133,"stem":3134},"05. DASH Protocol: Відкритий Стандарт","\u002Fmedia-streaming\u002Fdash-protocol","11.media-streaming\u002F05.dash-protocol",{"title":3136,"path":3137,"stem":3138},"06. Масштабування: CDN та Adaptive Bitrate","\u002Fmedia-streaming\u002Fcdn-and-adaptive-bitrate","11.media-streaming\u002F06.cdn-and-adaptive-bitrate",{"title":3140,"path":3141,"stem":3142},"07. Війна із Затримкою (Latency)","\u002Fmedia-streaming\u002Frealtime-latency","11.media-streaming\u002F07.realtime-latency",{"title":3144,"icon":3145,"path":3146,"stem":3147,"children":3148,"page":59},"HTML & CSS","i-devicon-html5","\u002Fhtml-css","12.html-css",[3149,3153,3157,3161,3165,3169,3173,3177,3181,3185,3189,3193,3197,3201,3205,3209,3213,3217,3221,3225,3229,3233,3237,3241,3245,3249,3253,3257,3261,3265],{"title":3150,"path":3151,"stem":3152},"Вступ до HTML. Структура документа","\u002Fhtml-css\u002Fintro-html-structure","12.html-css\u002F01.intro-html-structure",{"title":3154,"path":3155,"stem":3156},"Форматування тексту в HTML","\u002Fhtml-css\u002Fhtml-text-formatting","12.html-css\u002F02.html-text-formatting",{"title":3158,"path":3159,"stem":3160},"Посилання та зображення в HTML","\u002Fhtml-css\u002Fhtml-links-images","12.html-css\u002F03.html-links-images",{"title":3162,"path":3163,"stem":3164},"Списки та таблиці в HTML","\u002Fhtml-css\u002Fhtml-lists-tables","12.html-css\u002F04.html-lists-tables",{"title":3166,"path":3167,"stem":3168},"Форми в HTML","\u002Fhtml-css\u002Fhtml-forms","12.html-css\u002F05.html-forms",{"title":3170,"path":3171,"stem":3172},"Семантичні елементи HTML5","\u002Fhtml-css\u002Fhtml-semantic-elements","12.html-css\u002F06.html-semantic-elements",{"title":3174,"path":3175,"stem":3176},"Мультимедіа та розширені елементи HTML","\u002Fhtml-css\u002Fhtml-multimedia-advanced","12.html-css\u002F07.html-multimedia-advanced",{"title":3178,"path":3179,"stem":3180},"Мікророзмітка та SEO в HTML","\u002Fhtml-css\u002Fhtml-microdata-seo","12.html-css\u002F08.html-microdata-seo",{"title":3182,"path":3183,"stem":3184},"Вступ до CSS. Селектори та специфічність","\u002Fhtml-css\u002Fcss-intro-selectors","12.html-css\u002F09.css-intro-selectors",{"title":3186,"path":3187,"stem":3188},"Блокова модель CSS. Відступи. Box Sizing","\u002Fhtml-css\u002Fcss-box-model","12.html-css\u002F10.css-box-model",{"title":3190,"path":3191,"stem":3192},"Розміри у CSS: повний довідник одиниць і ключових слів","\u002Fhtml-css\u002F10a.css-sizing","12.html-css\u002F10a.css-sizing",{"title":3194,"path":3195,"stem":3196},"Типографіка в CSS. Шрифти та текст","\u002Fhtml-css\u002Fcss-typography","12.html-css\u002F11.css-typography",{"title":3198,"path":3199,"stem":3200},"Кольори та фони в CSS","\u002Fhtml-css\u002Fcss-colors-backgrounds","12.html-css\u002F12.css-colors-backgrounds",{"title":3202,"path":3203,"stem":3204},"Тіні та фільтри в CSS","\u002Fhtml-css\u002F12b.css-shadows-filters","12.html-css\u002F12b.css-shadows-filters",{"title":3206,"path":3207,"stem":3208},"CSS Flexbox: Фундамент гнучких макетів","\u002Fhtml-css\u002Fcss-flexbox-fundamentals","12.html-css\u002F13.css-flexbox-fundamentals",{"title":3210,"path":3211,"stem":3212},"CSS Flexbox: Вирівнювання та Позиціонування","\u002Fhtml-css\u002Fcss-flexbox-alignment-sizing-and-patterns","12.html-css\u002F14.css-flexbox-alignment-sizing-and-patterns",{"title":3214,"path":3215,"stem":3216},"CSS Grid. Двовимірний макет. Частина 1","\u002Fhtml-css\u002Fcss-layout-grid","12.html-css\u002F15.css-layout-grid",{"title":3218,"path":3219,"stem":3220},"CSS Grid. Двовимірний макет. Частина 2","\u002Fhtml-css\u002Fcss-layout-grid-advanced","12.html-css\u002F16.css-layout-grid-advanced",{"title":3222,"path":3223,"stem":3224},"Позиціонування в CSS. Z-index. Stacking Context","\u002Fhtml-css\u002Fcss-positioning","12.html-css\u002F17.css-positioning",{"title":3226,"path":3227,"stem":3228},"CSS Анімації та Переходи","\u002Fhtml-css\u002Fcss-animations-transitions","12.html-css\u002F18.css-animations-transitions",{"title":3230,"path":3231,"stem":3232},"Адаптивний дизайн. Media Queries. Частина 1","\u002Fhtml-css\u002Fcss-responsive-media-queries","12.html-css\u002F19.css-responsive-media-queries",{"title":3234,"path":3235,"stem":3236},"Адаптивний дизайн. Частина 2: clamp(), Container Queries, @layer","\u002Fhtml-css\u002Fcss-responsive-advanced","12.html-css\u002F20.css-responsive-advanced",{"title":3238,"path":3239,"stem":3240},"CSS Custom Properties. Методології. Сучасний CSS","\u002Fhtml-css\u002Fcss-variables-methodologies","12.html-css\u002F21.css-variables-methodologies",{"title":3242,"path":3243,"stem":3244},"Сучасний CSS 2023–2025: Нові можливості","\u002Fhtml-css\u002Fcss-modern-features","12.html-css\u002F22.css-modern-features",{"title":3246,"path":3247,"stem":3248},"CSS Nesting, @layer, @scope та @property: нативний препроцесор","\u002Fhtml-css\u002F22a.css-nesting-modern-syntax","12.html-css\u002F22a.css-nesting-modern-syntax",{"title":3250,"path":3251,"stem":3252},"CSS для форм та інтерактивних станів","\u002Fhtml-css\u002Fcss-forms-interactive-states","12.html-css\u002F23.css-forms-interactive-states",{"title":3254,"path":3255,"stem":3256},"Доступність у CSS (CSS Accessibility)","\u002Fhtml-css\u002Fcss-accessibility","12.html-css\u002F24.css-accessibility",{"title":3258,"path":3259,"stem":3260},"CSS-функції та сучасні sizing primitives","\u002Fhtml-css\u002Fcss-functions-sizing","12.html-css\u002F25.css-functions-sizing",{"title":3262,"path":3263,"stem":3264},"Rendering Pipeline і CSS Performance","\u002Fhtml-css\u002Fcss-rendering-performance","12.html-css\u002F26.css-rendering-performance",{"title":3266,"path":3267,"stem":3268},"CSS Best Practices: типові ситуації та правильні рішення","\u002Fhtml-css\u002Fcss-best-practices","12.html-css\u002F27.css-best-practices",{"title":3270,"path":3271,"stem":3272,"children":3273,"page":59},"AWS","\u002Faws","13.aws",[3274,3278,3282,3286,3290,3294,3298,3302,3306,3310,3314,3318,3322,3326,3330,3334,3338,3342],{"title":3275,"path":3276,"stem":3277},"Реєстрація AWS акаунту та студентські програми","\u002Faws\u002Faccount-registration","13.aws\u002F00.account-registration",{"title":3279,"path":3280,"stem":3281},"Вступ до хмарних обчислень та AWS","\u002Faws\u002Fintroduction-to-cloud","13.aws\u002F01.introduction-to-cloud",{"title":3283,"path":3284,"stem":3285},"AWS IAM — Identity and Access Management","\u002Faws\u002Fiam","13.aws\u002F02.iam",{"title":3287,"path":3288,"stem":3289},"AWS IAM CLI — Довідник команд","\u002Faws\u002F02a.iam-doc","13.aws\u002F02a.iam-doc",{"title":3291,"path":3292,"stem":3293},"Docker та контейнеризація в AWS — ECR, ECS та Fargate","\u002Faws\u002Fdocker-ecs","13.aws\u002F03.docker-ecs",{"title":3295,"path":3296,"stem":3297},"AWS ECR \u002F ECS CLI — Довідник команд","\u002Faws\u002F03a.docker-ecs-doc","13.aws\u002F03a.docker-ecs-doc",{"title":3299,"path":3300,"stem":3301},"Amazon EC2 — Elastic Compute Cloud","\u002Faws\u002Fec2","13.aws\u002F04.ec2",{"title":3303,"path":3304,"stem":3305},"AWS EC2 CLI — Довідник команд","\u002Faws\u002F04a.ec2-doc","13.aws\u002F04a.ec2-doc",{"title":3307,"path":3308,"stem":3309},"Elastic Load Balancing та Auto Scaling","\u002Faws\u002Falb-asg","13.aws\u002F05.alb-asg",{"title":3311,"path":3312,"stem":3313},"Amazon S3 — Simple Storage Service","\u002Faws\u002Fs3","13.aws\u002F06.s3",{"title":3315,"path":3316,"stem":3317},"Amazon CloudFront — Content Delivery Network","\u002Faws\u002Fcloudfront","13.aws\u002F07.cloudfront",{"title":3319,"path":3320,"stem":3321},"Amazon RDS — Relational Database Service","\u002Faws\u002Frds","13.aws\u002F08.rds",{"title":3323,"path":3324,"stem":3325},"Amazon DynamoDB — NoSQL Database","\u002Faws\u002Fdynamodb","13.aws\u002F09.dynamodb",{"title":3327,"path":3328,"stem":3329},"AWS Lambda та Serverless Compute","\u002Faws\u002Flambda","13.aws\u002F10.lambda",{"title":3331,"path":3332,"stem":3333},"Amazon Bedrock - Foundation Models, RAG та Agents","\u002Faws\u002Fbedrock","13.aws\u002F22.bedrock",{"title":3335,"path":3336,"stem":3337},"Amazon Rekognition - Комп'ютерний зір","\u002Faws\u002Frekognition","13.aws\u002F23.rekognition",{"title":3339,"path":3340,"stem":3341},"Amazon Textract - Інтелектуальний аналіз документів","\u002Faws\u002Ftextract","13.aws\u002F24.textract",{"title":3343,"path":3344,"stem":3345},"Amazon Polly, Transcribe, Comprehend та Translate","\u002Faws\u002Faudio-nlp-services","13.aws\u002F25.audio-nlp-services",{"title":3347,"path":3348,"stem":3349,"children":3350,"page":59},"Ai Development","\u002Fai-development","14.ai-development",[3351],{"title":3352,"path":3353,"stem":3354,"children":3355,"page":59},"Foundations","\u002Fai-development\u002Ffoundations","14.ai-development\u002F00.foundations",[3356],{"title":3357,"path":3358,"stem":3359},"Модуль 0.1. Що таке Large Language Model (LLM)","\u002Fai-development\u002Ffoundations\u002Fwhat-is-llm","14.ai-development\u002F00.foundations\u002F01.what-is-llm",{"title":3361,"path":3362,"stem":3363,"children":3364},"React Native","\u002Freact-native","15.react-native",[3365,3367,3371,3375,3379,3383,3387,3391,3395,3399,3403,3407,3411,3415,3419],{"title":3361,"path":3362,"stem":3366},"15.react-native\u002Findex",{"title":3368,"path":3369,"stem":3370},"React Native — навіщо він потрібен","\u002Freact-native\u002Fwhy-react-native","15.react-native\u002F01.why-react-native",{"title":3372,"path":3373,"stem":3374},"Як влаштований React Native «під капотом»","\u002Freact-native\u002Freact-native-architecture","15.react-native\u002F02.react-native-architecture",{"title":3376,"path":3377,"stem":3378},"Expo і класичний React Native — два шляхи одного фреймворку","\u002Freact-native\u002Fexpo-vs-cli-landscape","15.react-native\u002F03.expo-vs-cli-landscape",{"title":3380,"path":3381,"stem":3382},"Середовище Expo — перший запуск","\u002Freact-native\u002Fexpo-setup-and-tooling","15.react-native\u002F04.expo-setup-and-tooling",{"title":3384,"path":3385,"stem":3386},"Структура проєкту та перші UI-примітиви","\u002Freact-native\u002Fproject-structure-and-conventions","15.react-native\u002F05.project-structure-and-conventions",{"title":3388,"path":3389,"stem":3390},"Базові компоненти React Native","\u002Freact-native\u002Fcore-components","15.react-native\u002F06.core-components",{"title":3392,"path":3393,"stem":3394},"Flexbox і layout у React Native","\u002Freact-native\u002Fflexbox-and-layout","15.react-native\u002F07.flexbox-and-layout",{"title":3396,"path":3397,"stem":3398},"StyleSheet і теми (light \u002F dark)","\u002Freact-native\u002Fstylesheet-and-theming","15.react-native\u002F08.stylesheet-and-theming",{"title":3400,"path":3401,"stem":3402},"Списки та віртуалізація","\u002Freact-native\u002Flists-and-virtualization","15.react-native\u002F09.lists-and-virtualization",{"title":3404,"path":3405,"stem":3406},"Форми, ввід і валідація","\u002Freact-native\u002Fforms-input-validation","15.react-native\u002F10.forms-input-validation",{"title":3408,"path":3409,"stem":3410},"Основи Expo Router","\u002Freact-native\u002Fexpo-router-basics","15.react-native\u002F11.expo-router-basics",{"title":3412,"path":3413,"stem":3414},"Вкладені навігатори та модалки","\u002Freact-native\u002Fnested-navigators-and-modals","15.react-native\u002F12.nested-navigators-and-modals",{"title":3416,"path":3417,"stem":3418},"Deep linking і параметри маршрутів","\u002Freact-native\u002Fdeep-linking-and-params","15.react-native\u002F13.deep-linking-and-params",{"title":3420,"path":3421,"stem":3422},"Робота з мережею та життєвий цикл застосунку","\u002Freact-native\u002Fnetworking-and-app-lifecycle","15.react-native\u002F14.networking-and-app-lifecycle",{"title":3424,"path":3425,"stem":3426,"children":3427,"page":59},"Ai Python","\u002Fai-python","16.ai-python",[3428,3432,3436],{"title":3429,"path":3430,"stem":3431},"Вступ до штучного інтелекту та машинного навчання","\u002Fai-python\u002Fintro-to-ai","16.ai-python\u002F01.intro-to-ai",{"title":3433,"path":3434,"stem":3435},"Знайомство з Jupyter Notebook та JupyterLab","\u002Fai-python\u002Fjupyter-notebook","16.ai-python\u002F02.jupyter-notebook",{"title":3437,"path":3438,"stem":3439},"Робота з даними з використанням NumPy і pandas","\u002Fai-python\u002Fnumpy-pandas","16.ai-python\u002F03.numpy-pandas",{"title":3441,"path":3442,"stem":3443,"children":3444,"page":59},"Tailwind","\u002Ftailwind","21.tailwind",[3445,3449,3453,3457,3461,3465,3469,3473,3477,3481,3485,3489],{"title":3446,"path":3447,"stem":3448},"Що таке Tailwind CSS і навіщо він потрібен","\u002Ftailwind\u002Ftailwind-intro-philosophy","21.tailwind\u002F01.tailwind-intro-philosophy",{"title":3450,"path":3451,"stem":3452},"Встановлення та налаштування Tailwind CSS v4","\u002Ftailwind\u002Ftailwind-installation-setup","21.tailwind\u002F02.tailwind-installation-setup",{"title":3454,"path":3455,"stem":3456},"Utility-класи: основи та система Tailwind","\u002Ftailwind\u002Ftailwind-utility-classes-core","21.tailwind\u002F03.tailwind-utility-classes-core",{"title":3458,"path":3459,"stem":3460},"Layout: Flexbox та Grid через Tailwind","\u002Ftailwind\u002Ftailwind-flexbox-grid","21.tailwind\u002F04.tailwind-flexbox-grid",{"title":3462,"path":3463,"stem":3464},"Кастомізація теми через @theme у Tailwind v4","\u002Ftailwind\u002Ftailwind-theme-customization","21.tailwind\u002F05.tailwind-theme-customization",{"title":3466,"path":3467,"stem":3468},"Варіанти: hover, focus, responsive, dark mode та нові v4","\u002Ftailwind\u002Ftailwind-variants-states","21.tailwind\u002F06.tailwind-variants-states",{"title":3470,"path":3471,"stem":3472},"Типографіка та система кольорів у Tailwind v4","\u002Ftailwind\u002Ftailwind-typography-colors","21.tailwind\u002F07.tailwind-typography-colors",{"title":3474,"path":3475,"stem":3476},"Компоненти та повторюваність: @apply, @utility та патерни","\u002Ftailwind\u002Ftailwind-components-patterns","21.tailwind\u002F08.tailwind-components-patterns",{"title":3478,"path":3479,"stem":3480},"Темна тема та система дизайн-токенів у Tailwind v4","\u002Ftailwind\u002Ftailwind-dark-mode-theming","21.tailwind\u002F09.tailwind-dark-mode-theming",{"title":3482,"path":3483,"stem":3484},"Довільні значення та контейнерні запити у Tailwind v4","\u002Ftailwind\u002Ftailwind-arbitrary-container-queries","21.tailwind\u002F10.tailwind-arbitrary-container-queries",{"title":3486,"path":3487,"stem":3488},"Анімації, трансформації та 3D у Tailwind v4","\u002Ftailwind\u002Ftailwind-animations-transforms","21.tailwind\u002F11.tailwind-animations-transforms",{"title":3490,"path":3491,"stem":3492},"Tailwind CLI, PostCSS та інтеграція з фреймворками","\u002Ftailwind\u002Ftailwind-cli-tooling","21.tailwind\u002F12.tailwind-cli-tooling",{"title":3494,"path":3495,"stem":3496},"Тестування компонентів діаграм","\u002Ftest-components","98.test-components",{"id":3498,"title":3392,"body":3499,"description":36004,"extension":30720,"links":36005,"meta":36006,"navigation":4124,"path":3393,"seo":36007,"stem":3394,"__hash__":36008},"docs\u002F15.react-native\u002F07.flexbox-and-layout.md",{"type":3500,"value":3501,"toc":35913},"minimark",[3502,3506,3511,3537,3553,3571,3574,3627,3665,3687,3690,3694,3703,3858,3881,3883,3887,3894,3897,3920,3928,3996,4081,4249,4254,5331,5333,5339,5357,5426,5466,5470,6877,6879,6885,6901,6961,6986,6990,8262,8264,8270,8286,8318,8321,8329,8336,8360,8364,8972,8978,8992,9042,9164,9193,9201,9215,10040,10047,10059,10919,10926,10941,11894,11898,11909,14209,14213,14216,14291,15421,15444,15482,15484,15492,15499,15503,15513,15545,15556,15562,15572,15583,15596,15600,16324,16348,16350,16354,16361,16368,16420,17459,17478,17480,17484,17498,18161,18163,18167,18177,18184,18206,18213,18215,18219,18233,19079,19081,19085,19095,19099,19155,19166,19171,19178,19203,19226,19230,19240,19242,19248,19259,19270,19303,19306,19685,19721,19740,19770,19774,20785,20787,20791,20798,20804,20807,20842,21889,21891,21895,21960,21962,21966,21977,21981,21984,22014,22017,22021,22073,22076,22083,22098,25610,25614,25690,25694,25712,25743,25747,28959,28966,28968,28972,28976,28982,28986,28996,29014,29019,29044,29048,29068,29104,34110,34114,34131,34135,34141,34215,34225,34229,35712,35714,35718,35752,35759,35761,35765,35769,35796,35800,35822,35826,35849,35851,35855,35910],[3503,3504,3392],"h1",{"id":3505},"flexbox-і-layout-у-react-native",[3507,3508,3510],"h2",{"id":3509},"навіщо-ця-стаття","Навіщо ця стаття",[3512,3513,3514,3515,3519,3520,3519,3523,3519,3526,3519,3529,3532,3533,3536],"p",{},"У попередній статті з’явилися «цеглини» UI: ",[3516,3517,3518],"code",{},"View",", ",[3516,3521,3522],{},"Text",[3516,3524,3525],{},"Image",[3516,3527,3528],{},"Pressable",[3516,3530,3531],{},"ScrollView",", safe area. Якщо просто скласти їх підряд, екран швидко виглядає «як стопка блоків»: заголовок прилип до краю, кнопка кудись зникла під клавіатурою, картки різної висоти «танцюють», а між елементами — або нуль, або випадкові ",[3516,3534,3535],{},"margin",".",[3512,3538,3539,3543,3544,3547,3548,3552],{},[3540,3541,3542],"strong",{},"Layout"," (розкладка) — це правила, за якими контейнер ",[3540,3545,3546],{},"розміщує вкладені елементи"," (",[3549,3550,3551],"em",{},"children",") у просторі: колонка чи рядок, хто розтягується, хто лишається фіксованим, куди йде «вільне місце», що робить екран, коли з’являється клавіатура.",[3512,3554,3555,3556,3559,3560,3562,3563,3566,3567,3570],{},"У React Native майже весь layout будується на ",[3540,3557,3558],{},"Flexbox"," — тій самій ідеї, що й у CSS Flexbox у браузері, але з кількома важливими відмінностями. Найчастіша помилка після вебу: чекати, що ",[3516,3561,3518],{}," поводиться як ",[3516,3564,3565],{},"div"," з ",[3516,3568,3569],{},"display: block"," і «рядком за замовчуванням».",[3512,3572,3573],{},"Після статті:",[3575,3576,3577,3592,3610,3613,3620],"ol",{},[3578,3579,3580,3581,3584,3585,3588,3589,3536],"li",{},"Зрозуміло, що таке ",[3540,3582,3583],{},"main axis"," і ",[3540,3586,3587],{},"cross axis"," і чому за замовчуванням вкладені елементи йдуть ",[3540,3590,3591],{},"колонкою",[3578,3593,3594,3595,3519,3598,3519,3601,3519,3604,3519,3607,3536],{},"Ви впевнено користуєтесь ",[3516,3596,3597],{},"justifyContent",[3516,3599,3600],{},"alignItems",[3516,3602,3603],{},"gap",[3516,3605,3606],{},"flex",[3516,3608,3609],{},"flexWrap",[3578,3611,3612],{},"Знаєте п’ять типових патернів екрана: header\u002Fbody\u002Ffooter, split, grid, sticky CTA, empty state.",[3578,3614,3615,3616,3619],{},"Розумієте, навіщо ",[3516,3617,3618],{},"KeyboardAvoidingView"," і як узгодити його з safe area.",[3578,3621,3622,3623,3626],{},"У ",[3540,3624,3625],{},"Nomad"," — чіткіша структура стрічки поїздок (шапка \u002F список \u002F закріплена кнопка).",[3628,3629,3630,3633,3634,3636,3637,3547,3640,3643,3644,3547,3647,3650,3651,3654,3655,3657,3658,3661,3662,3664],"note",{},[3540,3631,3632],{},"Головна думка."," У React Native кожен ",[3516,3635,3518],{}," — уже flex-контейнер. Напрямок за замовчуванням — ",[3540,3638,3639],{},"колонка",[3516,3641,3642],{},"flexDirection: 'column'","), а не рядок, як часто звикли з web-flex. Спочатку оберіть ",[3540,3645,3646],{},"вісь",[3516,3648,3649],{},"flexDirection","), потім — ",[3540,3652,3653],{},"як розподілити місце"," вздовж неї (",[3516,3656,3597],{},") і ",[3540,3659,3660],{},"як вирівняти"," вкладені елементи по cross axis (",[3516,3663,3600],{},").",[3666,3667,3668,3671,3672,3675,3676,3519,3679,3682,3683,3686],"tip",{},[3540,3669,3670],{},"Живі прев’ю."," Як і в статті про базові компоненти, тут багато ",[3516,3673,3674],{},"::react-native-preview"," (react-native-web у рамці телефону). Імпорти ",[3516,3677,3678],{},"@\u002F…",[3516,3680,3681],{},"expo-*"," і Router у прев’ю ",[3540,3684,3685],{},"не працюють"," — демо самодостатні. Клавіатура й системні вирізи в браузері відчуваються слабше, ніж на реальному пристрої: фінальну перевірку KAV і safe area робіть у Expo Go \u002F симуляторі.",[3688,3689],"hr",{},[3507,3691,3693],{"id":3692},"місток-з-web-css","Місток з web CSS",[3512,3695,3696],{},[3697,3698],"img",{"alt":3699,"className":3700,"src":3702},"Column default vs web row",[3701],"diagram-img","\u002Fimages\u002Freact-native\u002Fflexbox-and-layout\u002F01.svg",[3704,3705,3706,3722],"table",{},[3707,3708,3709],"thead",{},[3710,3711,3712,3716,3719],"tr",{},[3713,3714,3715],"th",{},"У браузері (CSS)",[3713,3717,3718],{},"У React Native",[3713,3720,3721],{},"Коментар",[3723,3724,3725,3749,3767,3781,3795,3809,3824,3837],"tbody",{},[3710,3726,3727,3734,3739],{},[3728,3729,3730,3733],"td",{},[3516,3731,3732],{},"display: flex"," треба вмикати",[3728,3735,3736,3738],{},[3516,3737,3518],{}," уже flex",[3728,3740,3741,3742,3744,3745,3748],{},"Немає ",[3516,3743,3569],{}," \u002F ",[3516,3746,3747],{},"inline"," у тому ж сенсі",[3710,3750,3751,3757,3764],{},[3728,3752,3753,3754],{},"За замовчуванням ",[3516,3755,3756],{},"flex-direction: row",[3728,3758,3753,3759],{},[3540,3760,3761],{},[3516,3762,3763],{},"column",[3728,3765,3766],{},"Найважливіша різниця",[3710,3768,3769,3774,3778],{},[3728,3770,3771],{},[3516,3772,3773],{},"justify-content",[3728,3775,3776],{},[3516,3777,3597],{},[3728,3779,3780],{},"camelCase у style-об’єкті",[3710,3782,3783,3788,3792],{},[3728,3784,3785],{},[3516,3786,3787],{},"align-items",[3728,3789,3790],{},[3516,3791,3600],{},[3728,3793,3794],{},"Те саме",[3710,3796,3797,3801,3806],{},[3728,3798,3799],{},[3516,3800,3603],{},[3728,3802,3803,3805],{},[3516,3804,3603],{}," (сучасний RN)",[3728,3807,3808],{},"Зручніше за «margin на кожному вкладеному елементі»",[3710,3810,3811,3814,3817],{},[3728,3812,3813],{},"CSS Grid",[3728,3815,3816],{},"немає в core RN",[3728,3818,3819,3820,3823],{},"Сітки збирають ",[3540,3821,3822],{},"flex + wrap"," або бібліотеками",[3710,3825,3826,3831,3834],{},[3728,3827,3828],{},[3516,3829,3830],{},"position: absolute",[3728,3832,3833],{},"є",[3728,3835,3836],{},"Для оверлеїв і sticky-імітацій; основа все одно flex",[3710,3838,3839,3845,3848],{},[3728,3840,3841,3844],{},[3516,3842,3843],{},"vh"," \u002F складні одиниці",[3728,3846,3847],{},"обмежено",[3728,3849,3850,3851,3854,3855],{},"Частіше ",[3516,3852,3853],{},"%",", числа в dp, ",[3516,3856,3857],{},"flex: 1",[3859,3860,3861,3864,3865,3868,3869,3872,3873,3876,3877,3880],"warning",{},[3540,3862,3863],{},"Web-звичка."," Написати ",[3516,3866,3867],{},"flexDirection: 'row'"," «бо так у всіх туторіалах CSS» і дивуватися, чому «все стало в один рядок і роз’їхалось». У мобільному UI ",[3540,3870,3871],{},"колонка екрана"," — норма: заголовок зверху, контент нижче, кнопка внизу. ",[3516,3874,3875],{},"row"," — для ",[3540,3878,3879],{},"внутрішніх"," рядків (іконка + текст, два стовпці, чіпи).",[3688,3882],{},[3507,3884,3886],{"id":3885},"дві-осі-main-і-cross","Дві осі: main і cross",[3512,3888,3889],{},[3697,3890],{"alt":3891,"className":3892,"src":3893},"Main axis і cross axis",[3701],"\u002Fimages\u002Freact-native\u002Fflexbox-and-layout\u002F02.svg",[3512,3895,3896],{},"Уявіть шухляду, у яку ви складаєте книги.",[3898,3899,3900,3910],"ul",{},[3578,3901,3902,3905,3906,3909],{},[3540,3903,3904],{},"Main axis (головна вісь)"," — напрямок, у якому елементи йдуть ",[3540,3907,3908],{},"один за одним"," (у колонці — зверху вниз, у рядку — зліва направо).",[3578,3911,3912,3915,3916,3919],{},[3540,3913,3914],{},"Cross axis"," — ",[3540,3917,3918],{},"перпендикулярна"," до main: якщо main — зверху вниз, cross — ліворуч\u002Fправоруч; якщо main — зліва направо, cross — зверху вниз.",[3512,3921,3922,3923,3927],{},"Властивість ",[3540,3924,3925],{},[3516,3926,3649],{}," обирає main axis:",[3704,3929,3930,3943],{},[3707,3931,3932],{},[3710,3933,3934,3937,3940],{},[3713,3935,3936],{},"Значення",[3713,3938,3939],{},"Main axis",[3713,3941,3942],{},"Вкладені елементи…",[3723,3944,3945,3958,3971,3983],{},[3710,3946,3947,3952,3955],{},[3728,3948,3949,3951],{},[3516,3950,3763],{}," (за замовчуванням)",[3728,3953,3954],{},"зверху вниз",[3728,3956,3957],{},"один під одним",[3710,3959,3960,3965,3968],{},[3728,3961,3962],{},[3516,3963,3964],{},"column-reverse",[3728,3966,3967],{},"знизу вгору",[3728,3969,3970],{},"зворотний порядок",[3710,3972,3973,3977,3980],{},[3728,3974,3975],{},[3516,3976,3875],{},[3728,3978,3979],{},"зліва направо",[3728,3981,3982],{},"в один ряд",[3710,3984,3985,3990,3993],{},[3728,3986,3987],{},[3516,3988,3989],{},"row-reverse",[3728,3991,3992],{},"справа наліво",[3728,3994,3995],{},"ряд у зворотному порядку",[3997,3998,3999,4036,4050,4069],"field-group",{},[4000,4001,4003,4004,4007,4008,3536,4011,4014,4017,4018,4021,4022,4025,4026,3744,4029,3744,4032,4035],"field",{"name":3597,"type":4002},"уздовж main axis","Розподіляє ",[3540,4005,4006],{},"вільне місце між вкладеними елементами"," (і навколо них) ",[3540,4009,4010],{},"вздовж main axis",[4012,4013],"br",{},[3516,4015,4016],{},"flex-start"," — зібрати на початку; ",[3516,4019,4020],{},"center"," — по центру; ",[3516,4023,4024],{},"flex-end"," — в кінці; ",[3516,4027,4028],{},"space-between",[3516,4030,4031],{},"space-around",[3516,4033,4034],{},"space-evenly"," — рівномірно розподілити проміжки (з різною логікою).",[4000,4037,4039,4040,4043,4044,4049],{"name":3600,"type":4038},"уздовж cross axis","Вирівнює вкладені елементи ",[3540,4041,4042],{},"вздовж cross axis"," (перпендикулярно до main). За замовчуванням у RN часто ",[3540,4045,4046],{},[3516,4047,4048],{},"stretch",": елемент розтягується на всю «товщину» cross axis (у колонці — на всю ширину контейнера), якщо в нього немає фіксованого розміру в цьому напрямку.",[4000,4051,4054,4055,4057,4058,4061,4062,4064,4065,4068],{"name":4052,"type":4053},"alignSelf","на одному елементі","Те саме, що ",[3516,4056,3600],{},", але ",[3540,4059,4060],{},"лише для одного"," елемента. Зручно: контейнер ",[3516,4063,4048],{},", а один бейдж — ",[3516,4066,4067],{},"alignSelf: 'flex-start'",", щоб не розтягувався на всю ширину.",[4000,4070,4072,4073,4076,4077,4080],{"name":3603,"type":4071},"number","Однаковий проміжок ",[3540,4074,4075],{},"між"," вкладеними елементами (не зовні контейнера). Замінює «у кожної картки ",[3516,4078,4079],{},"marginBottom",", у останньої — нуль».",[4082,4083,4084],"plant-uml",{},[4085,4086,4091],"pre",{"className":4087,"code":4088,"language":4089,"meta":4090,"style":4090},"language-plantuml shiki shiki-themes light-plus dark-plus dark-plus","@startuml\nskinparam style plain\nskinparam backgroundColor #ffffff\nskinparam defaultFontName Helvetica\n\nrectangle \"flexDirection: column (за замовчуванням)\" as C {\n  rectangle \"Main axis ↓\" as M1\n  rectangle \"A\" as A1\n  rectangle \"B\" as B1\n  rectangle \"C\" as C1\n  M1 -[hidden]-> A1\n  A1 --> B1\n  B1 --> C1\n}\n\nrectangle \"flexDirection: row\" as R {\n  rectangle \"Main axis →\" as M2\n  rectangle \"A\" as A2\n  rectangle \"B\" as B2\n  rectangle \"C\" as C2\n  M2 -[hidden]-> A2\n  A2 --> B2\n  B2 --> C2\n}\n\n@enduml\n","plantuml","",[3516,4092,4093,4101,4107,4113,4119,4126,4132,4138,4144,4150,4156,4162,4168,4174,4180,4185,4191,4197,4203,4209,4215,4221,4227,4233,4238,4243],{"__ignoreMap":4090},[4094,4095,4098],"span",{"class":4096,"line":4097},"line",1,[4094,4099,4100],{},"@startuml\n",[4094,4102,4104],{"class":4096,"line":4103},2,[4094,4105,4106],{},"skinparam style plain\n",[4094,4108,4110],{"class":4096,"line":4109},3,[4094,4111,4112],{},"skinparam backgroundColor #ffffff\n",[4094,4114,4116],{"class":4096,"line":4115},4,[4094,4117,4118],{},"skinparam defaultFontName Helvetica\n",[4094,4120,4122],{"class":4096,"line":4121},5,[4094,4123,4125],{"emptyLinePlaceholder":4124},true,"\n",[4094,4127,4129],{"class":4096,"line":4128},6,[4094,4130,4131],{},"rectangle \"flexDirection: column (за замовчуванням)\" as C {\n",[4094,4133,4135],{"class":4096,"line":4134},7,[4094,4136,4137],{},"  rectangle \"Main axis ↓\" as M1\n",[4094,4139,4141],{"class":4096,"line":4140},8,[4094,4142,4143],{},"  rectangle \"A\" as A1\n",[4094,4145,4147],{"class":4096,"line":4146},9,[4094,4148,4149],{},"  rectangle \"B\" as B1\n",[4094,4151,4153],{"class":4096,"line":4152},10,[4094,4154,4155],{},"  rectangle \"C\" as C1\n",[4094,4157,4159],{"class":4096,"line":4158},11,[4094,4160,4161],{},"  M1 -[hidden]-> A1\n",[4094,4163,4165],{"class":4096,"line":4164},12,[4094,4166,4167],{},"  A1 --> B1\n",[4094,4169,4171],{"class":4096,"line":4170},13,[4094,4172,4173],{},"  B1 --> C1\n",[4094,4175,4177],{"class":4096,"line":4176},14,[4094,4178,4179],{},"}\n",[4094,4181,4183],{"class":4096,"line":4182},15,[4094,4184,4125],{"emptyLinePlaceholder":4124},[4094,4186,4188],{"class":4096,"line":4187},16,[4094,4189,4190],{},"rectangle \"flexDirection: row\" as R {\n",[4094,4192,4194],{"class":4096,"line":4193},17,[4094,4195,4196],{},"  rectangle \"Main axis →\" as M2\n",[4094,4198,4200],{"class":4096,"line":4199},18,[4094,4201,4202],{},"  rectangle \"A\" as A2\n",[4094,4204,4206],{"class":4096,"line":4205},19,[4094,4207,4208],{},"  rectangle \"B\" as B2\n",[4094,4210,4212],{"class":4096,"line":4211},20,[4094,4213,4214],{},"  rectangle \"C\" as C2\n",[4094,4216,4218],{"class":4096,"line":4217},21,[4094,4219,4220],{},"  M2 -[hidden]-> A2\n",[4094,4222,4224],{"class":4096,"line":4223},22,[4094,4225,4226],{},"  A2 --> B2\n",[4094,4228,4230],{"class":4096,"line":4229},23,[4094,4231,4232],{},"  B2 --> C2\n",[4094,4234,4236],{"class":4096,"line":4235},24,[4094,4237,4179],{},[4094,4239,4241],{"class":4096,"line":4240},25,[4094,4242,4125],{"emptyLinePlaceholder":4124},[4094,4244,4246],{"class":4096,"line":4245},26,[4094,4247,4248],{},"@enduml\n",[4250,4251,4253],"h3",{"id":4252},"живе-демо-column-vs-row","Живе демо: column vs row",[4255,4256,4260],"react-native-preview",{"device":4257,"filename":4258,"title":4259},"iphone","FlexDirectionDemo.tsx","flexDirection — column і row",[4085,4261,4265],{"className":4262,"code":4263,"language":4264,"meta":4090,"style":4090},"language-tsx shiki shiki-themes light-plus dark-plus dark-plus","import { View, Text, StyleSheet, useColorScheme } from 'react-native';\n\nfunction Box({ label, color }: { label: string; color: string }) {\n  return (\n    \u003CView style={[styles.box, { backgroundColor: color }]}>\n      \u003CText style={styles.boxText}>{label}\u003C\u002FText>\n    \u003C\u002FView>\n  );\n}\n\nexport default function App() {\n  const isDark = useColorScheme() === 'dark';\n  const text = isDark ? '#f5f5f7' : '#0f172a';\n  const muted = isDark ? '#a1a1aa' : '#64748b';\n\n  return (\n    \u003CView style={[styles.screen, isDark && { backgroundColor: '#000' }]}>\n      \u003CText style={[styles.title, { color: text }]}>column (default)\u003C\u002FText>\n      \u003CView style={[styles.panel, isDark && styles.panelDark]}>\n        \u003CBox label=\"A\" color=\"#2563EB\" \u002F>\n        \u003CBox label=\"B\" color=\"#16A34A\" \u002F>\n        \u003CBox label=\"C\" color=\"#DC2626\" \u002F>\n      \u003C\u002FView>\n\n      \u003CText style={[styles.title, { color: text, marginTop: 20 }]}>row\u003C\u002FText>\n      \u003CView style={[styles.panel, styles.row, isDark && styles.panelDark]}>\n        \u003CBox label=\"A\" color=\"#2563EB\" \u002F>\n        \u003CBox label=\"B\" color=\"#16A34A\" \u002F>\n        \u003CBox label=\"C\" color=\"#DC2626\" \u002F>\n      \u003C\u002FView>\n\n      \u003CText style={[styles.hint, { color: muted }]}>\n        У RN без flexDirection вкладені елементи йдуть колонкою — як у першій панелі.\n      \u003C\u002FText>\n    \u003C\u002FView>\n  );\n}\n\nconst styles = StyleSheet.create({\n  screen: { flex: 1, backgroundColor: '#F8FAFC', padding: 20, gap: 8 },\n  title: { fontSize: 15, fontWeight: '700' },\n  panel: {\n    backgroundColor: 'rgba(37,99,235,0.08)',\n    borderRadius: 12,\n    padding: 12,\n    gap: 8,\n  },\n  panelDark: { backgroundColor: '#1c1c1e' },\n  row: { flexDirection: 'row', alignItems: 'center' },\n  box: {\n    width: 52,\n    height: 52,\n    borderRadius: 10,\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n  boxText: { color: '#fff', fontWeight: '700', fontSize: 16 },\n  hint: { fontSize: 13, lineHeight: 18, marginTop: 8 },\n});\n","tsx",[3516,4266,4267,4307,4311,4356,4364,4412,4450,4459,4464,4468,4472,4489,4511,4537,4560,4564,4570,4611,4654,4696,4722,4744,4766,4775,4779,4828,4874,4895,4916,4937,4946,4951,4985,4991,5000,5009,5014,5019,5024,5044,5083,5107,5116,5128,5139,5149,5159,5165,5180,5204,5212,5223,5233,5243,5253,5263,5268,5296,5325],{"__ignoreMap":4090},[4094,4268,4269,4273,4277,4280,4282,4284,4286,4289,4291,4294,4297,4300,4304],{"class":4096,"line":4097},[4094,4270,4272],{"class":4271},"s8xlr","import",[4094,4274,4276],{"class":4275},"sHH4Y"," { ",[4094,4278,3518],{"class":4279},"siwwj",[4094,4281,3519],{"class":4275},[4094,4283,3522],{"class":4279},[4094,4285,3519],{"class":4275},[4094,4287,4288],{"class":4279},"StyleSheet",[4094,4290,3519],{"class":4275},[4094,4292,4293],{"class":4279},"useColorScheme",[4094,4295,4296],{"class":4275}," } ",[4094,4298,4299],{"class":4271},"from",[4094,4301,4303],{"class":4302},"sbdoH"," 'react-native'",[4094,4305,4306],{"class":4275},";\n",[4094,4308,4309],{"class":4096,"line":4103},[4094,4310,4125],{"emptyLinePlaceholder":4124},[4094,4312,4313,4317,4321,4324,4327,4329,4332,4335,4337,4340,4344,4347,4349,4351,4353],{"class":4096,"line":4109},[4094,4314,4316],{"class":4315},"su1O8","function",[4094,4318,4320],{"class":4319},"s8Opu"," Box",[4094,4322,4323],{"class":4275},"({ ",[4094,4325,4326],{"class":4279},"label",[4094,4328,3519],{"class":4275},[4094,4330,4331],{"class":4279},"color",[4094,4333,4334],{"class":4275}," }: { ",[4094,4336,4326],{"class":4279},[4094,4338,4339],{"class":4275},": ",[4094,4341,4343],{"class":4342},"sN1BT","string",[4094,4345,4346],{"class":4275},"; ",[4094,4348,4331],{"class":4279},[4094,4350,4339],{"class":4275},[4094,4352,4343],{"class":4342},[4094,4354,4355],{"class":4275}," }) {\n",[4094,4357,4358,4361],{"class":4096,"line":4115},[4094,4359,4360],{"class":4271},"  return",[4094,4362,4363],{"class":4275}," (\n",[4094,4365,4366,4370,4372,4376,4379,4382,4386,4389,4391,4394,4397,4400,4403,4406,4409],{"class":4096,"line":4121},[4094,4367,4369],{"class":4368},"s0P7L","    \u003C",[4094,4371,3518],{"class":4342},[4094,4373,4375],{"class":4374},"sa4r_"," style",[4094,4377,4378],{"class":4275},"=",[4094,4380,4381],{"class":4315},"{",[4094,4383,4385],{"class":4384},"sD7JJ","[",[4094,4387,4388],{"class":4279},"styles",[4094,4390,3536],{"class":4384},[4094,4392,4393],{"class":4279},"box",[4094,4395,4396],{"class":4384},", { ",[4094,4398,4399],{"class":4279},"backgroundColor:",[4094,4401,4402],{"class":4279}," color",[4094,4404,4405],{"class":4384}," }]",[4094,4407,4408],{"class":4315},"}",[4094,4410,4411],{"class":4368},">\n",[4094,4413,4414,4417,4419,4421,4423,4425,4427,4429,4432,4434,4437,4439,4441,4443,4446,4448],{"class":4096,"line":4128},[4094,4415,4416],{"class":4368},"      \u003C",[4094,4418,3522],{"class":4342},[4094,4420,4375],{"class":4374},[4094,4422,4378],{"class":4275},[4094,4424,4381],{"class":4315},[4094,4426,4388],{"class":4279},[4094,4428,3536],{"class":4384},[4094,4430,4431],{"class":4279},"boxText",[4094,4433,4408],{"class":4315},[4094,4435,4436],{"class":4368},">",[4094,4438,4381],{"class":4315},[4094,4440,4326],{"class":4279},[4094,4442,4408],{"class":4315},[4094,4444,4445],{"class":4368},"\u003C\u002F",[4094,4447,3522],{"class":4342},[4094,4449,4411],{"class":4368},[4094,4451,4452,4455,4457],{"class":4096,"line":4134},[4094,4453,4454],{"class":4368},"    \u003C\u002F",[4094,4456,3518],{"class":4342},[4094,4458,4411],{"class":4368},[4094,4460,4461],{"class":4096,"line":4140},[4094,4462,4463],{"class":4275},"  );\n",[4094,4465,4466],{"class":4096,"line":4146},[4094,4467,4179],{"class":4275},[4094,4469,4470],{"class":4096,"line":4152},[4094,4471,4125],{"emptyLinePlaceholder":4124},[4094,4473,4474,4477,4480,4483,4486],{"class":4096,"line":4158},[4094,4475,4476],{"class":4271},"export",[4094,4478,4479],{"class":4271}," default",[4094,4481,4482],{"class":4315}," function",[4094,4484,4485],{"class":4319}," App",[4094,4487,4488],{"class":4275},"() {\n",[4094,4490,4491,4494,4498,4501,4503,4506,4509],{"class":4096,"line":4164},[4094,4492,4493],{"class":4315},"  const",[4094,4495,4497],{"class":4496},"s-QsJ"," isDark",[4094,4499,4500],{"class":4275}," = ",[4094,4502,4293],{"class":4319},[4094,4504,4505],{"class":4275},"() === ",[4094,4507,4508],{"class":4302},"'dark'",[4094,4510,4306],{"class":4275},[4094,4512,4513,4515,4518,4520,4523,4526,4529,4532,4535],{"class":4096,"line":4170},[4094,4514,4493],{"class":4315},[4094,4516,4517],{"class":4496}," text",[4094,4519,4500],{"class":4275},[4094,4521,4522],{"class":4279},"isDark",[4094,4524,4525],{"class":4275}," ? ",[4094,4527,4528],{"class":4302},"'#f5f5f7'",[4094,4530,4531],{"class":4275}," : ",[4094,4533,4534],{"class":4302},"'#0f172a'",[4094,4536,4306],{"class":4275},[4094,4538,4539,4541,4544,4546,4548,4550,4553,4555,4558],{"class":4096,"line":4176},[4094,4540,4493],{"class":4315},[4094,4542,4543],{"class":4496}," muted",[4094,4545,4500],{"class":4275},[4094,4547,4522],{"class":4279},[4094,4549,4525],{"class":4275},[4094,4551,4552],{"class":4302},"'#a1a1aa'",[4094,4554,4531],{"class":4275},[4094,4556,4557],{"class":4302},"'#64748b'",[4094,4559,4306],{"class":4275},[4094,4561,4562],{"class":4096,"line":4182},[4094,4563,4125],{"emptyLinePlaceholder":4124},[4094,4565,4566,4568],{"class":4096,"line":4187},[4094,4567,4360],{"class":4271},[4094,4569,4363],{"class":4275},[4094,4571,4572,4574,4576,4578,4580,4582,4584,4586,4588,4591,4593,4595,4598,4600,4602,4605,4607,4609],{"class":4096,"line":4193},[4094,4573,4369],{"class":4368},[4094,4575,3518],{"class":4342},[4094,4577,4375],{"class":4374},[4094,4579,4378],{"class":4275},[4094,4581,4381],{"class":4315},[4094,4583,4385],{"class":4384},[4094,4585,4388],{"class":4279},[4094,4587,3536],{"class":4384},[4094,4589,4590],{"class":4279},"screen",[4094,4592,3519],{"class":4384},[4094,4594,4522],{"class":4279},[4094,4596,4597],{"class":4275}," &&",[4094,4599,4276],{"class":4384},[4094,4601,4399],{"class":4279},[4094,4603,4604],{"class":4302}," '#000'",[4094,4606,4405],{"class":4384},[4094,4608,4408],{"class":4315},[4094,4610,4411],{"class":4368},[4094,4612,4613,4615,4617,4619,4621,4623,4625,4627,4629,4632,4634,4637,4639,4641,4643,4645,4648,4650,4652],{"class":4096,"line":4199},[4094,4614,4416],{"class":4368},[4094,4616,3522],{"class":4342},[4094,4618,4375],{"class":4374},[4094,4620,4378],{"class":4275},[4094,4622,4381],{"class":4315},[4094,4624,4385],{"class":4384},[4094,4626,4388],{"class":4279},[4094,4628,3536],{"class":4384},[4094,4630,4631],{"class":4279},"title",[4094,4633,4396],{"class":4384},[4094,4635,4636],{"class":4279},"color:",[4094,4638,4517],{"class":4279},[4094,4640,4405],{"class":4384},[4094,4642,4408],{"class":4315},[4094,4644,4436],{"class":4368},[4094,4646,4647],{"class":4275},"column (default)",[4094,4649,4445],{"class":4368},[4094,4651,3522],{"class":4342},[4094,4653,4411],{"class":4368},[4094,4655,4656,4658,4660,4662,4664,4666,4668,4670,4672,4675,4677,4679,4681,4684,4686,4689,4692,4694],{"class":4096,"line":4205},[4094,4657,4416],{"class":4368},[4094,4659,3518],{"class":4342},[4094,4661,4375],{"class":4374},[4094,4663,4378],{"class":4275},[4094,4665,4381],{"class":4315},[4094,4667,4385],{"class":4384},[4094,4669,4388],{"class":4279},[4094,4671,3536],{"class":4384},[4094,4673,4674],{"class":4279},"panel",[4094,4676,3519],{"class":4384},[4094,4678,4522],{"class":4279},[4094,4680,4597],{"class":4275},[4094,4682,4683],{"class":4279}," styles",[4094,4685,3536],{"class":4384},[4094,4687,4688],{"class":4279},"panelDark",[4094,4690,4691],{"class":4384},"]",[4094,4693,4408],{"class":4315},[4094,4695,4411],{"class":4368},[4094,4697,4698,4701,4704,4707,4709,4712,4714,4716,4719],{"class":4096,"line":4211},[4094,4699,4700],{"class":4368},"        \u003C",[4094,4702,4703],{"class":4342},"Box",[4094,4705,4706],{"class":4374}," label",[4094,4708,4378],{"class":4275},[4094,4710,4711],{"class":4302},"\"A\"",[4094,4713,4402],{"class":4374},[4094,4715,4378],{"class":4275},[4094,4717,4718],{"class":4302},"\"#2563EB\"",[4094,4720,4721],{"class":4368}," \u002F>\n",[4094,4723,4724,4726,4728,4730,4732,4735,4737,4739,4742],{"class":4096,"line":4217},[4094,4725,4700],{"class":4368},[4094,4727,4703],{"class":4342},[4094,4729,4706],{"class":4374},[4094,4731,4378],{"class":4275},[4094,4733,4734],{"class":4302},"\"B\"",[4094,4736,4402],{"class":4374},[4094,4738,4378],{"class":4275},[4094,4740,4741],{"class":4302},"\"#16A34A\"",[4094,4743,4721],{"class":4368},[4094,4745,4746,4748,4750,4752,4754,4757,4759,4761,4764],{"class":4096,"line":4223},[4094,4747,4700],{"class":4368},[4094,4749,4703],{"class":4342},[4094,4751,4706],{"class":4374},[4094,4753,4378],{"class":4275},[4094,4755,4756],{"class":4302},"\"C\"",[4094,4758,4402],{"class":4374},[4094,4760,4378],{"class":4275},[4094,4762,4763],{"class":4302},"\"#DC2626\"",[4094,4765,4721],{"class":4368},[4094,4767,4768,4771,4773],{"class":4096,"line":4229},[4094,4769,4770],{"class":4368},"      \u003C\u002F",[4094,4772,3518],{"class":4342},[4094,4774,4411],{"class":4368},[4094,4776,4777],{"class":4096,"line":4235},[4094,4778,4125],{"emptyLinePlaceholder":4124},[4094,4780,4781,4783,4785,4787,4789,4791,4793,4795,4797,4799,4801,4803,4805,4807,4810,4814,4816,4818,4820,4822,4824,4826],{"class":4096,"line":4240},[4094,4782,4416],{"class":4368},[4094,4784,3522],{"class":4342},[4094,4786,4375],{"class":4374},[4094,4788,4378],{"class":4275},[4094,4790,4381],{"class":4315},[4094,4792,4385],{"class":4384},[4094,4794,4388],{"class":4279},[4094,4796,3536],{"class":4384},[4094,4798,4631],{"class":4279},[4094,4800,4396],{"class":4384},[4094,4802,4636],{"class":4279},[4094,4804,4517],{"class":4279},[4094,4806,3519],{"class":4384},[4094,4808,4809],{"class":4279},"marginTop:",[4094,4811,4813],{"class":4812},"sJj4R"," 20",[4094,4815,4405],{"class":4384},[4094,4817,4408],{"class":4315},[4094,4819,4436],{"class":4368},[4094,4821,3875],{"class":4275},[4094,4823,4445],{"class":4368},[4094,4825,3522],{"class":4342},[4094,4827,4411],{"class":4368},[4094,4829,4830,4832,4834,4836,4838,4840,4842,4844,4846,4848,4850,4852,4854,4856,4858,4860,4862,4864,4866,4868,4870,4872],{"class":4096,"line":4245},[4094,4831,4416],{"class":4368},[4094,4833,3518],{"class":4342},[4094,4835,4375],{"class":4374},[4094,4837,4378],{"class":4275},[4094,4839,4381],{"class":4315},[4094,4841,4385],{"class":4384},[4094,4843,4388],{"class":4279},[4094,4845,3536],{"class":4384},[4094,4847,4674],{"class":4279},[4094,4849,3519],{"class":4384},[4094,4851,4388],{"class":4279},[4094,4853,3536],{"class":4384},[4094,4855,3875],{"class":4279},[4094,4857,3519],{"class":4384},[4094,4859,4522],{"class":4279},[4094,4861,4597],{"class":4275},[4094,4863,4683],{"class":4279},[4094,4865,3536],{"class":4384},[4094,4867,4688],{"class":4279},[4094,4869,4691],{"class":4384},[4094,4871,4408],{"class":4315},[4094,4873,4411],{"class":4368},[4094,4875,4877,4879,4881,4883,4885,4887,4889,4891,4893],{"class":4096,"line":4876},27,[4094,4878,4700],{"class":4368},[4094,4880,4703],{"class":4342},[4094,4882,4706],{"class":4374},[4094,4884,4378],{"class":4275},[4094,4886,4711],{"class":4302},[4094,4888,4402],{"class":4374},[4094,4890,4378],{"class":4275},[4094,4892,4718],{"class":4302},[4094,4894,4721],{"class":4368},[4094,4896,4898,4900,4902,4904,4906,4908,4910,4912,4914],{"class":4096,"line":4897},28,[4094,4899,4700],{"class":4368},[4094,4901,4703],{"class":4342},[4094,4903,4706],{"class":4374},[4094,4905,4378],{"class":4275},[4094,4907,4734],{"class":4302},[4094,4909,4402],{"class":4374},[4094,4911,4378],{"class":4275},[4094,4913,4741],{"class":4302},[4094,4915,4721],{"class":4368},[4094,4917,4919,4921,4923,4925,4927,4929,4931,4933,4935],{"class":4096,"line":4918},29,[4094,4920,4700],{"class":4368},[4094,4922,4703],{"class":4342},[4094,4924,4706],{"class":4374},[4094,4926,4378],{"class":4275},[4094,4928,4756],{"class":4302},[4094,4930,4402],{"class":4374},[4094,4932,4378],{"class":4275},[4094,4934,4763],{"class":4302},[4094,4936,4721],{"class":4368},[4094,4938,4940,4942,4944],{"class":4096,"line":4939},30,[4094,4941,4770],{"class":4368},[4094,4943,3518],{"class":4342},[4094,4945,4411],{"class":4368},[4094,4947,4949],{"class":4096,"line":4948},31,[4094,4950,4125],{"emptyLinePlaceholder":4124},[4094,4952,4954,4956,4958,4960,4962,4964,4966,4968,4970,4973,4975,4977,4979,4981,4983],{"class":4096,"line":4953},32,[4094,4955,4416],{"class":4368},[4094,4957,3522],{"class":4342},[4094,4959,4375],{"class":4374},[4094,4961,4378],{"class":4275},[4094,4963,4381],{"class":4315},[4094,4965,4385],{"class":4384},[4094,4967,4388],{"class":4279},[4094,4969,3536],{"class":4384},[4094,4971,4972],{"class":4279},"hint",[4094,4974,4396],{"class":4384},[4094,4976,4636],{"class":4279},[4094,4978,4543],{"class":4279},[4094,4980,4405],{"class":4384},[4094,4982,4408],{"class":4315},[4094,4984,4411],{"class":4368},[4094,4986,4988],{"class":4096,"line":4987},33,[4094,4989,4990],{"class":4275},"        У RN без flexDirection вкладені елементи йдуть колонкою — як у першій панелі.\n",[4094,4992,4994,4996,4998],{"class":4096,"line":4993},34,[4094,4995,4770],{"class":4368},[4094,4997,3522],{"class":4342},[4094,4999,4411],{"class":4368},[4094,5001,5003,5005,5007],{"class":4096,"line":5002},35,[4094,5004,4454],{"class":4368},[4094,5006,3518],{"class":4342},[4094,5008,4411],{"class":4368},[4094,5010,5012],{"class":4096,"line":5011},36,[4094,5013,4463],{"class":4275},[4094,5015,5017],{"class":4096,"line":5016},37,[4094,5018,4179],{"class":4275},[4094,5020,5022],{"class":4096,"line":5021},38,[4094,5023,4125],{"emptyLinePlaceholder":4124},[4094,5025,5027,5030,5032,5034,5036,5038,5041],{"class":4096,"line":5026},39,[4094,5028,5029],{"class":4315},"const",[4094,5031,4683],{"class":4496},[4094,5033,4500],{"class":4275},[4094,5035,4288],{"class":4279},[4094,5037,3536],{"class":4275},[4094,5039,5040],{"class":4319},"create",[4094,5042,5043],{"class":4275},"({\n",[4094,5045,5047,5050,5052,5055,5058,5060,5062,5065,5067,5070,5072,5074,5077,5080],{"class":4096,"line":5046},40,[4094,5048,5049],{"class":4279},"  screen:",[4094,5051,4276],{"class":4275},[4094,5053,5054],{"class":4279},"flex:",[4094,5056,5057],{"class":4812}," 1",[4094,5059,3519],{"class":4275},[4094,5061,4399],{"class":4279},[4094,5063,5064],{"class":4302}," '#F8FAFC'",[4094,5066,3519],{"class":4275},[4094,5068,5069],{"class":4279},"padding:",[4094,5071,4813],{"class":4812},[4094,5073,3519],{"class":4275},[4094,5075,5076],{"class":4279},"gap:",[4094,5078,5079],{"class":4812}," 8",[4094,5081,5082],{"class":4275}," },\n",[4094,5084,5086,5089,5091,5094,5097,5099,5102,5105],{"class":4096,"line":5085},41,[4094,5087,5088],{"class":4279},"  title:",[4094,5090,4276],{"class":4275},[4094,5092,5093],{"class":4279},"fontSize:",[4094,5095,5096],{"class":4812}," 15",[4094,5098,3519],{"class":4275},[4094,5100,5101],{"class":4279},"fontWeight:",[4094,5103,5104],{"class":4302}," '700'",[4094,5106,5082],{"class":4275},[4094,5108,5110,5113],{"class":4096,"line":5109},42,[4094,5111,5112],{"class":4279},"  panel:",[4094,5114,5115],{"class":4275}," {\n",[4094,5117,5119,5122,5125],{"class":4096,"line":5118},43,[4094,5120,5121],{"class":4279},"    backgroundColor:",[4094,5123,5124],{"class":4302}," 'rgba(37,99,235,0.08)'",[4094,5126,5127],{"class":4275},",\n",[4094,5129,5131,5134,5137],{"class":4096,"line":5130},44,[4094,5132,5133],{"class":4279},"    borderRadius:",[4094,5135,5136],{"class":4812}," 12",[4094,5138,5127],{"class":4275},[4094,5140,5142,5145,5147],{"class":4096,"line":5141},45,[4094,5143,5144],{"class":4279},"    padding:",[4094,5146,5136],{"class":4812},[4094,5148,5127],{"class":4275},[4094,5150,5152,5155,5157],{"class":4096,"line":5151},46,[4094,5153,5154],{"class":4279},"    gap:",[4094,5156,5079],{"class":4812},[4094,5158,5127],{"class":4275},[4094,5160,5162],{"class":4096,"line":5161},47,[4094,5163,5164],{"class":4275},"  },\n",[4094,5166,5168,5171,5173,5175,5178],{"class":4096,"line":5167},48,[4094,5169,5170],{"class":4279},"  panelDark:",[4094,5172,4276],{"class":4275},[4094,5174,4399],{"class":4279},[4094,5176,5177],{"class":4302}," '#1c1c1e'",[4094,5179,5082],{"class":4275},[4094,5181,5183,5186,5188,5191,5194,5196,5199,5202],{"class":4096,"line":5182},49,[4094,5184,5185],{"class":4279},"  row:",[4094,5187,4276],{"class":4275},[4094,5189,5190],{"class":4279},"flexDirection:",[4094,5192,5193],{"class":4302}," 'row'",[4094,5195,3519],{"class":4275},[4094,5197,5198],{"class":4279},"alignItems:",[4094,5200,5201],{"class":4302}," 'center'",[4094,5203,5082],{"class":4275},[4094,5205,5207,5210],{"class":4096,"line":5206},50,[4094,5208,5209],{"class":4279},"  box:",[4094,5211,5115],{"class":4275},[4094,5213,5215,5218,5221],{"class":4096,"line":5214},51,[4094,5216,5217],{"class":4279},"    width:",[4094,5219,5220],{"class":4812}," 52",[4094,5222,5127],{"class":4275},[4094,5224,5226,5229,5231],{"class":4096,"line":5225},52,[4094,5227,5228],{"class":4279},"    height:",[4094,5230,5220],{"class":4812},[4094,5232,5127],{"class":4275},[4094,5234,5236,5238,5241],{"class":4096,"line":5235},53,[4094,5237,5133],{"class":4279},[4094,5239,5240],{"class":4812}," 10",[4094,5242,5127],{"class":4275},[4094,5244,5246,5249,5251],{"class":4096,"line":5245},54,[4094,5247,5248],{"class":4279},"    alignItems:",[4094,5250,5201],{"class":4302},[4094,5252,5127],{"class":4275},[4094,5254,5256,5259,5261],{"class":4096,"line":5255},55,[4094,5257,5258],{"class":4279},"    justifyContent:",[4094,5260,5201],{"class":4302},[4094,5262,5127],{"class":4275},[4094,5264,5266],{"class":4096,"line":5265},56,[4094,5267,5164],{"class":4275},[4094,5269,5271,5274,5276,5278,5281,5283,5285,5287,5289,5291,5294],{"class":4096,"line":5270},57,[4094,5272,5273],{"class":4279},"  boxText:",[4094,5275,4276],{"class":4275},[4094,5277,4636],{"class":4279},[4094,5279,5280],{"class":4302}," '#fff'",[4094,5282,3519],{"class":4275},[4094,5284,5101],{"class":4279},[4094,5286,5104],{"class":4302},[4094,5288,3519],{"class":4275},[4094,5290,5093],{"class":4279},[4094,5292,5293],{"class":4812}," 16",[4094,5295,5082],{"class":4275},[4094,5297,5299,5302,5304,5306,5309,5311,5314,5317,5319,5321,5323],{"class":4096,"line":5298},58,[4094,5300,5301],{"class":4279},"  hint:",[4094,5303,4276],{"class":4275},[4094,5305,5093],{"class":4279},[4094,5307,5308],{"class":4812}," 13",[4094,5310,3519],{"class":4275},[4094,5312,5313],{"class":4279},"lineHeight:",[4094,5315,5316],{"class":4812}," 18",[4094,5318,3519],{"class":4275},[4094,5320,4809],{"class":4279},[4094,5322,5079],{"class":4812},[4094,5324,5082],{"class":4275},[4094,5326,5328],{"class":4096,"line":5327},59,[4094,5329,5330],{"class":4275},"});\n",[3688,5332],{},[3507,5334,5336,5338],{"id":5335},"justifycontent-місце-вздовж-головної-осі",[3516,5337,3597],{}," — місце вздовж головної осі",[3512,5340,5341,5342,5345,5346,5349,5350,5353,5354,5356],{},"Коли контейнер ",[3540,5343,5344],{},"вищий"," (у колонці) або ",[3540,5347,5348],{},"ширший"," (у рядку), ніж сума вкладених елементів, з’являється ",[3540,5351,5352],{},"вільний простір",". ",[3516,5355,3597],{}," каже, куди його подіти.",[3704,5358,5359,5368],{},[3707,5360,5361],{},[3710,5362,5363,5365],{},[3713,5364,3936],{},[3713,5366,5367],{},"Що бачить користувач (колонка)",[3723,5369,5370,5379,5388,5397,5408,5417],{},[3710,5371,5372,5376],{},[3728,5373,5374],{},[3516,5375,4016],{},[3728,5377,5378],{},"Усе зверху, низ порожній",[3710,5380,5381,5385],{},[3728,5382,5383],{},[3516,5384,4024],{},[3728,5386,5387],{},"Усе знизу, верх порожній",[3710,5389,5390,5394],{},[3728,5391,5392],{},[3516,5393,4020],{},[3728,5395,5396],{},"Блок по центру вертикалі",[3710,5398,5399,5403],{},[3728,5400,5401],{},[3516,5402,4028],{},[3728,5404,5405,5406],{},"Перший біля старту, останній біля кінця, рівні дірки ",[3540,5407,4075],{},[3710,5409,5410,5414],{},[3728,5411,5412],{},[3516,5413,4031],{},[3728,5415,5416],{},"Напівпроміжки на краях, повні між елементами",[3710,5418,5419,5423],{},[3728,5420,5421],{},[3516,5422,4034],{},[3728,5424,5425],{},"Однакові відстані скрізь, включно з краями",[3666,5427,5428,5433],{},[3512,5429,5430],{},[3540,5431,5432],{},"Коли що.",[3898,5434,5435,5441,5455],{},[3578,5436,5437,5438,3536],{},"Екран «по центру» (логін, splash-контент) → ",[3516,5439,5440],{},"justifyContent: 'center'",[3578,5442,5443,5444,5447,5448,5450,5451,5454],{},"Шапка зверху + кнопка внизу без «роз’їзду» середини → часто ",[3540,5445,5446],{},"не"," ",[3516,5449,4028],{}," на весь екран, а схема ",[3540,5452,5453],{},"header \u002F flex:1 body \u002F footer"," (нижче).",[3578,5456,5457,5458,5460,5461,5463,5464,3536],{},"Чіпи в рядку з рівними дірками → ",[3516,5459,4028],{}," або краще ",[3516,5462,3603],{}," + ",[3516,5465,4016],{},[4250,5467,5469],{"id":5468},"playground-justifycontent","Playground: justifyContent",[4255,5471,5474],{"device":4257,"filename":5472,"title":5473},"JustifyPlayground.tsx","justifyContent playground",[4085,5475,5477],{"className":4262,"code":5476,"language":4264,"meta":4090,"style":4090},"import { useState } from 'react';\nimport { View, Text, Pressable, StyleSheet, useColorScheme } from 'react-native';\n\ntype JC =\n  | 'flex-start'\n  | 'flex-end'\n  | 'center'\n  | 'space-between'\n  | 'space-around'\n  | 'space-evenly';\n\nconst OPTIONS: JC[] = [\n  'flex-start',\n  'flex-end',\n  'center',\n  'space-between',\n  'space-around',\n  'space-evenly',\n];\n\nfunction Chip({\n  label,\n  active,\n  onPress,\n}: {\n  label: string;\n  active: boolean;\n  onPress: () => void;\n}) {\n  return (\n    \u003CPressable onPress={onPress} style={[styles.chip, active && styles.chipOn]}>\n      \u003CText style={[styles.chipText, active && styles.chipTextOn]}>{label}\u003C\u002FText>\n    \u003C\u002FPressable>\n  );\n}\n\nexport default function App() {\n  const [jc, setJc] = useState\u003CJC>('flex-start');\n  const isDark = useColorScheme() === 'dark';\n  const text = isDark ? '#f5f5f7' : '#0f172a';\n  const muted = isDark ? '#a1a1aa' : '#64748b';\n\n  return (\n    \u003CView style={[styles.screen, isDark && { backgroundColor: '#000' }]}>\n      \u003CText style={[styles.h, { color: text }]}>justifyContent\u003C\u002FText>\n      \u003CView style={styles.chips}>\n        {OPTIONS.map((o) => (\n          \u003CChip key={o} label={o} active={jc === o} onPress={() => setJc(o)} \u002F>\n        ))}\n      \u003C\u002FView>\n\n      \u003CView style={[styles.arena, { justifyContent: jc }, isDark && styles.arenaDark]}>\n        \u003CView style={[styles.item, { backgroundColor: '#2563EB' }]} \u002F>\n        \u003CView style={[styles.item, { backgroundColor: '#16A34A' }]} \u002F>\n        \u003CView style={[styles.item, { backgroundColor: '#DC2626' }]} \u002F>\n      \u003C\u002FView>\n\n      \u003CText style={[styles.code, { color: muted }]}>{`justifyContent: '${jc}'`}\u003C\u002FText>\n      \u003CText style={[styles.hint, { color: muted }]}>\n        Арена — колонка (flexDirection default). Міняється лише розподіл по вертикалі.\n      \u003C\u002FText>\n    \u003C\u002FView>\n  );\n}\n\nconst styles = StyleSheet.create({\n  screen: { flex: 1, backgroundColor: '#F8FAFC', padding: 14, gap: 8 },\n  h: { fontSize: 17, fontWeight: '700' },\n  chips: { flexDirection: 'row', flexWrap: 'wrap', gap: 6 },\n  chip: {\n    paddingHorizontal: 8,\n    paddingVertical: 5,\n    borderRadius: 8,\n    backgroundColor: '#e2e8f0',\n  },\n  chipOn: { backgroundColor: '#2563EB' },\n  chipText: { fontSize: 11, fontWeight: '600', color: '#0f172a' },\n  chipTextOn: { color: '#fff' },\n  arena: {\n    flex: 1,\n    marginTop: 8,\n    borderRadius: 12,\n    borderWidth: 2,\n    borderColor: '#93c5fd',\n    backgroundColor: '#fff',\n    padding: 10,\n    minHeight: 220,\n  },\n  arenaDark: { backgroundColor: '#1c1c1e', borderColor: '#3b82f6' },\n  item: { height: 40, borderRadius: 8 },\n  code: { fontSize: 13, fontFamily: 'monospace' },\n  hint: { fontSize: 12, lineHeight: 17 },\n});\n",[3516,5478,5479,5497,5529,5533,5544,5552,5559,5566,5573,5580,5589,5593,5608,5615,5622,5629,5636,5643,5650,5655,5659,5668,5675,5682,5689,5694,5704,5715,5730,5735,5741,5794,5846,5854,5858,5862,5866,5878,5912,5928,5948,5968,5972,5978,6016,6057,6080,6106,6178,6185,6193,6197,6246,6280,6313,6346,6354,6358,6413,6445,6451,6460,6469,6474,6479,6484,6501,6533,6554,6583,6591,6601,6612,6621,6631,6636,6650,6679,6693,6701,6711,6721,6730,6741,6752,6761,6770,6781,6786,6808,6831,6853,6872],{"__ignoreMap":4090},[4094,5480,5481,5483,5485,5488,5490,5492,5495],{"class":4096,"line":4097},[4094,5482,4272],{"class":4271},[4094,5484,4276],{"class":4275},[4094,5486,5487],{"class":4279},"useState",[4094,5489,4296],{"class":4275},[4094,5491,4299],{"class":4271},[4094,5493,5494],{"class":4302}," 'react'",[4094,5496,4306],{"class":4275},[4094,5498,5499,5501,5503,5505,5507,5509,5511,5513,5515,5517,5519,5521,5523,5525,5527],{"class":4096,"line":4103},[4094,5500,4272],{"class":4271},[4094,5502,4276],{"class":4275},[4094,5504,3518],{"class":4279},[4094,5506,3519],{"class":4275},[4094,5508,3522],{"class":4279},[4094,5510,3519],{"class":4275},[4094,5512,3528],{"class":4279},[4094,5514,3519],{"class":4275},[4094,5516,4288],{"class":4279},[4094,5518,3519],{"class":4275},[4094,5520,4293],{"class":4279},[4094,5522,4296],{"class":4275},[4094,5524,4299],{"class":4271},[4094,5526,4303],{"class":4302},[4094,5528,4306],{"class":4275},[4094,5530,5531],{"class":4096,"line":4109},[4094,5532,4125],{"emptyLinePlaceholder":4124},[4094,5534,5535,5538,5541],{"class":4096,"line":4115},[4094,5536,5537],{"class":4315},"type",[4094,5539,5540],{"class":4342}," JC",[4094,5542,5543],{"class":4275}," =\n",[4094,5545,5546,5549],{"class":4096,"line":4121},[4094,5547,5548],{"class":4275},"  | ",[4094,5550,5551],{"class":4302},"'flex-start'\n",[4094,5553,5554,5556],{"class":4096,"line":4128},[4094,5555,5548],{"class":4275},[4094,5557,5558],{"class":4302},"'flex-end'\n",[4094,5560,5561,5563],{"class":4096,"line":4134},[4094,5562,5548],{"class":4275},[4094,5564,5565],{"class":4302},"'center'\n",[4094,5567,5568,5570],{"class":4096,"line":4140},[4094,5569,5548],{"class":4275},[4094,5571,5572],{"class":4302},"'space-between'\n",[4094,5574,5575,5577],{"class":4096,"line":4146},[4094,5576,5548],{"class":4275},[4094,5578,5579],{"class":4302},"'space-around'\n",[4094,5581,5582,5584,5587],{"class":4096,"line":4152},[4094,5583,5548],{"class":4275},[4094,5585,5586],{"class":4302},"'space-evenly'",[4094,5588,4306],{"class":4275},[4094,5590,5591],{"class":4096,"line":4158},[4094,5592,4125],{"emptyLinePlaceholder":4124},[4094,5594,5595,5597,5600,5602,5605],{"class":4096,"line":4164},[4094,5596,5029],{"class":4315},[4094,5598,5599],{"class":4496}," OPTIONS",[4094,5601,4339],{"class":4275},[4094,5603,5604],{"class":4342},"JC",[4094,5606,5607],{"class":4275},"[] = [\n",[4094,5609,5610,5613],{"class":4096,"line":4170},[4094,5611,5612],{"class":4302},"  'flex-start'",[4094,5614,5127],{"class":4275},[4094,5616,5617,5620],{"class":4096,"line":4176},[4094,5618,5619],{"class":4302},"  'flex-end'",[4094,5621,5127],{"class":4275},[4094,5623,5624,5627],{"class":4096,"line":4182},[4094,5625,5626],{"class":4302},"  'center'",[4094,5628,5127],{"class":4275},[4094,5630,5631,5634],{"class":4096,"line":4187},[4094,5632,5633],{"class":4302},"  'space-between'",[4094,5635,5127],{"class":4275},[4094,5637,5638,5641],{"class":4096,"line":4193},[4094,5639,5640],{"class":4302},"  'space-around'",[4094,5642,5127],{"class":4275},[4094,5644,5645,5648],{"class":4096,"line":4199},[4094,5646,5647],{"class":4302},"  'space-evenly'",[4094,5649,5127],{"class":4275},[4094,5651,5652],{"class":4096,"line":4205},[4094,5653,5654],{"class":4275},"];\n",[4094,5656,5657],{"class":4096,"line":4211},[4094,5658,4125],{"emptyLinePlaceholder":4124},[4094,5660,5661,5663,5666],{"class":4096,"line":4217},[4094,5662,4316],{"class":4315},[4094,5664,5665],{"class":4319}," Chip",[4094,5667,5043],{"class":4275},[4094,5669,5670,5673],{"class":4096,"line":4223},[4094,5671,5672],{"class":4279},"  label",[4094,5674,5127],{"class":4275},[4094,5676,5677,5680],{"class":4096,"line":4229},[4094,5678,5679],{"class":4279},"  active",[4094,5681,5127],{"class":4275},[4094,5683,5684,5687],{"class":4096,"line":4235},[4094,5685,5686],{"class":4279},"  onPress",[4094,5688,5127],{"class":4275},[4094,5690,5691],{"class":4096,"line":4240},[4094,5692,5693],{"class":4275},"}: {\n",[4094,5695,5696,5698,5700,5702],{"class":4096,"line":4245},[4094,5697,5672],{"class":4279},[4094,5699,4339],{"class":4275},[4094,5701,4343],{"class":4342},[4094,5703,4306],{"class":4275},[4094,5705,5706,5708,5710,5713],{"class":4096,"line":4876},[4094,5707,5679],{"class":4279},[4094,5709,4339],{"class":4275},[4094,5711,5712],{"class":4342},"boolean",[4094,5714,4306],{"class":4275},[4094,5716,5717,5719,5722,5725,5728],{"class":4096,"line":4897},[4094,5718,5686],{"class":4319},[4094,5720,5721],{"class":4275},": () ",[4094,5723,5724],{"class":4315},"=>",[4094,5726,5727],{"class":4342}," void",[4094,5729,4306],{"class":4275},[4094,5731,5732],{"class":4096,"line":4918},[4094,5733,5734],{"class":4275},"}) {\n",[4094,5736,5737,5739],{"class":4096,"line":4939},[4094,5738,4360],{"class":4271},[4094,5740,4363],{"class":4275},[4094,5742,5743,5745,5747,5750,5752,5754,5757,5759,5761,5763,5765,5767,5769,5771,5774,5776,5779,5781,5783,5785,5788,5790,5792],{"class":4096,"line":4948},[4094,5744,4369],{"class":4368},[4094,5746,3528],{"class":4342},[4094,5748,5749],{"class":4374}," onPress",[4094,5751,4378],{"class":4275},[4094,5753,4381],{"class":4315},[4094,5755,5756],{"class":4279},"onPress",[4094,5758,4408],{"class":4315},[4094,5760,4375],{"class":4374},[4094,5762,4378],{"class":4275},[4094,5764,4381],{"class":4315},[4094,5766,4385],{"class":4384},[4094,5768,4388],{"class":4279},[4094,5770,3536],{"class":4384},[4094,5772,5773],{"class":4279},"chip",[4094,5775,3519],{"class":4384},[4094,5777,5778],{"class":4279},"active",[4094,5780,4597],{"class":4275},[4094,5782,4683],{"class":4279},[4094,5784,3536],{"class":4384},[4094,5786,5787],{"class":4279},"chipOn",[4094,5789,4691],{"class":4384},[4094,5791,4408],{"class":4315},[4094,5793,4411],{"class":4368},[4094,5795,5796,5798,5800,5802,5804,5806,5808,5810,5812,5815,5817,5819,5821,5823,5825,5828,5830,5832,5834,5836,5838,5840,5842,5844],{"class":4096,"line":4953},[4094,5797,4416],{"class":4368},[4094,5799,3522],{"class":4342},[4094,5801,4375],{"class":4374},[4094,5803,4378],{"class":4275},[4094,5805,4381],{"class":4315},[4094,5807,4385],{"class":4384},[4094,5809,4388],{"class":4279},[4094,5811,3536],{"class":4384},[4094,5813,5814],{"class":4279},"chipText",[4094,5816,3519],{"class":4384},[4094,5818,5778],{"class":4279},[4094,5820,4597],{"class":4275},[4094,5822,4683],{"class":4279},[4094,5824,3536],{"class":4384},[4094,5826,5827],{"class":4279},"chipTextOn",[4094,5829,4691],{"class":4384},[4094,5831,4408],{"class":4315},[4094,5833,4436],{"class":4368},[4094,5835,4381],{"class":4315},[4094,5837,4326],{"class":4279},[4094,5839,4408],{"class":4315},[4094,5841,4445],{"class":4368},[4094,5843,3522],{"class":4342},[4094,5845,4411],{"class":4368},[4094,5847,5848,5850,5852],{"class":4096,"line":4987},[4094,5849,4454],{"class":4368},[4094,5851,3528],{"class":4342},[4094,5853,4411],{"class":4368},[4094,5855,5856],{"class":4096,"line":4993},[4094,5857,4463],{"class":4275},[4094,5859,5860],{"class":4096,"line":5002},[4094,5861,4179],{"class":4275},[4094,5863,5864],{"class":4096,"line":5011},[4094,5865,4125],{"emptyLinePlaceholder":4124},[4094,5867,5868,5870,5872,5874,5876],{"class":4096,"line":5016},[4094,5869,4476],{"class":4271},[4094,5871,4479],{"class":4271},[4094,5873,4482],{"class":4315},[4094,5875,4485],{"class":4319},[4094,5877,4488],{"class":4275},[4094,5879,5880,5882,5885,5888,5890,5893,5896,5898,5901,5903,5906,5909],{"class":4096,"line":5021},[4094,5881,4493],{"class":4315},[4094,5883,5884],{"class":4275}," [",[4094,5886,5887],{"class":4496},"jc",[4094,5889,3519],{"class":4275},[4094,5891,5892],{"class":4496},"setJc",[4094,5894,5895],{"class":4275},"] = ",[4094,5897,5487],{"class":4319},[4094,5899,5900],{"class":4275},"\u003C",[4094,5902,5604],{"class":4342},[4094,5904,5905],{"class":4275},">(",[4094,5907,5908],{"class":4302},"'flex-start'",[4094,5910,5911],{"class":4275},");\n",[4094,5913,5914,5916,5918,5920,5922,5924,5926],{"class":4096,"line":5026},[4094,5915,4493],{"class":4315},[4094,5917,4497],{"class":4496},[4094,5919,4500],{"class":4275},[4094,5921,4293],{"class":4319},[4094,5923,4505],{"class":4275},[4094,5925,4508],{"class":4302},[4094,5927,4306],{"class":4275},[4094,5929,5930,5932,5934,5936,5938,5940,5942,5944,5946],{"class":4096,"line":5046},[4094,5931,4493],{"class":4315},[4094,5933,4517],{"class":4496},[4094,5935,4500],{"class":4275},[4094,5937,4522],{"class":4279},[4094,5939,4525],{"class":4275},[4094,5941,4528],{"class":4302},[4094,5943,4531],{"class":4275},[4094,5945,4534],{"class":4302},[4094,5947,4306],{"class":4275},[4094,5949,5950,5952,5954,5956,5958,5960,5962,5964,5966],{"class":4096,"line":5085},[4094,5951,4493],{"class":4315},[4094,5953,4543],{"class":4496},[4094,5955,4500],{"class":4275},[4094,5957,4522],{"class":4279},[4094,5959,4525],{"class":4275},[4094,5961,4552],{"class":4302},[4094,5963,4531],{"class":4275},[4094,5965,4557],{"class":4302},[4094,5967,4306],{"class":4275},[4094,5969,5970],{"class":4096,"line":5109},[4094,5971,4125],{"emptyLinePlaceholder":4124},[4094,5973,5974,5976],{"class":4096,"line":5118},[4094,5975,4360],{"class":4271},[4094,5977,4363],{"class":4275},[4094,5979,5980,5982,5984,5986,5988,5990,5992,5994,5996,5998,6000,6002,6004,6006,6008,6010,6012,6014],{"class":4096,"line":5130},[4094,5981,4369],{"class":4368},[4094,5983,3518],{"class":4342},[4094,5985,4375],{"class":4374},[4094,5987,4378],{"class":4275},[4094,5989,4381],{"class":4315},[4094,5991,4385],{"class":4384},[4094,5993,4388],{"class":4279},[4094,5995,3536],{"class":4384},[4094,5997,4590],{"class":4279},[4094,5999,3519],{"class":4384},[4094,6001,4522],{"class":4279},[4094,6003,4597],{"class":4275},[4094,6005,4276],{"class":4384},[4094,6007,4399],{"class":4279},[4094,6009,4604],{"class":4302},[4094,6011,4405],{"class":4384},[4094,6013,4408],{"class":4315},[4094,6015,4411],{"class":4368},[4094,6017,6018,6020,6022,6024,6026,6028,6030,6032,6034,6037,6039,6041,6043,6045,6047,6049,6051,6053,6055],{"class":4096,"line":5141},[4094,6019,4416],{"class":4368},[4094,6021,3522],{"class":4342},[4094,6023,4375],{"class":4374},[4094,6025,4378],{"class":4275},[4094,6027,4381],{"class":4315},[4094,6029,4385],{"class":4384},[4094,6031,4388],{"class":4279},[4094,6033,3536],{"class":4384},[4094,6035,6036],{"class":4279},"h",[4094,6038,4396],{"class":4384},[4094,6040,4636],{"class":4279},[4094,6042,4517],{"class":4279},[4094,6044,4405],{"class":4384},[4094,6046,4408],{"class":4315},[4094,6048,4436],{"class":4368},[4094,6050,3597],{"class":4275},[4094,6052,4445],{"class":4368},[4094,6054,3522],{"class":4342},[4094,6056,4411],{"class":4368},[4094,6058,6059,6061,6063,6065,6067,6069,6071,6073,6076,6078],{"class":4096,"line":5151},[4094,6060,4416],{"class":4368},[4094,6062,3518],{"class":4342},[4094,6064,4375],{"class":4374},[4094,6066,4378],{"class":4275},[4094,6068,4381],{"class":4315},[4094,6070,4388],{"class":4279},[4094,6072,3536],{"class":4384},[4094,6074,6075],{"class":4279},"chips",[4094,6077,4408],{"class":4315},[4094,6079,4411],{"class":4368},[4094,6081,6082,6085,6088,6090,6093,6096,6099,6102,6104],{"class":4096,"line":5161},[4094,6083,6084],{"class":4315},"        {",[4094,6086,6087],{"class":4496},"OPTIONS",[4094,6089,3536],{"class":4384},[4094,6091,6092],{"class":4319},"map",[4094,6094,6095],{"class":4384},"((",[4094,6097,6098],{"class":4279},"o",[4094,6100,6101],{"class":4384},") ",[4094,6103,5724],{"class":4315},[4094,6105,4363],{"class":4384},[4094,6107,6108,6111,6114,6117,6119,6121,6123,6125,6127,6129,6131,6133,6135,6138,6140,6142,6144,6147,6150,6152,6154,6156,6158,6161,6163,6166,6169,6171,6174,6176],{"class":4096,"line":5167},[4094,6109,6110],{"class":4368},"          \u003C",[4094,6112,6113],{"class":4342},"Chip",[4094,6115,6116],{"class":4374}," key",[4094,6118,4378],{"class":4275},[4094,6120,4381],{"class":4315},[4094,6122,6098],{"class":4279},[4094,6124,4408],{"class":4315},[4094,6126,4706],{"class":4374},[4094,6128,4378],{"class":4275},[4094,6130,4381],{"class":4315},[4094,6132,6098],{"class":4279},[4094,6134,4408],{"class":4315},[4094,6136,6137],{"class":4374}," active",[4094,6139,4378],{"class":4275},[4094,6141,4381],{"class":4315},[4094,6143,5887],{"class":4279},[4094,6145,6146],{"class":4275}," ===",[4094,6148,6149],{"class":4279}," o",[4094,6151,4408],{"class":4315},[4094,6153,5749],{"class":4374},[4094,6155,4378],{"class":4275},[4094,6157,4381],{"class":4315},[4094,6159,6160],{"class":4384},"() ",[4094,6162,5724],{"class":4315},[4094,6164,6165],{"class":4319}," setJc",[4094,6167,6168],{"class":4384},"(",[4094,6170,6098],{"class":4279},[4094,6172,6173],{"class":4384},")",[4094,6175,4408],{"class":4315},[4094,6177,4721],{"class":4368},[4094,6179,6180,6183],{"class":4096,"line":5182},[4094,6181,6182],{"class":4384},"        ))",[4094,6184,4179],{"class":4315},[4094,6186,6187,6189,6191],{"class":4096,"line":5206},[4094,6188,4770],{"class":4368},[4094,6190,3518],{"class":4342},[4094,6192,4411],{"class":4368},[4094,6194,6195],{"class":4096,"line":5214},[4094,6196,4125],{"emptyLinePlaceholder":4124},[4094,6198,6199,6201,6203,6205,6207,6209,6211,6213,6215,6218,6220,6223,6226,6229,6231,6233,6235,6237,6240,6242,6244],{"class":4096,"line":5225},[4094,6200,4416],{"class":4368},[4094,6202,3518],{"class":4342},[4094,6204,4375],{"class":4374},[4094,6206,4378],{"class":4275},[4094,6208,4381],{"class":4315},[4094,6210,4385],{"class":4384},[4094,6212,4388],{"class":4279},[4094,6214,3536],{"class":4384},[4094,6216,6217],{"class":4279},"arena",[4094,6219,4396],{"class":4384},[4094,6221,6222],{"class":4279},"justifyContent:",[4094,6224,6225],{"class":4279}," jc",[4094,6227,6228],{"class":4384}," }, ",[4094,6230,4522],{"class":4279},[4094,6232,4597],{"class":4275},[4094,6234,4683],{"class":4279},[4094,6236,3536],{"class":4384},[4094,6238,6239],{"class":4279},"arenaDark",[4094,6241,4691],{"class":4384},[4094,6243,4408],{"class":4315},[4094,6245,4411],{"class":4368},[4094,6247,6248,6250,6252,6254,6256,6258,6260,6262,6264,6267,6269,6271,6274,6276,6278],{"class":4096,"line":5235},[4094,6249,4700],{"class":4368},[4094,6251,3518],{"class":4342},[4094,6253,4375],{"class":4374},[4094,6255,4378],{"class":4275},[4094,6257,4381],{"class":4315},[4094,6259,4385],{"class":4384},[4094,6261,4388],{"class":4279},[4094,6263,3536],{"class":4384},[4094,6265,6266],{"class":4279},"item",[4094,6268,4396],{"class":4384},[4094,6270,4399],{"class":4279},[4094,6272,6273],{"class":4302}," '#2563EB'",[4094,6275,4405],{"class":4384},[4094,6277,4408],{"class":4315},[4094,6279,4721],{"class":4368},[4094,6281,6282,6284,6286,6288,6290,6292,6294,6296,6298,6300,6302,6304,6307,6309,6311],{"class":4096,"line":5245},[4094,6283,4700],{"class":4368},[4094,6285,3518],{"class":4342},[4094,6287,4375],{"class":4374},[4094,6289,4378],{"class":4275},[4094,6291,4381],{"class":4315},[4094,6293,4385],{"class":4384},[4094,6295,4388],{"class":4279},[4094,6297,3536],{"class":4384},[4094,6299,6266],{"class":4279},[4094,6301,4396],{"class":4384},[4094,6303,4399],{"class":4279},[4094,6305,6306],{"class":4302}," '#16A34A'",[4094,6308,4405],{"class":4384},[4094,6310,4408],{"class":4315},[4094,6312,4721],{"class":4368},[4094,6314,6315,6317,6319,6321,6323,6325,6327,6329,6331,6333,6335,6337,6340,6342,6344],{"class":4096,"line":5255},[4094,6316,4700],{"class":4368},[4094,6318,3518],{"class":4342},[4094,6320,4375],{"class":4374},[4094,6322,4378],{"class":4275},[4094,6324,4381],{"class":4315},[4094,6326,4385],{"class":4384},[4094,6328,4388],{"class":4279},[4094,6330,3536],{"class":4384},[4094,6332,6266],{"class":4279},[4094,6334,4396],{"class":4384},[4094,6336,4399],{"class":4279},[4094,6338,6339],{"class":4302}," '#DC2626'",[4094,6341,4405],{"class":4384},[4094,6343,4408],{"class":4315},[4094,6345,4721],{"class":4368},[4094,6347,6348,6350,6352],{"class":4096,"line":5265},[4094,6349,4770],{"class":4368},[4094,6351,3518],{"class":4342},[4094,6353,4411],{"class":4368},[4094,6355,6356],{"class":4096,"line":5270},[4094,6357,4125],{"emptyLinePlaceholder":4124},[4094,6359,6360,6362,6364,6366,6368,6370,6372,6374,6376,6378,6380,6382,6384,6386,6388,6390,6392,6395,6398,6400,6402,6405,6407,6409,6411],{"class":4096,"line":5298},[4094,6361,4416],{"class":4368},[4094,6363,3522],{"class":4342},[4094,6365,4375],{"class":4374},[4094,6367,4378],{"class":4275},[4094,6369,4381],{"class":4315},[4094,6371,4385],{"class":4384},[4094,6373,4388],{"class":4279},[4094,6375,3536],{"class":4384},[4094,6377,3516],{"class":4279},[4094,6379,4396],{"class":4384},[4094,6381,4636],{"class":4279},[4094,6383,4543],{"class":4279},[4094,6385,4405],{"class":4384},[4094,6387,4408],{"class":4315},[4094,6389,4436],{"class":4368},[4094,6391,4381],{"class":4315},[4094,6393,6394],{"class":4302},"`justifyContent: '",[4094,6396,6397],{"class":4315},"${",[4094,6399,5887],{"class":4279},[4094,6401,4408],{"class":4315},[4094,6403,6404],{"class":4302},"'`",[4094,6406,4408],{"class":4315},[4094,6408,4445],{"class":4368},[4094,6410,3522],{"class":4342},[4094,6412,4411],{"class":4368},[4094,6414,6415,6417,6419,6421,6423,6425,6427,6429,6431,6433,6435,6437,6439,6441,6443],{"class":4096,"line":5327},[4094,6416,4416],{"class":4368},[4094,6418,3522],{"class":4342},[4094,6420,4375],{"class":4374},[4094,6422,4378],{"class":4275},[4094,6424,4381],{"class":4315},[4094,6426,4385],{"class":4384},[4094,6428,4388],{"class":4279},[4094,6430,3536],{"class":4384},[4094,6432,4972],{"class":4279},[4094,6434,4396],{"class":4384},[4094,6436,4636],{"class":4279},[4094,6438,4543],{"class":4279},[4094,6440,4405],{"class":4384},[4094,6442,4408],{"class":4315},[4094,6444,4411],{"class":4368},[4094,6446,6448],{"class":4096,"line":6447},60,[4094,6449,6450],{"class":4275},"        Арена — колонка (flexDirection default). Міняється лише розподіл по вертикалі.\n",[4094,6452,6454,6456,6458],{"class":4096,"line":6453},61,[4094,6455,4770],{"class":4368},[4094,6457,3522],{"class":4342},[4094,6459,4411],{"class":4368},[4094,6461,6463,6465,6467],{"class":4096,"line":6462},62,[4094,6464,4454],{"class":4368},[4094,6466,3518],{"class":4342},[4094,6468,4411],{"class":4368},[4094,6470,6472],{"class":4096,"line":6471},63,[4094,6473,4463],{"class":4275},[4094,6475,6477],{"class":4096,"line":6476},64,[4094,6478,4179],{"class":4275},[4094,6480,6482],{"class":4096,"line":6481},65,[4094,6483,4125],{"emptyLinePlaceholder":4124},[4094,6485,6487,6489,6491,6493,6495,6497,6499],{"class":4096,"line":6486},66,[4094,6488,5029],{"class":4315},[4094,6490,4683],{"class":4496},[4094,6492,4500],{"class":4275},[4094,6494,4288],{"class":4279},[4094,6496,3536],{"class":4275},[4094,6498,5040],{"class":4319},[4094,6500,5043],{"class":4275},[4094,6502,6504,6506,6508,6510,6512,6514,6516,6518,6520,6522,6525,6527,6529,6531],{"class":4096,"line":6503},67,[4094,6505,5049],{"class":4279},[4094,6507,4276],{"class":4275},[4094,6509,5054],{"class":4279},[4094,6511,5057],{"class":4812},[4094,6513,3519],{"class":4275},[4094,6515,4399],{"class":4279},[4094,6517,5064],{"class":4302},[4094,6519,3519],{"class":4275},[4094,6521,5069],{"class":4279},[4094,6523,6524],{"class":4812}," 14",[4094,6526,3519],{"class":4275},[4094,6528,5076],{"class":4279},[4094,6530,5079],{"class":4812},[4094,6532,5082],{"class":4275},[4094,6534,6536,6539,6541,6543,6546,6548,6550,6552],{"class":4096,"line":6535},68,[4094,6537,6538],{"class":4279},"  h:",[4094,6540,4276],{"class":4275},[4094,6542,5093],{"class":4279},[4094,6544,6545],{"class":4812}," 17",[4094,6547,3519],{"class":4275},[4094,6549,5101],{"class":4279},[4094,6551,5104],{"class":4302},[4094,6553,5082],{"class":4275},[4094,6555,6557,6560,6562,6564,6566,6568,6571,6574,6576,6578,6581],{"class":4096,"line":6556},69,[4094,6558,6559],{"class":4279},"  chips:",[4094,6561,4276],{"class":4275},[4094,6563,5190],{"class":4279},[4094,6565,5193],{"class":4302},[4094,6567,3519],{"class":4275},[4094,6569,6570],{"class":4279},"flexWrap:",[4094,6572,6573],{"class":4302}," 'wrap'",[4094,6575,3519],{"class":4275},[4094,6577,5076],{"class":4279},[4094,6579,6580],{"class":4812}," 6",[4094,6582,5082],{"class":4275},[4094,6584,6586,6589],{"class":4096,"line":6585},70,[4094,6587,6588],{"class":4279},"  chip:",[4094,6590,5115],{"class":4275},[4094,6592,6594,6597,6599],{"class":4096,"line":6593},71,[4094,6595,6596],{"class":4279},"    paddingHorizontal:",[4094,6598,5079],{"class":4812},[4094,6600,5127],{"class":4275},[4094,6602,6604,6607,6610],{"class":4096,"line":6603},72,[4094,6605,6606],{"class":4279},"    paddingVertical:",[4094,6608,6609],{"class":4812}," 5",[4094,6611,5127],{"class":4275},[4094,6613,6615,6617,6619],{"class":4096,"line":6614},73,[4094,6616,5133],{"class":4279},[4094,6618,5079],{"class":4812},[4094,6620,5127],{"class":4275},[4094,6622,6624,6626,6629],{"class":4096,"line":6623},74,[4094,6625,5121],{"class":4279},[4094,6627,6628],{"class":4302}," '#e2e8f0'",[4094,6630,5127],{"class":4275},[4094,6632,6634],{"class":4096,"line":6633},75,[4094,6635,5164],{"class":4275},[4094,6637,6639,6642,6644,6646,6648],{"class":4096,"line":6638},76,[4094,6640,6641],{"class":4279},"  chipOn:",[4094,6643,4276],{"class":4275},[4094,6645,4399],{"class":4279},[4094,6647,6273],{"class":4302},[4094,6649,5082],{"class":4275},[4094,6651,6653,6656,6658,6660,6663,6665,6667,6670,6672,6674,6677],{"class":4096,"line":6652},77,[4094,6654,6655],{"class":4279},"  chipText:",[4094,6657,4276],{"class":4275},[4094,6659,5093],{"class":4279},[4094,6661,6662],{"class":4812}," 11",[4094,6664,3519],{"class":4275},[4094,6666,5101],{"class":4279},[4094,6668,6669],{"class":4302}," '600'",[4094,6671,3519],{"class":4275},[4094,6673,4636],{"class":4279},[4094,6675,6676],{"class":4302}," '#0f172a'",[4094,6678,5082],{"class":4275},[4094,6680,6682,6685,6687,6689,6691],{"class":4096,"line":6681},78,[4094,6683,6684],{"class":4279},"  chipTextOn:",[4094,6686,4276],{"class":4275},[4094,6688,4636],{"class":4279},[4094,6690,5280],{"class":4302},[4094,6692,5082],{"class":4275},[4094,6694,6696,6699],{"class":4096,"line":6695},79,[4094,6697,6698],{"class":4279},"  arena:",[4094,6700,5115],{"class":4275},[4094,6702,6704,6707,6709],{"class":4096,"line":6703},80,[4094,6705,6706],{"class":4279},"    flex:",[4094,6708,5057],{"class":4812},[4094,6710,5127],{"class":4275},[4094,6712,6714,6717,6719],{"class":4096,"line":6713},81,[4094,6715,6716],{"class":4279},"    marginTop:",[4094,6718,5079],{"class":4812},[4094,6720,5127],{"class":4275},[4094,6722,6724,6726,6728],{"class":4096,"line":6723},82,[4094,6725,5133],{"class":4279},[4094,6727,5136],{"class":4812},[4094,6729,5127],{"class":4275},[4094,6731,6733,6736,6739],{"class":4096,"line":6732},83,[4094,6734,6735],{"class":4279},"    borderWidth:",[4094,6737,6738],{"class":4812}," 2",[4094,6740,5127],{"class":4275},[4094,6742,6744,6747,6750],{"class":4096,"line":6743},84,[4094,6745,6746],{"class":4279},"    borderColor:",[4094,6748,6749],{"class":4302}," '#93c5fd'",[4094,6751,5127],{"class":4275},[4094,6753,6755,6757,6759],{"class":4096,"line":6754},85,[4094,6756,5121],{"class":4279},[4094,6758,5280],{"class":4302},[4094,6760,5127],{"class":4275},[4094,6762,6764,6766,6768],{"class":4096,"line":6763},86,[4094,6765,5144],{"class":4279},[4094,6767,5240],{"class":4812},[4094,6769,5127],{"class":4275},[4094,6771,6773,6776,6779],{"class":4096,"line":6772},87,[4094,6774,6775],{"class":4279},"    minHeight:",[4094,6777,6778],{"class":4812}," 220",[4094,6780,5127],{"class":4275},[4094,6782,6784],{"class":4096,"line":6783},88,[4094,6785,5164],{"class":4275},[4094,6787,6789,6792,6794,6796,6798,6800,6803,6806],{"class":4096,"line":6788},89,[4094,6790,6791],{"class":4279},"  arenaDark:",[4094,6793,4276],{"class":4275},[4094,6795,4399],{"class":4279},[4094,6797,5177],{"class":4302},[4094,6799,3519],{"class":4275},[4094,6801,6802],{"class":4279},"borderColor:",[4094,6804,6805],{"class":4302}," '#3b82f6'",[4094,6807,5082],{"class":4275},[4094,6809,6811,6814,6816,6819,6822,6824,6827,6829],{"class":4096,"line":6810},90,[4094,6812,6813],{"class":4279},"  item:",[4094,6815,4276],{"class":4275},[4094,6817,6818],{"class":4279},"height:",[4094,6820,6821],{"class":4812}," 40",[4094,6823,3519],{"class":4275},[4094,6825,6826],{"class":4279},"borderRadius:",[4094,6828,5079],{"class":4812},[4094,6830,5082],{"class":4275},[4094,6832,6834,6837,6839,6841,6843,6845,6848,6851],{"class":4096,"line":6833},91,[4094,6835,6836],{"class":4279},"  code:",[4094,6838,4276],{"class":4275},[4094,6840,5093],{"class":4279},[4094,6842,5308],{"class":4812},[4094,6844,3519],{"class":4275},[4094,6846,6847],{"class":4279},"fontFamily:",[4094,6849,6850],{"class":4302}," 'monospace'",[4094,6852,5082],{"class":4275},[4094,6854,6856,6858,6860,6862,6864,6866,6868,6870],{"class":4096,"line":6855},92,[4094,6857,5301],{"class":4279},[4094,6859,4276],{"class":4275},[4094,6861,5093],{"class":4279},[4094,6863,5136],{"class":4812},[4094,6865,3519],{"class":4275},[4094,6867,5313],{"class":4279},[4094,6869,6545],{"class":4812},[4094,6871,5082],{"class":4275},[4094,6873,6875],{"class":4096,"line":6874},93,[4094,6876,5330],{"class":4275},[3688,6878],{},[3507,6880,6882,6884],{"id":6881},"alignitems-вирівнювання-по-cross-axis",[3516,6883,3600],{}," — вирівнювання по cross axis",[3512,6886,3622,6887,6890,6891,6893,6894,6896,6897,6900],{},[3540,6888,6889],{},"колонці"," cross axis — горизонталь: ",[3516,6892,3600],{}," керує «ліво \u002F центр \u002F право \u002F розтягнути на всю ширину».",[4012,6895],{},"\nУ ",[3540,6898,6899],{},"рядку"," cross axis — вертикаль: «верх \u002F середина \u002F низ \u002F розтягнути по висоті».",[3704,6902,6903,6912],{},[3707,6904,6905],{},[3710,6906,6907,6909],{},[3713,6908,3936],{},[3713,6910,6911],{},"Типовий ефект у колонці",[3723,6913,6914,6924,6933,6942,6951],{},[3710,6915,6916,6921],{},[3728,6917,6918,6920],{},[3516,6919,4048],{}," (часте default)",[3728,6922,6923],{},"Діти без власної ширини займають усю ширину",[3710,6925,6926,6930],{},[3728,6927,6928],{},[3516,6929,4016],{},[3728,6931,6932],{},"Притиснути вліво (у LTR)",[3710,6934,6935,6939],{},[3728,6936,6937],{},[3516,6938,4020],{},[3728,6940,6941],{},"По центру горизонталі",[3710,6943,6944,6948],{},[3728,6945,6946],{},[3516,6947,4024],{},[3728,6949,6950],{},"Вправо",[3710,6952,6953,6958],{},[3728,6954,6955],{},[3516,6956,6957],{},"baseline",[3728,6959,6960],{},"За базовими лініями тексту (рідше на старті)",[3859,6962,6963,6966,6967,6970,6971,5447,6974,3584,6976,6978,6979,6982,6983,6985],{},[3540,6964,6965],{},"Чому кнопка «на всю ширину»."," Якщо батько — колонка з ",[3516,6968,6969],{},"alignItems: 'stretch'"," (або default stretch), а в кнопки ",[3540,6972,6973],{},"немає",[3516,6975,4067],{},[3540,6977,6973],{}," фіксованої ",[3516,6980,6981],{},"width",", вона розтягнеться. Це не баг — так працює stretch. Для «кнопки за вмістом» поставте ",[3516,6984,4067],{}," або оберніть у рядок.",[4250,6987,6989],{"id":6988},"playground-alignitems-row","Playground: alignItems + row",[4255,6991,6995],{"device":6992,"filename":6993,"title":6994},"android","AlignPlayground.tsx","alignItems playground",[4085,6996,6998],{"className":4262,"code":6997,"language":4264,"meta":4090,"style":4090},"import { useState } from 'react';\nimport { View, Text, Pressable, StyleSheet, useColorScheme } from 'react-native';\n\ntype AI = 'flex-start' | 'flex-end' | 'center' | 'stretch';\nconst OPTIONS: AI[] = ['flex-start', 'center', 'flex-end', 'stretch'];\n\nfunction Chip({\n  label,\n  active,\n  onPress,\n}: {\n  label: string;\n  active: boolean;\n  onPress: () => void;\n}) {\n  return (\n    \u003CPressable onPress={onPress} style={[styles.chip, active && styles.chipOn]}>\n      \u003CText style={[styles.chipText, active && styles.chipTextOn]}>{label}\u003C\u002FText>\n    \u003C\u002FPressable>\n  );\n}\n\nexport default function App() {\n  const [ai, setAi] = useState\u003CAI>('center');\n  const isDark = useColorScheme() === 'dark';\n  const text = isDark ? '#f5f5f7' : '#0f172a';\n  const muted = isDark ? '#a1a1aa' : '#64748b';\n\n  return (\n    \u003CView style={[styles.screen, isDark && { backgroundColor: '#000' }]}>\n      \u003CText style={[styles.h, { color: text }]}>row · alignItems\u003C\u002FText>\n      \u003CView style={styles.chips}>\n        {OPTIONS.map((o) => (\n          \u003CChip key={o} label={o} active={ai === o} onPress={() => setAi(o)} \u002F>\n        ))}\n      \u003C\u002FView>\n\n      \u003CView style={[styles.arena, { alignItems: ai }, isDark && styles.arenaDark]}>\n        \u003CView style={[styles.box, { height: 40, backgroundColor: '#2563EB' }]} \u002F>\n        \u003CView style={[styles.box, { height: 70, backgroundColor: '#16A34A' }]} \u002F>\n        \u003CView style={[styles.box, { height: 50, backgroundColor: '#DC2626' }]} \u002F>\n      \u003C\u002FView>\n\n      \u003CText style={[styles.code, { color: muted }]}>\n        {`flexDirection: 'row'\\nalignItems: '${ai}'`}\n      \u003C\u002FText>\n      \u003CText style={[styles.hint, { color: muted }]}>\n        stretch розтягує вкладені елементи по висоті арени (якщо height не зафіксовано — тут height є, тож\n        stretch майже як flex-start для цих коробок).\n      \u003C\u002FText>\n    \u003C\u002FView>\n  );\n}\n\nconst styles = StyleSheet.create({\n  screen: { flex: 1, backgroundColor: '#F8FAFC', padding: 14, gap: 8 },\n  h: { fontSize: 17, fontWeight: '700' },\n  chips: { flexDirection: 'row', flexWrap: 'wrap', gap: 6 },\n  chip: {\n    paddingHorizontal: 10,\n    paddingVertical: 6,\n    borderRadius: 8,\n    backgroundColor: '#e2e8f0',\n  },\n  chipOn: { backgroundColor: '#2563EB' },\n  chipText: { fontSize: 12, fontWeight: '600', color: '#0f172a' },\n  chipTextOn: { color: '#fff' },\n  arena: {\n    flexDirection: 'row',\n    height: 160,\n    marginTop: 8,\n    borderRadius: 12,\n    borderWidth: 2,\n    borderColor: '#86efac',\n    backgroundColor: '#fff',\n    padding: 10,\n    gap: 8,\n  },\n  arenaDark: { backgroundColor: '#1c1c1e', borderColor: '#22c55e' },\n  box: { width: 48, borderRadius: 8 },\n  code: { fontSize: 13, fontFamily: 'monospace' },\n  hint: { fontSize: 12, lineHeight: 17 },\n});\n",[3516,6999,7000,7016,7048,7052,7081,7111,7115,7123,7129,7135,7141,7145,7155,7165,7177,7181,7187,7235,7285,7293,7297,7301,7305,7317,7345,7361,7381,7401,7405,7411,7449,7490,7512,7532,7595,7601,7609,7613,7658,7696,7735,7774,7782,7786,7818,7842,7850,7882,7887,7892,7900,7908,7912,7916,7920,7936,7966,7984,8008,8014,8022,8030,8038,8046,8050,8062,8086,8098,8104,8113,8122,8130,8138,8146,8155,8163,8171,8179,8183,8202,8222,8240,8258],{"__ignoreMap":4090},[4094,7001,7002,7004,7006,7008,7010,7012,7014],{"class":4096,"line":4097},[4094,7003,4272],{"class":4271},[4094,7005,4276],{"class":4275},[4094,7007,5487],{"class":4279},[4094,7009,4296],{"class":4275},[4094,7011,4299],{"class":4271},[4094,7013,5494],{"class":4302},[4094,7015,4306],{"class":4275},[4094,7017,7018,7020,7022,7024,7026,7028,7030,7032,7034,7036,7038,7040,7042,7044,7046],{"class":4096,"line":4103},[4094,7019,4272],{"class":4271},[4094,7021,4276],{"class":4275},[4094,7023,3518],{"class":4279},[4094,7025,3519],{"class":4275},[4094,7027,3522],{"class":4279},[4094,7029,3519],{"class":4275},[4094,7031,3528],{"class":4279},[4094,7033,3519],{"class":4275},[4094,7035,4288],{"class":4279},[4094,7037,3519],{"class":4275},[4094,7039,4293],{"class":4279},[4094,7041,4296],{"class":4275},[4094,7043,4299],{"class":4271},[4094,7045,4303],{"class":4302},[4094,7047,4306],{"class":4275},[4094,7049,7050],{"class":4096,"line":4109},[4094,7051,4125],{"emptyLinePlaceholder":4124},[4094,7053,7054,7056,7059,7061,7063,7066,7069,7071,7074,7076,7079],{"class":4096,"line":4115},[4094,7055,5537],{"class":4315},[4094,7057,7058],{"class":4342}," AI",[4094,7060,4500],{"class":4275},[4094,7062,5908],{"class":4302},[4094,7064,7065],{"class":4275}," | ",[4094,7067,7068],{"class":4302},"'flex-end'",[4094,7070,7065],{"class":4275},[4094,7072,7073],{"class":4302},"'center'",[4094,7075,7065],{"class":4275},[4094,7077,7078],{"class":4302},"'stretch'",[4094,7080,4306],{"class":4275},[4094,7082,7083,7085,7087,7089,7092,7095,7097,7099,7101,7103,7105,7107,7109],{"class":4096,"line":4121},[4094,7084,5029],{"class":4315},[4094,7086,5599],{"class":4496},[4094,7088,4339],{"class":4275},[4094,7090,7091],{"class":4342},"AI",[4094,7093,7094],{"class":4275},"[] = [",[4094,7096,5908],{"class":4302},[4094,7098,3519],{"class":4275},[4094,7100,7073],{"class":4302},[4094,7102,3519],{"class":4275},[4094,7104,7068],{"class":4302},[4094,7106,3519],{"class":4275},[4094,7108,7078],{"class":4302},[4094,7110,5654],{"class":4275},[4094,7112,7113],{"class":4096,"line":4128},[4094,7114,4125],{"emptyLinePlaceholder":4124},[4094,7116,7117,7119,7121],{"class":4096,"line":4134},[4094,7118,4316],{"class":4315},[4094,7120,5665],{"class":4319},[4094,7122,5043],{"class":4275},[4094,7124,7125,7127],{"class":4096,"line":4140},[4094,7126,5672],{"class":4279},[4094,7128,5127],{"class":4275},[4094,7130,7131,7133],{"class":4096,"line":4146},[4094,7132,5679],{"class":4279},[4094,7134,5127],{"class":4275},[4094,7136,7137,7139],{"class":4096,"line":4152},[4094,7138,5686],{"class":4279},[4094,7140,5127],{"class":4275},[4094,7142,7143],{"class":4096,"line":4158},[4094,7144,5693],{"class":4275},[4094,7146,7147,7149,7151,7153],{"class":4096,"line":4164},[4094,7148,5672],{"class":4279},[4094,7150,4339],{"class":4275},[4094,7152,4343],{"class":4342},[4094,7154,4306],{"class":4275},[4094,7156,7157,7159,7161,7163],{"class":4096,"line":4170},[4094,7158,5679],{"class":4279},[4094,7160,4339],{"class":4275},[4094,7162,5712],{"class":4342},[4094,7164,4306],{"class":4275},[4094,7166,7167,7169,7171,7173,7175],{"class":4096,"line":4176},[4094,7168,5686],{"class":4319},[4094,7170,5721],{"class":4275},[4094,7172,5724],{"class":4315},[4094,7174,5727],{"class":4342},[4094,7176,4306],{"class":4275},[4094,7178,7179],{"class":4096,"line":4182},[4094,7180,5734],{"class":4275},[4094,7182,7183,7185],{"class":4096,"line":4187},[4094,7184,4360],{"class":4271},[4094,7186,4363],{"class":4275},[4094,7188,7189,7191,7193,7195,7197,7199,7201,7203,7205,7207,7209,7211,7213,7215,7217,7219,7221,7223,7225,7227,7229,7231,7233],{"class":4096,"line":4193},[4094,7190,4369],{"class":4368},[4094,7192,3528],{"class":4342},[4094,7194,5749],{"class":4374},[4094,7196,4378],{"class":4275},[4094,7198,4381],{"class":4315},[4094,7200,5756],{"class":4279},[4094,7202,4408],{"class":4315},[4094,7204,4375],{"class":4374},[4094,7206,4378],{"class":4275},[4094,7208,4381],{"class":4315},[4094,7210,4385],{"class":4384},[4094,7212,4388],{"class":4279},[4094,7214,3536],{"class":4384},[4094,7216,5773],{"class":4279},[4094,7218,3519],{"class":4384},[4094,7220,5778],{"class":4279},[4094,7222,4597],{"class":4275},[4094,7224,4683],{"class":4279},[4094,7226,3536],{"class":4384},[4094,7228,5787],{"class":4279},[4094,7230,4691],{"class":4384},[4094,7232,4408],{"class":4315},[4094,7234,4411],{"class":4368},[4094,7236,7237,7239,7241,7243,7245,7247,7249,7251,7253,7255,7257,7259,7261,7263,7265,7267,7269,7271,7273,7275,7277,7279,7281,7283],{"class":4096,"line":4199},[4094,7238,4416],{"class":4368},[4094,7240,3522],{"class":4342},[4094,7242,4375],{"class":4374},[4094,7244,4378],{"class":4275},[4094,7246,4381],{"class":4315},[4094,7248,4385],{"class":4384},[4094,7250,4388],{"class":4279},[4094,7252,3536],{"class":4384},[4094,7254,5814],{"class":4279},[4094,7256,3519],{"class":4384},[4094,7258,5778],{"class":4279},[4094,7260,4597],{"class":4275},[4094,7262,4683],{"class":4279},[4094,7264,3536],{"class":4384},[4094,7266,5827],{"class":4279},[4094,7268,4691],{"class":4384},[4094,7270,4408],{"class":4315},[4094,7272,4436],{"class":4368},[4094,7274,4381],{"class":4315},[4094,7276,4326],{"class":4279},[4094,7278,4408],{"class":4315},[4094,7280,4445],{"class":4368},[4094,7282,3522],{"class":4342},[4094,7284,4411],{"class":4368},[4094,7286,7287,7289,7291],{"class":4096,"line":4205},[4094,7288,4454],{"class":4368},[4094,7290,3528],{"class":4342},[4094,7292,4411],{"class":4368},[4094,7294,7295],{"class":4096,"line":4211},[4094,7296,4463],{"class":4275},[4094,7298,7299],{"class":4096,"line":4217},[4094,7300,4179],{"class":4275},[4094,7302,7303],{"class":4096,"line":4223},[4094,7304,4125],{"emptyLinePlaceholder":4124},[4094,7306,7307,7309,7311,7313,7315],{"class":4096,"line":4229},[4094,7308,4476],{"class":4271},[4094,7310,4479],{"class":4271},[4094,7312,4482],{"class":4315},[4094,7314,4485],{"class":4319},[4094,7316,4488],{"class":4275},[4094,7318,7319,7321,7323,7326,7328,7331,7333,7335,7337,7339,7341,7343],{"class":4096,"line":4235},[4094,7320,4493],{"class":4315},[4094,7322,5884],{"class":4275},[4094,7324,7325],{"class":4496},"ai",[4094,7327,3519],{"class":4275},[4094,7329,7330],{"class":4496},"setAi",[4094,7332,5895],{"class":4275},[4094,7334,5487],{"class":4319},[4094,7336,5900],{"class":4275},[4094,7338,7091],{"class":4342},[4094,7340,5905],{"class":4275},[4094,7342,7073],{"class":4302},[4094,7344,5911],{"class":4275},[4094,7346,7347,7349,7351,7353,7355,7357,7359],{"class":4096,"line":4240},[4094,7348,4493],{"class":4315},[4094,7350,4497],{"class":4496},[4094,7352,4500],{"class":4275},[4094,7354,4293],{"class":4319},[4094,7356,4505],{"class":4275},[4094,7358,4508],{"class":4302},[4094,7360,4306],{"class":4275},[4094,7362,7363,7365,7367,7369,7371,7373,7375,7377,7379],{"class":4096,"line":4245},[4094,7364,4493],{"class":4315},[4094,7366,4517],{"class":4496},[4094,7368,4500],{"class":4275},[4094,7370,4522],{"class":4279},[4094,7372,4525],{"class":4275},[4094,7374,4528],{"class":4302},[4094,7376,4531],{"class":4275},[4094,7378,4534],{"class":4302},[4094,7380,4306],{"class":4275},[4094,7382,7383,7385,7387,7389,7391,7393,7395,7397,7399],{"class":4096,"line":4876},[4094,7384,4493],{"class":4315},[4094,7386,4543],{"class":4496},[4094,7388,4500],{"class":4275},[4094,7390,4522],{"class":4279},[4094,7392,4525],{"class":4275},[4094,7394,4552],{"class":4302},[4094,7396,4531],{"class":4275},[4094,7398,4557],{"class":4302},[4094,7400,4306],{"class":4275},[4094,7402,7403],{"class":4096,"line":4897},[4094,7404,4125],{"emptyLinePlaceholder":4124},[4094,7406,7407,7409],{"class":4096,"line":4918},[4094,7408,4360],{"class":4271},[4094,7410,4363],{"class":4275},[4094,7412,7413,7415,7417,7419,7421,7423,7425,7427,7429,7431,7433,7435,7437,7439,7441,7443,7445,7447],{"class":4096,"line":4939},[4094,7414,4369],{"class":4368},[4094,7416,3518],{"class":4342},[4094,7418,4375],{"class":4374},[4094,7420,4378],{"class":4275},[4094,7422,4381],{"class":4315},[4094,7424,4385],{"class":4384},[4094,7426,4388],{"class":4279},[4094,7428,3536],{"class":4384},[4094,7430,4590],{"class":4279},[4094,7432,3519],{"class":4384},[4094,7434,4522],{"class":4279},[4094,7436,4597],{"class":4275},[4094,7438,4276],{"class":4384},[4094,7440,4399],{"class":4279},[4094,7442,4604],{"class":4302},[4094,7444,4405],{"class":4384},[4094,7446,4408],{"class":4315},[4094,7448,4411],{"class":4368},[4094,7450,7451,7453,7455,7457,7459,7461,7463,7465,7467,7469,7471,7473,7475,7477,7479,7481,7484,7486,7488],{"class":4096,"line":4948},[4094,7452,4416],{"class":4368},[4094,7454,3522],{"class":4342},[4094,7456,4375],{"class":4374},[4094,7458,4378],{"class":4275},[4094,7460,4381],{"class":4315},[4094,7462,4385],{"class":4384},[4094,7464,4388],{"class":4279},[4094,7466,3536],{"class":4384},[4094,7468,6036],{"class":4279},[4094,7470,4396],{"class":4384},[4094,7472,4636],{"class":4279},[4094,7474,4517],{"class":4279},[4094,7476,4405],{"class":4384},[4094,7478,4408],{"class":4315},[4094,7480,4436],{"class":4368},[4094,7482,7483],{"class":4275},"row · alignItems",[4094,7485,4445],{"class":4368},[4094,7487,3522],{"class":4342},[4094,7489,4411],{"class":4368},[4094,7491,7492,7494,7496,7498,7500,7502,7504,7506,7508,7510],{"class":4096,"line":4953},[4094,7493,4416],{"class":4368},[4094,7495,3518],{"class":4342},[4094,7497,4375],{"class":4374},[4094,7499,4378],{"class":4275},[4094,7501,4381],{"class":4315},[4094,7503,4388],{"class":4279},[4094,7505,3536],{"class":4384},[4094,7507,6075],{"class":4279},[4094,7509,4408],{"class":4315},[4094,7511,4411],{"class":4368},[4094,7513,7514,7516,7518,7520,7522,7524,7526,7528,7530],{"class":4096,"line":4987},[4094,7515,6084],{"class":4315},[4094,7517,6087],{"class":4496},[4094,7519,3536],{"class":4384},[4094,7521,6092],{"class":4319},[4094,7523,6095],{"class":4384},[4094,7525,6098],{"class":4279},[4094,7527,6101],{"class":4384},[4094,7529,5724],{"class":4315},[4094,7531,4363],{"class":4384},[4094,7533,7534,7536,7538,7540,7542,7544,7546,7548,7550,7552,7554,7556,7558,7560,7562,7564,7566,7568,7570,7572,7574,7576,7578,7580,7582,7585,7587,7589,7591,7593],{"class":4096,"line":4993},[4094,7535,6110],{"class":4368},[4094,7537,6113],{"class":4342},[4094,7539,6116],{"class":4374},[4094,7541,4378],{"class":4275},[4094,7543,4381],{"class":4315},[4094,7545,6098],{"class":4279},[4094,7547,4408],{"class":4315},[4094,7549,4706],{"class":4374},[4094,7551,4378],{"class":4275},[4094,7553,4381],{"class":4315},[4094,7555,6098],{"class":4279},[4094,7557,4408],{"class":4315},[4094,7559,6137],{"class":4374},[4094,7561,4378],{"class":4275},[4094,7563,4381],{"class":4315},[4094,7565,7325],{"class":4279},[4094,7567,6146],{"class":4275},[4094,7569,6149],{"class":4279},[4094,7571,4408],{"class":4315},[4094,7573,5749],{"class":4374},[4094,7575,4378],{"class":4275},[4094,7577,4381],{"class":4315},[4094,7579,6160],{"class":4384},[4094,7581,5724],{"class":4315},[4094,7583,7584],{"class":4319}," setAi",[4094,7586,6168],{"class":4384},[4094,7588,6098],{"class":4279},[4094,7590,6173],{"class":4384},[4094,7592,4408],{"class":4315},[4094,7594,4721],{"class":4368},[4094,7596,7597,7599],{"class":4096,"line":5002},[4094,7598,6182],{"class":4384},[4094,7600,4179],{"class":4315},[4094,7602,7603,7605,7607],{"class":4096,"line":5011},[4094,7604,4770],{"class":4368},[4094,7606,3518],{"class":4342},[4094,7608,4411],{"class":4368},[4094,7610,7611],{"class":4096,"line":5016},[4094,7612,4125],{"emptyLinePlaceholder":4124},[4094,7614,7615,7617,7619,7621,7623,7625,7627,7629,7631,7633,7635,7637,7640,7642,7644,7646,7648,7650,7652,7654,7656],{"class":4096,"line":5021},[4094,7616,4416],{"class":4368},[4094,7618,3518],{"class":4342},[4094,7620,4375],{"class":4374},[4094,7622,4378],{"class":4275},[4094,7624,4381],{"class":4315},[4094,7626,4385],{"class":4384},[4094,7628,4388],{"class":4279},[4094,7630,3536],{"class":4384},[4094,7632,6217],{"class":4279},[4094,7634,4396],{"class":4384},[4094,7636,5198],{"class":4279},[4094,7638,7639],{"class":4279}," ai",[4094,7641,6228],{"class":4384},[4094,7643,4522],{"class":4279},[4094,7645,4597],{"class":4275},[4094,7647,4683],{"class":4279},[4094,7649,3536],{"class":4384},[4094,7651,6239],{"class":4279},[4094,7653,4691],{"class":4384},[4094,7655,4408],{"class":4315},[4094,7657,4411],{"class":4368},[4094,7659,7660,7662,7664,7666,7668,7670,7672,7674,7676,7678,7680,7682,7684,7686,7688,7690,7692,7694],{"class":4096,"line":5026},[4094,7661,4700],{"class":4368},[4094,7663,3518],{"class":4342},[4094,7665,4375],{"class":4374},[4094,7667,4378],{"class":4275},[4094,7669,4381],{"class":4315},[4094,7671,4385],{"class":4384},[4094,7673,4388],{"class":4279},[4094,7675,3536],{"class":4384},[4094,7677,4393],{"class":4279},[4094,7679,4396],{"class":4384},[4094,7681,6818],{"class":4279},[4094,7683,6821],{"class":4812},[4094,7685,3519],{"class":4384},[4094,7687,4399],{"class":4279},[4094,7689,6273],{"class":4302},[4094,7691,4405],{"class":4384},[4094,7693,4408],{"class":4315},[4094,7695,4721],{"class":4368},[4094,7697,7698,7700,7702,7704,7706,7708,7710,7712,7714,7716,7718,7720,7723,7725,7727,7729,7731,7733],{"class":4096,"line":5046},[4094,7699,4700],{"class":4368},[4094,7701,3518],{"class":4342},[4094,7703,4375],{"class":4374},[4094,7705,4378],{"class":4275},[4094,7707,4381],{"class":4315},[4094,7709,4385],{"class":4384},[4094,7711,4388],{"class":4279},[4094,7713,3536],{"class":4384},[4094,7715,4393],{"class":4279},[4094,7717,4396],{"class":4384},[4094,7719,6818],{"class":4279},[4094,7721,7722],{"class":4812}," 70",[4094,7724,3519],{"class":4384},[4094,7726,4399],{"class":4279},[4094,7728,6306],{"class":4302},[4094,7730,4405],{"class":4384},[4094,7732,4408],{"class":4315},[4094,7734,4721],{"class":4368},[4094,7736,7737,7739,7741,7743,7745,7747,7749,7751,7753,7755,7757,7759,7762,7764,7766,7768,7770,7772],{"class":4096,"line":5085},[4094,7738,4700],{"class":4368},[4094,7740,3518],{"class":4342},[4094,7742,4375],{"class":4374},[4094,7744,4378],{"class":4275},[4094,7746,4381],{"class":4315},[4094,7748,4385],{"class":4384},[4094,7750,4388],{"class":4279},[4094,7752,3536],{"class":4384},[4094,7754,4393],{"class":4279},[4094,7756,4396],{"class":4384},[4094,7758,6818],{"class":4279},[4094,7760,7761],{"class":4812}," 50",[4094,7763,3519],{"class":4384},[4094,7765,4399],{"class":4279},[4094,7767,6339],{"class":4302},[4094,7769,4405],{"class":4384},[4094,7771,4408],{"class":4315},[4094,7773,4721],{"class":4368},[4094,7775,7776,7778,7780],{"class":4096,"line":5109},[4094,7777,4770],{"class":4368},[4094,7779,3518],{"class":4342},[4094,7781,4411],{"class":4368},[4094,7783,7784],{"class":4096,"line":5118},[4094,7785,4125],{"emptyLinePlaceholder":4124},[4094,7787,7788,7790,7792,7794,7796,7798,7800,7802,7804,7806,7808,7810,7812,7814,7816],{"class":4096,"line":5130},[4094,7789,4416],{"class":4368},[4094,7791,3522],{"class":4342},[4094,7793,4375],{"class":4374},[4094,7795,4378],{"class":4275},[4094,7797,4381],{"class":4315},[4094,7799,4385],{"class":4384},[4094,7801,4388],{"class":4279},[4094,7803,3536],{"class":4384},[4094,7805,3516],{"class":4279},[4094,7807,4396],{"class":4384},[4094,7809,4636],{"class":4279},[4094,7811,4543],{"class":4279},[4094,7813,4405],{"class":4384},[4094,7815,4408],{"class":4315},[4094,7817,4411],{"class":4368},[4094,7819,7820,7822,7825,7829,7832,7834,7836,7838,7840],{"class":4096,"line":5141},[4094,7821,6084],{"class":4315},[4094,7823,7824],{"class":4302},"`flexDirection: 'row'",[4094,7826,7828],{"class":7827},"sjcCO","\\n",[4094,7830,7831],{"class":4302},"alignItems: '",[4094,7833,6397],{"class":4315},[4094,7835,7325],{"class":4279},[4094,7837,4408],{"class":4315},[4094,7839,6404],{"class":4302},[4094,7841,4179],{"class":4315},[4094,7843,7844,7846,7848],{"class":4096,"line":5151},[4094,7845,4770],{"class":4368},[4094,7847,3522],{"class":4342},[4094,7849,4411],{"class":4368},[4094,7851,7852,7854,7856,7858,7860,7862,7864,7866,7868,7870,7872,7874,7876,7878,7880],{"class":4096,"line":5161},[4094,7853,4416],{"class":4368},[4094,7855,3522],{"class":4342},[4094,7857,4375],{"class":4374},[4094,7859,4378],{"class":4275},[4094,7861,4381],{"class":4315},[4094,7863,4385],{"class":4384},[4094,7865,4388],{"class":4279},[4094,7867,3536],{"class":4384},[4094,7869,4972],{"class":4279},[4094,7871,4396],{"class":4384},[4094,7873,4636],{"class":4279},[4094,7875,4543],{"class":4279},[4094,7877,4405],{"class":4384},[4094,7879,4408],{"class":4315},[4094,7881,4411],{"class":4368},[4094,7883,7884],{"class":4096,"line":5167},[4094,7885,7886],{"class":4275},"        stretch розтягує вкладені елементи по висоті арени (якщо height не зафіксовано — тут height є, тож\n",[4094,7888,7889],{"class":4096,"line":5182},[4094,7890,7891],{"class":4275},"        stretch майже як flex-start для цих коробок).\n",[4094,7893,7894,7896,7898],{"class":4096,"line":5206},[4094,7895,4770],{"class":4368},[4094,7897,3522],{"class":4342},[4094,7899,4411],{"class":4368},[4094,7901,7902,7904,7906],{"class":4096,"line":5214},[4094,7903,4454],{"class":4368},[4094,7905,3518],{"class":4342},[4094,7907,4411],{"class":4368},[4094,7909,7910],{"class":4096,"line":5225},[4094,7911,4463],{"class":4275},[4094,7913,7914],{"class":4096,"line":5235},[4094,7915,4179],{"class":4275},[4094,7917,7918],{"class":4096,"line":5245},[4094,7919,4125],{"emptyLinePlaceholder":4124},[4094,7921,7922,7924,7926,7928,7930,7932,7934],{"class":4096,"line":5255},[4094,7923,5029],{"class":4315},[4094,7925,4683],{"class":4496},[4094,7927,4500],{"class":4275},[4094,7929,4288],{"class":4279},[4094,7931,3536],{"class":4275},[4094,7933,5040],{"class":4319},[4094,7935,5043],{"class":4275},[4094,7937,7938,7940,7942,7944,7946,7948,7950,7952,7954,7956,7958,7960,7962,7964],{"class":4096,"line":5265},[4094,7939,5049],{"class":4279},[4094,7941,4276],{"class":4275},[4094,7943,5054],{"class":4279},[4094,7945,5057],{"class":4812},[4094,7947,3519],{"class":4275},[4094,7949,4399],{"class":4279},[4094,7951,5064],{"class":4302},[4094,7953,3519],{"class":4275},[4094,7955,5069],{"class":4279},[4094,7957,6524],{"class":4812},[4094,7959,3519],{"class":4275},[4094,7961,5076],{"class":4279},[4094,7963,5079],{"class":4812},[4094,7965,5082],{"class":4275},[4094,7967,7968,7970,7972,7974,7976,7978,7980,7982],{"class":4096,"line":5270},[4094,7969,6538],{"class":4279},[4094,7971,4276],{"class":4275},[4094,7973,5093],{"class":4279},[4094,7975,6545],{"class":4812},[4094,7977,3519],{"class":4275},[4094,7979,5101],{"class":4279},[4094,7981,5104],{"class":4302},[4094,7983,5082],{"class":4275},[4094,7985,7986,7988,7990,7992,7994,7996,7998,8000,8002,8004,8006],{"class":4096,"line":5298},[4094,7987,6559],{"class":4279},[4094,7989,4276],{"class":4275},[4094,7991,5190],{"class":4279},[4094,7993,5193],{"class":4302},[4094,7995,3519],{"class":4275},[4094,7997,6570],{"class":4279},[4094,7999,6573],{"class":4302},[4094,8001,3519],{"class":4275},[4094,8003,5076],{"class":4279},[4094,8005,6580],{"class":4812},[4094,8007,5082],{"class":4275},[4094,8009,8010,8012],{"class":4096,"line":5327},[4094,8011,6588],{"class":4279},[4094,8013,5115],{"class":4275},[4094,8015,8016,8018,8020],{"class":4096,"line":6447},[4094,8017,6596],{"class":4279},[4094,8019,5240],{"class":4812},[4094,8021,5127],{"class":4275},[4094,8023,8024,8026,8028],{"class":4096,"line":6453},[4094,8025,6606],{"class":4279},[4094,8027,6580],{"class":4812},[4094,8029,5127],{"class":4275},[4094,8031,8032,8034,8036],{"class":4096,"line":6462},[4094,8033,5133],{"class":4279},[4094,8035,5079],{"class":4812},[4094,8037,5127],{"class":4275},[4094,8039,8040,8042,8044],{"class":4096,"line":6471},[4094,8041,5121],{"class":4279},[4094,8043,6628],{"class":4302},[4094,8045,5127],{"class":4275},[4094,8047,8048],{"class":4096,"line":6476},[4094,8049,5164],{"class":4275},[4094,8051,8052,8054,8056,8058,8060],{"class":4096,"line":6481},[4094,8053,6641],{"class":4279},[4094,8055,4276],{"class":4275},[4094,8057,4399],{"class":4279},[4094,8059,6273],{"class":4302},[4094,8061,5082],{"class":4275},[4094,8063,8064,8066,8068,8070,8072,8074,8076,8078,8080,8082,8084],{"class":4096,"line":6486},[4094,8065,6655],{"class":4279},[4094,8067,4276],{"class":4275},[4094,8069,5093],{"class":4279},[4094,8071,5136],{"class":4812},[4094,8073,3519],{"class":4275},[4094,8075,5101],{"class":4279},[4094,8077,6669],{"class":4302},[4094,8079,3519],{"class":4275},[4094,8081,4636],{"class":4279},[4094,8083,6676],{"class":4302},[4094,8085,5082],{"class":4275},[4094,8087,8088,8090,8092,8094,8096],{"class":4096,"line":6503},[4094,8089,6684],{"class":4279},[4094,8091,4276],{"class":4275},[4094,8093,4636],{"class":4279},[4094,8095,5280],{"class":4302},[4094,8097,5082],{"class":4275},[4094,8099,8100,8102],{"class":4096,"line":6535},[4094,8101,6698],{"class":4279},[4094,8103,5115],{"class":4275},[4094,8105,8106,8109,8111],{"class":4096,"line":6556},[4094,8107,8108],{"class":4279},"    flexDirection:",[4094,8110,5193],{"class":4302},[4094,8112,5127],{"class":4275},[4094,8114,8115,8117,8120],{"class":4096,"line":6585},[4094,8116,5228],{"class":4279},[4094,8118,8119],{"class":4812}," 160",[4094,8121,5127],{"class":4275},[4094,8123,8124,8126,8128],{"class":4096,"line":6593},[4094,8125,6716],{"class":4279},[4094,8127,5079],{"class":4812},[4094,8129,5127],{"class":4275},[4094,8131,8132,8134,8136],{"class":4096,"line":6603},[4094,8133,5133],{"class":4279},[4094,8135,5136],{"class":4812},[4094,8137,5127],{"class":4275},[4094,8139,8140,8142,8144],{"class":4096,"line":6614},[4094,8141,6735],{"class":4279},[4094,8143,6738],{"class":4812},[4094,8145,5127],{"class":4275},[4094,8147,8148,8150,8153],{"class":4096,"line":6623},[4094,8149,6746],{"class":4279},[4094,8151,8152],{"class":4302}," '#86efac'",[4094,8154,5127],{"class":4275},[4094,8156,8157,8159,8161],{"class":4096,"line":6633},[4094,8158,5121],{"class":4279},[4094,8160,5280],{"class":4302},[4094,8162,5127],{"class":4275},[4094,8164,8165,8167,8169],{"class":4096,"line":6638},[4094,8166,5144],{"class":4279},[4094,8168,5240],{"class":4812},[4094,8170,5127],{"class":4275},[4094,8172,8173,8175,8177],{"class":4096,"line":6652},[4094,8174,5154],{"class":4279},[4094,8176,5079],{"class":4812},[4094,8178,5127],{"class":4275},[4094,8180,8181],{"class":4096,"line":6681},[4094,8182,5164],{"class":4275},[4094,8184,8185,8187,8189,8191,8193,8195,8197,8200],{"class":4096,"line":6695},[4094,8186,6791],{"class":4279},[4094,8188,4276],{"class":4275},[4094,8190,4399],{"class":4279},[4094,8192,5177],{"class":4302},[4094,8194,3519],{"class":4275},[4094,8196,6802],{"class":4279},[4094,8198,8199],{"class":4302}," '#22c55e'",[4094,8201,5082],{"class":4275},[4094,8203,8204,8206,8208,8211,8214,8216,8218,8220],{"class":4096,"line":6703},[4094,8205,5209],{"class":4279},[4094,8207,4276],{"class":4275},[4094,8209,8210],{"class":4279},"width:",[4094,8212,8213],{"class":4812}," 48",[4094,8215,3519],{"class":4275},[4094,8217,6826],{"class":4279},[4094,8219,5079],{"class":4812},[4094,8221,5082],{"class":4275},[4094,8223,8224,8226,8228,8230,8232,8234,8236,8238],{"class":4096,"line":6713},[4094,8225,6836],{"class":4279},[4094,8227,4276],{"class":4275},[4094,8229,5093],{"class":4279},[4094,8231,5308],{"class":4812},[4094,8233,3519],{"class":4275},[4094,8235,6847],{"class":4279},[4094,8237,6850],{"class":4302},[4094,8239,5082],{"class":4275},[4094,8241,8242,8244,8246,8248,8250,8252,8254,8256],{"class":4096,"line":6723},[4094,8243,5301],{"class":4279},[4094,8245,4276],{"class":4275},[4094,8247,5093],{"class":4279},[4094,8249,5136],{"class":4812},[4094,8251,3519],{"class":4275},[4094,8253,5313],{"class":4279},[4094,8255,6545],{"class":4812},[4094,8257,5082],{"class":4275},[4094,8259,8260],{"class":4096,"line":6732},[4094,8261,5330],{"class":4275},[3688,8263],{},[3507,8265,8267,8269],{"id":8266},"flex-1-і-хто-зїдає-вільне-місце",[3516,8268,3857],{}," і «хто з’їдає вільне місце»",[3512,8271,8272,8273,8277,8278,8281,8282,8285],{},"Число ",[3540,8274,8275],{},[3516,8276,3606],{}," на ",[3540,8279,8280],{},"вкладеному елементі"," каже: «я хочу ",[3540,8283,8284],{},"частку"," вільного місця батька вздовж головної осі».",[3898,8287,8288,8299,8308],{},[3578,8289,8290,8292,8293,8296,8297,3536],{},[3516,8291,3857],{}," — візьми ",[3540,8294,8295],{},"рівну частку"," з іншими ",[3516,8298,3857],{},[3578,8300,8301,8304,8305,8307],{},[3516,8302,8303],{},"flex: 2"," поруч із ",[3516,8306,3857],{}," — удвічі більшу частку.",[3578,8309,8310,8311,8313,8314,8317],{},"Без ",[3516,8312,3606],{}," (і без фіксованої висоти\u002Fширини по осі) елемент зазвичай займає ",[3540,8315,8316],{},"лише стільки, скільки потрібно вмісту"," (плюс padding\u002Fborder).",[3512,8319,8320],{},"Найкорисніший патерн екрана:",[4085,8322,8327],{"className":8323,"code":8325,"language":8326,"meta":4090},[8324],"language-text","View (flex: 1)                 ← екран на всю висоту\n  Header (без flex)            ← висота за вмістом\n  Body   (flex: 1)             ← «решта» висоти\n  Footer (без flex)            ← висота за вмістом\n","text",[3516,8328,8325],{"__ignoreMap":4090},[3512,8330,8331,8332,8335],{},"Саме так кнопка «липне» до низу ",[3540,8333,8334],{},"без"," абсолютного позиціонування: body забирає все, що лишилось між шапкою й футером.",[3628,8337,8338,8343,8344,3744,8347,8350,8351,8353,8354,8356,8357,8359],{},[3540,8339,8340,8342],{},[3516,8341,3857],{}," на корені екрана."," Корінь (",[3516,8345,8346],{},"Screen",[3516,8348,8349],{},"SafeAreaView"," \u002F зовнішній ",[3516,8352,3518],{},") майже завжди має ",[3516,8355,3857],{},", інакше контейнер «стискається» до вмісту й ",[3516,8358,5440],{}," центрує в крихітній смужці, а не на весь телефон.",[4250,8361,8363],{"id":8362},"демо-flex-частки","Демо: flex-частки",[4255,8365,8368],{"device":4257,"filename":8366,"title":8367},"FlexGrowDemo.tsx","flex: 1 \u002F 2 \u002F 3",[4085,8369,8371],{"className":4262,"code":8370,"language":4264,"meta":4090,"style":4090},"import { View, Text, StyleSheet, useColorScheme } from 'react-native';\n\nexport default function App() {\n  const isDark = useColorScheme() === 'dark';\n  const text = isDark ? '#f5f5f7' : '#0f172a';\n\n  return (\n    \u003CView style={[styles.screen, isDark && { backgroundColor: '#000' }]}>\n      \u003CText style={[styles.title, { color: text }]}>Частки flex уздовж колонки\u003C\u002FText>\n      \u003CView style={styles.stack}>\n        \u003CView style={[styles.block, { flex: 1, backgroundColor: '#2563EB' }]}>\n          \u003CText style={styles.label}>flex: 1\u003C\u002FText>\n        \u003C\u002FView>\n        \u003CView style={[styles.block, { flex: 2, backgroundColor: '#16A34A' }]}>\n          \u003CText style={styles.label}>flex: 2\u003C\u002FText>\n        \u003C\u002FView>\n        \u003CView style={[styles.block, { flex: 3, backgroundColor: '#DC2626' }]}>\n          \u003CText style={styles.label}>flex: 3\u003C\u002FText>\n        \u003C\u002FView>\n      \u003C\u002FView>\n    \u003C\u002FView>\n  );\n}\n\nconst styles = StyleSheet.create({\n  screen: { flex: 1, backgroundColor: '#F8FAFC', padding: 16, gap: 12 },\n  title: { fontSize: 16, fontWeight: '700' },\n  stack: { flex: 1, gap: 8 },\n  block: {\n    borderRadius: 12,\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n  label: { color: '#fff', fontWeight: '700', fontSize: 16 },\n});\n",[3516,8372,8373,8401,8405,8417,8433,8453,8457,8463,8501,8542,8565,8604,8634,8643,8681,8711,8719,8758,8789,8797,8805,8813,8817,8821,8825,8841,8871,8889,8908,8915,8923,8931,8939,8943,8968],{"__ignoreMap":4090},[4094,8374,8375,8377,8379,8381,8383,8385,8387,8389,8391,8393,8395,8397,8399],{"class":4096,"line":4097},[4094,8376,4272],{"class":4271},[4094,8378,4276],{"class":4275},[4094,8380,3518],{"class":4279},[4094,8382,3519],{"class":4275},[4094,8384,3522],{"class":4279},[4094,8386,3519],{"class":4275},[4094,8388,4288],{"class":4279},[4094,8390,3519],{"class":4275},[4094,8392,4293],{"class":4279},[4094,8394,4296],{"class":4275},[4094,8396,4299],{"class":4271},[4094,8398,4303],{"class":4302},[4094,8400,4306],{"class":4275},[4094,8402,8403],{"class":4096,"line":4103},[4094,8404,4125],{"emptyLinePlaceholder":4124},[4094,8406,8407,8409,8411,8413,8415],{"class":4096,"line":4109},[4094,8408,4476],{"class":4271},[4094,8410,4479],{"class":4271},[4094,8412,4482],{"class":4315},[4094,8414,4485],{"class":4319},[4094,8416,4488],{"class":4275},[4094,8418,8419,8421,8423,8425,8427,8429,8431],{"class":4096,"line":4115},[4094,8420,4493],{"class":4315},[4094,8422,4497],{"class":4496},[4094,8424,4500],{"class":4275},[4094,8426,4293],{"class":4319},[4094,8428,4505],{"class":4275},[4094,8430,4508],{"class":4302},[4094,8432,4306],{"class":4275},[4094,8434,8435,8437,8439,8441,8443,8445,8447,8449,8451],{"class":4096,"line":4121},[4094,8436,4493],{"class":4315},[4094,8438,4517],{"class":4496},[4094,8440,4500],{"class":4275},[4094,8442,4522],{"class":4279},[4094,8444,4525],{"class":4275},[4094,8446,4528],{"class":4302},[4094,8448,4531],{"class":4275},[4094,8450,4534],{"class":4302},[4094,8452,4306],{"class":4275},[4094,8454,8455],{"class":4096,"line":4128},[4094,8456,4125],{"emptyLinePlaceholder":4124},[4094,8458,8459,8461],{"class":4096,"line":4134},[4094,8460,4360],{"class":4271},[4094,8462,4363],{"class":4275},[4094,8464,8465,8467,8469,8471,8473,8475,8477,8479,8481,8483,8485,8487,8489,8491,8493,8495,8497,8499],{"class":4096,"line":4140},[4094,8466,4369],{"class":4368},[4094,8468,3518],{"class":4342},[4094,8470,4375],{"class":4374},[4094,8472,4378],{"class":4275},[4094,8474,4381],{"class":4315},[4094,8476,4385],{"class":4384},[4094,8478,4388],{"class":4279},[4094,8480,3536],{"class":4384},[4094,8482,4590],{"class":4279},[4094,8484,3519],{"class":4384},[4094,8486,4522],{"class":4279},[4094,8488,4597],{"class":4275},[4094,8490,4276],{"class":4384},[4094,8492,4399],{"class":4279},[4094,8494,4604],{"class":4302},[4094,8496,4405],{"class":4384},[4094,8498,4408],{"class":4315},[4094,8500,4411],{"class":4368},[4094,8502,8503,8505,8507,8509,8511,8513,8515,8517,8519,8521,8523,8525,8527,8529,8531,8533,8536,8538,8540],{"class":4096,"line":4146},[4094,8504,4416],{"class":4368},[4094,8506,3522],{"class":4342},[4094,8508,4375],{"class":4374},[4094,8510,4378],{"class":4275},[4094,8512,4381],{"class":4315},[4094,8514,4385],{"class":4384},[4094,8516,4388],{"class":4279},[4094,8518,3536],{"class":4384},[4094,8520,4631],{"class":4279},[4094,8522,4396],{"class":4384},[4094,8524,4636],{"class":4279},[4094,8526,4517],{"class":4279},[4094,8528,4405],{"class":4384},[4094,8530,4408],{"class":4315},[4094,8532,4436],{"class":4368},[4094,8534,8535],{"class":4275},"Частки flex уздовж колонки",[4094,8537,4445],{"class":4368},[4094,8539,3522],{"class":4342},[4094,8541,4411],{"class":4368},[4094,8543,8544,8546,8548,8550,8552,8554,8556,8558,8561,8563],{"class":4096,"line":4152},[4094,8545,4416],{"class":4368},[4094,8547,3518],{"class":4342},[4094,8549,4375],{"class":4374},[4094,8551,4378],{"class":4275},[4094,8553,4381],{"class":4315},[4094,8555,4388],{"class":4279},[4094,8557,3536],{"class":4384},[4094,8559,8560],{"class":4279},"stack",[4094,8562,4408],{"class":4315},[4094,8564,4411],{"class":4368},[4094,8566,8567,8569,8571,8573,8575,8577,8579,8581,8583,8586,8588,8590,8592,8594,8596,8598,8600,8602],{"class":4096,"line":4158},[4094,8568,4700],{"class":4368},[4094,8570,3518],{"class":4342},[4094,8572,4375],{"class":4374},[4094,8574,4378],{"class":4275},[4094,8576,4381],{"class":4315},[4094,8578,4385],{"class":4384},[4094,8580,4388],{"class":4279},[4094,8582,3536],{"class":4384},[4094,8584,8585],{"class":4279},"block",[4094,8587,4396],{"class":4384},[4094,8589,5054],{"class":4279},[4094,8591,5057],{"class":4812},[4094,8593,3519],{"class":4384},[4094,8595,4399],{"class":4279},[4094,8597,6273],{"class":4302},[4094,8599,4405],{"class":4384},[4094,8601,4408],{"class":4315},[4094,8603,4411],{"class":4368},[4094,8605,8606,8608,8610,8612,8614,8616,8618,8620,8622,8624,8626,8628,8630,8632],{"class":4096,"line":4164},[4094,8607,6110],{"class":4368},[4094,8609,3522],{"class":4342},[4094,8611,4375],{"class":4374},[4094,8613,4378],{"class":4275},[4094,8615,4381],{"class":4315},[4094,8617,4388],{"class":4279},[4094,8619,3536],{"class":4384},[4094,8621,4326],{"class":4279},[4094,8623,4408],{"class":4315},[4094,8625,4436],{"class":4368},[4094,8627,3857],{"class":4275},[4094,8629,4445],{"class":4368},[4094,8631,3522],{"class":4342},[4094,8633,4411],{"class":4368},[4094,8635,8636,8639,8641],{"class":4096,"line":4170},[4094,8637,8638],{"class":4368},"        \u003C\u002F",[4094,8640,3518],{"class":4342},[4094,8642,4411],{"class":4368},[4094,8644,8645,8647,8649,8651,8653,8655,8657,8659,8661,8663,8665,8667,8669,8671,8673,8675,8677,8679],{"class":4096,"line":4176},[4094,8646,4700],{"class":4368},[4094,8648,3518],{"class":4342},[4094,8650,4375],{"class":4374},[4094,8652,4378],{"class":4275},[4094,8654,4381],{"class":4315},[4094,8656,4385],{"class":4384},[4094,8658,4388],{"class":4279},[4094,8660,3536],{"class":4384},[4094,8662,8585],{"class":4279},[4094,8664,4396],{"class":4384},[4094,8666,5054],{"class":4279},[4094,8668,6738],{"class":4812},[4094,8670,3519],{"class":4384},[4094,8672,4399],{"class":4279},[4094,8674,6306],{"class":4302},[4094,8676,4405],{"class":4384},[4094,8678,4408],{"class":4315},[4094,8680,4411],{"class":4368},[4094,8682,8683,8685,8687,8689,8691,8693,8695,8697,8699,8701,8703,8705,8707,8709],{"class":4096,"line":4182},[4094,8684,6110],{"class":4368},[4094,8686,3522],{"class":4342},[4094,8688,4375],{"class":4374},[4094,8690,4378],{"class":4275},[4094,8692,4381],{"class":4315},[4094,8694,4388],{"class":4279},[4094,8696,3536],{"class":4384},[4094,8698,4326],{"class":4279},[4094,8700,4408],{"class":4315},[4094,8702,4436],{"class":4368},[4094,8704,8303],{"class":4275},[4094,8706,4445],{"class":4368},[4094,8708,3522],{"class":4342},[4094,8710,4411],{"class":4368},[4094,8712,8713,8715,8717],{"class":4096,"line":4187},[4094,8714,8638],{"class":4368},[4094,8716,3518],{"class":4342},[4094,8718,4411],{"class":4368},[4094,8720,8721,8723,8725,8727,8729,8731,8733,8735,8737,8739,8741,8743,8746,8748,8750,8752,8754,8756],{"class":4096,"line":4193},[4094,8722,4700],{"class":4368},[4094,8724,3518],{"class":4342},[4094,8726,4375],{"class":4374},[4094,8728,4378],{"class":4275},[4094,8730,4381],{"class":4315},[4094,8732,4385],{"class":4384},[4094,8734,4388],{"class":4279},[4094,8736,3536],{"class":4384},[4094,8738,8585],{"class":4279},[4094,8740,4396],{"class":4384},[4094,8742,5054],{"class":4279},[4094,8744,8745],{"class":4812}," 3",[4094,8747,3519],{"class":4384},[4094,8749,4399],{"class":4279},[4094,8751,6339],{"class":4302},[4094,8753,4405],{"class":4384},[4094,8755,4408],{"class":4315},[4094,8757,4411],{"class":4368},[4094,8759,8760,8762,8764,8766,8768,8770,8772,8774,8776,8778,8780,8783,8785,8787],{"class":4096,"line":4199},[4094,8761,6110],{"class":4368},[4094,8763,3522],{"class":4342},[4094,8765,4375],{"class":4374},[4094,8767,4378],{"class":4275},[4094,8769,4381],{"class":4315},[4094,8771,4388],{"class":4279},[4094,8773,3536],{"class":4384},[4094,8775,4326],{"class":4279},[4094,8777,4408],{"class":4315},[4094,8779,4436],{"class":4368},[4094,8781,8782],{"class":4275},"flex: 3",[4094,8784,4445],{"class":4368},[4094,8786,3522],{"class":4342},[4094,8788,4411],{"class":4368},[4094,8790,8791,8793,8795],{"class":4096,"line":4205},[4094,8792,8638],{"class":4368},[4094,8794,3518],{"class":4342},[4094,8796,4411],{"class":4368},[4094,8798,8799,8801,8803],{"class":4096,"line":4211},[4094,8800,4770],{"class":4368},[4094,8802,3518],{"class":4342},[4094,8804,4411],{"class":4368},[4094,8806,8807,8809,8811],{"class":4096,"line":4217},[4094,8808,4454],{"class":4368},[4094,8810,3518],{"class":4342},[4094,8812,4411],{"class":4368},[4094,8814,8815],{"class":4096,"line":4223},[4094,8816,4463],{"class":4275},[4094,8818,8819],{"class":4096,"line":4229},[4094,8820,4179],{"class":4275},[4094,8822,8823],{"class":4096,"line":4235},[4094,8824,4125],{"emptyLinePlaceholder":4124},[4094,8826,8827,8829,8831,8833,8835,8837,8839],{"class":4096,"line":4240},[4094,8828,5029],{"class":4315},[4094,8830,4683],{"class":4496},[4094,8832,4500],{"class":4275},[4094,8834,4288],{"class":4279},[4094,8836,3536],{"class":4275},[4094,8838,5040],{"class":4319},[4094,8840,5043],{"class":4275},[4094,8842,8843,8845,8847,8849,8851,8853,8855,8857,8859,8861,8863,8865,8867,8869],{"class":4096,"line":4245},[4094,8844,5049],{"class":4279},[4094,8846,4276],{"class":4275},[4094,8848,5054],{"class":4279},[4094,8850,5057],{"class":4812},[4094,8852,3519],{"class":4275},[4094,8854,4399],{"class":4279},[4094,8856,5064],{"class":4302},[4094,8858,3519],{"class":4275},[4094,8860,5069],{"class":4279},[4094,8862,5293],{"class":4812},[4094,8864,3519],{"class":4275},[4094,8866,5076],{"class":4279},[4094,8868,5136],{"class":4812},[4094,8870,5082],{"class":4275},[4094,8872,8873,8875,8877,8879,8881,8883,8885,8887],{"class":4096,"line":4876},[4094,8874,5088],{"class":4279},[4094,8876,4276],{"class":4275},[4094,8878,5093],{"class":4279},[4094,8880,5293],{"class":4812},[4094,8882,3519],{"class":4275},[4094,8884,5101],{"class":4279},[4094,8886,5104],{"class":4302},[4094,8888,5082],{"class":4275},[4094,8890,8891,8894,8896,8898,8900,8902,8904,8906],{"class":4096,"line":4897},[4094,8892,8893],{"class":4279},"  stack:",[4094,8895,4276],{"class":4275},[4094,8897,5054],{"class":4279},[4094,8899,5057],{"class":4812},[4094,8901,3519],{"class":4275},[4094,8903,5076],{"class":4279},[4094,8905,5079],{"class":4812},[4094,8907,5082],{"class":4275},[4094,8909,8910,8913],{"class":4096,"line":4918},[4094,8911,8912],{"class":4279},"  block:",[4094,8914,5115],{"class":4275},[4094,8916,8917,8919,8921],{"class":4096,"line":4939},[4094,8918,5133],{"class":4279},[4094,8920,5136],{"class":4812},[4094,8922,5127],{"class":4275},[4094,8924,8925,8927,8929],{"class":4096,"line":4948},[4094,8926,5248],{"class":4279},[4094,8928,5201],{"class":4302},[4094,8930,5127],{"class":4275},[4094,8932,8933,8935,8937],{"class":4096,"line":4953},[4094,8934,5258],{"class":4279},[4094,8936,5201],{"class":4302},[4094,8938,5127],{"class":4275},[4094,8940,8941],{"class":4096,"line":4987},[4094,8942,5164],{"class":4275},[4094,8944,8945,8948,8950,8952,8954,8956,8958,8960,8962,8964,8966],{"class":4096,"line":4993},[4094,8946,8947],{"class":4279},"  label:",[4094,8949,4276],{"class":4275},[4094,8951,4636],{"class":4279},[4094,8953,5280],{"class":4302},[4094,8955,3519],{"class":4275},[4094,8957,5101],{"class":4279},[4094,8959,5104],{"class":4302},[4094,8961,3519],{"class":4275},[4094,8963,5093],{"class":4279},[4094,8965,5293],{"class":4812},[4094,8967,5082],{"class":4275},[4094,8969,8970],{"class":4096,"line":5002},[4094,8971,5330],{"class":4275},[4250,8973,8975,8976],{"id":8974},"grow-shrink-basis-три-важелі-замість-магічного-flex-1","Grow, shrink, basis — три важелі замість «магічного» ",[3516,8977,3857],{},[3512,8979,8980,8981,8985,8986,8989,8990,3536],{},"У CSS і в React Native запис ",[3540,8982,8983],{},[3516,8984,3857],{}," — це скорочення. Під капотом layout-рушій дивиться на три окремі властивості. Коли рядок «ламається», кнопка з’їдає текст, або блок не хоче рости — корисно крутити їх ",[3540,8987,8988],{},"окремо",", а не лише ",[3516,8991,3857],{},[3628,8993,8994,8999],{},[3512,8995,8996],{},[3540,8997,8998],{},"Порядок думки (main axis).",[3575,9000,9001,9018,9030],{},[3578,9002,9003,9008,9009,9012,9013,9015,9016,3664],{},[3540,9004,9005],{},[3516,9006,9007],{},"flexBasis"," — з якого розміру ",[3540,9010,9011],{},"стартуємо"," (бажана ширина в ",[3516,9014,3875],{},", висота в ",[3516,9017,3763],{},[3578,9019,9020,9021,9024,9025,3536],{},"Якщо після цього ",[3540,9022,9023],{},"залишилось"," місце в контейнері → ділимо його за ",[3540,9026,9027],{},[3516,9028,9029],{},"flexGrow",[3578,9031,9032,9033,9036,9037,3536],{},"Якщо місця ",[3540,9034,9035],{},"не вистачає"," → стискаємо за ",[3540,9038,9039],{},[3516,9040,9041],{},"flexShrink",[3997,9043,9044,9086,9129],{},[4000,9045,9047,9057],{"name":9007,"type":9046},"number | 'auto'",[3512,9048,9049,9052,9053,9056],{},[3540,9050,9051],{},"Стартовий"," розмір уздовж головної осі ",[3540,9054,9055],{},"до"," grow\u002Fshrink.",[3898,9058,9059,9066],{},[3578,9060,9061,9062,9065],{},"Число (наприклад ",[3516,9063,9064],{},"100",") — «хочу близько 100 dp».",[3578,9067,9068,9071,9072,3744,9074,3536,9077,9079,9080,9082,9083,9085],{},[3516,9069,9070],{},"'auto'"," — орієнтуйся на вміст \u002F ",[3516,9073,6981],{},[3516,9075,9076],{},"height",[4012,9078],{},"\nЦе ",[3540,9081,5446],{}," жорсткий ",[3516,9084,6981],{},": далі grow може розтягнути, shrink — стиснути.",[4000,9087,9089,9100],{"name":9029,"type":9088},"number (зазвичай 0 або 1+)",[3512,9090,9091,9092,9095,9096,9099],{},"Наскільки елемент ",[3540,9093,9094],{},"росте",", коли в контейнері є ",[3540,9097,9098],{},"вільне"," місце.",[3898,9101,9102,9108,9114],{},[3578,9103,9104,9107],{},[3516,9105,9106],{},"0"," — не рости (лишайся біля basis).",[3578,9109,9110,9113],{},[3516,9111,9112],{},"1"," — бери частку вільного місця.",[3578,9115,9116,9117,3584,9120,9123,9124,9126,9127,3536],{},"Два сусіди з ",[3516,9118,9119],{},"flexGrow: 1",[3516,9121,9122],{},"2"," ділять «залишок» як 1 : 2.",[4012,9125],{},"\nСаме grow «ховається» всередині звичного ",[3516,9128,3857],{},[4000,9130,9132,9142],{"name":9041,"type":9131},"number (зазвичай 0 або 1)",[3512,9133,9091,9134,9137,9138,9141],{},[3540,9135,9136],{},"стискається",", коли basis-и ",[3540,9139,9140],{},"не влазять"," у контейнер.",[3898,9143,9144,9149],{},[3578,9145,9146,9148],{},[3516,9147,9112],{}," (типово для тексту в рядку) — можна стиснути.",[3578,9150,9151,9153,9154,9156,9157,9159,9160,9163],{},[3516,9152,9106],{}," — «не чіпай мій розмір» (іконка, бейдж, кнопка фіксованої ширини).",[4012,9155],{},"\nБез shrink довгий заголовок у ",[3516,9158,3875],{}," часто ",[3540,9161,9162],{},"виштовхує"," правий хвіст за край екрана.",[3666,9165,9166,9171,9172,9174,9175,3547,9178,9181,9182,3547,9185,9188,9189,9192],{},[3540,9167,9168,9169,3536],{},"Зв’язок із ",[3516,9170,3857],{}," У більшості випадків ",[3516,9173,3857],{}," означає приблизно: «basis гнучкий \u002F мінімальний, ",[3540,9176,9177],{},"рости",[3516,9179,9180],{},"grow","), ",[3540,9183,9184],{},"умій стискатися",[3516,9186,9187],{},"shrink",")». Для навчання нижче крутимо три поля окремо — так видно, ",[3549,9190,9191],{},"який"," важіль що робить.",[9194,9195,9197,9198,9200],"h4",{"id":9196},"_1-flexbasis-стартовий-розмір","1. ",[3516,9199,9007],{}," — стартовий розмір",[3512,9202,9203,9204,9207,9208,9211,9212,9214],{},"Обидва блоки в одному рядку. У кожного свій ",[3540,9205,9206],{},"basis"," (синій 80, зелений 160). ",[3516,9209,9210],{},"flexGrow: 0",", тож вони ",[3540,9213,5446],{}," розтягуються на всю ширину — видно «бажану» ширину.",[4255,9216,9219],{"device":4257,"filename":9217,"title":9218},"FlexBasisDemo.tsx","flexBasis — стартові ширини",[4085,9220,9222],{"className":4262,"code":9221,"language":4264,"meta":4090,"style":4090},"import { View, Text, StyleSheet, useColorScheme } from 'react-native';\n\nexport default function App() {\n  const isDark = useColorScheme() === 'dark';\n  const text = isDark ? '#f5f5f7' : '#0f172a';\n  const muted = isDark ? '#a1a1aa' : '#64748b';\n\n  return (\n    \u003CView style={[styles.screen, isDark && { backgroundColor: '#000' }]}>\n      \u003CText style={[styles.h, { color: text }]}>flexBasis (grow = 0)\u003C\u002FText>\n      \u003CText style={[styles.sub, { color: muted }]}>\n        Рядок ширший за суму basis — лишається порожнє місце справа. Блоки не\n        «з’їдають» його, бо grow вимкнено.\n      \u003C\u002FText>\n\n      \u003CView style={[styles.row, isDark && styles.rowDark]}>\n        \u003CView style={[styles.box, { flexBasis: 80, backgroundColor: '#2563EB' }]}>\n          \u003CText style={styles.boxText}>80\u003C\u002FText>\n        \u003C\u002FView>\n        \u003CView style={[styles.box, { flexBasis: 160, backgroundColor: '#16A34A' }]}>\n          \u003CText style={styles.boxText}>160\u003C\u002FText>\n        \u003C\u002FView>\n      \u003C\u002FView>\n\n      \u003CText style={[styles.code, { color: muted }]}>\n        {`\u002F\u002F обидва: flexGrow: 0, flexShrink: 1\\nflexBasis: 80  |  flexBasis: 160`}\n      \u003C\u002FText>\n    \u003C\u002FView>\n  );\n}\n\nconst styles = StyleSheet.create({\n  screen: { flex: 1, backgroundColor: '#F8FAFC', padding: 16, gap: 10 },\n  h: { fontSize: 17, fontWeight: '700' },\n  sub: { fontSize: 13, lineHeight: 18 },\n  row: {\n    flexDirection: 'row',\n    height: 72,\n    borderRadius: 12,\n    borderWidth: 2,\n    borderColor: '#93c5fd',\n    backgroundColor: '#fff',\n    padding: 8,\n    gap: 8,\n    alignItems: 'stretch',\n  },\n  rowDark: { backgroundColor: '#1c1c1e', borderColor: '#3b82f6' },\n  box: {\n    flexGrow: 0,\n    flexShrink: 1,\n    borderRadius: 8,\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n  boxText: { color: '#fff', fontWeight: '700', fontSize: 16 },\n  code: { fontSize: 12, fontFamily: 'monospace', lineHeight: 18 },\n});\n",[3516,9223,9224,9252,9256,9268,9284,9304,9324,9328,9334,9372,9413,9446,9451,9456,9464,9468,9507,9547,9578,9586,9624,9655,9663,9671,9675,9707,9721,9729,9737,9741,9745,9749,9765,9795,9813,9832,9838,9846,9855,9863,9871,9879,9887,9895,9903,9912,9916,9935,9941,9951,9960,9968,9976,9984,9988,10012,10036],{"__ignoreMap":4090},[4094,9225,9226,9228,9230,9232,9234,9236,9238,9240,9242,9244,9246,9248,9250],{"class":4096,"line":4097},[4094,9227,4272],{"class":4271},[4094,9229,4276],{"class":4275},[4094,9231,3518],{"class":4279},[4094,9233,3519],{"class":4275},[4094,9235,3522],{"class":4279},[4094,9237,3519],{"class":4275},[4094,9239,4288],{"class":4279},[4094,9241,3519],{"class":4275},[4094,9243,4293],{"class":4279},[4094,9245,4296],{"class":4275},[4094,9247,4299],{"class":4271},[4094,9249,4303],{"class":4302},[4094,9251,4306],{"class":4275},[4094,9253,9254],{"class":4096,"line":4103},[4094,9255,4125],{"emptyLinePlaceholder":4124},[4094,9257,9258,9260,9262,9264,9266],{"class":4096,"line":4109},[4094,9259,4476],{"class":4271},[4094,9261,4479],{"class":4271},[4094,9263,4482],{"class":4315},[4094,9265,4485],{"class":4319},[4094,9267,4488],{"class":4275},[4094,9269,9270,9272,9274,9276,9278,9280,9282],{"class":4096,"line":4115},[4094,9271,4493],{"class":4315},[4094,9273,4497],{"class":4496},[4094,9275,4500],{"class":4275},[4094,9277,4293],{"class":4319},[4094,9279,4505],{"class":4275},[4094,9281,4508],{"class":4302},[4094,9283,4306],{"class":4275},[4094,9285,9286,9288,9290,9292,9294,9296,9298,9300,9302],{"class":4096,"line":4121},[4094,9287,4493],{"class":4315},[4094,9289,4517],{"class":4496},[4094,9291,4500],{"class":4275},[4094,9293,4522],{"class":4279},[4094,9295,4525],{"class":4275},[4094,9297,4528],{"class":4302},[4094,9299,4531],{"class":4275},[4094,9301,4534],{"class":4302},[4094,9303,4306],{"class":4275},[4094,9305,9306,9308,9310,9312,9314,9316,9318,9320,9322],{"class":4096,"line":4128},[4094,9307,4493],{"class":4315},[4094,9309,4543],{"class":4496},[4094,9311,4500],{"class":4275},[4094,9313,4522],{"class":4279},[4094,9315,4525],{"class":4275},[4094,9317,4552],{"class":4302},[4094,9319,4531],{"class":4275},[4094,9321,4557],{"class":4302},[4094,9323,4306],{"class":4275},[4094,9325,9326],{"class":4096,"line":4134},[4094,9327,4125],{"emptyLinePlaceholder":4124},[4094,9329,9330,9332],{"class":4096,"line":4140},[4094,9331,4360],{"class":4271},[4094,9333,4363],{"class":4275},[4094,9335,9336,9338,9340,9342,9344,9346,9348,9350,9352,9354,9356,9358,9360,9362,9364,9366,9368,9370],{"class":4096,"line":4146},[4094,9337,4369],{"class":4368},[4094,9339,3518],{"class":4342},[4094,9341,4375],{"class":4374},[4094,9343,4378],{"class":4275},[4094,9345,4381],{"class":4315},[4094,9347,4385],{"class":4384},[4094,9349,4388],{"class":4279},[4094,9351,3536],{"class":4384},[4094,9353,4590],{"class":4279},[4094,9355,3519],{"class":4384},[4094,9357,4522],{"class":4279},[4094,9359,4597],{"class":4275},[4094,9361,4276],{"class":4384},[4094,9363,4399],{"class":4279},[4094,9365,4604],{"class":4302},[4094,9367,4405],{"class":4384},[4094,9369,4408],{"class":4315},[4094,9371,4411],{"class":4368},[4094,9373,9374,9376,9378,9380,9382,9384,9386,9388,9390,9392,9394,9396,9398,9400,9402,9404,9407,9409,9411],{"class":4096,"line":4152},[4094,9375,4416],{"class":4368},[4094,9377,3522],{"class":4342},[4094,9379,4375],{"class":4374},[4094,9381,4378],{"class":4275},[4094,9383,4381],{"class":4315},[4094,9385,4385],{"class":4384},[4094,9387,4388],{"class":4279},[4094,9389,3536],{"class":4384},[4094,9391,6036],{"class":4279},[4094,9393,4396],{"class":4384},[4094,9395,4636],{"class":4279},[4094,9397,4517],{"class":4279},[4094,9399,4405],{"class":4384},[4094,9401,4408],{"class":4315},[4094,9403,4436],{"class":4368},[4094,9405,9406],{"class":4275},"flexBasis (grow = 0)",[4094,9408,4445],{"class":4368},[4094,9410,3522],{"class":4342},[4094,9412,4411],{"class":4368},[4094,9414,9415,9417,9419,9421,9423,9425,9427,9429,9431,9434,9436,9438,9440,9442,9444],{"class":4096,"line":4158},[4094,9416,4416],{"class":4368},[4094,9418,3522],{"class":4342},[4094,9420,4375],{"class":4374},[4094,9422,4378],{"class":4275},[4094,9424,4381],{"class":4315},[4094,9426,4385],{"class":4384},[4094,9428,4388],{"class":4279},[4094,9430,3536],{"class":4384},[4094,9432,9433],{"class":4279},"sub",[4094,9435,4396],{"class":4384},[4094,9437,4636],{"class":4279},[4094,9439,4543],{"class":4279},[4094,9441,4405],{"class":4384},[4094,9443,4408],{"class":4315},[4094,9445,4411],{"class":4368},[4094,9447,9448],{"class":4096,"line":4164},[4094,9449,9450],{"class":4275},"        Рядок ширший за суму basis — лишається порожнє місце справа. Блоки не\n",[4094,9452,9453],{"class":4096,"line":4170},[4094,9454,9455],{"class":4275},"        «з’їдають» його, бо grow вимкнено.\n",[4094,9457,9458,9460,9462],{"class":4096,"line":4176},[4094,9459,4770],{"class":4368},[4094,9461,3522],{"class":4342},[4094,9463,4411],{"class":4368},[4094,9465,9466],{"class":4096,"line":4182},[4094,9467,4125],{"emptyLinePlaceholder":4124},[4094,9469,9470,9472,9474,9476,9478,9480,9482,9484,9486,9488,9490,9492,9494,9496,9498,9501,9503,9505],{"class":4096,"line":4187},[4094,9471,4416],{"class":4368},[4094,9473,3518],{"class":4342},[4094,9475,4375],{"class":4374},[4094,9477,4378],{"class":4275},[4094,9479,4381],{"class":4315},[4094,9481,4385],{"class":4384},[4094,9483,4388],{"class":4279},[4094,9485,3536],{"class":4384},[4094,9487,3875],{"class":4279},[4094,9489,3519],{"class":4384},[4094,9491,4522],{"class":4279},[4094,9493,4597],{"class":4275},[4094,9495,4683],{"class":4279},[4094,9497,3536],{"class":4384},[4094,9499,9500],{"class":4279},"rowDark",[4094,9502,4691],{"class":4384},[4094,9504,4408],{"class":4315},[4094,9506,4411],{"class":4368},[4094,9508,9509,9511,9513,9515,9517,9519,9521,9523,9525,9527,9529,9532,9535,9537,9539,9541,9543,9545],{"class":4096,"line":4193},[4094,9510,4700],{"class":4368},[4094,9512,3518],{"class":4342},[4094,9514,4375],{"class":4374},[4094,9516,4378],{"class":4275},[4094,9518,4381],{"class":4315},[4094,9520,4385],{"class":4384},[4094,9522,4388],{"class":4279},[4094,9524,3536],{"class":4384},[4094,9526,4393],{"class":4279},[4094,9528,4396],{"class":4384},[4094,9530,9531],{"class":4279},"flexBasis:",[4094,9533,9534],{"class":4812}," 80",[4094,9536,3519],{"class":4384},[4094,9538,4399],{"class":4279},[4094,9540,6273],{"class":4302},[4094,9542,4405],{"class":4384},[4094,9544,4408],{"class":4315},[4094,9546,4411],{"class":4368},[4094,9548,9549,9551,9553,9555,9557,9559,9561,9563,9565,9567,9569,9572,9574,9576],{"class":4096,"line":4199},[4094,9550,6110],{"class":4368},[4094,9552,3522],{"class":4342},[4094,9554,4375],{"class":4374},[4094,9556,4378],{"class":4275},[4094,9558,4381],{"class":4315},[4094,9560,4388],{"class":4279},[4094,9562,3536],{"class":4384},[4094,9564,4431],{"class":4279},[4094,9566,4408],{"class":4315},[4094,9568,4436],{"class":4368},[4094,9570,9571],{"class":4275},"80",[4094,9573,4445],{"class":4368},[4094,9575,3522],{"class":4342},[4094,9577,4411],{"class":4368},[4094,9579,9580,9582,9584],{"class":4096,"line":4205},[4094,9581,8638],{"class":4368},[4094,9583,3518],{"class":4342},[4094,9585,4411],{"class":4368},[4094,9587,9588,9590,9592,9594,9596,9598,9600,9602,9604,9606,9608,9610,9612,9614,9616,9618,9620,9622],{"class":4096,"line":4211},[4094,9589,4700],{"class":4368},[4094,9591,3518],{"class":4342},[4094,9593,4375],{"class":4374},[4094,9595,4378],{"class":4275},[4094,9597,4381],{"class":4315},[4094,9599,4385],{"class":4384},[4094,9601,4388],{"class":4279},[4094,9603,3536],{"class":4384},[4094,9605,4393],{"class":4279},[4094,9607,4396],{"class":4384},[4094,9609,9531],{"class":4279},[4094,9611,8119],{"class":4812},[4094,9613,3519],{"class":4384},[4094,9615,4399],{"class":4279},[4094,9617,6306],{"class":4302},[4094,9619,4405],{"class":4384},[4094,9621,4408],{"class":4315},[4094,9623,4411],{"class":4368},[4094,9625,9626,9628,9630,9632,9634,9636,9638,9640,9642,9644,9646,9649,9651,9653],{"class":4096,"line":4217},[4094,9627,6110],{"class":4368},[4094,9629,3522],{"class":4342},[4094,9631,4375],{"class":4374},[4094,9633,4378],{"class":4275},[4094,9635,4381],{"class":4315},[4094,9637,4388],{"class":4279},[4094,9639,3536],{"class":4384},[4094,9641,4431],{"class":4279},[4094,9643,4408],{"class":4315},[4094,9645,4436],{"class":4368},[4094,9647,9648],{"class":4275},"160",[4094,9650,4445],{"class":4368},[4094,9652,3522],{"class":4342},[4094,9654,4411],{"class":4368},[4094,9656,9657,9659,9661],{"class":4096,"line":4223},[4094,9658,8638],{"class":4368},[4094,9660,3518],{"class":4342},[4094,9662,4411],{"class":4368},[4094,9664,9665,9667,9669],{"class":4096,"line":4229},[4094,9666,4770],{"class":4368},[4094,9668,3518],{"class":4342},[4094,9670,4411],{"class":4368},[4094,9672,9673],{"class":4096,"line":4235},[4094,9674,4125],{"emptyLinePlaceholder":4124},[4094,9676,9677,9679,9681,9683,9685,9687,9689,9691,9693,9695,9697,9699,9701,9703,9705],{"class":4096,"line":4240},[4094,9678,4416],{"class":4368},[4094,9680,3522],{"class":4342},[4094,9682,4375],{"class":4374},[4094,9684,4378],{"class":4275},[4094,9686,4381],{"class":4315},[4094,9688,4385],{"class":4384},[4094,9690,4388],{"class":4279},[4094,9692,3536],{"class":4384},[4094,9694,3516],{"class":4279},[4094,9696,4396],{"class":4384},[4094,9698,4636],{"class":4279},[4094,9700,4543],{"class":4279},[4094,9702,4405],{"class":4384},[4094,9704,4408],{"class":4315},[4094,9706,4411],{"class":4368},[4094,9708,9709,9711,9714,9716,9719],{"class":4096,"line":4245},[4094,9710,6084],{"class":4315},[4094,9712,9713],{"class":4302},"`\u002F\u002F обидва: flexGrow: 0, flexShrink: 1",[4094,9715,7828],{"class":7827},[4094,9717,9718],{"class":4302},"flexBasis: 80  |  flexBasis: 160`",[4094,9720,4179],{"class":4315},[4094,9722,9723,9725,9727],{"class":4096,"line":4876},[4094,9724,4770],{"class":4368},[4094,9726,3522],{"class":4342},[4094,9728,4411],{"class":4368},[4094,9730,9731,9733,9735],{"class":4096,"line":4897},[4094,9732,4454],{"class":4368},[4094,9734,3518],{"class":4342},[4094,9736,4411],{"class":4368},[4094,9738,9739],{"class":4096,"line":4918},[4094,9740,4463],{"class":4275},[4094,9742,9743],{"class":4096,"line":4939},[4094,9744,4179],{"class":4275},[4094,9746,9747],{"class":4096,"line":4948},[4094,9748,4125],{"emptyLinePlaceholder":4124},[4094,9750,9751,9753,9755,9757,9759,9761,9763],{"class":4096,"line":4953},[4094,9752,5029],{"class":4315},[4094,9754,4683],{"class":4496},[4094,9756,4500],{"class":4275},[4094,9758,4288],{"class":4279},[4094,9760,3536],{"class":4275},[4094,9762,5040],{"class":4319},[4094,9764,5043],{"class":4275},[4094,9766,9767,9769,9771,9773,9775,9777,9779,9781,9783,9785,9787,9789,9791,9793],{"class":4096,"line":4987},[4094,9768,5049],{"class":4279},[4094,9770,4276],{"class":4275},[4094,9772,5054],{"class":4279},[4094,9774,5057],{"class":4812},[4094,9776,3519],{"class":4275},[4094,9778,4399],{"class":4279},[4094,9780,5064],{"class":4302},[4094,9782,3519],{"class":4275},[4094,9784,5069],{"class":4279},[4094,9786,5293],{"class":4812},[4094,9788,3519],{"class":4275},[4094,9790,5076],{"class":4279},[4094,9792,5240],{"class":4812},[4094,9794,5082],{"class":4275},[4094,9796,9797,9799,9801,9803,9805,9807,9809,9811],{"class":4096,"line":4993},[4094,9798,6538],{"class":4279},[4094,9800,4276],{"class":4275},[4094,9802,5093],{"class":4279},[4094,9804,6545],{"class":4812},[4094,9806,3519],{"class":4275},[4094,9808,5101],{"class":4279},[4094,9810,5104],{"class":4302},[4094,9812,5082],{"class":4275},[4094,9814,9815,9818,9820,9822,9824,9826,9828,9830],{"class":4096,"line":5002},[4094,9816,9817],{"class":4279},"  sub:",[4094,9819,4276],{"class":4275},[4094,9821,5093],{"class":4279},[4094,9823,5308],{"class":4812},[4094,9825,3519],{"class":4275},[4094,9827,5313],{"class":4279},[4094,9829,5316],{"class":4812},[4094,9831,5082],{"class":4275},[4094,9833,9834,9836],{"class":4096,"line":5011},[4094,9835,5185],{"class":4279},[4094,9837,5115],{"class":4275},[4094,9839,9840,9842,9844],{"class":4096,"line":5016},[4094,9841,8108],{"class":4279},[4094,9843,5193],{"class":4302},[4094,9845,5127],{"class":4275},[4094,9847,9848,9850,9853],{"class":4096,"line":5021},[4094,9849,5228],{"class":4279},[4094,9851,9852],{"class":4812}," 72",[4094,9854,5127],{"class":4275},[4094,9856,9857,9859,9861],{"class":4096,"line":5026},[4094,9858,5133],{"class":4279},[4094,9860,5136],{"class":4812},[4094,9862,5127],{"class":4275},[4094,9864,9865,9867,9869],{"class":4096,"line":5046},[4094,9866,6735],{"class":4279},[4094,9868,6738],{"class":4812},[4094,9870,5127],{"class":4275},[4094,9872,9873,9875,9877],{"class":4096,"line":5085},[4094,9874,6746],{"class":4279},[4094,9876,6749],{"class":4302},[4094,9878,5127],{"class":4275},[4094,9880,9881,9883,9885],{"class":4096,"line":5109},[4094,9882,5121],{"class":4279},[4094,9884,5280],{"class":4302},[4094,9886,5127],{"class":4275},[4094,9888,9889,9891,9893],{"class":4096,"line":5118},[4094,9890,5144],{"class":4279},[4094,9892,5079],{"class":4812},[4094,9894,5127],{"class":4275},[4094,9896,9897,9899,9901],{"class":4096,"line":5130},[4094,9898,5154],{"class":4279},[4094,9900,5079],{"class":4812},[4094,9902,5127],{"class":4275},[4094,9904,9905,9907,9910],{"class":4096,"line":5141},[4094,9906,5248],{"class":4279},[4094,9908,9909],{"class":4302}," 'stretch'",[4094,9911,5127],{"class":4275},[4094,9913,9914],{"class":4096,"line":5151},[4094,9915,5164],{"class":4275},[4094,9917,9918,9921,9923,9925,9927,9929,9931,9933],{"class":4096,"line":5161},[4094,9919,9920],{"class":4279},"  rowDark:",[4094,9922,4276],{"class":4275},[4094,9924,4399],{"class":4279},[4094,9926,5177],{"class":4302},[4094,9928,3519],{"class":4275},[4094,9930,6802],{"class":4279},[4094,9932,6805],{"class":4302},[4094,9934,5082],{"class":4275},[4094,9936,9937,9939],{"class":4096,"line":5167},[4094,9938,5209],{"class":4279},[4094,9940,5115],{"class":4275},[4094,9942,9943,9946,9949],{"class":4096,"line":5182},[4094,9944,9945],{"class":4279},"    flexGrow:",[4094,9947,9948],{"class":4812}," 0",[4094,9950,5127],{"class":4275},[4094,9952,9953,9956,9958],{"class":4096,"line":5206},[4094,9954,9955],{"class":4279},"    flexShrink:",[4094,9957,5057],{"class":4812},[4094,9959,5127],{"class":4275},[4094,9961,9962,9964,9966],{"class":4096,"line":5214},[4094,9963,5133],{"class":4279},[4094,9965,5079],{"class":4812},[4094,9967,5127],{"class":4275},[4094,9969,9970,9972,9974],{"class":4096,"line":5225},[4094,9971,5248],{"class":4279},[4094,9973,5201],{"class":4302},[4094,9975,5127],{"class":4275},[4094,9977,9978,9980,9982],{"class":4096,"line":5235},[4094,9979,5258],{"class":4279},[4094,9981,5201],{"class":4302},[4094,9983,5127],{"class":4275},[4094,9985,9986],{"class":4096,"line":5245},[4094,9987,5164],{"class":4275},[4094,9989,9990,9992,9994,9996,9998,10000,10002,10004,10006,10008,10010],{"class":4096,"line":5255},[4094,9991,5273],{"class":4279},[4094,9993,4276],{"class":4275},[4094,9995,4636],{"class":4279},[4094,9997,5280],{"class":4302},[4094,9999,3519],{"class":4275},[4094,10001,5101],{"class":4279},[4094,10003,5104],{"class":4302},[4094,10005,3519],{"class":4275},[4094,10007,5093],{"class":4279},[4094,10009,5293],{"class":4812},[4094,10011,5082],{"class":4275},[4094,10013,10014,10016,10018,10020,10022,10024,10026,10028,10030,10032,10034],{"class":4096,"line":5265},[4094,10015,6836],{"class":4279},[4094,10017,4276],{"class":4275},[4094,10019,5093],{"class":4279},[4094,10021,5136],{"class":4812},[4094,10023,3519],{"class":4275},[4094,10025,6847],{"class":4279},[4094,10027,6850],{"class":4302},[4094,10029,3519],{"class":4275},[4094,10031,5313],{"class":4279},[4094,10033,5316],{"class":4812},[4094,10035,5082],{"class":4275},[4094,10037,10038],{"class":4096,"line":5270},[4094,10039,5330],{"class":4275},[9194,10041,10043,10044,10046],{"id":10042},"_2-flexgrow-хто-забирає-вільне-місце","2. ",[3516,10045,9029],{}," — хто забирає вільне місце",[3512,10048,10049,10050,5447,10053,10055,10056,10058],{},"Ті самі basis (80 і 160), але тепер у ",[3540,10051,10052],{},"зеленого",[3516,10054,9119],{},", у синього ",[3516,10057,9106],{},". Вільне місце справа «віддається» зеленому.",[4255,10060,10063],{"device":6992,"filename":10061,"title":10062},"FlexGrowOnlyDemo.tsx","flexGrow — один росте",[4085,10064,10066],{"className":4262,"code":10065,"language":4264,"meta":4090,"style":4090},"import { View, Text, StyleSheet, useColorScheme } from 'react-native';\n\nexport default function App() {\n  const isDark = useColorScheme() === 'dark';\n  const text = isDark ? '#f5f5f7' : '#0f172a';\n  const muted = isDark ? '#a1a1aa' : '#64748b';\n\n  return (\n    \u003CView style={[styles.screen, isDark && { backgroundColor: '#000' }]}>\n      \u003CText style={[styles.h, { color: text }]}>flexGrow: 0 vs 1\u003C\u002FText>\n      \u003CText style={[styles.sub, { color: muted }]}>\n        Синій лишається ≈ basis 80. Зелений стартує з 100 і забирає весь залишок\n        ширини рядка.\n      \u003C\u002FText>\n\n      \u003CView style={[styles.row, isDark && styles.rowDark]}>\n        \u003CView\n          style={[\n            styles.box,\n            {\n              flexBasis: 80,\n              flexGrow: 0,\n              backgroundColor: '#2563EB',\n            },\n          ]}\n        >\n          \u003CText style={styles.boxText}>grow 0\u003C\u002FText>\n        \u003C\u002FView>\n        \u003CView\n          style={[\n            styles.box,\n            {\n              flexBasis: 100,\n              flexGrow: 1,\n              backgroundColor: '#16A34A',\n            },\n          ]}\n        >\n          \u003CText style={styles.boxText}>grow 1\u003C\u002FText>\n        \u003C\u002FView>\n      \u003C\u002FView>\n\n      \u003CText style={[styles.hint, { color: muted }]}>\n        Життєвий патерн: фіксована іконка зліва (grow 0) + текстовий блок посередині\n        (grow 1 \u002F flex: 1).\n      \u003C\u002FText>\n    \u003C\u002FView>\n  );\n}\n\nconst styles = StyleSheet.create({\n  screen: { flex: 1, backgroundColor: '#F8FAFC', padding: 16, gap: 10 },\n  h: { fontSize: 17, fontWeight: '700' },\n  sub: { fontSize: 13, lineHeight: 18 },\n  row: {\n    flexDirection: 'row',\n    height: 72,\n    borderRadius: 12,\n    borderWidth: 2,\n    borderColor: '#86efac',\n    backgroundColor: '#fff',\n    padding: 8,\n    gap: 8,\n  },\n  rowDark: { backgroundColor: '#1c1c1e', borderColor: '#22c55e' },\n  box: {\n    flexShrink: 1,\n    borderRadius: 8,\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n  boxText: { color: '#fff', fontWeight: '700', fontSize: 14 },\n  hint: { fontSize: 13, lineHeight: 18 },\n});\n",[3516,10067,10068,10096,10100,10112,10128,10148,10168,10172,10178,10216,10257,10289,10294,10299,10307,10311,10349,10356,10368,10379,10384,10393,10402,10411,10416,10423,10428,10459,10467,10473,10483,10493,10497,10506,10514,10522,10526,10532,10536,10567,10575,10583,10587,10619,10624,10629,10637,10645,10649,10653,10657,10673,10703,10721,10739,10745,10753,10761,10769,10777,10785,10793,10801,10809,10813,10831,10837,10845,10853,10861,10869,10873,10897,10915],{"__ignoreMap":4090},[4094,10069,10070,10072,10074,10076,10078,10080,10082,10084,10086,10088,10090,10092,10094],{"class":4096,"line":4097},[4094,10071,4272],{"class":4271},[4094,10073,4276],{"class":4275},[4094,10075,3518],{"class":4279},[4094,10077,3519],{"class":4275},[4094,10079,3522],{"class":4279},[4094,10081,3519],{"class":4275},[4094,10083,4288],{"class":4279},[4094,10085,3519],{"class":4275},[4094,10087,4293],{"class":4279},[4094,10089,4296],{"class":4275},[4094,10091,4299],{"class":4271},[4094,10093,4303],{"class":4302},[4094,10095,4306],{"class":4275},[4094,10097,10098],{"class":4096,"line":4103},[4094,10099,4125],{"emptyLinePlaceholder":4124},[4094,10101,10102,10104,10106,10108,10110],{"class":4096,"line":4109},[4094,10103,4476],{"class":4271},[4094,10105,4479],{"class":4271},[4094,10107,4482],{"class":4315},[4094,10109,4485],{"class":4319},[4094,10111,4488],{"class":4275},[4094,10113,10114,10116,10118,10120,10122,10124,10126],{"class":4096,"line":4115},[4094,10115,4493],{"class":4315},[4094,10117,4497],{"class":4496},[4094,10119,4500],{"class":4275},[4094,10121,4293],{"class":4319},[4094,10123,4505],{"class":4275},[4094,10125,4508],{"class":4302},[4094,10127,4306],{"class":4275},[4094,10129,10130,10132,10134,10136,10138,10140,10142,10144,10146],{"class":4096,"line":4121},[4094,10131,4493],{"class":4315},[4094,10133,4517],{"class":4496},[4094,10135,4500],{"class":4275},[4094,10137,4522],{"class":4279},[4094,10139,4525],{"class":4275},[4094,10141,4528],{"class":4302},[4094,10143,4531],{"class":4275},[4094,10145,4534],{"class":4302},[4094,10147,4306],{"class":4275},[4094,10149,10150,10152,10154,10156,10158,10160,10162,10164,10166],{"class":4096,"line":4128},[4094,10151,4493],{"class":4315},[4094,10153,4543],{"class":4496},[4094,10155,4500],{"class":4275},[4094,10157,4522],{"class":4279},[4094,10159,4525],{"class":4275},[4094,10161,4552],{"class":4302},[4094,10163,4531],{"class":4275},[4094,10165,4557],{"class":4302},[4094,10167,4306],{"class":4275},[4094,10169,10170],{"class":4096,"line":4134},[4094,10171,4125],{"emptyLinePlaceholder":4124},[4094,10173,10174,10176],{"class":4096,"line":4140},[4094,10175,4360],{"class":4271},[4094,10177,4363],{"class":4275},[4094,10179,10180,10182,10184,10186,10188,10190,10192,10194,10196,10198,10200,10202,10204,10206,10208,10210,10212,10214],{"class":4096,"line":4146},[4094,10181,4369],{"class":4368},[4094,10183,3518],{"class":4342},[4094,10185,4375],{"class":4374},[4094,10187,4378],{"class":4275},[4094,10189,4381],{"class":4315},[4094,10191,4385],{"class":4384},[4094,10193,4388],{"class":4279},[4094,10195,3536],{"class":4384},[4094,10197,4590],{"class":4279},[4094,10199,3519],{"class":4384},[4094,10201,4522],{"class":4279},[4094,10203,4597],{"class":4275},[4094,10205,4276],{"class":4384},[4094,10207,4399],{"class":4279},[4094,10209,4604],{"class":4302},[4094,10211,4405],{"class":4384},[4094,10213,4408],{"class":4315},[4094,10215,4411],{"class":4368},[4094,10217,10218,10220,10222,10224,10226,10228,10230,10232,10234,10236,10238,10240,10242,10244,10246,10248,10251,10253,10255],{"class":4096,"line":4152},[4094,10219,4416],{"class":4368},[4094,10221,3522],{"class":4342},[4094,10223,4375],{"class":4374},[4094,10225,4378],{"class":4275},[4094,10227,4381],{"class":4315},[4094,10229,4385],{"class":4384},[4094,10231,4388],{"class":4279},[4094,10233,3536],{"class":4384},[4094,10235,6036],{"class":4279},[4094,10237,4396],{"class":4384},[4094,10239,4636],{"class":4279},[4094,10241,4517],{"class":4279},[4094,10243,4405],{"class":4384},[4094,10245,4408],{"class":4315},[4094,10247,4436],{"class":4368},[4094,10249,10250],{"class":4275},"flexGrow: 0 vs 1",[4094,10252,4445],{"class":4368},[4094,10254,3522],{"class":4342},[4094,10256,4411],{"class":4368},[4094,10258,10259,10261,10263,10265,10267,10269,10271,10273,10275,10277,10279,10281,10283,10285,10287],{"class":4096,"line":4158},[4094,10260,4416],{"class":4368},[4094,10262,3522],{"class":4342},[4094,10264,4375],{"class":4374},[4094,10266,4378],{"class":4275},[4094,10268,4381],{"class":4315},[4094,10270,4385],{"class":4384},[4094,10272,4388],{"class":4279},[4094,10274,3536],{"class":4384},[4094,10276,9433],{"class":4279},[4094,10278,4396],{"class":4384},[4094,10280,4636],{"class":4279},[4094,10282,4543],{"class":4279},[4094,10284,4405],{"class":4384},[4094,10286,4408],{"class":4315},[4094,10288,4411],{"class":4368},[4094,10290,10291],{"class":4096,"line":4164},[4094,10292,10293],{"class":4275},"        Синій лишається ≈ basis 80. Зелений стартує з 100 і забирає весь залишок\n",[4094,10295,10296],{"class":4096,"line":4170},[4094,10297,10298],{"class":4275},"        ширини рядка.\n",[4094,10300,10301,10303,10305],{"class":4096,"line":4176},[4094,10302,4770],{"class":4368},[4094,10304,3522],{"class":4342},[4094,10306,4411],{"class":4368},[4094,10308,10309],{"class":4096,"line":4182},[4094,10310,4125],{"emptyLinePlaceholder":4124},[4094,10312,10313,10315,10317,10319,10321,10323,10325,10327,10329,10331,10333,10335,10337,10339,10341,10343,10345,10347],{"class":4096,"line":4187},[4094,10314,4416],{"class":4368},[4094,10316,3518],{"class":4342},[4094,10318,4375],{"class":4374},[4094,10320,4378],{"class":4275},[4094,10322,4381],{"class":4315},[4094,10324,4385],{"class":4384},[4094,10326,4388],{"class":4279},[4094,10328,3536],{"class":4384},[4094,10330,3875],{"class":4279},[4094,10332,3519],{"class":4384},[4094,10334,4522],{"class":4279},[4094,10336,4597],{"class":4275},[4094,10338,4683],{"class":4279},[4094,10340,3536],{"class":4384},[4094,10342,9500],{"class":4279},[4094,10344,4691],{"class":4384},[4094,10346,4408],{"class":4315},[4094,10348,4411],{"class":4368},[4094,10350,10351,10353],{"class":4096,"line":4193},[4094,10352,4700],{"class":4368},[4094,10354,10355],{"class":4342},"View\n",[4094,10357,10358,10361,10363,10365],{"class":4096,"line":4199},[4094,10359,10360],{"class":4374},"          style",[4094,10362,4378],{"class":4275},[4094,10364,4381],{"class":4315},[4094,10366,10367],{"class":4384},"[\n",[4094,10369,10370,10373,10375,10377],{"class":4096,"line":4205},[4094,10371,10372],{"class":4279},"            styles",[4094,10374,3536],{"class":4384},[4094,10376,4393],{"class":4279},[4094,10378,5127],{"class":4384},[4094,10380,10381],{"class":4096,"line":4211},[4094,10382,10383],{"class":4384},"            {\n",[4094,10385,10386,10389,10391],{"class":4096,"line":4217},[4094,10387,10388],{"class":4279},"              flexBasis:",[4094,10390,9534],{"class":4812},[4094,10392,5127],{"class":4384},[4094,10394,10395,10398,10400],{"class":4096,"line":4223},[4094,10396,10397],{"class":4279},"              flexGrow:",[4094,10399,9948],{"class":4812},[4094,10401,5127],{"class":4384},[4094,10403,10404,10407,10409],{"class":4096,"line":4229},[4094,10405,10406],{"class":4279},"              backgroundColor:",[4094,10408,6273],{"class":4302},[4094,10410,5127],{"class":4384},[4094,10412,10413],{"class":4096,"line":4235},[4094,10414,10415],{"class":4384},"            },\n",[4094,10417,10418,10421],{"class":4096,"line":4240},[4094,10419,10420],{"class":4384},"          ]",[4094,10422,4179],{"class":4315},[4094,10424,10425],{"class":4096,"line":4245},[4094,10426,10427],{"class":4368},"        >\n",[4094,10429,10430,10432,10434,10436,10438,10440,10442,10444,10446,10448,10450,10453,10455,10457],{"class":4096,"line":4876},[4094,10431,6110],{"class":4368},[4094,10433,3522],{"class":4342},[4094,10435,4375],{"class":4374},[4094,10437,4378],{"class":4275},[4094,10439,4381],{"class":4315},[4094,10441,4388],{"class":4279},[4094,10443,3536],{"class":4384},[4094,10445,4431],{"class":4279},[4094,10447,4408],{"class":4315},[4094,10449,4436],{"class":4368},[4094,10451,10452],{"class":4275},"grow 0",[4094,10454,4445],{"class":4368},[4094,10456,3522],{"class":4342},[4094,10458,4411],{"class":4368},[4094,10460,10461,10463,10465],{"class":4096,"line":4897},[4094,10462,8638],{"class":4368},[4094,10464,3518],{"class":4342},[4094,10466,4411],{"class":4368},[4094,10468,10469,10471],{"class":4096,"line":4918},[4094,10470,4700],{"class":4368},[4094,10472,10355],{"class":4342},[4094,10474,10475,10477,10479,10481],{"class":4096,"line":4939},[4094,10476,10360],{"class":4374},[4094,10478,4378],{"class":4275},[4094,10480,4381],{"class":4315},[4094,10482,10367],{"class":4384},[4094,10484,10485,10487,10489,10491],{"class":4096,"line":4948},[4094,10486,10372],{"class":4279},[4094,10488,3536],{"class":4384},[4094,10490,4393],{"class":4279},[4094,10492,5127],{"class":4384},[4094,10494,10495],{"class":4096,"line":4953},[4094,10496,10383],{"class":4384},[4094,10498,10499,10501,10504],{"class":4096,"line":4987},[4094,10500,10388],{"class":4279},[4094,10502,10503],{"class":4812}," 100",[4094,10505,5127],{"class":4384},[4094,10507,10508,10510,10512],{"class":4096,"line":4993},[4094,10509,10397],{"class":4279},[4094,10511,5057],{"class":4812},[4094,10513,5127],{"class":4384},[4094,10515,10516,10518,10520],{"class":4096,"line":5002},[4094,10517,10406],{"class":4279},[4094,10519,6306],{"class":4302},[4094,10521,5127],{"class":4384},[4094,10523,10524],{"class":4096,"line":5011},[4094,10525,10415],{"class":4384},[4094,10527,10528,10530],{"class":4096,"line":5016},[4094,10529,10420],{"class":4384},[4094,10531,4179],{"class":4315},[4094,10533,10534],{"class":4096,"line":5021},[4094,10535,10427],{"class":4368},[4094,10537,10538,10540,10542,10544,10546,10548,10550,10552,10554,10556,10558,10561,10563,10565],{"class":4096,"line":5026},[4094,10539,6110],{"class":4368},[4094,10541,3522],{"class":4342},[4094,10543,4375],{"class":4374},[4094,10545,4378],{"class":4275},[4094,10547,4381],{"class":4315},[4094,10549,4388],{"class":4279},[4094,10551,3536],{"class":4384},[4094,10553,4431],{"class":4279},[4094,10555,4408],{"class":4315},[4094,10557,4436],{"class":4368},[4094,10559,10560],{"class":4275},"grow 1",[4094,10562,4445],{"class":4368},[4094,10564,3522],{"class":4342},[4094,10566,4411],{"class":4368},[4094,10568,10569,10571,10573],{"class":4096,"line":5046},[4094,10570,8638],{"class":4368},[4094,10572,3518],{"class":4342},[4094,10574,4411],{"class":4368},[4094,10576,10577,10579,10581],{"class":4096,"line":5085},[4094,10578,4770],{"class":4368},[4094,10580,3518],{"class":4342},[4094,10582,4411],{"class":4368},[4094,10584,10585],{"class":4096,"line":5109},[4094,10586,4125],{"emptyLinePlaceholder":4124},[4094,10588,10589,10591,10593,10595,10597,10599,10601,10603,10605,10607,10609,10611,10613,10615,10617],{"class":4096,"line":5118},[4094,10590,4416],{"class":4368},[4094,10592,3522],{"class":4342},[4094,10594,4375],{"class":4374},[4094,10596,4378],{"class":4275},[4094,10598,4381],{"class":4315},[4094,10600,4385],{"class":4384},[4094,10602,4388],{"class":4279},[4094,10604,3536],{"class":4384},[4094,10606,4972],{"class":4279},[4094,10608,4396],{"class":4384},[4094,10610,4636],{"class":4279},[4094,10612,4543],{"class":4279},[4094,10614,4405],{"class":4384},[4094,10616,4408],{"class":4315},[4094,10618,4411],{"class":4368},[4094,10620,10621],{"class":4096,"line":5130},[4094,10622,10623],{"class":4275},"        Життєвий патерн: фіксована іконка зліва (grow 0) + текстовий блок посередині\n",[4094,10625,10626],{"class":4096,"line":5141},[4094,10627,10628],{"class":4275},"        (grow 1 \u002F flex: 1).\n",[4094,10630,10631,10633,10635],{"class":4096,"line":5151},[4094,10632,4770],{"class":4368},[4094,10634,3522],{"class":4342},[4094,10636,4411],{"class":4368},[4094,10638,10639,10641,10643],{"class":4096,"line":5161},[4094,10640,4454],{"class":4368},[4094,10642,3518],{"class":4342},[4094,10644,4411],{"class":4368},[4094,10646,10647],{"class":4096,"line":5167},[4094,10648,4463],{"class":4275},[4094,10650,10651],{"class":4096,"line":5182},[4094,10652,4179],{"class":4275},[4094,10654,10655],{"class":4096,"line":5206},[4094,10656,4125],{"emptyLinePlaceholder":4124},[4094,10658,10659,10661,10663,10665,10667,10669,10671],{"class":4096,"line":5214},[4094,10660,5029],{"class":4315},[4094,10662,4683],{"class":4496},[4094,10664,4500],{"class":4275},[4094,10666,4288],{"class":4279},[4094,10668,3536],{"class":4275},[4094,10670,5040],{"class":4319},[4094,10672,5043],{"class":4275},[4094,10674,10675,10677,10679,10681,10683,10685,10687,10689,10691,10693,10695,10697,10699,10701],{"class":4096,"line":5225},[4094,10676,5049],{"class":4279},[4094,10678,4276],{"class":4275},[4094,10680,5054],{"class":4279},[4094,10682,5057],{"class":4812},[4094,10684,3519],{"class":4275},[4094,10686,4399],{"class":4279},[4094,10688,5064],{"class":4302},[4094,10690,3519],{"class":4275},[4094,10692,5069],{"class":4279},[4094,10694,5293],{"class":4812},[4094,10696,3519],{"class":4275},[4094,10698,5076],{"class":4279},[4094,10700,5240],{"class":4812},[4094,10702,5082],{"class":4275},[4094,10704,10705,10707,10709,10711,10713,10715,10717,10719],{"class":4096,"line":5235},[4094,10706,6538],{"class":4279},[4094,10708,4276],{"class":4275},[4094,10710,5093],{"class":4279},[4094,10712,6545],{"class":4812},[4094,10714,3519],{"class":4275},[4094,10716,5101],{"class":4279},[4094,10718,5104],{"class":4302},[4094,10720,5082],{"class":4275},[4094,10722,10723,10725,10727,10729,10731,10733,10735,10737],{"class":4096,"line":5245},[4094,10724,9817],{"class":4279},[4094,10726,4276],{"class":4275},[4094,10728,5093],{"class":4279},[4094,10730,5308],{"class":4812},[4094,10732,3519],{"class":4275},[4094,10734,5313],{"class":4279},[4094,10736,5316],{"class":4812},[4094,10738,5082],{"class":4275},[4094,10740,10741,10743],{"class":4096,"line":5255},[4094,10742,5185],{"class":4279},[4094,10744,5115],{"class":4275},[4094,10746,10747,10749,10751],{"class":4096,"line":5265},[4094,10748,8108],{"class":4279},[4094,10750,5193],{"class":4302},[4094,10752,5127],{"class":4275},[4094,10754,10755,10757,10759],{"class":4096,"line":5270},[4094,10756,5228],{"class":4279},[4094,10758,9852],{"class":4812},[4094,10760,5127],{"class":4275},[4094,10762,10763,10765,10767],{"class":4096,"line":5298},[4094,10764,5133],{"class":4279},[4094,10766,5136],{"class":4812},[4094,10768,5127],{"class":4275},[4094,10770,10771,10773,10775],{"class":4096,"line":5327},[4094,10772,6735],{"class":4279},[4094,10774,6738],{"class":4812},[4094,10776,5127],{"class":4275},[4094,10778,10779,10781,10783],{"class":4096,"line":6447},[4094,10780,6746],{"class":4279},[4094,10782,8152],{"class":4302},[4094,10784,5127],{"class":4275},[4094,10786,10787,10789,10791],{"class":4096,"line":6453},[4094,10788,5121],{"class":4279},[4094,10790,5280],{"class":4302},[4094,10792,5127],{"class":4275},[4094,10794,10795,10797,10799],{"class":4096,"line":6462},[4094,10796,5144],{"class":4279},[4094,10798,5079],{"class":4812},[4094,10800,5127],{"class":4275},[4094,10802,10803,10805,10807],{"class":4096,"line":6471},[4094,10804,5154],{"class":4279},[4094,10806,5079],{"class":4812},[4094,10808,5127],{"class":4275},[4094,10810,10811],{"class":4096,"line":6476},[4094,10812,5164],{"class":4275},[4094,10814,10815,10817,10819,10821,10823,10825,10827,10829],{"class":4096,"line":6481},[4094,10816,9920],{"class":4279},[4094,10818,4276],{"class":4275},[4094,10820,4399],{"class":4279},[4094,10822,5177],{"class":4302},[4094,10824,3519],{"class":4275},[4094,10826,6802],{"class":4279},[4094,10828,8199],{"class":4302},[4094,10830,5082],{"class":4275},[4094,10832,10833,10835],{"class":4096,"line":6486},[4094,10834,5209],{"class":4279},[4094,10836,5115],{"class":4275},[4094,10838,10839,10841,10843],{"class":4096,"line":6503},[4094,10840,9955],{"class":4279},[4094,10842,5057],{"class":4812},[4094,10844,5127],{"class":4275},[4094,10846,10847,10849,10851],{"class":4096,"line":6535},[4094,10848,5133],{"class":4279},[4094,10850,5079],{"class":4812},[4094,10852,5127],{"class":4275},[4094,10854,10855,10857,10859],{"class":4096,"line":6556},[4094,10856,5248],{"class":4279},[4094,10858,5201],{"class":4302},[4094,10860,5127],{"class":4275},[4094,10862,10863,10865,10867],{"class":4096,"line":6585},[4094,10864,5258],{"class":4279},[4094,10866,5201],{"class":4302},[4094,10868,5127],{"class":4275},[4094,10870,10871],{"class":4096,"line":6593},[4094,10872,5164],{"class":4275},[4094,10874,10875,10877,10879,10881,10883,10885,10887,10889,10891,10893,10895],{"class":4096,"line":6603},[4094,10876,5273],{"class":4279},[4094,10878,4276],{"class":4275},[4094,10880,4636],{"class":4279},[4094,10882,5280],{"class":4302},[4094,10884,3519],{"class":4275},[4094,10886,5101],{"class":4279},[4094,10888,5104],{"class":4302},[4094,10890,3519],{"class":4275},[4094,10892,5093],{"class":4279},[4094,10894,6524],{"class":4812},[4094,10896,5082],{"class":4275},[4094,10898,10899,10901,10903,10905,10907,10909,10911,10913],{"class":4096,"line":6614},[4094,10900,5301],{"class":4279},[4094,10902,4276],{"class":4275},[4094,10904,5093],{"class":4279},[4094,10906,5308],{"class":4812},[4094,10908,3519],{"class":4275},[4094,10910,5313],{"class":4279},[4094,10912,5316],{"class":4812},[4094,10914,5082],{"class":4275},[4094,10916,10917],{"class":4096,"line":6623},[4094,10918,5330],{"class":4275},[9194,10920,10922,10923,10925],{"id":10921},"_3-flexshrink-хто-поступається-коли-тісно","3. ",[3516,10924,9041],{}," — хто поступається, коли тісно",[3512,10927,10928,10929,10932,10933,10936,10937,10940],{},"Спеціально ставимо ",[3540,10930,10931],{},"великі"," basis (сума більша за ширину рядка). Червоний з ",[3516,10934,10935],{},"flexShrink: 0"," майже не здає ширину; синій з ",[3516,10938,10939],{},"flexShrink: 1"," стискається.",[4255,10942,10945],{"device":4257,"filename":10943,"title":10944},"FlexShrinkDemo.tsx","flexShrink — хто стискається",[4085,10946,10948],{"className":4262,"code":10947,"language":4264,"meta":4090,"style":4090},"import { View, Text, StyleSheet, useColorScheme } from 'react-native';\n\nexport default function App() {\n  const isDark = useColorScheme() === 'dark';\n  const text = isDark ? '#f5f5f7' : '#0f172a';\n  const muted = isDark ? '#a1a1aa' : '#64748b';\n\n  return (\n    \u003CView style={[styles.screen, isDark && { backgroundColor: '#000' }]}>\n      \u003CText style={[styles.h, { color: text }]}>flexShrink: 1 vs 0\u003C\u002FText>\n      \u003CText style={[styles.sub, { color: muted }]}>\n        Basis 200 + 200 не влазять у вузький рядок. Синій (shrink 1) стискається;\n        червоний (shrink 0) тримається міцніше.\n      \u003C\u002FText>\n\n      \u003CView style={[styles.row, isDark && styles.rowDark]}>\n        \u003CView\n          style={[\n            styles.box,\n            {\n              flexBasis: 200,\n              flexGrow: 0,\n              flexShrink: 1,\n              backgroundColor: '#2563EB',\n            },\n          ]}\n        >\n          \u003CText style={styles.boxText} numberOfLines={2}>\n            shrink 1{'\\n'}basis 200\n          \u003C\u002FText>\n        \u003C\u002FView>\n        \u003CView\n          style={[\n            styles.box,\n            {\n              flexBasis: 200,\n              flexGrow: 0,\n              flexShrink: 0,\n              backgroundColor: '#DC2626',\n            },\n          ]}\n        >\n          \u003CText style={styles.boxText} numberOfLines={2}>\n            shrink 0{'\\n'}basis 200\n          \u003C\u002FText>\n        \u003C\u002FView>\n      \u003C\u002FView>\n\n      \u003CText style={[styles.hint, { color: muted }]}>\n        На кнопках, цінах, шевронах часто shrink: 0. На довгій назві — shrink: 1 +\n        numberOfLines, інакше «хвіст» вилізе за екран.\n      \u003C\u002FText>\n    \u003C\u002FView>\n  );\n}\n\nconst styles = StyleSheet.create({\n  screen: { flex: 1, backgroundColor: '#F8FAFC', padding: 16, gap: 10 },\n  h: { fontSize: 17, fontWeight: '700' },\n  sub: { fontSize: 13, lineHeight: 18 },\n  row: {\n    flexDirection: 'row',\n    height: 88,\n    borderRadius: 12,\n    borderWidth: 2,\n    borderColor: '#fca5a5',\n    backgroundColor: '#fff',\n    padding: 8,\n    gap: 8,\n    \u002F\u002F без overflow видно, як shrink 0 «бореться» за місце\n  },\n  rowDark: { backgroundColor: '#1c1c1e', borderColor: '#ef4444' },\n  box: {\n    borderRadius: 8,\n    alignItems: 'center',\n    justifyContent: 'center',\n    paddingHorizontal: 6,\n  },\n  boxText: {\n    color: '#fff',\n    fontWeight: '700',\n    fontSize: 12,\n    textAlign: 'center',\n  },\n  hint: { fontSize: 13, lineHeight: 18 },\n});\n",[3516,10949,10950,10978,10982,10994,11010,11030,11050,11054,11060,11098,11139,11171,11176,11181,11189,11193,11231,11237,11247,11257,11261,11270,11278,11287,11295,11299,11305,11309,11342,11361,11370,11378,11384,11394,11404,11408,11416,11424,11432,11440,11444,11450,11454,11486,11503,11511,11519,11527,11531,11563,11568,11573,11581,11589,11593,11597,11601,11617,11647,11665,11683,11689,11697,11706,11714,11722,11731,11739,11747,11755,11761,11765,11784,11790,11798,11806,11814,11822,11826,11832,11841,11850,11859,11868,11872,11890],{"__ignoreMap":4090},[4094,10951,10952,10954,10956,10958,10960,10962,10964,10966,10968,10970,10972,10974,10976],{"class":4096,"line":4097},[4094,10953,4272],{"class":4271},[4094,10955,4276],{"class":4275},[4094,10957,3518],{"class":4279},[4094,10959,3519],{"class":4275},[4094,10961,3522],{"class":4279},[4094,10963,3519],{"class":4275},[4094,10965,4288],{"class":4279},[4094,10967,3519],{"class":4275},[4094,10969,4293],{"class":4279},[4094,10971,4296],{"class":4275},[4094,10973,4299],{"class":4271},[4094,10975,4303],{"class":4302},[4094,10977,4306],{"class":4275},[4094,10979,10980],{"class":4096,"line":4103},[4094,10981,4125],{"emptyLinePlaceholder":4124},[4094,10983,10984,10986,10988,10990,10992],{"class":4096,"line":4109},[4094,10985,4476],{"class":4271},[4094,10987,4479],{"class":4271},[4094,10989,4482],{"class":4315},[4094,10991,4485],{"class":4319},[4094,10993,4488],{"class":4275},[4094,10995,10996,10998,11000,11002,11004,11006,11008],{"class":4096,"line":4115},[4094,10997,4493],{"class":4315},[4094,10999,4497],{"class":4496},[4094,11001,4500],{"class":4275},[4094,11003,4293],{"class":4319},[4094,11005,4505],{"class":4275},[4094,11007,4508],{"class":4302},[4094,11009,4306],{"class":4275},[4094,11011,11012,11014,11016,11018,11020,11022,11024,11026,11028],{"class":4096,"line":4121},[4094,11013,4493],{"class":4315},[4094,11015,4517],{"class":4496},[4094,11017,4500],{"class":4275},[4094,11019,4522],{"class":4279},[4094,11021,4525],{"class":4275},[4094,11023,4528],{"class":4302},[4094,11025,4531],{"class":4275},[4094,11027,4534],{"class":4302},[4094,11029,4306],{"class":4275},[4094,11031,11032,11034,11036,11038,11040,11042,11044,11046,11048],{"class":4096,"line":4128},[4094,11033,4493],{"class":4315},[4094,11035,4543],{"class":4496},[4094,11037,4500],{"class":4275},[4094,11039,4522],{"class":4279},[4094,11041,4525],{"class":4275},[4094,11043,4552],{"class":4302},[4094,11045,4531],{"class":4275},[4094,11047,4557],{"class":4302},[4094,11049,4306],{"class":4275},[4094,11051,11052],{"class":4096,"line":4134},[4094,11053,4125],{"emptyLinePlaceholder":4124},[4094,11055,11056,11058],{"class":4096,"line":4140},[4094,11057,4360],{"class":4271},[4094,11059,4363],{"class":4275},[4094,11061,11062,11064,11066,11068,11070,11072,11074,11076,11078,11080,11082,11084,11086,11088,11090,11092,11094,11096],{"class":4096,"line":4146},[4094,11063,4369],{"class":4368},[4094,11065,3518],{"class":4342},[4094,11067,4375],{"class":4374},[4094,11069,4378],{"class":4275},[4094,11071,4381],{"class":4315},[4094,11073,4385],{"class":4384},[4094,11075,4388],{"class":4279},[4094,11077,3536],{"class":4384},[4094,11079,4590],{"class":4279},[4094,11081,3519],{"class":4384},[4094,11083,4522],{"class":4279},[4094,11085,4597],{"class":4275},[4094,11087,4276],{"class":4384},[4094,11089,4399],{"class":4279},[4094,11091,4604],{"class":4302},[4094,11093,4405],{"class":4384},[4094,11095,4408],{"class":4315},[4094,11097,4411],{"class":4368},[4094,11099,11100,11102,11104,11106,11108,11110,11112,11114,11116,11118,11120,11122,11124,11126,11128,11130,11133,11135,11137],{"class":4096,"line":4152},[4094,11101,4416],{"class":4368},[4094,11103,3522],{"class":4342},[4094,11105,4375],{"class":4374},[4094,11107,4378],{"class":4275},[4094,11109,4381],{"class":4315},[4094,11111,4385],{"class":4384},[4094,11113,4388],{"class":4279},[4094,11115,3536],{"class":4384},[4094,11117,6036],{"class":4279},[4094,11119,4396],{"class":4384},[4094,11121,4636],{"class":4279},[4094,11123,4517],{"class":4279},[4094,11125,4405],{"class":4384},[4094,11127,4408],{"class":4315},[4094,11129,4436],{"class":4368},[4094,11131,11132],{"class":4275},"flexShrink: 1 vs 0",[4094,11134,4445],{"class":4368},[4094,11136,3522],{"class":4342},[4094,11138,4411],{"class":4368},[4094,11140,11141,11143,11145,11147,11149,11151,11153,11155,11157,11159,11161,11163,11165,11167,11169],{"class":4096,"line":4158},[4094,11142,4416],{"class":4368},[4094,11144,3522],{"class":4342},[4094,11146,4375],{"class":4374},[4094,11148,4378],{"class":4275},[4094,11150,4381],{"class":4315},[4094,11152,4385],{"class":4384},[4094,11154,4388],{"class":4279},[4094,11156,3536],{"class":4384},[4094,11158,9433],{"class":4279},[4094,11160,4396],{"class":4384},[4094,11162,4636],{"class":4279},[4094,11164,4543],{"class":4279},[4094,11166,4405],{"class":4384},[4094,11168,4408],{"class":4315},[4094,11170,4411],{"class":4368},[4094,11172,11173],{"class":4096,"line":4164},[4094,11174,11175],{"class":4275},"        Basis 200 + 200 не влазять у вузький рядок. Синій (shrink 1) стискається;\n",[4094,11177,11178],{"class":4096,"line":4170},[4094,11179,11180],{"class":4275},"        червоний (shrink 0) тримається міцніше.\n",[4094,11182,11183,11185,11187],{"class":4096,"line":4176},[4094,11184,4770],{"class":4368},[4094,11186,3522],{"class":4342},[4094,11188,4411],{"class":4368},[4094,11190,11191],{"class":4096,"line":4182},[4094,11192,4125],{"emptyLinePlaceholder":4124},[4094,11194,11195,11197,11199,11201,11203,11205,11207,11209,11211,11213,11215,11217,11219,11221,11223,11225,11227,11229],{"class":4096,"line":4187},[4094,11196,4416],{"class":4368},[4094,11198,3518],{"class":4342},[4094,11200,4375],{"class":4374},[4094,11202,4378],{"class":4275},[4094,11204,4381],{"class":4315},[4094,11206,4385],{"class":4384},[4094,11208,4388],{"class":4279},[4094,11210,3536],{"class":4384},[4094,11212,3875],{"class":4279},[4094,11214,3519],{"class":4384},[4094,11216,4522],{"class":4279},[4094,11218,4597],{"class":4275},[4094,11220,4683],{"class":4279},[4094,11222,3536],{"class":4384},[4094,11224,9500],{"class":4279},[4094,11226,4691],{"class":4384},[4094,11228,4408],{"class":4315},[4094,11230,4411],{"class":4368},[4094,11232,11233,11235],{"class":4096,"line":4193},[4094,11234,4700],{"class":4368},[4094,11236,10355],{"class":4342},[4094,11238,11239,11241,11243,11245],{"class":4096,"line":4199},[4094,11240,10360],{"class":4374},[4094,11242,4378],{"class":4275},[4094,11244,4381],{"class":4315},[4094,11246,10367],{"class":4384},[4094,11248,11249,11251,11253,11255],{"class":4096,"line":4205},[4094,11250,10372],{"class":4279},[4094,11252,3536],{"class":4384},[4094,11254,4393],{"class":4279},[4094,11256,5127],{"class":4384},[4094,11258,11259],{"class":4096,"line":4211},[4094,11260,10383],{"class":4384},[4094,11262,11263,11265,11268],{"class":4096,"line":4217},[4094,11264,10388],{"class":4279},[4094,11266,11267],{"class":4812}," 200",[4094,11269,5127],{"class":4384},[4094,11271,11272,11274,11276],{"class":4096,"line":4223},[4094,11273,10397],{"class":4279},[4094,11275,9948],{"class":4812},[4094,11277,5127],{"class":4384},[4094,11279,11280,11283,11285],{"class":4096,"line":4229},[4094,11281,11282],{"class":4279},"              flexShrink:",[4094,11284,5057],{"class":4812},[4094,11286,5127],{"class":4384},[4094,11288,11289,11291,11293],{"class":4096,"line":4235},[4094,11290,10406],{"class":4279},[4094,11292,6273],{"class":4302},[4094,11294,5127],{"class":4384},[4094,11296,11297],{"class":4096,"line":4240},[4094,11298,10415],{"class":4384},[4094,11300,11301,11303],{"class":4096,"line":4245},[4094,11302,10420],{"class":4384},[4094,11304,4179],{"class":4315},[4094,11306,11307],{"class":4096,"line":4876},[4094,11308,10427],{"class":4368},[4094,11310,11311,11313,11315,11317,11319,11321,11323,11325,11327,11329,11332,11334,11336,11338,11340],{"class":4096,"line":4897},[4094,11312,6110],{"class":4368},[4094,11314,3522],{"class":4342},[4094,11316,4375],{"class":4374},[4094,11318,4378],{"class":4275},[4094,11320,4381],{"class":4315},[4094,11322,4388],{"class":4279},[4094,11324,3536],{"class":4384},[4094,11326,4431],{"class":4279},[4094,11328,4408],{"class":4315},[4094,11330,11331],{"class":4374}," numberOfLines",[4094,11333,4378],{"class":4275},[4094,11335,4381],{"class":4315},[4094,11337,9122],{"class":4812},[4094,11339,4408],{"class":4315},[4094,11341,4411],{"class":4368},[4094,11343,11344,11347,11349,11352,11354,11356,11358],{"class":4096,"line":4918},[4094,11345,11346],{"class":4275},"            shrink 1",[4094,11348,4381],{"class":4315},[4094,11350,11351],{"class":4302},"'",[4094,11353,7828],{"class":7827},[4094,11355,11351],{"class":4302},[4094,11357,4408],{"class":4315},[4094,11359,11360],{"class":4275},"basis 200\n",[4094,11362,11363,11366,11368],{"class":4096,"line":4939},[4094,11364,11365],{"class":4368},"          \u003C\u002F",[4094,11367,3522],{"class":4342},[4094,11369,4411],{"class":4368},[4094,11371,11372,11374,11376],{"class":4096,"line":4948},[4094,11373,8638],{"class":4368},[4094,11375,3518],{"class":4342},[4094,11377,4411],{"class":4368},[4094,11379,11380,11382],{"class":4096,"line":4953},[4094,11381,4700],{"class":4368},[4094,11383,10355],{"class":4342},[4094,11385,11386,11388,11390,11392],{"class":4096,"line":4987},[4094,11387,10360],{"class":4374},[4094,11389,4378],{"class":4275},[4094,11391,4381],{"class":4315},[4094,11393,10367],{"class":4384},[4094,11395,11396,11398,11400,11402],{"class":4096,"line":4993},[4094,11397,10372],{"class":4279},[4094,11399,3536],{"class":4384},[4094,11401,4393],{"class":4279},[4094,11403,5127],{"class":4384},[4094,11405,11406],{"class":4096,"line":5002},[4094,11407,10383],{"class":4384},[4094,11409,11410,11412,11414],{"class":4096,"line":5011},[4094,11411,10388],{"class":4279},[4094,11413,11267],{"class":4812},[4094,11415,5127],{"class":4384},[4094,11417,11418,11420,11422],{"class":4096,"line":5016},[4094,11419,10397],{"class":4279},[4094,11421,9948],{"class":4812},[4094,11423,5127],{"class":4384},[4094,11425,11426,11428,11430],{"class":4096,"line":5021},[4094,11427,11282],{"class":4279},[4094,11429,9948],{"class":4812},[4094,11431,5127],{"class":4384},[4094,11433,11434,11436,11438],{"class":4096,"line":5026},[4094,11435,10406],{"class":4279},[4094,11437,6339],{"class":4302},[4094,11439,5127],{"class":4384},[4094,11441,11442],{"class":4096,"line":5046},[4094,11443,10415],{"class":4384},[4094,11445,11446,11448],{"class":4096,"line":5085},[4094,11447,10420],{"class":4384},[4094,11449,4179],{"class":4315},[4094,11451,11452],{"class":4096,"line":5109},[4094,11453,10427],{"class":4368},[4094,11455,11456,11458,11460,11462,11464,11466,11468,11470,11472,11474,11476,11478,11480,11482,11484],{"class":4096,"line":5118},[4094,11457,6110],{"class":4368},[4094,11459,3522],{"class":4342},[4094,11461,4375],{"class":4374},[4094,11463,4378],{"class":4275},[4094,11465,4381],{"class":4315},[4094,11467,4388],{"class":4279},[4094,11469,3536],{"class":4384},[4094,11471,4431],{"class":4279},[4094,11473,4408],{"class":4315},[4094,11475,11331],{"class":4374},[4094,11477,4378],{"class":4275},[4094,11479,4381],{"class":4315},[4094,11481,9122],{"class":4812},[4094,11483,4408],{"class":4315},[4094,11485,4411],{"class":4368},[4094,11487,11488,11491,11493,11495,11497,11499,11501],{"class":4096,"line":5130},[4094,11489,11490],{"class":4275},"            shrink 0",[4094,11492,4381],{"class":4315},[4094,11494,11351],{"class":4302},[4094,11496,7828],{"class":7827},[4094,11498,11351],{"class":4302},[4094,11500,4408],{"class":4315},[4094,11502,11360],{"class":4275},[4094,11504,11505,11507,11509],{"class":4096,"line":5141},[4094,11506,11365],{"class":4368},[4094,11508,3522],{"class":4342},[4094,11510,4411],{"class":4368},[4094,11512,11513,11515,11517],{"class":4096,"line":5151},[4094,11514,8638],{"class":4368},[4094,11516,3518],{"class":4342},[4094,11518,4411],{"class":4368},[4094,11520,11521,11523,11525],{"class":4096,"line":5161},[4094,11522,4770],{"class":4368},[4094,11524,3518],{"class":4342},[4094,11526,4411],{"class":4368},[4094,11528,11529],{"class":4096,"line":5167},[4094,11530,4125],{"emptyLinePlaceholder":4124},[4094,11532,11533,11535,11537,11539,11541,11543,11545,11547,11549,11551,11553,11555,11557,11559,11561],{"class":4096,"line":5182},[4094,11534,4416],{"class":4368},[4094,11536,3522],{"class":4342},[4094,11538,4375],{"class":4374},[4094,11540,4378],{"class":4275},[4094,11542,4381],{"class":4315},[4094,11544,4385],{"class":4384},[4094,11546,4388],{"class":4279},[4094,11548,3536],{"class":4384},[4094,11550,4972],{"class":4279},[4094,11552,4396],{"class":4384},[4094,11554,4636],{"class":4279},[4094,11556,4543],{"class":4279},[4094,11558,4405],{"class":4384},[4094,11560,4408],{"class":4315},[4094,11562,4411],{"class":4368},[4094,11564,11565],{"class":4096,"line":5206},[4094,11566,11567],{"class":4275},"        На кнопках, цінах, шевронах часто shrink: 0. На довгій назві — shrink: 1 +\n",[4094,11569,11570],{"class":4096,"line":5214},[4094,11571,11572],{"class":4275},"        numberOfLines, інакше «хвіст» вилізе за екран.\n",[4094,11574,11575,11577,11579],{"class":4096,"line":5225},[4094,11576,4770],{"class":4368},[4094,11578,3522],{"class":4342},[4094,11580,4411],{"class":4368},[4094,11582,11583,11585,11587],{"class":4096,"line":5235},[4094,11584,4454],{"class":4368},[4094,11586,3518],{"class":4342},[4094,11588,4411],{"class":4368},[4094,11590,11591],{"class":4096,"line":5245},[4094,11592,4463],{"class":4275},[4094,11594,11595],{"class":4096,"line":5255},[4094,11596,4179],{"class":4275},[4094,11598,11599],{"class":4096,"line":5265},[4094,11600,4125],{"emptyLinePlaceholder":4124},[4094,11602,11603,11605,11607,11609,11611,11613,11615],{"class":4096,"line":5270},[4094,11604,5029],{"class":4315},[4094,11606,4683],{"class":4496},[4094,11608,4500],{"class":4275},[4094,11610,4288],{"class":4279},[4094,11612,3536],{"class":4275},[4094,11614,5040],{"class":4319},[4094,11616,5043],{"class":4275},[4094,11618,11619,11621,11623,11625,11627,11629,11631,11633,11635,11637,11639,11641,11643,11645],{"class":4096,"line":5298},[4094,11620,5049],{"class":4279},[4094,11622,4276],{"class":4275},[4094,11624,5054],{"class":4279},[4094,11626,5057],{"class":4812},[4094,11628,3519],{"class":4275},[4094,11630,4399],{"class":4279},[4094,11632,5064],{"class":4302},[4094,11634,3519],{"class":4275},[4094,11636,5069],{"class":4279},[4094,11638,5293],{"class":4812},[4094,11640,3519],{"class":4275},[4094,11642,5076],{"class":4279},[4094,11644,5240],{"class":4812},[4094,11646,5082],{"class":4275},[4094,11648,11649,11651,11653,11655,11657,11659,11661,11663],{"class":4096,"line":5327},[4094,11650,6538],{"class":4279},[4094,11652,4276],{"class":4275},[4094,11654,5093],{"class":4279},[4094,11656,6545],{"class":4812},[4094,11658,3519],{"class":4275},[4094,11660,5101],{"class":4279},[4094,11662,5104],{"class":4302},[4094,11664,5082],{"class":4275},[4094,11666,11667,11669,11671,11673,11675,11677,11679,11681],{"class":4096,"line":6447},[4094,11668,9817],{"class":4279},[4094,11670,4276],{"class":4275},[4094,11672,5093],{"class":4279},[4094,11674,5308],{"class":4812},[4094,11676,3519],{"class":4275},[4094,11678,5313],{"class":4279},[4094,11680,5316],{"class":4812},[4094,11682,5082],{"class":4275},[4094,11684,11685,11687],{"class":4096,"line":6453},[4094,11686,5185],{"class":4279},[4094,11688,5115],{"class":4275},[4094,11690,11691,11693,11695],{"class":4096,"line":6462},[4094,11692,8108],{"class":4279},[4094,11694,5193],{"class":4302},[4094,11696,5127],{"class":4275},[4094,11698,11699,11701,11704],{"class":4096,"line":6471},[4094,11700,5228],{"class":4279},[4094,11702,11703],{"class":4812}," 88",[4094,11705,5127],{"class":4275},[4094,11707,11708,11710,11712],{"class":4096,"line":6476},[4094,11709,5133],{"class":4279},[4094,11711,5136],{"class":4812},[4094,11713,5127],{"class":4275},[4094,11715,11716,11718,11720],{"class":4096,"line":6481},[4094,11717,6735],{"class":4279},[4094,11719,6738],{"class":4812},[4094,11721,5127],{"class":4275},[4094,11723,11724,11726,11729],{"class":4096,"line":6486},[4094,11725,6746],{"class":4279},[4094,11727,11728],{"class":4302}," '#fca5a5'",[4094,11730,5127],{"class":4275},[4094,11732,11733,11735,11737],{"class":4096,"line":6503},[4094,11734,5121],{"class":4279},[4094,11736,5280],{"class":4302},[4094,11738,5127],{"class":4275},[4094,11740,11741,11743,11745],{"class":4096,"line":6535},[4094,11742,5144],{"class":4279},[4094,11744,5079],{"class":4812},[4094,11746,5127],{"class":4275},[4094,11748,11749,11751,11753],{"class":4096,"line":6556},[4094,11750,5154],{"class":4279},[4094,11752,5079],{"class":4812},[4094,11754,5127],{"class":4275},[4094,11756,11757],{"class":4096,"line":6585},[4094,11758,11760],{"class":11759},"spJ8K","    \u002F\u002F без overflow видно, як shrink 0 «бореться» за місце\n",[4094,11762,11763],{"class":4096,"line":6593},[4094,11764,5164],{"class":4275},[4094,11766,11767,11769,11771,11773,11775,11777,11779,11782],{"class":4096,"line":6603},[4094,11768,9920],{"class":4279},[4094,11770,4276],{"class":4275},[4094,11772,4399],{"class":4279},[4094,11774,5177],{"class":4302},[4094,11776,3519],{"class":4275},[4094,11778,6802],{"class":4279},[4094,11780,11781],{"class":4302}," '#ef4444'",[4094,11783,5082],{"class":4275},[4094,11785,11786,11788],{"class":4096,"line":6614},[4094,11787,5209],{"class":4279},[4094,11789,5115],{"class":4275},[4094,11791,11792,11794,11796],{"class":4096,"line":6623},[4094,11793,5133],{"class":4279},[4094,11795,5079],{"class":4812},[4094,11797,5127],{"class":4275},[4094,11799,11800,11802,11804],{"class":4096,"line":6633},[4094,11801,5248],{"class":4279},[4094,11803,5201],{"class":4302},[4094,11805,5127],{"class":4275},[4094,11807,11808,11810,11812],{"class":4096,"line":6638},[4094,11809,5258],{"class":4279},[4094,11811,5201],{"class":4302},[4094,11813,5127],{"class":4275},[4094,11815,11816,11818,11820],{"class":4096,"line":6652},[4094,11817,6596],{"class":4279},[4094,11819,6580],{"class":4812},[4094,11821,5127],{"class":4275},[4094,11823,11824],{"class":4096,"line":6681},[4094,11825,5164],{"class":4275},[4094,11827,11828,11830],{"class":4096,"line":6695},[4094,11829,5273],{"class":4279},[4094,11831,5115],{"class":4275},[4094,11833,11834,11837,11839],{"class":4096,"line":6703},[4094,11835,11836],{"class":4279},"    color:",[4094,11838,5280],{"class":4302},[4094,11840,5127],{"class":4275},[4094,11842,11843,11846,11848],{"class":4096,"line":6713},[4094,11844,11845],{"class":4279},"    fontWeight:",[4094,11847,5104],{"class":4302},[4094,11849,5127],{"class":4275},[4094,11851,11852,11855,11857],{"class":4096,"line":6723},[4094,11853,11854],{"class":4279},"    fontSize:",[4094,11856,5136],{"class":4812},[4094,11858,5127],{"class":4275},[4094,11860,11861,11864,11866],{"class":4096,"line":6732},[4094,11862,11863],{"class":4279},"    textAlign:",[4094,11865,5201],{"class":4302},[4094,11867,5127],{"class":4275},[4094,11869,11870],{"class":4096,"line":6743},[4094,11871,5164],{"class":4275},[4094,11873,11874,11876,11878,11880,11882,11884,11886,11888],{"class":4096,"line":6754},[4094,11875,5301],{"class":4279},[4094,11877,4276],{"class":4275},[4094,11879,5093],{"class":4279},[4094,11881,5308],{"class":4812},[4094,11883,3519],{"class":4275},[4094,11885,5313],{"class":4279},[4094,11887,5316],{"class":4812},[4094,11889,5082],{"class":4275},[4094,11891,11892],{"class":4096,"line":6763},[4094,11893,5330],{"class":4275},[9194,11895,11897],{"id":11896},"_4-playground-крутимо-grow-shrink-basis-разом","4. Playground: крутимо grow \u002F shrink \u002F basis разом",[3512,11899,11900,11901,11904,11905,11908],{},"Нижче три блоки в ",[3540,11902,11903],{},"одному рядку",". Чіпами змінюйте властивості ",[3540,11906,11907],{},"середнього"," (зеленого) — одразу видно, як змінюється розкладка. Краї (синій \u002F червоний) фіксовані: basis 56, grow 0, shrink 0 — як іконки-«якорі».",[4255,11910,11914],{"device":4257,"filename":11911,"title":11912,"height":11913},"FlexGSBPlayground.tsx","grow · shrink · basis playground",700,[4085,11915,11917],{"className":4262,"code":11916,"language":4264,"meta":4090,"style":4090},"import { useState } from 'react';\nimport { View, Text, Pressable, StyleSheet, useColorScheme } from 'react-native';\n\ntype Grow = 0 | 1 | 2;\ntype Shrink = 0 | 1;\ntype Basis = 40 | 80 | 120 | 200;\n\nfunction Chip({\n  label,\n  active,\n  onPress,\n}: {\n  label: string;\n  active: boolean;\n  onPress: () => void;\n}) {\n  return (\n    \u003CPressable onPress={onPress} style={[styles.chip, active && styles.chipOn]}>\n      \u003CText style={[styles.chipText, active && styles.chipTextOn]}>{label}\u003C\u002FText>\n    \u003C\u002FPressable>\n  );\n}\n\nexport default function App() {\n  const [grow, setGrow] = useState\u003CGrow>(1);\n  const [shrink, setShrink] = useState\u003CShrink>(1);\n  const [basis, setBasis] = useState\u003CBasis>(80);\n  const isDark = useColorScheme() === 'dark';\n  const text = isDark ? '#f5f5f7' : '#0f172a';\n  const muted = isDark ? '#a1a1aa' : '#64748b';\n\n  return (\n    \u003CView style={[styles.screen, isDark && { backgroundColor: '#000' }]}>\n      \u003CText style={[styles.h, { color: text }]}>Середній блок (зелений)\u003C\u002FText>\n\n      \u003CText style={[styles.group, { color: muted }]}>flexBasis\u003C\u002FText>\n      \u003CView style={styles.chips}>\n        {([40, 80, 120, 200] as Basis[]).map((b) => (\n          \u003CChip key={b} label={String(b)} active={basis === b} onPress={() => setBasis(b)} \u002F>\n        ))}\n      \u003C\u002FView>\n\n      \u003CText style={[styles.group, { color: muted }]}>flexGrow\u003C\u002FText>\n      \u003CView style={styles.chips}>\n        {([0, 1, 2] as Grow[]).map((g) => (\n          \u003CChip key={g} label={String(g)} active={grow === g} onPress={() => setGrow(g)} \u002F>\n        ))}\n      \u003C\u002FView>\n\n      \u003CText style={[styles.group, { color: muted }]}>flexShrink\u003C\u002FText>\n      \u003CView style={styles.chips}>\n        {([0, 1] as Shrink[]).map((s) => (\n          \u003CChip key={s} label={String(s)} active={shrink === s} onPress={() => setShrink(s)} \u002F>\n        ))}\n      \u003C\u002FView>\n\n      \u003CView style={[styles.row, isDark && styles.rowDark]}>\n        \u003CView style={[styles.side, { backgroundColor: '#2563EB' }]}>\n          \u003CText style={styles.sideText}>L\u003C\u002FText>\n        \u003C\u002FView>\n        \u003CView\n          style={[\n            styles.mid,\n            {\n              flexBasis: basis,\n              flexGrow: grow,\n              flexShrink: shrink,\n              backgroundColor: '#16A34A',\n            },\n          ]}\n        >\n          \u003CText style={styles.midText} numberOfLines={3}>\n            mid{'\\n'}b{basis} g{grow} s{shrink}\n          \u003C\u002FText>\n        \u003C\u002FView>\n        \u003CView style={[styles.side, { backgroundColor: '#DC2626' }]}>\n          \u003CText style={styles.sideText}>R\u003C\u002FText>\n        \u003C\u002FView>\n      \u003C\u002FView>\n\n      \u003CText style={[styles.code, { color: muted }]}>\n        {`\u002F\u002F зелений\\nflexBasis: ${basis}\\nflexGrow: ${grow}\\nflexShrink: ${shrink}\\n\\n\u002F\u002F L і R: basis 56, grow 0, shrink 0`}\n      \u003C\u002FText>\n\n      \u003CText style={[styles.hint, { color: muted }]}>\n        Спробуйте basis 200 + grow 0 + shrink 0 — середній «розпирає» рядок. Потім\n        shrink 1 — він поступається. grow 2 при малому basis — забирає вільне місце\n        сильніше, ніж grow 1 (тут сусіди grow 0, тож різниця 1 vs 2 менш помітна).\n      \u003C\u002FText>\n    \u003C\u002FView>\n  );\n}\n\nconst styles = StyleSheet.create({\n  screen: { flex: 1, backgroundColor: '#F8FAFC', padding: 14, gap: 6 },\n  h: { fontSize: 16, fontWeight: '700', marginBottom: 4 },\n  group: {\n    fontSize: 11,\n    fontWeight: '600',\n    marginTop: 6,\n    textTransform: 'uppercase',\n  },\n  chips: { flexDirection: 'row', flexWrap: 'wrap', gap: 6 },\n  chip: {\n    paddingHorizontal: 10,\n    paddingVertical: 6,\n    borderRadius: 8,\n    backgroundColor: '#e2e8f0',\n  },\n  chipOn: { backgroundColor: '#2563EB' },\n  chipText: { fontSize: 12, fontWeight: '600', color: '#0f172a' },\n  chipTextOn: { color: '#fff' },\n  row: {\n    flexDirection: 'row',\n    height: 88,\n    marginTop: 12,\n    borderRadius: 12,\n    borderWidth: 2,\n    borderColor: '#93c5fd',\n    backgroundColor: '#fff',\n    padding: 8,\n    gap: 6,\n    alignItems: 'stretch',\n  },\n  rowDark: { backgroundColor: '#1c1c1e', borderColor: '#3b82f6' },\n  side: {\n    flexBasis: 56,\n    flexGrow: 0,\n    flexShrink: 0,\n    borderRadius: 8,\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n  sideText: { color: '#fff', fontWeight: '800', fontSize: 16 },\n  mid: {\n    borderRadius: 8,\n    alignItems: 'center',\n    justifyContent: 'center',\n    paddingHorizontal: 4,\n    minWidth: 0,\n  },\n  midText: {\n    color: '#fff',\n    fontWeight: '700',\n    fontSize: 12,\n    textAlign: 'center',\n  },\n  code: { fontSize: 12, fontFamily: 'monospace', lineHeight: 17, marginTop: 8 },\n  hint: { fontSize: 12, lineHeight: 17, marginTop: 4 },\n});\n",[3516,11918,11919,11935,11967,11971,11992,12009,12037,12041,12049,12055,12061,12067,12071,12081,12091,12103,12107,12113,12161,12211,12219,12223,12227,12231,12243,12271,12299,12327,12343,12363,12383,12387,12393,12431,12472,12476,12517,12539,12584,12655,12661,12669,12673,12713,12735,12772,12842,12848,12856,12860,12900,12922,12955,13025,13031,13039,13043,13081,13114,13146,13154,13160,13170,13181,13185,13194,13203,13212,13220,13224,13230,13234,13268,13307,13315,13323,13355,13386,13394,13402,13406,13438,13486,13494,13498,13530,13535,13540,13545,13553,13561,13565,13569,13573,13590,13621,13648,13656,13665,13674,13683,13694,13699,13724,13731,13740,13749,13758,13767,13772,13785,13810,13823,13830,13839,13848,13857,13866,13875,13884,13893,13902,13911,13920,13925,13944,13952,13963,13972,13981,13990,13999,14008,14013,14040,14048,14057,14066,14075,14084,14094,14099,14107,14116,14125,14134,14143,14148,14179,14204],{"__ignoreMap":4090},[4094,11920,11921,11923,11925,11927,11929,11931,11933],{"class":4096,"line":4097},[4094,11922,4272],{"class":4271},[4094,11924,4276],{"class":4275},[4094,11926,5487],{"class":4279},[4094,11928,4296],{"class":4275},[4094,11930,4299],{"class":4271},[4094,11932,5494],{"class":4302},[4094,11934,4306],{"class":4275},[4094,11936,11937,11939,11941,11943,11945,11947,11949,11951,11953,11955,11957,11959,11961,11963,11965],{"class":4096,"line":4103},[4094,11938,4272],{"class":4271},[4094,11940,4276],{"class":4275},[4094,11942,3518],{"class":4279},[4094,11944,3519],{"class":4275},[4094,11946,3522],{"class":4279},[4094,11948,3519],{"class":4275},[4094,11950,3528],{"class":4279},[4094,11952,3519],{"class":4275},[4094,11954,4288],{"class":4279},[4094,11956,3519],{"class":4275},[4094,11958,4293],{"class":4279},[4094,11960,4296],{"class":4275},[4094,11962,4299],{"class":4271},[4094,11964,4303],{"class":4302},[4094,11966,4306],{"class":4275},[4094,11968,11969],{"class":4096,"line":4109},[4094,11970,4125],{"emptyLinePlaceholder":4124},[4094,11972,11973,11975,11978,11980,11982,11984,11986,11988,11990],{"class":4096,"line":4115},[4094,11974,5537],{"class":4315},[4094,11976,11977],{"class":4342}," Grow",[4094,11979,4500],{"class":4275},[4094,11981,9106],{"class":4812},[4094,11983,7065],{"class":4275},[4094,11985,9112],{"class":4812},[4094,11987,7065],{"class":4275},[4094,11989,9122],{"class":4812},[4094,11991,4306],{"class":4275},[4094,11993,11994,11996,11999,12001,12003,12005,12007],{"class":4096,"line":4121},[4094,11995,5537],{"class":4315},[4094,11997,11998],{"class":4342}," Shrink",[4094,12000,4500],{"class":4275},[4094,12002,9106],{"class":4812},[4094,12004,7065],{"class":4275},[4094,12006,9112],{"class":4812},[4094,12008,4306],{"class":4275},[4094,12010,12011,12013,12016,12018,12021,12023,12025,12027,12030,12032,12035],{"class":4096,"line":4128},[4094,12012,5537],{"class":4315},[4094,12014,12015],{"class":4342}," Basis",[4094,12017,4500],{"class":4275},[4094,12019,12020],{"class":4812},"40",[4094,12022,7065],{"class":4275},[4094,12024,9571],{"class":4812},[4094,12026,7065],{"class":4275},[4094,12028,12029],{"class":4812},"120",[4094,12031,7065],{"class":4275},[4094,12033,12034],{"class":4812},"200",[4094,12036,4306],{"class":4275},[4094,12038,12039],{"class":4096,"line":4134},[4094,12040,4125],{"emptyLinePlaceholder":4124},[4094,12042,12043,12045,12047],{"class":4096,"line":4140},[4094,12044,4316],{"class":4315},[4094,12046,5665],{"class":4319},[4094,12048,5043],{"class":4275},[4094,12050,12051,12053],{"class":4096,"line":4146},[4094,12052,5672],{"class":4279},[4094,12054,5127],{"class":4275},[4094,12056,12057,12059],{"class":4096,"line":4152},[4094,12058,5679],{"class":4279},[4094,12060,5127],{"class":4275},[4094,12062,12063,12065],{"class":4096,"line":4158},[4094,12064,5686],{"class":4279},[4094,12066,5127],{"class":4275},[4094,12068,12069],{"class":4096,"line":4164},[4094,12070,5693],{"class":4275},[4094,12072,12073,12075,12077,12079],{"class":4096,"line":4170},[4094,12074,5672],{"class":4279},[4094,12076,4339],{"class":4275},[4094,12078,4343],{"class":4342},[4094,12080,4306],{"class":4275},[4094,12082,12083,12085,12087,12089],{"class":4096,"line":4176},[4094,12084,5679],{"class":4279},[4094,12086,4339],{"class":4275},[4094,12088,5712],{"class":4342},[4094,12090,4306],{"class":4275},[4094,12092,12093,12095,12097,12099,12101],{"class":4096,"line":4182},[4094,12094,5686],{"class":4319},[4094,12096,5721],{"class":4275},[4094,12098,5724],{"class":4315},[4094,12100,5727],{"class":4342},[4094,12102,4306],{"class":4275},[4094,12104,12105],{"class":4096,"line":4187},[4094,12106,5734],{"class":4275},[4094,12108,12109,12111],{"class":4096,"line":4193},[4094,12110,4360],{"class":4271},[4094,12112,4363],{"class":4275},[4094,12114,12115,12117,12119,12121,12123,12125,12127,12129,12131,12133,12135,12137,12139,12141,12143,12145,12147,12149,12151,12153,12155,12157,12159],{"class":4096,"line":4199},[4094,12116,4369],{"class":4368},[4094,12118,3528],{"class":4342},[4094,12120,5749],{"class":4374},[4094,12122,4378],{"class":4275},[4094,12124,4381],{"class":4315},[4094,12126,5756],{"class":4279},[4094,12128,4408],{"class":4315},[4094,12130,4375],{"class":4374},[4094,12132,4378],{"class":4275},[4094,12134,4381],{"class":4315},[4094,12136,4385],{"class":4384},[4094,12138,4388],{"class":4279},[4094,12140,3536],{"class":4384},[4094,12142,5773],{"class":4279},[4094,12144,3519],{"class":4384},[4094,12146,5778],{"class":4279},[4094,12148,4597],{"class":4275},[4094,12150,4683],{"class":4279},[4094,12152,3536],{"class":4384},[4094,12154,5787],{"class":4279},[4094,12156,4691],{"class":4384},[4094,12158,4408],{"class":4315},[4094,12160,4411],{"class":4368},[4094,12162,12163,12165,12167,12169,12171,12173,12175,12177,12179,12181,12183,12185,12187,12189,12191,12193,12195,12197,12199,12201,12203,12205,12207,12209],{"class":4096,"line":4205},[4094,12164,4416],{"class":4368},[4094,12166,3522],{"class":4342},[4094,12168,4375],{"class":4374},[4094,12170,4378],{"class":4275},[4094,12172,4381],{"class":4315},[4094,12174,4385],{"class":4384},[4094,12176,4388],{"class":4279},[4094,12178,3536],{"class":4384},[4094,12180,5814],{"class":4279},[4094,12182,3519],{"class":4384},[4094,12184,5778],{"class":4279},[4094,12186,4597],{"class":4275},[4094,12188,4683],{"class":4279},[4094,12190,3536],{"class":4384},[4094,12192,5827],{"class":4279},[4094,12194,4691],{"class":4384},[4094,12196,4408],{"class":4315},[4094,12198,4436],{"class":4368},[4094,12200,4381],{"class":4315},[4094,12202,4326],{"class":4279},[4094,12204,4408],{"class":4315},[4094,12206,4445],{"class":4368},[4094,12208,3522],{"class":4342},[4094,12210,4411],{"class":4368},[4094,12212,12213,12215,12217],{"class":4096,"line":4211},[4094,12214,4454],{"class":4368},[4094,12216,3528],{"class":4342},[4094,12218,4411],{"class":4368},[4094,12220,12221],{"class":4096,"line":4217},[4094,12222,4463],{"class":4275},[4094,12224,12225],{"class":4096,"line":4223},[4094,12226,4179],{"class":4275},[4094,12228,12229],{"class":4096,"line":4229},[4094,12230,4125],{"emptyLinePlaceholder":4124},[4094,12232,12233,12235,12237,12239,12241],{"class":4096,"line":4235},[4094,12234,4476],{"class":4271},[4094,12236,4479],{"class":4271},[4094,12238,4482],{"class":4315},[4094,12240,4485],{"class":4319},[4094,12242,4488],{"class":4275},[4094,12244,12245,12247,12249,12251,12253,12256,12258,12260,12262,12265,12267,12269],{"class":4096,"line":4240},[4094,12246,4493],{"class":4315},[4094,12248,5884],{"class":4275},[4094,12250,9180],{"class":4496},[4094,12252,3519],{"class":4275},[4094,12254,12255],{"class":4496},"setGrow",[4094,12257,5895],{"class":4275},[4094,12259,5487],{"class":4319},[4094,12261,5900],{"class":4275},[4094,12263,12264],{"class":4342},"Grow",[4094,12266,5905],{"class":4275},[4094,12268,9112],{"class":4812},[4094,12270,5911],{"class":4275},[4094,12272,12273,12275,12277,12279,12281,12284,12286,12288,12290,12293,12295,12297],{"class":4096,"line":4245},[4094,12274,4493],{"class":4315},[4094,12276,5884],{"class":4275},[4094,12278,9187],{"class":4496},[4094,12280,3519],{"class":4275},[4094,12282,12283],{"class":4496},"setShrink",[4094,12285,5895],{"class":4275},[4094,12287,5487],{"class":4319},[4094,12289,5900],{"class":4275},[4094,12291,12292],{"class":4342},"Shrink",[4094,12294,5905],{"class":4275},[4094,12296,9112],{"class":4812},[4094,12298,5911],{"class":4275},[4094,12300,12301,12303,12305,12307,12309,12312,12314,12316,12318,12321,12323,12325],{"class":4096,"line":4876},[4094,12302,4493],{"class":4315},[4094,12304,5884],{"class":4275},[4094,12306,9206],{"class":4496},[4094,12308,3519],{"class":4275},[4094,12310,12311],{"class":4496},"setBasis",[4094,12313,5895],{"class":4275},[4094,12315,5487],{"class":4319},[4094,12317,5900],{"class":4275},[4094,12319,12320],{"class":4342},"Basis",[4094,12322,5905],{"class":4275},[4094,12324,9571],{"class":4812},[4094,12326,5911],{"class":4275},[4094,12328,12329,12331,12333,12335,12337,12339,12341],{"class":4096,"line":4897},[4094,12330,4493],{"class":4315},[4094,12332,4497],{"class":4496},[4094,12334,4500],{"class":4275},[4094,12336,4293],{"class":4319},[4094,12338,4505],{"class":4275},[4094,12340,4508],{"class":4302},[4094,12342,4306],{"class":4275},[4094,12344,12345,12347,12349,12351,12353,12355,12357,12359,12361],{"class":4096,"line":4918},[4094,12346,4493],{"class":4315},[4094,12348,4517],{"class":4496},[4094,12350,4500],{"class":4275},[4094,12352,4522],{"class":4279},[4094,12354,4525],{"class":4275},[4094,12356,4528],{"class":4302},[4094,12358,4531],{"class":4275},[4094,12360,4534],{"class":4302},[4094,12362,4306],{"class":4275},[4094,12364,12365,12367,12369,12371,12373,12375,12377,12379,12381],{"class":4096,"line":4939},[4094,12366,4493],{"class":4315},[4094,12368,4543],{"class":4496},[4094,12370,4500],{"class":4275},[4094,12372,4522],{"class":4279},[4094,12374,4525],{"class":4275},[4094,12376,4552],{"class":4302},[4094,12378,4531],{"class":4275},[4094,12380,4557],{"class":4302},[4094,12382,4306],{"class":4275},[4094,12384,12385],{"class":4096,"line":4948},[4094,12386,4125],{"emptyLinePlaceholder":4124},[4094,12388,12389,12391],{"class":4096,"line":4953},[4094,12390,4360],{"class":4271},[4094,12392,4363],{"class":4275},[4094,12394,12395,12397,12399,12401,12403,12405,12407,12409,12411,12413,12415,12417,12419,12421,12423,12425,12427,12429],{"class":4096,"line":4987},[4094,12396,4369],{"class":4368},[4094,12398,3518],{"class":4342},[4094,12400,4375],{"class":4374},[4094,12402,4378],{"class":4275},[4094,12404,4381],{"class":4315},[4094,12406,4385],{"class":4384},[4094,12408,4388],{"class":4279},[4094,12410,3536],{"class":4384},[4094,12412,4590],{"class":4279},[4094,12414,3519],{"class":4384},[4094,12416,4522],{"class":4279},[4094,12418,4597],{"class":4275},[4094,12420,4276],{"class":4384},[4094,12422,4399],{"class":4279},[4094,12424,4604],{"class":4302},[4094,12426,4405],{"class":4384},[4094,12428,4408],{"class":4315},[4094,12430,4411],{"class":4368},[4094,12432,12433,12435,12437,12439,12441,12443,12445,12447,12449,12451,12453,12455,12457,12459,12461,12463,12466,12468,12470],{"class":4096,"line":4993},[4094,12434,4416],{"class":4368},[4094,12436,3522],{"class":4342},[4094,12438,4375],{"class":4374},[4094,12440,4378],{"class":4275},[4094,12442,4381],{"class":4315},[4094,12444,4385],{"class":4384},[4094,12446,4388],{"class":4279},[4094,12448,3536],{"class":4384},[4094,12450,6036],{"class":4279},[4094,12452,4396],{"class":4384},[4094,12454,4636],{"class":4279},[4094,12456,4517],{"class":4279},[4094,12458,4405],{"class":4384},[4094,12460,4408],{"class":4315},[4094,12462,4436],{"class":4368},[4094,12464,12465],{"class":4275},"Середній блок (зелений)",[4094,12467,4445],{"class":4368},[4094,12469,3522],{"class":4342},[4094,12471,4411],{"class":4368},[4094,12473,12474],{"class":4096,"line":5002},[4094,12475,4125],{"emptyLinePlaceholder":4124},[4094,12477,12478,12480,12482,12484,12486,12488,12490,12492,12494,12497,12499,12501,12503,12505,12507,12509,12511,12513,12515],{"class":4096,"line":5011},[4094,12479,4416],{"class":4368},[4094,12481,3522],{"class":4342},[4094,12483,4375],{"class":4374},[4094,12485,4378],{"class":4275},[4094,12487,4381],{"class":4315},[4094,12489,4385],{"class":4384},[4094,12491,4388],{"class":4279},[4094,12493,3536],{"class":4384},[4094,12495,12496],{"class":4279},"group",[4094,12498,4396],{"class":4384},[4094,12500,4636],{"class":4279},[4094,12502,4543],{"class":4279},[4094,12504,4405],{"class":4384},[4094,12506,4408],{"class":4315},[4094,12508,4436],{"class":4368},[4094,12510,9007],{"class":4275},[4094,12512,4445],{"class":4368},[4094,12514,3522],{"class":4342},[4094,12516,4411],{"class":4368},[4094,12518,12519,12521,12523,12525,12527,12529,12531,12533,12535,12537],{"class":4096,"line":5016},[4094,12520,4416],{"class":4368},[4094,12522,3518],{"class":4342},[4094,12524,4375],{"class":4374},[4094,12526,4378],{"class":4275},[4094,12528,4381],{"class":4315},[4094,12530,4388],{"class":4279},[4094,12532,3536],{"class":4384},[4094,12534,6075],{"class":4279},[4094,12536,4408],{"class":4315},[4094,12538,4411],{"class":4368},[4094,12540,12541,12543,12546,12548,12550,12552,12554,12556,12558,12560,12563,12566,12568,12571,12573,12575,12578,12580,12582],{"class":4096,"line":5021},[4094,12542,6084],{"class":4315},[4094,12544,12545],{"class":4384},"([",[4094,12547,12020],{"class":4812},[4094,12549,3519],{"class":4384},[4094,12551,9571],{"class":4812},[4094,12553,3519],{"class":4384},[4094,12555,12029],{"class":4812},[4094,12557,3519],{"class":4384},[4094,12559,12034],{"class":4812},[4094,12561,12562],{"class":4384},"] ",[4094,12564,12565],{"class":4271},"as",[4094,12567,12015],{"class":4342},[4094,12569,12570],{"class":4384},"[]).",[4094,12572,6092],{"class":4319},[4094,12574,6095],{"class":4384},[4094,12576,12577],{"class":4279},"b",[4094,12579,6101],{"class":4384},[4094,12581,5724],{"class":4315},[4094,12583,4363],{"class":4384},[4094,12585,12586,12588,12590,12592,12594,12596,12598,12600,12602,12604,12606,12609,12611,12613,12615,12617,12619,12621,12623,12625,12627,12630,12632,12634,12636,12638,12640,12642,12645,12647,12649,12651,12653],{"class":4096,"line":5026},[4094,12587,6110],{"class":4368},[4094,12589,6113],{"class":4342},[4094,12591,6116],{"class":4374},[4094,12593,4378],{"class":4275},[4094,12595,4381],{"class":4315},[4094,12597,12577],{"class":4279},[4094,12599,4408],{"class":4315},[4094,12601,4706],{"class":4374},[4094,12603,4378],{"class":4275},[4094,12605,4381],{"class":4315},[4094,12607,12608],{"class":4319},"String",[4094,12610,6168],{"class":4384},[4094,12612,12577],{"class":4279},[4094,12614,6173],{"class":4384},[4094,12616,4408],{"class":4315},[4094,12618,6137],{"class":4374},[4094,12620,4378],{"class":4275},[4094,12622,4381],{"class":4315},[4094,12624,9206],{"class":4279},[4094,12626,6146],{"class":4275},[4094,12628,12629],{"class":4279}," b",[4094,12631,4408],{"class":4315},[4094,12633,5749],{"class":4374},[4094,12635,4378],{"class":4275},[4094,12637,4381],{"class":4315},[4094,12639,6160],{"class":4384},[4094,12641,5724],{"class":4315},[4094,12643,12644],{"class":4319}," setBasis",[4094,12646,6168],{"class":4384},[4094,12648,12577],{"class":4279},[4094,12650,6173],{"class":4384},[4094,12652,4408],{"class":4315},[4094,12654,4721],{"class":4368},[4094,12656,12657,12659],{"class":4096,"line":5046},[4094,12658,6182],{"class":4384},[4094,12660,4179],{"class":4315},[4094,12662,12663,12665,12667],{"class":4096,"line":5085},[4094,12664,4770],{"class":4368},[4094,12666,3518],{"class":4342},[4094,12668,4411],{"class":4368},[4094,12670,12671],{"class":4096,"line":5109},[4094,12672,4125],{"emptyLinePlaceholder":4124},[4094,12674,12675,12677,12679,12681,12683,12685,12687,12689,12691,12693,12695,12697,12699,12701,12703,12705,12707,12709,12711],{"class":4096,"line":5118},[4094,12676,4416],{"class":4368},[4094,12678,3522],{"class":4342},[4094,12680,4375],{"class":4374},[4094,12682,4378],{"class":4275},[4094,12684,4381],{"class":4315},[4094,12686,4385],{"class":4384},[4094,12688,4388],{"class":4279},[4094,12690,3536],{"class":4384},[4094,12692,12496],{"class":4279},[4094,12694,4396],{"class":4384},[4094,12696,4636],{"class":4279},[4094,12698,4543],{"class":4279},[4094,12700,4405],{"class":4384},[4094,12702,4408],{"class":4315},[4094,12704,4436],{"class":4368},[4094,12706,9029],{"class":4275},[4094,12708,4445],{"class":4368},[4094,12710,3522],{"class":4342},[4094,12712,4411],{"class":4368},[4094,12714,12715,12717,12719,12721,12723,12725,12727,12729,12731,12733],{"class":4096,"line":5130},[4094,12716,4416],{"class":4368},[4094,12718,3518],{"class":4342},[4094,12720,4375],{"class":4374},[4094,12722,4378],{"class":4275},[4094,12724,4381],{"class":4315},[4094,12726,4388],{"class":4279},[4094,12728,3536],{"class":4384},[4094,12730,6075],{"class":4279},[4094,12732,4408],{"class":4315},[4094,12734,4411],{"class":4368},[4094,12736,12737,12739,12741,12743,12745,12747,12749,12751,12753,12755,12757,12759,12761,12763,12766,12768,12770],{"class":4096,"line":5141},[4094,12738,6084],{"class":4315},[4094,12740,12545],{"class":4384},[4094,12742,9106],{"class":4812},[4094,12744,3519],{"class":4384},[4094,12746,9112],{"class":4812},[4094,12748,3519],{"class":4384},[4094,12750,9122],{"class":4812},[4094,12752,12562],{"class":4384},[4094,12754,12565],{"class":4271},[4094,12756,11977],{"class":4342},[4094,12758,12570],{"class":4384},[4094,12760,6092],{"class":4319},[4094,12762,6095],{"class":4384},[4094,12764,12765],{"class":4279},"g",[4094,12767,6101],{"class":4384},[4094,12769,5724],{"class":4315},[4094,12771,4363],{"class":4384},[4094,12773,12774,12776,12778,12780,12782,12784,12786,12788,12790,12792,12794,12796,12798,12800,12802,12804,12806,12808,12810,12812,12814,12817,12819,12821,12823,12825,12827,12829,12832,12834,12836,12838,12840],{"class":4096,"line":5151},[4094,12775,6110],{"class":4368},[4094,12777,6113],{"class":4342},[4094,12779,6116],{"class":4374},[4094,12781,4378],{"class":4275},[4094,12783,4381],{"class":4315},[4094,12785,12765],{"class":4279},[4094,12787,4408],{"class":4315},[4094,12789,4706],{"class":4374},[4094,12791,4378],{"class":4275},[4094,12793,4381],{"class":4315},[4094,12795,12608],{"class":4319},[4094,12797,6168],{"class":4384},[4094,12799,12765],{"class":4279},[4094,12801,6173],{"class":4384},[4094,12803,4408],{"class":4315},[4094,12805,6137],{"class":4374},[4094,12807,4378],{"class":4275},[4094,12809,4381],{"class":4315},[4094,12811,9180],{"class":4279},[4094,12813,6146],{"class":4275},[4094,12815,12816],{"class":4279}," g",[4094,12818,4408],{"class":4315},[4094,12820,5749],{"class":4374},[4094,12822,4378],{"class":4275},[4094,12824,4381],{"class":4315},[4094,12826,6160],{"class":4384},[4094,12828,5724],{"class":4315},[4094,12830,12831],{"class":4319}," setGrow",[4094,12833,6168],{"class":4384},[4094,12835,12765],{"class":4279},[4094,12837,6173],{"class":4384},[4094,12839,4408],{"class":4315},[4094,12841,4721],{"class":4368},[4094,12843,12844,12846],{"class":4096,"line":5161},[4094,12845,6182],{"class":4384},[4094,12847,4179],{"class":4315},[4094,12849,12850,12852,12854],{"class":4096,"line":5167},[4094,12851,4770],{"class":4368},[4094,12853,3518],{"class":4342},[4094,12855,4411],{"class":4368},[4094,12857,12858],{"class":4096,"line":5182},[4094,12859,4125],{"emptyLinePlaceholder":4124},[4094,12861,12862,12864,12866,12868,12870,12872,12874,12876,12878,12880,12882,12884,12886,12888,12890,12892,12894,12896,12898],{"class":4096,"line":5206},[4094,12863,4416],{"class":4368},[4094,12865,3522],{"class":4342},[4094,12867,4375],{"class":4374},[4094,12869,4378],{"class":4275},[4094,12871,4381],{"class":4315},[4094,12873,4385],{"class":4384},[4094,12875,4388],{"class":4279},[4094,12877,3536],{"class":4384},[4094,12879,12496],{"class":4279},[4094,12881,4396],{"class":4384},[4094,12883,4636],{"class":4279},[4094,12885,4543],{"class":4279},[4094,12887,4405],{"class":4384},[4094,12889,4408],{"class":4315},[4094,12891,4436],{"class":4368},[4094,12893,9041],{"class":4275},[4094,12895,4445],{"class":4368},[4094,12897,3522],{"class":4342},[4094,12899,4411],{"class":4368},[4094,12901,12902,12904,12906,12908,12910,12912,12914,12916,12918,12920],{"class":4096,"line":5214},[4094,12903,4416],{"class":4368},[4094,12905,3518],{"class":4342},[4094,12907,4375],{"class":4374},[4094,12909,4378],{"class":4275},[4094,12911,4381],{"class":4315},[4094,12913,4388],{"class":4279},[4094,12915,3536],{"class":4384},[4094,12917,6075],{"class":4279},[4094,12919,4408],{"class":4315},[4094,12921,4411],{"class":4368},[4094,12923,12924,12926,12928,12930,12932,12934,12936,12938,12940,12942,12944,12946,12949,12951,12953],{"class":4096,"line":5225},[4094,12925,6084],{"class":4315},[4094,12927,12545],{"class":4384},[4094,12929,9106],{"class":4812},[4094,12931,3519],{"class":4384},[4094,12933,9112],{"class":4812},[4094,12935,12562],{"class":4384},[4094,12937,12565],{"class":4271},[4094,12939,11998],{"class":4342},[4094,12941,12570],{"class":4384},[4094,12943,6092],{"class":4319},[4094,12945,6095],{"class":4384},[4094,12947,12948],{"class":4279},"s",[4094,12950,6101],{"class":4384},[4094,12952,5724],{"class":4315},[4094,12954,4363],{"class":4384},[4094,12956,12957,12959,12961,12963,12965,12967,12969,12971,12973,12975,12977,12979,12981,12983,12985,12987,12989,12991,12993,12995,12997,13000,13002,13004,13006,13008,13010,13012,13015,13017,13019,13021,13023],{"class":4096,"line":5235},[4094,12958,6110],{"class":4368},[4094,12960,6113],{"class":4342},[4094,12962,6116],{"class":4374},[4094,12964,4378],{"class":4275},[4094,12966,4381],{"class":4315},[4094,12968,12948],{"class":4279},[4094,12970,4408],{"class":4315},[4094,12972,4706],{"class":4374},[4094,12974,4378],{"class":4275},[4094,12976,4381],{"class":4315},[4094,12978,12608],{"class":4319},[4094,12980,6168],{"class":4384},[4094,12982,12948],{"class":4279},[4094,12984,6173],{"class":4384},[4094,12986,4408],{"class":4315},[4094,12988,6137],{"class":4374},[4094,12990,4378],{"class":4275},[4094,12992,4381],{"class":4315},[4094,12994,9187],{"class":4279},[4094,12996,6146],{"class":4275},[4094,12998,12999],{"class":4279}," s",[4094,13001,4408],{"class":4315},[4094,13003,5749],{"class":4374},[4094,13005,4378],{"class":4275},[4094,13007,4381],{"class":4315},[4094,13009,6160],{"class":4384},[4094,13011,5724],{"class":4315},[4094,13013,13014],{"class":4319}," setShrink",[4094,13016,6168],{"class":4384},[4094,13018,12948],{"class":4279},[4094,13020,6173],{"class":4384},[4094,13022,4408],{"class":4315},[4094,13024,4721],{"class":4368},[4094,13026,13027,13029],{"class":4096,"line":5245},[4094,13028,6182],{"class":4384},[4094,13030,4179],{"class":4315},[4094,13032,13033,13035,13037],{"class":4096,"line":5255},[4094,13034,4770],{"class":4368},[4094,13036,3518],{"class":4342},[4094,13038,4411],{"class":4368},[4094,13040,13041],{"class":4096,"line":5265},[4094,13042,4125],{"emptyLinePlaceholder":4124},[4094,13044,13045,13047,13049,13051,13053,13055,13057,13059,13061,13063,13065,13067,13069,13071,13073,13075,13077,13079],{"class":4096,"line":5270},[4094,13046,4416],{"class":4368},[4094,13048,3518],{"class":4342},[4094,13050,4375],{"class":4374},[4094,13052,4378],{"class":4275},[4094,13054,4381],{"class":4315},[4094,13056,4385],{"class":4384},[4094,13058,4388],{"class":4279},[4094,13060,3536],{"class":4384},[4094,13062,3875],{"class":4279},[4094,13064,3519],{"class":4384},[4094,13066,4522],{"class":4279},[4094,13068,4597],{"class":4275},[4094,13070,4683],{"class":4279},[4094,13072,3536],{"class":4384},[4094,13074,9500],{"class":4279},[4094,13076,4691],{"class":4384},[4094,13078,4408],{"class":4315},[4094,13080,4411],{"class":4368},[4094,13082,13083,13085,13087,13089,13091,13093,13095,13097,13099,13102,13104,13106,13108,13110,13112],{"class":4096,"line":5298},[4094,13084,4700],{"class":4368},[4094,13086,3518],{"class":4342},[4094,13088,4375],{"class":4374},[4094,13090,4378],{"class":4275},[4094,13092,4381],{"class":4315},[4094,13094,4385],{"class":4384},[4094,13096,4388],{"class":4279},[4094,13098,3536],{"class":4384},[4094,13100,13101],{"class":4279},"side",[4094,13103,4396],{"class":4384},[4094,13105,4399],{"class":4279},[4094,13107,6273],{"class":4302},[4094,13109,4405],{"class":4384},[4094,13111,4408],{"class":4315},[4094,13113,4411],{"class":4368},[4094,13115,13116,13118,13120,13122,13124,13126,13128,13130,13133,13135,13137,13140,13142,13144],{"class":4096,"line":5327},[4094,13117,6110],{"class":4368},[4094,13119,3522],{"class":4342},[4094,13121,4375],{"class":4374},[4094,13123,4378],{"class":4275},[4094,13125,4381],{"class":4315},[4094,13127,4388],{"class":4279},[4094,13129,3536],{"class":4384},[4094,13131,13132],{"class":4279},"sideText",[4094,13134,4408],{"class":4315},[4094,13136,4436],{"class":4368},[4094,13138,13139],{"class":4275},"L",[4094,13141,4445],{"class":4368},[4094,13143,3522],{"class":4342},[4094,13145,4411],{"class":4368},[4094,13147,13148,13150,13152],{"class":4096,"line":6447},[4094,13149,8638],{"class":4368},[4094,13151,3518],{"class":4342},[4094,13153,4411],{"class":4368},[4094,13155,13156,13158],{"class":4096,"line":6453},[4094,13157,4700],{"class":4368},[4094,13159,10355],{"class":4342},[4094,13161,13162,13164,13166,13168],{"class":4096,"line":6462},[4094,13163,10360],{"class":4374},[4094,13165,4378],{"class":4275},[4094,13167,4381],{"class":4315},[4094,13169,10367],{"class":4384},[4094,13171,13172,13174,13176,13179],{"class":4096,"line":6471},[4094,13173,10372],{"class":4279},[4094,13175,3536],{"class":4384},[4094,13177,13178],{"class":4279},"mid",[4094,13180,5127],{"class":4384},[4094,13182,13183],{"class":4096,"line":6476},[4094,13184,10383],{"class":4384},[4094,13186,13187,13189,13192],{"class":4096,"line":6481},[4094,13188,10388],{"class":4279},[4094,13190,13191],{"class":4279}," basis",[4094,13193,5127],{"class":4384},[4094,13195,13196,13198,13201],{"class":4096,"line":6486},[4094,13197,10397],{"class":4279},[4094,13199,13200],{"class":4279}," grow",[4094,13202,5127],{"class":4384},[4094,13204,13205,13207,13210],{"class":4096,"line":6503},[4094,13206,11282],{"class":4279},[4094,13208,13209],{"class":4279}," shrink",[4094,13211,5127],{"class":4384},[4094,13213,13214,13216,13218],{"class":4096,"line":6535},[4094,13215,10406],{"class":4279},[4094,13217,6306],{"class":4302},[4094,13219,5127],{"class":4384},[4094,13221,13222],{"class":4096,"line":6556},[4094,13223,10415],{"class":4384},[4094,13225,13226,13228],{"class":4096,"line":6585},[4094,13227,10420],{"class":4384},[4094,13229,4179],{"class":4315},[4094,13231,13232],{"class":4096,"line":6593},[4094,13233,10427],{"class":4368},[4094,13235,13236,13238,13240,13242,13244,13246,13248,13250,13253,13255,13257,13259,13261,13264,13266],{"class":4096,"line":6603},[4094,13237,6110],{"class":4368},[4094,13239,3522],{"class":4342},[4094,13241,4375],{"class":4374},[4094,13243,4378],{"class":4275},[4094,13245,4381],{"class":4315},[4094,13247,4388],{"class":4279},[4094,13249,3536],{"class":4384},[4094,13251,13252],{"class":4279},"midText",[4094,13254,4408],{"class":4315},[4094,13256,11331],{"class":4374},[4094,13258,4378],{"class":4275},[4094,13260,4381],{"class":4315},[4094,13262,13263],{"class":4812},"3",[4094,13265,4408],{"class":4315},[4094,13267,4411],{"class":4368},[4094,13269,13270,13273,13275,13277,13279,13281,13283,13285,13287,13289,13291,13293,13295,13297,13299,13301,13303,13305],{"class":4096,"line":6614},[4094,13271,13272],{"class":4275},"            mid",[4094,13274,4381],{"class":4315},[4094,13276,11351],{"class":4302},[4094,13278,7828],{"class":7827},[4094,13280,11351],{"class":4302},[4094,13282,4408],{"class":4315},[4094,13284,12577],{"class":4275},[4094,13286,4381],{"class":4315},[4094,13288,9206],{"class":4279},[4094,13290,4408],{"class":4315},[4094,13292,12816],{"class":4275},[4094,13294,4381],{"class":4315},[4094,13296,9180],{"class":4279},[4094,13298,4408],{"class":4315},[4094,13300,12999],{"class":4275},[4094,13302,4381],{"class":4315},[4094,13304,9187],{"class":4279},[4094,13306,4179],{"class":4315},[4094,13308,13309,13311,13313],{"class":4096,"line":6623},[4094,13310,11365],{"class":4368},[4094,13312,3522],{"class":4342},[4094,13314,4411],{"class":4368},[4094,13316,13317,13319,13321],{"class":4096,"line":6633},[4094,13318,8638],{"class":4368},[4094,13320,3518],{"class":4342},[4094,13322,4411],{"class":4368},[4094,13324,13325,13327,13329,13331,13333,13335,13337,13339,13341,13343,13345,13347,13349,13351,13353],{"class":4096,"line":6638},[4094,13326,4700],{"class":4368},[4094,13328,3518],{"class":4342},[4094,13330,4375],{"class":4374},[4094,13332,4378],{"class":4275},[4094,13334,4381],{"class":4315},[4094,13336,4385],{"class":4384},[4094,13338,4388],{"class":4279},[4094,13340,3536],{"class":4384},[4094,13342,13101],{"class":4279},[4094,13344,4396],{"class":4384},[4094,13346,4399],{"class":4279},[4094,13348,6339],{"class":4302},[4094,13350,4405],{"class":4384},[4094,13352,4408],{"class":4315},[4094,13354,4411],{"class":4368},[4094,13356,13357,13359,13361,13363,13365,13367,13369,13371,13373,13375,13377,13380,13382,13384],{"class":4096,"line":6652},[4094,13358,6110],{"class":4368},[4094,13360,3522],{"class":4342},[4094,13362,4375],{"class":4374},[4094,13364,4378],{"class":4275},[4094,13366,4381],{"class":4315},[4094,13368,4388],{"class":4279},[4094,13370,3536],{"class":4384},[4094,13372,13132],{"class":4279},[4094,13374,4408],{"class":4315},[4094,13376,4436],{"class":4368},[4094,13378,13379],{"class":4275},"R",[4094,13381,4445],{"class":4368},[4094,13383,3522],{"class":4342},[4094,13385,4411],{"class":4368},[4094,13387,13388,13390,13392],{"class":4096,"line":6681},[4094,13389,8638],{"class":4368},[4094,13391,3518],{"class":4342},[4094,13393,4411],{"class":4368},[4094,13395,13396,13398,13400],{"class":4096,"line":6695},[4094,13397,4770],{"class":4368},[4094,13399,3518],{"class":4342},[4094,13401,4411],{"class":4368},[4094,13403,13404],{"class":4096,"line":6703},[4094,13405,4125],{"emptyLinePlaceholder":4124},[4094,13407,13408,13410,13412,13414,13416,13418,13420,13422,13424,13426,13428,13430,13432,13434,13436],{"class":4096,"line":6713},[4094,13409,4416],{"class":4368},[4094,13411,3522],{"class":4342},[4094,13413,4375],{"class":4374},[4094,13415,4378],{"class":4275},[4094,13417,4381],{"class":4315},[4094,13419,4385],{"class":4384},[4094,13421,4388],{"class":4279},[4094,13423,3536],{"class":4384},[4094,13425,3516],{"class":4279},[4094,13427,4396],{"class":4384},[4094,13429,4636],{"class":4279},[4094,13431,4543],{"class":4279},[4094,13433,4405],{"class":4384},[4094,13435,4408],{"class":4315},[4094,13437,4411],{"class":4368},[4094,13439,13440,13442,13445,13447,13450,13452,13454,13456,13458,13461,13463,13465,13467,13469,13472,13474,13476,13478,13481,13484],{"class":4096,"line":6723},[4094,13441,6084],{"class":4315},[4094,13443,13444],{"class":4302},"`\u002F\u002F зелений",[4094,13446,7828],{"class":7827},[4094,13448,13449],{"class":4302},"flexBasis: ",[4094,13451,6397],{"class":4315},[4094,13453,9206],{"class":4279},[4094,13455,4408],{"class":4315},[4094,13457,7828],{"class":7827},[4094,13459,13460],{"class":4302},"flexGrow: ",[4094,13462,6397],{"class":4315},[4094,13464,9180],{"class":4279},[4094,13466,4408],{"class":4315},[4094,13468,7828],{"class":7827},[4094,13470,13471],{"class":4302},"flexShrink: ",[4094,13473,6397],{"class":4315},[4094,13475,9187],{"class":4279},[4094,13477,4408],{"class":4315},[4094,13479,13480],{"class":7827},"\\n\\n",[4094,13482,13483],{"class":4302},"\u002F\u002F L і R: basis 56, grow 0, shrink 0`",[4094,13485,4179],{"class":4315},[4094,13487,13488,13490,13492],{"class":4096,"line":6732},[4094,13489,4770],{"class":4368},[4094,13491,3522],{"class":4342},[4094,13493,4411],{"class":4368},[4094,13495,13496],{"class":4096,"line":6743},[4094,13497,4125],{"emptyLinePlaceholder":4124},[4094,13499,13500,13502,13504,13506,13508,13510,13512,13514,13516,13518,13520,13522,13524,13526,13528],{"class":4096,"line":6754},[4094,13501,4416],{"class":4368},[4094,13503,3522],{"class":4342},[4094,13505,4375],{"class":4374},[4094,13507,4378],{"class":4275},[4094,13509,4381],{"class":4315},[4094,13511,4385],{"class":4384},[4094,13513,4388],{"class":4279},[4094,13515,3536],{"class":4384},[4094,13517,4972],{"class":4279},[4094,13519,4396],{"class":4384},[4094,13521,4636],{"class":4279},[4094,13523,4543],{"class":4279},[4094,13525,4405],{"class":4384},[4094,13527,4408],{"class":4315},[4094,13529,4411],{"class":4368},[4094,13531,13532],{"class":4096,"line":6763},[4094,13533,13534],{"class":4275},"        Спробуйте basis 200 + grow 0 + shrink 0 — середній «розпирає» рядок. Потім\n",[4094,13536,13537],{"class":4096,"line":6772},[4094,13538,13539],{"class":4275},"        shrink 1 — він поступається. grow 2 при малому basis — забирає вільне місце\n",[4094,13541,13542],{"class":4096,"line":6783},[4094,13543,13544],{"class":4275},"        сильніше, ніж grow 1 (тут сусіди grow 0, тож різниця 1 vs 2 менш помітна).\n",[4094,13546,13547,13549,13551],{"class":4096,"line":6788},[4094,13548,4770],{"class":4368},[4094,13550,3522],{"class":4342},[4094,13552,4411],{"class":4368},[4094,13554,13555,13557,13559],{"class":4096,"line":6810},[4094,13556,4454],{"class":4368},[4094,13558,3518],{"class":4342},[4094,13560,4411],{"class":4368},[4094,13562,13563],{"class":4096,"line":6833},[4094,13564,4463],{"class":4275},[4094,13566,13567],{"class":4096,"line":6855},[4094,13568,4179],{"class":4275},[4094,13570,13571],{"class":4096,"line":6874},[4094,13572,4125],{"emptyLinePlaceholder":4124},[4094,13574,13576,13578,13580,13582,13584,13586,13588],{"class":4096,"line":13575},94,[4094,13577,5029],{"class":4315},[4094,13579,4683],{"class":4496},[4094,13581,4500],{"class":4275},[4094,13583,4288],{"class":4279},[4094,13585,3536],{"class":4275},[4094,13587,5040],{"class":4319},[4094,13589,5043],{"class":4275},[4094,13591,13593,13595,13597,13599,13601,13603,13605,13607,13609,13611,13613,13615,13617,13619],{"class":4096,"line":13592},95,[4094,13594,5049],{"class":4279},[4094,13596,4276],{"class":4275},[4094,13598,5054],{"class":4279},[4094,13600,5057],{"class":4812},[4094,13602,3519],{"class":4275},[4094,13604,4399],{"class":4279},[4094,13606,5064],{"class":4302},[4094,13608,3519],{"class":4275},[4094,13610,5069],{"class":4279},[4094,13612,6524],{"class":4812},[4094,13614,3519],{"class":4275},[4094,13616,5076],{"class":4279},[4094,13618,6580],{"class":4812},[4094,13620,5082],{"class":4275},[4094,13622,13624,13626,13628,13630,13632,13634,13636,13638,13640,13643,13646],{"class":4096,"line":13623},96,[4094,13625,6538],{"class":4279},[4094,13627,4276],{"class":4275},[4094,13629,5093],{"class":4279},[4094,13631,5293],{"class":4812},[4094,13633,3519],{"class":4275},[4094,13635,5101],{"class":4279},[4094,13637,5104],{"class":4302},[4094,13639,3519],{"class":4275},[4094,13641,13642],{"class":4279},"marginBottom:",[4094,13644,13645],{"class":4812}," 4",[4094,13647,5082],{"class":4275},[4094,13649,13651,13654],{"class":4096,"line":13650},97,[4094,13652,13653],{"class":4279},"  group:",[4094,13655,5115],{"class":4275},[4094,13657,13659,13661,13663],{"class":4096,"line":13658},98,[4094,13660,11854],{"class":4279},[4094,13662,6662],{"class":4812},[4094,13664,5127],{"class":4275},[4094,13666,13668,13670,13672],{"class":4096,"line":13667},99,[4094,13669,11845],{"class":4279},[4094,13671,6669],{"class":4302},[4094,13673,5127],{"class":4275},[4094,13675,13677,13679,13681],{"class":4096,"line":13676},100,[4094,13678,6716],{"class":4279},[4094,13680,6580],{"class":4812},[4094,13682,5127],{"class":4275},[4094,13684,13686,13689,13692],{"class":4096,"line":13685},101,[4094,13687,13688],{"class":4279},"    textTransform:",[4094,13690,13691],{"class":4302}," 'uppercase'",[4094,13693,5127],{"class":4275},[4094,13695,13697],{"class":4096,"line":13696},102,[4094,13698,5164],{"class":4275},[4094,13700,13702,13704,13706,13708,13710,13712,13714,13716,13718,13720,13722],{"class":4096,"line":13701},103,[4094,13703,6559],{"class":4279},[4094,13705,4276],{"class":4275},[4094,13707,5190],{"class":4279},[4094,13709,5193],{"class":4302},[4094,13711,3519],{"class":4275},[4094,13713,6570],{"class":4279},[4094,13715,6573],{"class":4302},[4094,13717,3519],{"class":4275},[4094,13719,5076],{"class":4279},[4094,13721,6580],{"class":4812},[4094,13723,5082],{"class":4275},[4094,13725,13727,13729],{"class":4096,"line":13726},104,[4094,13728,6588],{"class":4279},[4094,13730,5115],{"class":4275},[4094,13732,13734,13736,13738],{"class":4096,"line":13733},105,[4094,13735,6596],{"class":4279},[4094,13737,5240],{"class":4812},[4094,13739,5127],{"class":4275},[4094,13741,13743,13745,13747],{"class":4096,"line":13742},106,[4094,13744,6606],{"class":4279},[4094,13746,6580],{"class":4812},[4094,13748,5127],{"class":4275},[4094,13750,13752,13754,13756],{"class":4096,"line":13751},107,[4094,13753,5133],{"class":4279},[4094,13755,5079],{"class":4812},[4094,13757,5127],{"class":4275},[4094,13759,13761,13763,13765],{"class":4096,"line":13760},108,[4094,13762,5121],{"class":4279},[4094,13764,6628],{"class":4302},[4094,13766,5127],{"class":4275},[4094,13768,13770],{"class":4096,"line":13769},109,[4094,13771,5164],{"class":4275},[4094,13773,13775,13777,13779,13781,13783],{"class":4096,"line":13774},110,[4094,13776,6641],{"class":4279},[4094,13778,4276],{"class":4275},[4094,13780,4399],{"class":4279},[4094,13782,6273],{"class":4302},[4094,13784,5082],{"class":4275},[4094,13786,13788,13790,13792,13794,13796,13798,13800,13802,13804,13806,13808],{"class":4096,"line":13787},111,[4094,13789,6655],{"class":4279},[4094,13791,4276],{"class":4275},[4094,13793,5093],{"class":4279},[4094,13795,5136],{"class":4812},[4094,13797,3519],{"class":4275},[4094,13799,5101],{"class":4279},[4094,13801,6669],{"class":4302},[4094,13803,3519],{"class":4275},[4094,13805,4636],{"class":4279},[4094,13807,6676],{"class":4302},[4094,13809,5082],{"class":4275},[4094,13811,13813,13815,13817,13819,13821],{"class":4096,"line":13812},112,[4094,13814,6684],{"class":4279},[4094,13816,4276],{"class":4275},[4094,13818,4636],{"class":4279},[4094,13820,5280],{"class":4302},[4094,13822,5082],{"class":4275},[4094,13824,13826,13828],{"class":4096,"line":13825},113,[4094,13827,5185],{"class":4279},[4094,13829,5115],{"class":4275},[4094,13831,13833,13835,13837],{"class":4096,"line":13832},114,[4094,13834,8108],{"class":4279},[4094,13836,5193],{"class":4302},[4094,13838,5127],{"class":4275},[4094,13840,13842,13844,13846],{"class":4096,"line":13841},115,[4094,13843,5228],{"class":4279},[4094,13845,11703],{"class":4812},[4094,13847,5127],{"class":4275},[4094,13849,13851,13853,13855],{"class":4096,"line":13850},116,[4094,13852,6716],{"class":4279},[4094,13854,5136],{"class":4812},[4094,13856,5127],{"class":4275},[4094,13858,13860,13862,13864],{"class":4096,"line":13859},117,[4094,13861,5133],{"class":4279},[4094,13863,5136],{"class":4812},[4094,13865,5127],{"class":4275},[4094,13867,13869,13871,13873],{"class":4096,"line":13868},118,[4094,13870,6735],{"class":4279},[4094,13872,6738],{"class":4812},[4094,13874,5127],{"class":4275},[4094,13876,13878,13880,13882],{"class":4096,"line":13877},119,[4094,13879,6746],{"class":4279},[4094,13881,6749],{"class":4302},[4094,13883,5127],{"class":4275},[4094,13885,13887,13889,13891],{"class":4096,"line":13886},120,[4094,13888,5121],{"class":4279},[4094,13890,5280],{"class":4302},[4094,13892,5127],{"class":4275},[4094,13894,13896,13898,13900],{"class":4096,"line":13895},121,[4094,13897,5144],{"class":4279},[4094,13899,5079],{"class":4812},[4094,13901,5127],{"class":4275},[4094,13903,13905,13907,13909],{"class":4096,"line":13904},122,[4094,13906,5154],{"class":4279},[4094,13908,6580],{"class":4812},[4094,13910,5127],{"class":4275},[4094,13912,13914,13916,13918],{"class":4096,"line":13913},123,[4094,13915,5248],{"class":4279},[4094,13917,9909],{"class":4302},[4094,13919,5127],{"class":4275},[4094,13921,13923],{"class":4096,"line":13922},124,[4094,13924,5164],{"class":4275},[4094,13926,13928,13930,13932,13934,13936,13938,13940,13942],{"class":4096,"line":13927},125,[4094,13929,9920],{"class":4279},[4094,13931,4276],{"class":4275},[4094,13933,4399],{"class":4279},[4094,13935,5177],{"class":4302},[4094,13937,3519],{"class":4275},[4094,13939,6802],{"class":4279},[4094,13941,6805],{"class":4302},[4094,13943,5082],{"class":4275},[4094,13945,13947,13950],{"class":4096,"line":13946},126,[4094,13948,13949],{"class":4279},"  side:",[4094,13951,5115],{"class":4275},[4094,13953,13955,13958,13961],{"class":4096,"line":13954},127,[4094,13956,13957],{"class":4279},"    flexBasis:",[4094,13959,13960],{"class":4812}," 56",[4094,13962,5127],{"class":4275},[4094,13964,13966,13968,13970],{"class":4096,"line":13965},128,[4094,13967,9945],{"class":4279},[4094,13969,9948],{"class":4812},[4094,13971,5127],{"class":4275},[4094,13973,13975,13977,13979],{"class":4096,"line":13974},129,[4094,13976,9955],{"class":4279},[4094,13978,9948],{"class":4812},[4094,13980,5127],{"class":4275},[4094,13982,13984,13986,13988],{"class":4096,"line":13983},130,[4094,13985,5133],{"class":4279},[4094,13987,5079],{"class":4812},[4094,13989,5127],{"class":4275},[4094,13991,13993,13995,13997],{"class":4096,"line":13992},131,[4094,13994,5248],{"class":4279},[4094,13996,5201],{"class":4302},[4094,13998,5127],{"class":4275},[4094,14000,14002,14004,14006],{"class":4096,"line":14001},132,[4094,14003,5258],{"class":4279},[4094,14005,5201],{"class":4302},[4094,14007,5127],{"class":4275},[4094,14009,14011],{"class":4096,"line":14010},133,[4094,14012,5164],{"class":4275},[4094,14014,14016,14019,14021,14023,14025,14027,14029,14032,14034,14036,14038],{"class":4096,"line":14015},134,[4094,14017,14018],{"class":4279},"  sideText:",[4094,14020,4276],{"class":4275},[4094,14022,4636],{"class":4279},[4094,14024,5280],{"class":4302},[4094,14026,3519],{"class":4275},[4094,14028,5101],{"class":4279},[4094,14030,14031],{"class":4302}," '800'",[4094,14033,3519],{"class":4275},[4094,14035,5093],{"class":4279},[4094,14037,5293],{"class":4812},[4094,14039,5082],{"class":4275},[4094,14041,14043,14046],{"class":4096,"line":14042},135,[4094,14044,14045],{"class":4279},"  mid:",[4094,14047,5115],{"class":4275},[4094,14049,14051,14053,14055],{"class":4096,"line":14050},136,[4094,14052,5133],{"class":4279},[4094,14054,5079],{"class":4812},[4094,14056,5127],{"class":4275},[4094,14058,14060,14062,14064],{"class":4096,"line":14059},137,[4094,14061,5248],{"class":4279},[4094,14063,5201],{"class":4302},[4094,14065,5127],{"class":4275},[4094,14067,14069,14071,14073],{"class":4096,"line":14068},138,[4094,14070,5258],{"class":4279},[4094,14072,5201],{"class":4302},[4094,14074,5127],{"class":4275},[4094,14076,14078,14080,14082],{"class":4096,"line":14077},139,[4094,14079,6596],{"class":4279},[4094,14081,13645],{"class":4812},[4094,14083,5127],{"class":4275},[4094,14085,14087,14090,14092],{"class":4096,"line":14086},140,[4094,14088,14089],{"class":4279},"    minWidth:",[4094,14091,9948],{"class":4812},[4094,14093,5127],{"class":4275},[4094,14095,14097],{"class":4096,"line":14096},141,[4094,14098,5164],{"class":4275},[4094,14100,14102,14105],{"class":4096,"line":14101},142,[4094,14103,14104],{"class":4279},"  midText:",[4094,14106,5115],{"class":4275},[4094,14108,14110,14112,14114],{"class":4096,"line":14109},143,[4094,14111,11836],{"class":4279},[4094,14113,5280],{"class":4302},[4094,14115,5127],{"class":4275},[4094,14117,14119,14121,14123],{"class":4096,"line":14118},144,[4094,14120,11845],{"class":4279},[4094,14122,5104],{"class":4302},[4094,14124,5127],{"class":4275},[4094,14126,14128,14130,14132],{"class":4096,"line":14127},145,[4094,14129,11854],{"class":4279},[4094,14131,5136],{"class":4812},[4094,14133,5127],{"class":4275},[4094,14135,14137,14139,14141],{"class":4096,"line":14136},146,[4094,14138,11863],{"class":4279},[4094,14140,5201],{"class":4302},[4094,14142,5127],{"class":4275},[4094,14144,14146],{"class":4096,"line":14145},147,[4094,14147,5164],{"class":4275},[4094,14149,14151,14153,14155,14157,14159,14161,14163,14165,14167,14169,14171,14173,14175,14177],{"class":4096,"line":14150},148,[4094,14152,6836],{"class":4279},[4094,14154,4276],{"class":4275},[4094,14156,5093],{"class":4279},[4094,14158,5136],{"class":4812},[4094,14160,3519],{"class":4275},[4094,14162,6847],{"class":4279},[4094,14164,6850],{"class":4302},[4094,14166,3519],{"class":4275},[4094,14168,5313],{"class":4279},[4094,14170,6545],{"class":4812},[4094,14172,3519],{"class":4275},[4094,14174,4809],{"class":4279},[4094,14176,5079],{"class":4812},[4094,14178,5082],{"class":4275},[4094,14180,14182,14184,14186,14188,14190,14192,14194,14196,14198,14200,14202],{"class":4096,"line":14181},149,[4094,14183,5301],{"class":4279},[4094,14185,4276],{"class":4275},[4094,14187,5093],{"class":4279},[4094,14189,5136],{"class":4812},[4094,14191,3519],{"class":4275},[4094,14193,5313],{"class":4279},[4094,14195,6545],{"class":4812},[4094,14197,3519],{"class":4275},[4094,14199,4809],{"class":4279},[4094,14201,13645],{"class":4812},[4094,14203,5082],{"class":4275},[4094,14205,14207],{"class":4096,"line":14206},150,[4094,14208,5330],{"class":4275},[9194,14210,14212],{"id":14211},"_5-життєвий-рядок-іконка-текст-ціна","5. Життєвий рядок: іконка · текст · ціна",[3512,14214,14215],{},"Те саме трьома важелями без «демо-кольорів» — типовий list item.",[3704,14217,14218,14235],{},[3707,14219,14220],{},[3710,14221,14222,14225,14228,14230,14232],{},[3713,14223,14224],{},"Зона",[3713,14226,14227],{},"basis \u002F width",[3713,14229,9180],{},[3713,14231,9187],{},[3713,14233,14234],{},"Навіщо",[3723,14236,14237,14252,14274],{},[3710,14238,14239,14242,14245,14247,14249],{},[3728,14240,14241],{},"Іконка зліва",[3728,14243,14244],{},"фіксована 44",[3728,14246,9106],{},[3728,14248,9106],{},[3728,14250,14251],{},"не стискати, не розтягувати",[3710,14253,14254,14257,14263,14267,14271],{},[3728,14255,14256],{},"Текст",[3728,14258,14259,14262],{},[3516,14260,14261],{},"auto"," \u002F м’який",[3728,14264,14265],{},[3540,14266,9112],{},[3728,14268,14269],{},[3540,14270,9112],{},[3728,14272,14273],{},"забрати середину, обрізатись при нестачі",[3710,14275,14276,14279,14282,14284,14288],{},[3728,14277,14278],{},"Ціна справа",[3728,14280,14281],{},"за вмістом",[3728,14283,9106],{},[3728,14285,14286],{},[3540,14287,9106],{},[3728,14289,14290],{},"завжди читабельна",[4255,14292,14295],{"device":6992,"filename":14293,"title":14294},"FlexGSBRealRow.tsx","List row · grow\u002Fshrink на практиці",[4085,14296,14298],{"className":4262,"code":14297,"language":4264,"meta":4090,"style":4090},"import { View, Text, StyleSheet, useColorScheme } from 'react-native';\n\nconst ROWS = [\n  {\n    title: 'Київ — Карпати, довга назва поїздки для обрізання',\n    price: '4 200 ₴',\n  },\n  {\n    title: 'Львів',\n    price: '890 ₴',\n  },\n  {\n    title: 'Одеса · море · ранок · вечірній Привоз',\n    price: '12 500 ₴',\n  },\n];\n\nexport default function App() {\n  const isDark = useColorScheme() === 'dark';\n  const text = isDark ? '#f5f5f7' : '#0f172a';\n  const muted = isDark ? '#a1a1aa' : '#64748b';\n  const surface = isDark ? '#1c1c1e' : '#fff';\n  const border = isDark ? '#3a3a3c' : '#e2e8f0';\n  const bg = isDark ? '#000' : '#F8FAFC';\n\n  return (\n    \u003CView style={[styles.screen, { backgroundColor: bg }]}>\n      \u003CText style={[styles.h, { color: text }]}>Іконка · текст · ціна\u003C\u002FText>\n      \u003CText style={[styles.sub, { color: muted }]}>\n        Текст: flexGrow 1 + flexShrink 1 + numberOfLines. Ціна: shrink 0.\n      \u003C\u002FText>\n\n      \u003CView style={styles.list}>\n        {ROWS.map((r) => (\n          \u003CView\n            key={r.title}\n            style={[styles.row, { backgroundColor: surface, borderColor: border }]}\n          >\n            \u003CView style={styles.icon}>\n              \u003CText style={styles.iconText}>{r.title.slice(0, 1)}\u003C\u002FText>\n            \u003C\u002FView>\n\n            \u003CText style={[styles.title, { color: text }]} numberOfLines={1}>\n              {r.title}\n            \u003C\u002FText>\n\n            \u003CText style={[styles.price, { color: muted }]}>{r.price}\u003C\u002FText>\n          \u003C\u002FView>\n        ))}\n      \u003C\u002FView>\n    \u003C\u002FView>\n  );\n}\n\nconst styles = StyleSheet.create({\n  screen: { flex: 1, padding: 16, gap: 10 },\n  h: { fontSize: 17, fontWeight: '700' },\n  sub: { fontSize: 13, lineHeight: 18 },\n  list: { gap: 8 },\n  row: {\n    flexDirection: 'row',\n    alignItems: 'center',\n    gap: 10,\n    padding: 12,\n    borderRadius: 12,\n    borderWidth: 1,\n  },\n  icon: {\n    \u002F\u002F basis-еквівалент: фіксована ширина, grow\u002Fshrink 0\n    width: 44,\n    height: 44,\n    borderRadius: 22,\n    backgroundColor: '#2563EB',\n    alignItems: 'center',\n    justifyContent: 'center',\n    flexGrow: 0,\n    flexShrink: 0,\n  },\n  iconText: { color: '#fff', fontWeight: '700', fontSize: 16 },\n  title: {\n    flexGrow: 1,\n    flexShrink: 1,\n    flexBasis: 0, \u002F\u002F стартувати «з нуля» і рости — зручно для рівних рядків\n    minWidth: 0, \u002F\u002F важливо для обрізання тексту в деяких деревах layout\n    fontSize: 16,\n    fontWeight: '600',\n  },\n  price: {\n    flexGrow: 0,\n    flexShrink: 0,\n    fontSize: 14,\n    fontWeight: '700',\n  },\n});\n",[3516,14299,14300,14328,14332,14342,14347,14357,14367,14371,14375,14384,14393,14397,14401,14410,14419,14423,14427,14431,14443,14459,14479,14499,14522,14545,14568,14572,14578,14610,14651,14683,14688,14696,14700,14723,14745,14751,14768,14801,14806,14830,14885,14894,14898,14940,14953,14961,14965,15014,15022,15028,15036,15044,15048,15052,15056,15072,15096,15114,15132,15145,15151,15159,15167,15175,15183,15191,15199,15203,15210,15215,15224,15232,15241,15249,15257,15265,15273,15281,15285,15310,15316,15324,15332,15343,15354,15362,15370,15374,15381,15389,15397,15405,15413,15417],{"__ignoreMap":4090},[4094,14301,14302,14304,14306,14308,14310,14312,14314,14316,14318,14320,14322,14324,14326],{"class":4096,"line":4097},[4094,14303,4272],{"class":4271},[4094,14305,4276],{"class":4275},[4094,14307,3518],{"class":4279},[4094,14309,3519],{"class":4275},[4094,14311,3522],{"class":4279},[4094,14313,3519],{"class":4275},[4094,14315,4288],{"class":4279},[4094,14317,3519],{"class":4275},[4094,14319,4293],{"class":4279},[4094,14321,4296],{"class":4275},[4094,14323,4299],{"class":4271},[4094,14325,4303],{"class":4302},[4094,14327,4306],{"class":4275},[4094,14329,14330],{"class":4096,"line":4103},[4094,14331,4125],{"emptyLinePlaceholder":4124},[4094,14333,14334,14336,14339],{"class":4096,"line":4109},[4094,14335,5029],{"class":4315},[4094,14337,14338],{"class":4496}," ROWS",[4094,14340,14341],{"class":4275}," = [\n",[4094,14343,14344],{"class":4096,"line":4115},[4094,14345,14346],{"class":4275},"  {\n",[4094,14348,14349,14352,14355],{"class":4096,"line":4121},[4094,14350,14351],{"class":4279},"    title:",[4094,14353,14354],{"class":4302}," 'Київ — Карпати, довга назва поїздки для обрізання'",[4094,14356,5127],{"class":4275},[4094,14358,14359,14362,14365],{"class":4096,"line":4128},[4094,14360,14361],{"class":4279},"    price:",[4094,14363,14364],{"class":4302}," '4 200 ₴'",[4094,14366,5127],{"class":4275},[4094,14368,14369],{"class":4096,"line":4134},[4094,14370,5164],{"class":4275},[4094,14372,14373],{"class":4096,"line":4140},[4094,14374,14346],{"class":4275},[4094,14376,14377,14379,14382],{"class":4096,"line":4146},[4094,14378,14351],{"class":4279},[4094,14380,14381],{"class":4302}," 'Львів'",[4094,14383,5127],{"class":4275},[4094,14385,14386,14388,14391],{"class":4096,"line":4152},[4094,14387,14361],{"class":4279},[4094,14389,14390],{"class":4302}," '890 ₴'",[4094,14392,5127],{"class":4275},[4094,14394,14395],{"class":4096,"line":4158},[4094,14396,5164],{"class":4275},[4094,14398,14399],{"class":4096,"line":4164},[4094,14400,14346],{"class":4275},[4094,14402,14403,14405,14408],{"class":4096,"line":4170},[4094,14404,14351],{"class":4279},[4094,14406,14407],{"class":4302}," 'Одеса · море · ранок · вечірній Привоз'",[4094,14409,5127],{"class":4275},[4094,14411,14412,14414,14417],{"class":4096,"line":4176},[4094,14413,14361],{"class":4279},[4094,14415,14416],{"class":4302}," '12 500 ₴'",[4094,14418,5127],{"class":4275},[4094,14420,14421],{"class":4096,"line":4182},[4094,14422,5164],{"class":4275},[4094,14424,14425],{"class":4096,"line":4187},[4094,14426,5654],{"class":4275},[4094,14428,14429],{"class":4096,"line":4193},[4094,14430,4125],{"emptyLinePlaceholder":4124},[4094,14432,14433,14435,14437,14439,14441],{"class":4096,"line":4199},[4094,14434,4476],{"class":4271},[4094,14436,4479],{"class":4271},[4094,14438,4482],{"class":4315},[4094,14440,4485],{"class":4319},[4094,14442,4488],{"class":4275},[4094,14444,14445,14447,14449,14451,14453,14455,14457],{"class":4096,"line":4205},[4094,14446,4493],{"class":4315},[4094,14448,4497],{"class":4496},[4094,14450,4500],{"class":4275},[4094,14452,4293],{"class":4319},[4094,14454,4505],{"class":4275},[4094,14456,4508],{"class":4302},[4094,14458,4306],{"class":4275},[4094,14460,14461,14463,14465,14467,14469,14471,14473,14475,14477],{"class":4096,"line":4211},[4094,14462,4493],{"class":4315},[4094,14464,4517],{"class":4496},[4094,14466,4500],{"class":4275},[4094,14468,4522],{"class":4279},[4094,14470,4525],{"class":4275},[4094,14472,4528],{"class":4302},[4094,14474,4531],{"class":4275},[4094,14476,4534],{"class":4302},[4094,14478,4306],{"class":4275},[4094,14480,14481,14483,14485,14487,14489,14491,14493,14495,14497],{"class":4096,"line":4217},[4094,14482,4493],{"class":4315},[4094,14484,4543],{"class":4496},[4094,14486,4500],{"class":4275},[4094,14488,4522],{"class":4279},[4094,14490,4525],{"class":4275},[4094,14492,4552],{"class":4302},[4094,14494,4531],{"class":4275},[4094,14496,4557],{"class":4302},[4094,14498,4306],{"class":4275},[4094,14500,14501,14503,14506,14508,14510,14512,14515,14517,14520],{"class":4096,"line":4223},[4094,14502,4493],{"class":4315},[4094,14504,14505],{"class":4496}," surface",[4094,14507,4500],{"class":4275},[4094,14509,4522],{"class":4279},[4094,14511,4525],{"class":4275},[4094,14513,14514],{"class":4302},"'#1c1c1e'",[4094,14516,4531],{"class":4275},[4094,14518,14519],{"class":4302},"'#fff'",[4094,14521,4306],{"class":4275},[4094,14523,14524,14526,14529,14531,14533,14535,14538,14540,14543],{"class":4096,"line":4229},[4094,14525,4493],{"class":4315},[4094,14527,14528],{"class":4496}," border",[4094,14530,4500],{"class":4275},[4094,14532,4522],{"class":4279},[4094,14534,4525],{"class":4275},[4094,14536,14537],{"class":4302},"'#3a3a3c'",[4094,14539,4531],{"class":4275},[4094,14541,14542],{"class":4302},"'#e2e8f0'",[4094,14544,4306],{"class":4275},[4094,14546,14547,14549,14552,14554,14556,14558,14561,14563,14566],{"class":4096,"line":4235},[4094,14548,4493],{"class":4315},[4094,14550,14551],{"class":4496}," bg",[4094,14553,4500],{"class":4275},[4094,14555,4522],{"class":4279},[4094,14557,4525],{"class":4275},[4094,14559,14560],{"class":4302},"'#000'",[4094,14562,4531],{"class":4275},[4094,14564,14565],{"class":4302},"'#F8FAFC'",[4094,14567,4306],{"class":4275},[4094,14569,14570],{"class":4096,"line":4240},[4094,14571,4125],{"emptyLinePlaceholder":4124},[4094,14573,14574,14576],{"class":4096,"line":4245},[4094,14575,4360],{"class":4271},[4094,14577,4363],{"class":4275},[4094,14579,14580,14582,14584,14586,14588,14590,14592,14594,14596,14598,14600,14602,14604,14606,14608],{"class":4096,"line":4876},[4094,14581,4369],{"class":4368},[4094,14583,3518],{"class":4342},[4094,14585,4375],{"class":4374},[4094,14587,4378],{"class":4275},[4094,14589,4381],{"class":4315},[4094,14591,4385],{"class":4384},[4094,14593,4388],{"class":4279},[4094,14595,3536],{"class":4384},[4094,14597,4590],{"class":4279},[4094,14599,4396],{"class":4384},[4094,14601,4399],{"class":4279},[4094,14603,14551],{"class":4279},[4094,14605,4405],{"class":4384},[4094,14607,4408],{"class":4315},[4094,14609,4411],{"class":4368},[4094,14611,14612,14614,14616,14618,14620,14622,14624,14626,14628,14630,14632,14634,14636,14638,14640,14642,14645,14647,14649],{"class":4096,"line":4897},[4094,14613,4416],{"class":4368},[4094,14615,3522],{"class":4342},[4094,14617,4375],{"class":4374},[4094,14619,4378],{"class":4275},[4094,14621,4381],{"class":4315},[4094,14623,4385],{"class":4384},[4094,14625,4388],{"class":4279},[4094,14627,3536],{"class":4384},[4094,14629,6036],{"class":4279},[4094,14631,4396],{"class":4384},[4094,14633,4636],{"class":4279},[4094,14635,4517],{"class":4279},[4094,14637,4405],{"class":4384},[4094,14639,4408],{"class":4315},[4094,14641,4436],{"class":4368},[4094,14643,14644],{"class":4275},"Іконка · текст · ціна",[4094,14646,4445],{"class":4368},[4094,14648,3522],{"class":4342},[4094,14650,4411],{"class":4368},[4094,14652,14653,14655,14657,14659,14661,14663,14665,14667,14669,14671,14673,14675,14677,14679,14681],{"class":4096,"line":4918},[4094,14654,4416],{"class":4368},[4094,14656,3522],{"class":4342},[4094,14658,4375],{"class":4374},[4094,14660,4378],{"class":4275},[4094,14662,4381],{"class":4315},[4094,14664,4385],{"class":4384},[4094,14666,4388],{"class":4279},[4094,14668,3536],{"class":4384},[4094,14670,9433],{"class":4279},[4094,14672,4396],{"class":4384},[4094,14674,4636],{"class":4279},[4094,14676,4543],{"class":4279},[4094,14678,4405],{"class":4384},[4094,14680,4408],{"class":4315},[4094,14682,4411],{"class":4368},[4094,14684,14685],{"class":4096,"line":4939},[4094,14686,14687],{"class":4275},"        Текст: flexGrow 1 + flexShrink 1 + numberOfLines. Ціна: shrink 0.\n",[4094,14689,14690,14692,14694],{"class":4096,"line":4948},[4094,14691,4770],{"class":4368},[4094,14693,3522],{"class":4342},[4094,14695,4411],{"class":4368},[4094,14697,14698],{"class":4096,"line":4953},[4094,14699,4125],{"emptyLinePlaceholder":4124},[4094,14701,14702,14704,14706,14708,14710,14712,14714,14716,14719,14721],{"class":4096,"line":4987},[4094,14703,4416],{"class":4368},[4094,14705,3518],{"class":4342},[4094,14707,4375],{"class":4374},[4094,14709,4378],{"class":4275},[4094,14711,4381],{"class":4315},[4094,14713,4388],{"class":4279},[4094,14715,3536],{"class":4384},[4094,14717,14718],{"class":4279},"list",[4094,14720,4408],{"class":4315},[4094,14722,4411],{"class":4368},[4094,14724,14725,14727,14730,14732,14734,14736,14739,14741,14743],{"class":4096,"line":4993},[4094,14726,6084],{"class":4315},[4094,14728,14729],{"class":4496},"ROWS",[4094,14731,3536],{"class":4384},[4094,14733,6092],{"class":4319},[4094,14735,6095],{"class":4384},[4094,14737,14738],{"class":4279},"r",[4094,14740,6101],{"class":4384},[4094,14742,5724],{"class":4315},[4094,14744,4363],{"class":4384},[4094,14746,14747,14749],{"class":4096,"line":5002},[4094,14748,6110],{"class":4368},[4094,14750,10355],{"class":4342},[4094,14752,14753,14756,14758,14760,14762,14764,14766],{"class":4096,"line":5011},[4094,14754,14755],{"class":4374},"            key",[4094,14757,4378],{"class":4275},[4094,14759,4381],{"class":4315},[4094,14761,14738],{"class":4279},[4094,14763,3536],{"class":4384},[4094,14765,4631],{"class":4279},[4094,14767,4179],{"class":4315},[4094,14769,14770,14773,14775,14777,14779,14781,14783,14785,14787,14789,14791,14793,14795,14797,14799],{"class":4096,"line":5016},[4094,14771,14772],{"class":4374},"            style",[4094,14774,4378],{"class":4275},[4094,14776,4381],{"class":4315},[4094,14778,4385],{"class":4384},[4094,14780,4388],{"class":4279},[4094,14782,3536],{"class":4384},[4094,14784,3875],{"class":4279},[4094,14786,4396],{"class":4384},[4094,14788,4399],{"class":4279},[4094,14790,14505],{"class":4279},[4094,14792,3519],{"class":4384},[4094,14794,6802],{"class":4279},[4094,14796,14528],{"class":4279},[4094,14798,4405],{"class":4384},[4094,14800,4179],{"class":4315},[4094,14802,14803],{"class":4096,"line":5021},[4094,14804,14805],{"class":4368},"          >\n",[4094,14807,14808,14811,14813,14815,14817,14819,14821,14823,14826,14828],{"class":4096,"line":5026},[4094,14809,14810],{"class":4368},"            \u003C",[4094,14812,3518],{"class":4342},[4094,14814,4375],{"class":4374},[4094,14816,4378],{"class":4275},[4094,14818,4381],{"class":4315},[4094,14820,4388],{"class":4279},[4094,14822,3536],{"class":4384},[4094,14824,14825],{"class":4279},"icon",[4094,14827,4408],{"class":4315},[4094,14829,4411],{"class":4368},[4094,14831,14832,14835,14837,14839,14841,14843,14845,14847,14850,14852,14854,14856,14858,14860,14862,14864,14867,14869,14871,14873,14875,14877,14879,14881,14883],{"class":4096,"line":5046},[4094,14833,14834],{"class":4368},"              \u003C",[4094,14836,3522],{"class":4342},[4094,14838,4375],{"class":4374},[4094,14840,4378],{"class":4275},[4094,14842,4381],{"class":4315},[4094,14844,4388],{"class":4279},[4094,14846,3536],{"class":4384},[4094,14848,14849],{"class":4279},"iconText",[4094,14851,4408],{"class":4315},[4094,14853,4436],{"class":4368},[4094,14855,4381],{"class":4315},[4094,14857,14738],{"class":4279},[4094,14859,3536],{"class":4384},[4094,14861,4631],{"class":4279},[4094,14863,3536],{"class":4384},[4094,14865,14866],{"class":4319},"slice",[4094,14868,6168],{"class":4384},[4094,14870,9106],{"class":4812},[4094,14872,3519],{"class":4384},[4094,14874,9112],{"class":4812},[4094,14876,6173],{"class":4384},[4094,14878,4408],{"class":4315},[4094,14880,4445],{"class":4368},[4094,14882,3522],{"class":4342},[4094,14884,4411],{"class":4368},[4094,14886,14887,14890,14892],{"class":4096,"line":5085},[4094,14888,14889],{"class":4368},"            \u003C\u002F",[4094,14891,3518],{"class":4342},[4094,14893,4411],{"class":4368},[4094,14895,14896],{"class":4096,"line":5109},[4094,14897,4125],{"emptyLinePlaceholder":4124},[4094,14899,14900,14902,14904,14906,14908,14910,14912,14914,14916,14918,14920,14922,14924,14926,14928,14930,14932,14934,14936,14938],{"class":4096,"line":5118},[4094,14901,14810],{"class":4368},[4094,14903,3522],{"class":4342},[4094,14905,4375],{"class":4374},[4094,14907,4378],{"class":4275},[4094,14909,4381],{"class":4315},[4094,14911,4385],{"class":4384},[4094,14913,4388],{"class":4279},[4094,14915,3536],{"class":4384},[4094,14917,4631],{"class":4279},[4094,14919,4396],{"class":4384},[4094,14921,4636],{"class":4279},[4094,14923,4517],{"class":4279},[4094,14925,4405],{"class":4384},[4094,14927,4408],{"class":4315},[4094,14929,11331],{"class":4374},[4094,14931,4378],{"class":4275},[4094,14933,4381],{"class":4315},[4094,14935,9112],{"class":4812},[4094,14937,4408],{"class":4315},[4094,14939,4411],{"class":4368},[4094,14941,14942,14945,14947,14949,14951],{"class":4096,"line":5130},[4094,14943,14944],{"class":4315},"              {",[4094,14946,14738],{"class":4279},[4094,14948,3536],{"class":4384},[4094,14950,4631],{"class":4279},[4094,14952,4179],{"class":4315},[4094,14954,14955,14957,14959],{"class":4096,"line":5141},[4094,14956,14889],{"class":4368},[4094,14958,3522],{"class":4342},[4094,14960,4411],{"class":4368},[4094,14962,14963],{"class":4096,"line":5151},[4094,14964,4125],{"emptyLinePlaceholder":4124},[4094,14966,14967,14969,14971,14973,14975,14977,14979,14981,14983,14986,14988,14990,14992,14994,14996,14998,15000,15002,15004,15006,15008,15010,15012],{"class":4096,"line":5161},[4094,14968,14810],{"class":4368},[4094,14970,3522],{"class":4342},[4094,14972,4375],{"class":4374},[4094,14974,4378],{"class":4275},[4094,14976,4381],{"class":4315},[4094,14978,4385],{"class":4384},[4094,14980,4388],{"class":4279},[4094,14982,3536],{"class":4384},[4094,14984,14985],{"class":4279},"price",[4094,14987,4396],{"class":4384},[4094,14989,4636],{"class":4279},[4094,14991,4543],{"class":4279},[4094,14993,4405],{"class":4384},[4094,14995,4408],{"class":4315},[4094,14997,4436],{"class":4368},[4094,14999,4381],{"class":4315},[4094,15001,14738],{"class":4279},[4094,15003,3536],{"class":4384},[4094,15005,14985],{"class":4279},[4094,15007,4408],{"class":4315},[4094,15009,4445],{"class":4368},[4094,15011,3522],{"class":4342},[4094,15013,4411],{"class":4368},[4094,15015,15016,15018,15020],{"class":4096,"line":5167},[4094,15017,11365],{"class":4368},[4094,15019,3518],{"class":4342},[4094,15021,4411],{"class":4368},[4094,15023,15024,15026],{"class":4096,"line":5182},[4094,15025,6182],{"class":4384},[4094,15027,4179],{"class":4315},[4094,15029,15030,15032,15034],{"class":4096,"line":5206},[4094,15031,4770],{"class":4368},[4094,15033,3518],{"class":4342},[4094,15035,4411],{"class":4368},[4094,15037,15038,15040,15042],{"class":4096,"line":5214},[4094,15039,4454],{"class":4368},[4094,15041,3518],{"class":4342},[4094,15043,4411],{"class":4368},[4094,15045,15046],{"class":4096,"line":5225},[4094,15047,4463],{"class":4275},[4094,15049,15050],{"class":4096,"line":5235},[4094,15051,4179],{"class":4275},[4094,15053,15054],{"class":4096,"line":5245},[4094,15055,4125],{"emptyLinePlaceholder":4124},[4094,15057,15058,15060,15062,15064,15066,15068,15070],{"class":4096,"line":5255},[4094,15059,5029],{"class":4315},[4094,15061,4683],{"class":4496},[4094,15063,4500],{"class":4275},[4094,15065,4288],{"class":4279},[4094,15067,3536],{"class":4275},[4094,15069,5040],{"class":4319},[4094,15071,5043],{"class":4275},[4094,15073,15074,15076,15078,15080,15082,15084,15086,15088,15090,15092,15094],{"class":4096,"line":5265},[4094,15075,5049],{"class":4279},[4094,15077,4276],{"class":4275},[4094,15079,5054],{"class":4279},[4094,15081,5057],{"class":4812},[4094,15083,3519],{"class":4275},[4094,15085,5069],{"class":4279},[4094,15087,5293],{"class":4812},[4094,15089,3519],{"class":4275},[4094,15091,5076],{"class":4279},[4094,15093,5240],{"class":4812},[4094,15095,5082],{"class":4275},[4094,15097,15098,15100,15102,15104,15106,15108,15110,15112],{"class":4096,"line":5270},[4094,15099,6538],{"class":4279},[4094,15101,4276],{"class":4275},[4094,15103,5093],{"class":4279},[4094,15105,6545],{"class":4812},[4094,15107,3519],{"class":4275},[4094,15109,5101],{"class":4279},[4094,15111,5104],{"class":4302},[4094,15113,5082],{"class":4275},[4094,15115,15116,15118,15120,15122,15124,15126,15128,15130],{"class":4096,"line":5298},[4094,15117,9817],{"class":4279},[4094,15119,4276],{"class":4275},[4094,15121,5093],{"class":4279},[4094,15123,5308],{"class":4812},[4094,15125,3519],{"class":4275},[4094,15127,5313],{"class":4279},[4094,15129,5316],{"class":4812},[4094,15131,5082],{"class":4275},[4094,15133,15134,15137,15139,15141,15143],{"class":4096,"line":5327},[4094,15135,15136],{"class":4279},"  list:",[4094,15138,4276],{"class":4275},[4094,15140,5076],{"class":4279},[4094,15142,5079],{"class":4812},[4094,15144,5082],{"class":4275},[4094,15146,15147,15149],{"class":4096,"line":6447},[4094,15148,5185],{"class":4279},[4094,15150,5115],{"class":4275},[4094,15152,15153,15155,15157],{"class":4096,"line":6453},[4094,15154,8108],{"class":4279},[4094,15156,5193],{"class":4302},[4094,15158,5127],{"class":4275},[4094,15160,15161,15163,15165],{"class":4096,"line":6462},[4094,15162,5248],{"class":4279},[4094,15164,5201],{"class":4302},[4094,15166,5127],{"class":4275},[4094,15168,15169,15171,15173],{"class":4096,"line":6471},[4094,15170,5154],{"class":4279},[4094,15172,5240],{"class":4812},[4094,15174,5127],{"class":4275},[4094,15176,15177,15179,15181],{"class":4096,"line":6476},[4094,15178,5144],{"class":4279},[4094,15180,5136],{"class":4812},[4094,15182,5127],{"class":4275},[4094,15184,15185,15187,15189],{"class":4096,"line":6481},[4094,15186,5133],{"class":4279},[4094,15188,5136],{"class":4812},[4094,15190,5127],{"class":4275},[4094,15192,15193,15195,15197],{"class":4096,"line":6486},[4094,15194,6735],{"class":4279},[4094,15196,5057],{"class":4812},[4094,15198,5127],{"class":4275},[4094,15200,15201],{"class":4096,"line":6503},[4094,15202,5164],{"class":4275},[4094,15204,15205,15208],{"class":4096,"line":6535},[4094,15206,15207],{"class":4279},"  icon:",[4094,15209,5115],{"class":4275},[4094,15211,15212],{"class":4096,"line":6556},[4094,15213,15214],{"class":11759},"    \u002F\u002F basis-еквівалент: фіксована ширина, grow\u002Fshrink 0\n",[4094,15216,15217,15219,15222],{"class":4096,"line":6585},[4094,15218,5217],{"class":4279},[4094,15220,15221],{"class":4812}," 44",[4094,15223,5127],{"class":4275},[4094,15225,15226,15228,15230],{"class":4096,"line":6593},[4094,15227,5228],{"class":4279},[4094,15229,15221],{"class":4812},[4094,15231,5127],{"class":4275},[4094,15233,15234,15236,15239],{"class":4096,"line":6603},[4094,15235,5133],{"class":4279},[4094,15237,15238],{"class":4812}," 22",[4094,15240,5127],{"class":4275},[4094,15242,15243,15245,15247],{"class":4096,"line":6614},[4094,15244,5121],{"class":4279},[4094,15246,6273],{"class":4302},[4094,15248,5127],{"class":4275},[4094,15250,15251,15253,15255],{"class":4096,"line":6623},[4094,15252,5248],{"class":4279},[4094,15254,5201],{"class":4302},[4094,15256,5127],{"class":4275},[4094,15258,15259,15261,15263],{"class":4096,"line":6633},[4094,15260,5258],{"class":4279},[4094,15262,5201],{"class":4302},[4094,15264,5127],{"class":4275},[4094,15266,15267,15269,15271],{"class":4096,"line":6638},[4094,15268,9945],{"class":4279},[4094,15270,9948],{"class":4812},[4094,15272,5127],{"class":4275},[4094,15274,15275,15277,15279],{"class":4096,"line":6652},[4094,15276,9955],{"class":4279},[4094,15278,9948],{"class":4812},[4094,15280,5127],{"class":4275},[4094,15282,15283],{"class":4096,"line":6681},[4094,15284,5164],{"class":4275},[4094,15286,15287,15290,15292,15294,15296,15298,15300,15302,15304,15306,15308],{"class":4096,"line":6695},[4094,15288,15289],{"class":4279},"  iconText:",[4094,15291,4276],{"class":4275},[4094,15293,4636],{"class":4279},[4094,15295,5280],{"class":4302},[4094,15297,3519],{"class":4275},[4094,15299,5101],{"class":4279},[4094,15301,5104],{"class":4302},[4094,15303,3519],{"class":4275},[4094,15305,5093],{"class":4279},[4094,15307,5293],{"class":4812},[4094,15309,5082],{"class":4275},[4094,15311,15312,15314],{"class":4096,"line":6703},[4094,15313,5088],{"class":4279},[4094,15315,5115],{"class":4275},[4094,15317,15318,15320,15322],{"class":4096,"line":6713},[4094,15319,9945],{"class":4279},[4094,15321,5057],{"class":4812},[4094,15323,5127],{"class":4275},[4094,15325,15326,15328,15330],{"class":4096,"line":6723},[4094,15327,9955],{"class":4279},[4094,15329,5057],{"class":4812},[4094,15331,5127],{"class":4275},[4094,15333,15334,15336,15338,15340],{"class":4096,"line":6732},[4094,15335,13957],{"class":4279},[4094,15337,9948],{"class":4812},[4094,15339,3519],{"class":4275},[4094,15341,15342],{"class":11759},"\u002F\u002F стартувати «з нуля» і рости — зручно для рівних рядків\n",[4094,15344,15345,15347,15349,15351],{"class":4096,"line":6743},[4094,15346,14089],{"class":4279},[4094,15348,9948],{"class":4812},[4094,15350,3519],{"class":4275},[4094,15352,15353],{"class":11759},"\u002F\u002F важливо для обрізання тексту в деяких деревах layout\n",[4094,15355,15356,15358,15360],{"class":4096,"line":6754},[4094,15357,11854],{"class":4279},[4094,15359,5293],{"class":4812},[4094,15361,5127],{"class":4275},[4094,15363,15364,15366,15368],{"class":4096,"line":6763},[4094,15365,11845],{"class":4279},[4094,15367,6669],{"class":4302},[4094,15369,5127],{"class":4275},[4094,15371,15372],{"class":4096,"line":6772},[4094,15373,5164],{"class":4275},[4094,15375,15376,15379],{"class":4096,"line":6783},[4094,15377,15378],{"class":4279},"  price:",[4094,15380,5115],{"class":4275},[4094,15382,15383,15385,15387],{"class":4096,"line":6788},[4094,15384,9945],{"class":4279},[4094,15386,9948],{"class":4812},[4094,15388,5127],{"class":4275},[4094,15390,15391,15393,15395],{"class":4096,"line":6810},[4094,15392,9955],{"class":4279},[4094,15394,9948],{"class":4812},[4094,15396,5127],{"class":4275},[4094,15398,15399,15401,15403],{"class":4096,"line":6833},[4094,15400,11854],{"class":4279},[4094,15402,6524],{"class":4812},[4094,15404,5127],{"class":4275},[4094,15406,15407,15409,15411],{"class":4096,"line":6855},[4094,15408,11845],{"class":4279},[4094,15410,5104],{"class":4302},[4094,15412,5127],{"class":4275},[4094,15414,15415],{"class":4096,"line":6874},[4094,15416,5164],{"class":4275},[4094,15418,15419],{"class":4096,"line":13575},[4094,15420,5330],{"class":4275},[3666,15422,15423,15431,15432,15435,15436,15439,15440,15443],{},[3540,15424,15425,5463,15428,15430],{},[3516,15426,15427],{},"flexBasis: 0",[3516,15429,9119],{}," на тексті."," Частий прийом у рядках: «не орієнтуйся на довжину рядка як на basis, а одразу діли вільне місце і стискайся». Разом із ",[3516,15433,15434],{},"numberOfLines={1}"," і (за потреби) ",[3516,15437,15438],{},"minWidth: 0"," довгі назви коректно отримують ",[3516,15441,15442],{},"…",", а ціна не з’їжджає.",[3859,15445,15446,15456],{},[3512,15447,15448],{},[3540,15449,15450,15451,15453,15454,3536],{},"Плутанина ",[3516,15452,6981],{}," vs ",[3516,15455,9007],{},[3898,15457,15458,15464],{},[3578,15459,15460,15463],{},[3516,15461,15462],{},"width: 100"," — жорсткіша геометрія в багатьох випадках.",[3578,15465,15466,3915,15469,15472,15473,15475,15476,15478,15479,15481],{},[3516,15467,15468],{},"flexBasis: 100",[3540,15470,15471],{},"участь у flex-грі",": далі grow\u002Fshrink можуть змінити підсумковий розмір.",[4012,15474],{},"\nДля «іконка завжди 44» достатньо ",[3516,15477,6981],{},"\u002F",[3516,15480,9076],{},". Для «хочу ~120, але можу віддати місце» — basis + shrink.",[3688,15483],{},[3507,15485,15487,3519,15489,15491],{"id":15486},"gap-flexwrap-і-сітка-без-css-grid",[3516,15488,3603],{},[3516,15490,3609],{}," і «сітка» без CSS Grid",[3512,15493,15494],{},[3697,15495],{"alt":15496,"className":15497,"src":15498},"gap між children",[3701],"\u002Fimages\u002Freact-native\u002Fflexbox-and-layout\u002F04.svg",[4250,15500,15501],{"id":3603},[3516,15502,3603],{},[3512,15504,15505,15508,15509,15512],{},[3516,15506,15507],{},"gap: 12"," на контейнері ставить ",[3540,15510,15511],{},"12"," між сусідами. Не треба:",[4085,15514,15516],{"className":4262,"code":15515,"language":4264,"meta":4090,"style":4090},"\u002F\u002F крихкіше\nitem: { marginBottom: 12 }\n\u002F\u002F і окремо «останній без margin»\n",[3516,15517,15518,15523,15540],{"__ignoreMap":4090},[4094,15519,15520],{"class":4096,"line":4097},[4094,15521,15522],{"class":11759},"\u002F\u002F крихкіше\n",[4094,15524,15525,15528,15531,15533,15535,15537],{"class":4096,"line":4103},[4094,15526,6266],{"class":15527},"s5IvJ",[4094,15529,15530],{"class":4275},": { ",[4094,15532,4079],{"class":15527},[4094,15534,4339],{"class":4275},[4094,15536,15511],{"class":4812},[4094,15538,15539],{"class":4275}," }\n",[4094,15541,15542],{"class":4096,"line":4109},[4094,15543,15544],{"class":11759},"\u002F\u002F і окремо «останній без margin»\n",[3512,15546,15547,15548,15550,15551,15550,15553,3536],{},"Працює і для ",[3516,15549,3875],{},", і для ",[3516,15552,3763],{},[3516,15554,15555],{},"wrap",[4250,15557,15559],{"id":15558},"flexwrap-wrap",[3516,15560,15561],{},"flexWrap: 'wrap'",[3512,15563,15564,15565,15567,15568,15571],{},"Коли вкладених елементів більше, ніж вміщується в один ряд (при ",[3516,15566,3867],{},"), вони ",[3540,15569,15570],{},"переносяться"," на наступний. Так збирають:",[3898,15573,15574,15577,15580],{},[3578,15575,15576],{},"сітку іконок 2×N або 3×N;",[3578,15578,15579],{},"«хмару» чіпів фільтрів;",[3578,15581,15582],{},"плитки категорій.",[3512,15584,15585,15586,15589,15590,5463,15593,15595],{},"Ширину плитки часто задають як ",[3540,15587,15588],{},"відсоток"," від батька, з урахуванням gap (наприклад, дві колонки ≈ ",[3516,15591,15592],{},"'48%'",[3516,15594,3603],{},", або точніший розрахунок).",[4250,15597,15599],{"id":15598},"демо-wrap-сітка","Демо: wrap-сітка",[4255,15601,15604],{"device":4257,"filename":15602,"title":15603},"WrapGridDemo.tsx","flexWrap — сітка 2 колонки",[4085,15605,15607],{"className":4262,"code":15606,"language":4264,"meta":4090,"style":4090},"import { View, Text, StyleSheet, useColorScheme } from 'react-native';\n\nconst CELLS = ['Київ', 'Львів', 'Одеса', 'Харків', 'Дніпро', 'Ужгород'];\n\nexport default function App() {\n  const isDark = useColorScheme() === 'dark';\n  const text = isDark ? '#f5f5f7' : '#0f172a';\n  const muted = isDark ? '#a1a1aa' : '#64748b';\n  const cellBg = isDark ? '#1c1c1e' : '#fff';\n  const border = isDark ? '#3a3a3c' : '#e2e8f0';\n\n  return (\n    \u003CView style={[styles.screen, isDark && { backgroundColor: '#000' }]}>\n      \u003CText style={[styles.title, { color: text }]}>Міста · wrap grid\u003C\u002FText>\n      \u003CText style={[styles.sub, { color: muted }]}>\n        flexDirection: row · flexWrap: wrap · width ~48%\n      \u003C\u002FText>\n      \u003CView style={styles.grid}>\n        {CELLS.map((name) => (\n          \u003CView\n            key={name}\n            style={[styles.cell, { backgroundColor: cellBg, borderColor: border }]}\n          >\n            \u003CText style={[styles.cellText, { color: text }]}>{name}\u003C\u002FText>\n          \u003C\u002FView>\n        ))}\n      \u003C\u002FView>\n    \u003C\u002FView>\n  );\n}\n\nconst styles = StyleSheet.create({\n  screen: { flex: 1, backgroundColor: '#F8FAFC', padding: 16, gap: 8 },\n  title: { fontSize: 18, fontWeight: '700' },\n  sub: { fontSize: 13, marginBottom: 8 },\n  grid: {\n    flexDirection: 'row',\n    flexWrap: 'wrap',\n    gap: 10,\n  },\n  cell: {\n    width: '48%',\n    minHeight: 72,\n    borderRadius: 12,\n    borderWidth: 1,\n    alignItems: 'center',\n    justifyContent: 'center',\n    padding: 12,\n  },\n  cellText: { fontSize: 16, fontWeight: '600' },\n});\n",[3516,15608,15609,15637,15641,15681,15685,15697,15713,15733,15753,15774,15794,15798,15804,15842,15883,15915,15920,15928,15951,15973,15979,15991,16024,16028,16073,16081,16087,16095,16103,16107,16111,16115,16131,16161,16179,16197,16204,16212,16221,16229,16233,16240,16249,16257,16265,16273,16281,16289,16297,16301,16320],{"__ignoreMap":4090},[4094,15610,15611,15613,15615,15617,15619,15621,15623,15625,15627,15629,15631,15633,15635],{"class":4096,"line":4097},[4094,15612,4272],{"class":4271},[4094,15614,4276],{"class":4275},[4094,15616,3518],{"class":4279},[4094,15618,3519],{"class":4275},[4094,15620,3522],{"class":4279},[4094,15622,3519],{"class":4275},[4094,15624,4288],{"class":4279},[4094,15626,3519],{"class":4275},[4094,15628,4293],{"class":4279},[4094,15630,4296],{"class":4275},[4094,15632,4299],{"class":4271},[4094,15634,4303],{"class":4302},[4094,15636,4306],{"class":4275},[4094,15638,15639],{"class":4096,"line":4103},[4094,15640,4125],{"emptyLinePlaceholder":4124},[4094,15642,15643,15645,15648,15651,15654,15656,15659,15661,15664,15666,15669,15671,15674,15676,15679],{"class":4096,"line":4109},[4094,15644,5029],{"class":4315},[4094,15646,15647],{"class":4496}," CELLS",[4094,15649,15650],{"class":4275}," = [",[4094,15652,15653],{"class":4302},"'Київ'",[4094,15655,3519],{"class":4275},[4094,15657,15658],{"class":4302},"'Львів'",[4094,15660,3519],{"class":4275},[4094,15662,15663],{"class":4302},"'Одеса'",[4094,15665,3519],{"class":4275},[4094,15667,15668],{"class":4302},"'Харків'",[4094,15670,3519],{"class":4275},[4094,15672,15673],{"class":4302},"'Дніпро'",[4094,15675,3519],{"class":4275},[4094,15677,15678],{"class":4302},"'Ужгород'",[4094,15680,5654],{"class":4275},[4094,15682,15683],{"class":4096,"line":4115},[4094,15684,4125],{"emptyLinePlaceholder":4124},[4094,15686,15687,15689,15691,15693,15695],{"class":4096,"line":4121},[4094,15688,4476],{"class":4271},[4094,15690,4479],{"class":4271},[4094,15692,4482],{"class":4315},[4094,15694,4485],{"class":4319},[4094,15696,4488],{"class":4275},[4094,15698,15699,15701,15703,15705,15707,15709,15711],{"class":4096,"line":4128},[4094,15700,4493],{"class":4315},[4094,15702,4497],{"class":4496},[4094,15704,4500],{"class":4275},[4094,15706,4293],{"class":4319},[4094,15708,4505],{"class":4275},[4094,15710,4508],{"class":4302},[4094,15712,4306],{"class":4275},[4094,15714,15715,15717,15719,15721,15723,15725,15727,15729,15731],{"class":4096,"line":4134},[4094,15716,4493],{"class":4315},[4094,15718,4517],{"class":4496},[4094,15720,4500],{"class":4275},[4094,15722,4522],{"class":4279},[4094,15724,4525],{"class":4275},[4094,15726,4528],{"class":4302},[4094,15728,4531],{"class":4275},[4094,15730,4534],{"class":4302},[4094,15732,4306],{"class":4275},[4094,15734,15735,15737,15739,15741,15743,15745,15747,15749,15751],{"class":4096,"line":4140},[4094,15736,4493],{"class":4315},[4094,15738,4543],{"class":4496},[4094,15740,4500],{"class":4275},[4094,15742,4522],{"class":4279},[4094,15744,4525],{"class":4275},[4094,15746,4552],{"class":4302},[4094,15748,4531],{"class":4275},[4094,15750,4557],{"class":4302},[4094,15752,4306],{"class":4275},[4094,15754,15755,15757,15760,15762,15764,15766,15768,15770,15772],{"class":4096,"line":4146},[4094,15756,4493],{"class":4315},[4094,15758,15759],{"class":4496}," cellBg",[4094,15761,4500],{"class":4275},[4094,15763,4522],{"class":4279},[4094,15765,4525],{"class":4275},[4094,15767,14514],{"class":4302},[4094,15769,4531],{"class":4275},[4094,15771,14519],{"class":4302},[4094,15773,4306],{"class":4275},[4094,15775,15776,15778,15780,15782,15784,15786,15788,15790,15792],{"class":4096,"line":4152},[4094,15777,4493],{"class":4315},[4094,15779,14528],{"class":4496},[4094,15781,4500],{"class":4275},[4094,15783,4522],{"class":4279},[4094,15785,4525],{"class":4275},[4094,15787,14537],{"class":4302},[4094,15789,4531],{"class":4275},[4094,15791,14542],{"class":4302},[4094,15793,4306],{"class":4275},[4094,15795,15796],{"class":4096,"line":4158},[4094,15797,4125],{"emptyLinePlaceholder":4124},[4094,15799,15800,15802],{"class":4096,"line":4164},[4094,15801,4360],{"class":4271},[4094,15803,4363],{"class":4275},[4094,15805,15806,15808,15810,15812,15814,15816,15818,15820,15822,15824,15826,15828,15830,15832,15834,15836,15838,15840],{"class":4096,"line":4170},[4094,15807,4369],{"class":4368},[4094,15809,3518],{"class":4342},[4094,15811,4375],{"class":4374},[4094,15813,4378],{"class":4275},[4094,15815,4381],{"class":4315},[4094,15817,4385],{"class":4384},[4094,15819,4388],{"class":4279},[4094,15821,3536],{"class":4384},[4094,15823,4590],{"class":4279},[4094,15825,3519],{"class":4384},[4094,15827,4522],{"class":4279},[4094,15829,4597],{"class":4275},[4094,15831,4276],{"class":4384},[4094,15833,4399],{"class":4279},[4094,15835,4604],{"class":4302},[4094,15837,4405],{"class":4384},[4094,15839,4408],{"class":4315},[4094,15841,4411],{"class":4368},[4094,15843,15844,15846,15848,15850,15852,15854,15856,15858,15860,15862,15864,15866,15868,15870,15872,15874,15877,15879,15881],{"class":4096,"line":4176},[4094,15845,4416],{"class":4368},[4094,15847,3522],{"class":4342},[4094,15849,4375],{"class":4374},[4094,15851,4378],{"class":4275},[4094,15853,4381],{"class":4315},[4094,15855,4385],{"class":4384},[4094,15857,4388],{"class":4279},[4094,15859,3536],{"class":4384},[4094,15861,4631],{"class":4279},[4094,15863,4396],{"class":4384},[4094,15865,4636],{"class":4279},[4094,15867,4517],{"class":4279},[4094,15869,4405],{"class":4384},[4094,15871,4408],{"class":4315},[4094,15873,4436],{"class":4368},[4094,15875,15876],{"class":4275},"Міста · wrap grid",[4094,15878,4445],{"class":4368},[4094,15880,3522],{"class":4342},[4094,15882,4411],{"class":4368},[4094,15884,15885,15887,15889,15891,15893,15895,15897,15899,15901,15903,15905,15907,15909,15911,15913],{"class":4096,"line":4182},[4094,15886,4416],{"class":4368},[4094,15888,3522],{"class":4342},[4094,15890,4375],{"class":4374},[4094,15892,4378],{"class":4275},[4094,15894,4381],{"class":4315},[4094,15896,4385],{"class":4384},[4094,15898,4388],{"class":4279},[4094,15900,3536],{"class":4384},[4094,15902,9433],{"class":4279},[4094,15904,4396],{"class":4384},[4094,15906,4636],{"class":4279},[4094,15908,4543],{"class":4279},[4094,15910,4405],{"class":4384},[4094,15912,4408],{"class":4315},[4094,15914,4411],{"class":4368},[4094,15916,15917],{"class":4096,"line":4187},[4094,15918,15919],{"class":4275},"        flexDirection: row · flexWrap: wrap · width ~48%\n",[4094,15921,15922,15924,15926],{"class":4096,"line":4193},[4094,15923,4770],{"class":4368},[4094,15925,3522],{"class":4342},[4094,15927,4411],{"class":4368},[4094,15929,15930,15932,15934,15936,15938,15940,15942,15944,15947,15949],{"class":4096,"line":4199},[4094,15931,4416],{"class":4368},[4094,15933,3518],{"class":4342},[4094,15935,4375],{"class":4374},[4094,15937,4378],{"class":4275},[4094,15939,4381],{"class":4315},[4094,15941,4388],{"class":4279},[4094,15943,3536],{"class":4384},[4094,15945,15946],{"class":4279},"grid",[4094,15948,4408],{"class":4315},[4094,15950,4411],{"class":4368},[4094,15952,15953,15955,15958,15960,15962,15964,15967,15969,15971],{"class":4096,"line":4205},[4094,15954,6084],{"class":4315},[4094,15956,15957],{"class":4496},"CELLS",[4094,15959,3536],{"class":4384},[4094,15961,6092],{"class":4319},[4094,15963,6095],{"class":4384},[4094,15965,15966],{"class":4279},"name",[4094,15968,6101],{"class":4384},[4094,15970,5724],{"class":4315},[4094,15972,4363],{"class":4384},[4094,15974,15975,15977],{"class":4096,"line":4211},[4094,15976,6110],{"class":4368},[4094,15978,10355],{"class":4342},[4094,15980,15981,15983,15985,15987,15989],{"class":4096,"line":4217},[4094,15982,14755],{"class":4374},[4094,15984,4378],{"class":4275},[4094,15986,4381],{"class":4315},[4094,15988,15966],{"class":4279},[4094,15990,4179],{"class":4315},[4094,15992,15993,15995,15997,15999,16001,16003,16005,16008,16010,16012,16014,16016,16018,16020,16022],{"class":4096,"line":4223},[4094,15994,14772],{"class":4374},[4094,15996,4378],{"class":4275},[4094,15998,4381],{"class":4315},[4094,16000,4385],{"class":4384},[4094,16002,4388],{"class":4279},[4094,16004,3536],{"class":4384},[4094,16006,16007],{"class":4279},"cell",[4094,16009,4396],{"class":4384},[4094,16011,4399],{"class":4279},[4094,16013,15759],{"class":4279},[4094,16015,3519],{"class":4384},[4094,16017,6802],{"class":4279},[4094,16019,14528],{"class":4279},[4094,16021,4405],{"class":4384},[4094,16023,4179],{"class":4315},[4094,16025,16026],{"class":4096,"line":4229},[4094,16027,14805],{"class":4368},[4094,16029,16030,16032,16034,16036,16038,16040,16042,16044,16046,16049,16051,16053,16055,16057,16059,16061,16063,16065,16067,16069,16071],{"class":4096,"line":4235},[4094,16031,14810],{"class":4368},[4094,16033,3522],{"class":4342},[4094,16035,4375],{"class":4374},[4094,16037,4378],{"class":4275},[4094,16039,4381],{"class":4315},[4094,16041,4385],{"class":4384},[4094,16043,4388],{"class":4279},[4094,16045,3536],{"class":4384},[4094,16047,16048],{"class":4279},"cellText",[4094,16050,4396],{"class":4384},[4094,16052,4636],{"class":4279},[4094,16054,4517],{"class":4279},[4094,16056,4405],{"class":4384},[4094,16058,4408],{"class":4315},[4094,16060,4436],{"class":4368},[4094,16062,4381],{"class":4315},[4094,16064,15966],{"class":4279},[4094,16066,4408],{"class":4315},[4094,16068,4445],{"class":4368},[4094,16070,3522],{"class":4342},[4094,16072,4411],{"class":4368},[4094,16074,16075,16077,16079],{"class":4096,"line":4240},[4094,16076,11365],{"class":4368},[4094,16078,3518],{"class":4342},[4094,16080,4411],{"class":4368},[4094,16082,16083,16085],{"class":4096,"line":4245},[4094,16084,6182],{"class":4384},[4094,16086,4179],{"class":4315},[4094,16088,16089,16091,16093],{"class":4096,"line":4876},[4094,16090,4770],{"class":4368},[4094,16092,3518],{"class":4342},[4094,16094,4411],{"class":4368},[4094,16096,16097,16099,16101],{"class":4096,"line":4897},[4094,16098,4454],{"class":4368},[4094,16100,3518],{"class":4342},[4094,16102,4411],{"class":4368},[4094,16104,16105],{"class":4096,"line":4918},[4094,16106,4463],{"class":4275},[4094,16108,16109],{"class":4096,"line":4939},[4094,16110,4179],{"class":4275},[4094,16112,16113],{"class":4096,"line":4948},[4094,16114,4125],{"emptyLinePlaceholder":4124},[4094,16116,16117,16119,16121,16123,16125,16127,16129],{"class":4096,"line":4953},[4094,16118,5029],{"class":4315},[4094,16120,4683],{"class":4496},[4094,16122,4500],{"class":4275},[4094,16124,4288],{"class":4279},[4094,16126,3536],{"class":4275},[4094,16128,5040],{"class":4319},[4094,16130,5043],{"class":4275},[4094,16132,16133,16135,16137,16139,16141,16143,16145,16147,16149,16151,16153,16155,16157,16159],{"class":4096,"line":4987},[4094,16134,5049],{"class":4279},[4094,16136,4276],{"class":4275},[4094,16138,5054],{"class":4279},[4094,16140,5057],{"class":4812},[4094,16142,3519],{"class":4275},[4094,16144,4399],{"class":4279},[4094,16146,5064],{"class":4302},[4094,16148,3519],{"class":4275},[4094,16150,5069],{"class":4279},[4094,16152,5293],{"class":4812},[4094,16154,3519],{"class":4275},[4094,16156,5076],{"class":4279},[4094,16158,5079],{"class":4812},[4094,16160,5082],{"class":4275},[4094,16162,16163,16165,16167,16169,16171,16173,16175,16177],{"class":4096,"line":4993},[4094,16164,5088],{"class":4279},[4094,16166,4276],{"class":4275},[4094,16168,5093],{"class":4279},[4094,16170,5316],{"class":4812},[4094,16172,3519],{"class":4275},[4094,16174,5101],{"class":4279},[4094,16176,5104],{"class":4302},[4094,16178,5082],{"class":4275},[4094,16180,16181,16183,16185,16187,16189,16191,16193,16195],{"class":4096,"line":5002},[4094,16182,9817],{"class":4279},[4094,16184,4276],{"class":4275},[4094,16186,5093],{"class":4279},[4094,16188,5308],{"class":4812},[4094,16190,3519],{"class":4275},[4094,16192,13642],{"class":4279},[4094,16194,5079],{"class":4812},[4094,16196,5082],{"class":4275},[4094,16198,16199,16202],{"class":4096,"line":5011},[4094,16200,16201],{"class":4279},"  grid:",[4094,16203,5115],{"class":4275},[4094,16205,16206,16208,16210],{"class":4096,"line":5016},[4094,16207,8108],{"class":4279},[4094,16209,5193],{"class":4302},[4094,16211,5127],{"class":4275},[4094,16213,16214,16217,16219],{"class":4096,"line":5021},[4094,16215,16216],{"class":4279},"    flexWrap:",[4094,16218,6573],{"class":4302},[4094,16220,5127],{"class":4275},[4094,16222,16223,16225,16227],{"class":4096,"line":5026},[4094,16224,5154],{"class":4279},[4094,16226,5240],{"class":4812},[4094,16228,5127],{"class":4275},[4094,16230,16231],{"class":4096,"line":5046},[4094,16232,5164],{"class":4275},[4094,16234,16235,16238],{"class":4096,"line":5085},[4094,16236,16237],{"class":4279},"  cell:",[4094,16239,5115],{"class":4275},[4094,16241,16242,16244,16247],{"class":4096,"line":5109},[4094,16243,5217],{"class":4279},[4094,16245,16246],{"class":4302}," '48%'",[4094,16248,5127],{"class":4275},[4094,16250,16251,16253,16255],{"class":4096,"line":5118},[4094,16252,6775],{"class":4279},[4094,16254,9852],{"class":4812},[4094,16256,5127],{"class":4275},[4094,16258,16259,16261,16263],{"class":4096,"line":5130},[4094,16260,5133],{"class":4279},[4094,16262,5136],{"class":4812},[4094,16264,5127],{"class":4275},[4094,16266,16267,16269,16271],{"class":4096,"line":5141},[4094,16268,6735],{"class":4279},[4094,16270,5057],{"class":4812},[4094,16272,5127],{"class":4275},[4094,16274,16275,16277,16279],{"class":4096,"line":5151},[4094,16276,5248],{"class":4279},[4094,16278,5201],{"class":4302},[4094,16280,5127],{"class":4275},[4094,16282,16283,16285,16287],{"class":4096,"line":5161},[4094,16284,5258],{"class":4279},[4094,16286,5201],{"class":4302},[4094,16288,5127],{"class":4275},[4094,16290,16291,16293,16295],{"class":4096,"line":5167},[4094,16292,5144],{"class":4279},[4094,16294,5136],{"class":4812},[4094,16296,5127],{"class":4275},[4094,16298,16299],{"class":4096,"line":5182},[4094,16300,5164],{"class":4275},[4094,16302,16303,16306,16308,16310,16312,16314,16316,16318],{"class":4096,"line":5206},[4094,16304,16305],{"class":4279},"  cellText:",[4094,16307,4276],{"class":4275},[4094,16309,5093],{"class":4279},[4094,16311,5293],{"class":4812},[4094,16313,3519],{"class":4275},[4094,16315,5101],{"class":4279},[4094,16317,6669],{"class":4302},[4094,16319,5082],{"class":4275},[4094,16321,16322],{"class":4096,"line":5214},[4094,16323,5330],{"class":4275},[3666,16325,16326,5447,16329,16332,16333,16336,16337,16339,16340,16343,16344,16347],{},[3540,16327,16328],{},"Відсотки.",[3516,16330,16331],{},"width: '48%'"," — відсоток від ",[3540,16334,16335],{},"ширини батька",". Дві клітинки + ",[3516,16338,3603],{}," візуально дають дві колонки. На дуже вузьких екранах інколи переходять на одну колонку (",[3516,16341,16342],{},"width: '100%'",") через перевірку ширини (",[3516,16345,16346],{},"useWindowDimensions",") — це вже адаптив; базова ідея wrap та сама.",[3688,16349],{},[3507,16351,16353],{"id":16352},"патерн-header-body-footer","Патерн: header \u002F body \u002F footer",[3512,16355,16356],{},[3697,16357],{"alt":16358,"className":16359,"src":16360},"Shell header body footer",[3701],"\u002Fimages\u002Freact-native\u002Fflexbox-and-layout\u002F03.svg",[3512,16362,16363,16364,16367],{},"Це ",[3540,16365,16366],{},"скелет"," більшості мобільних екранів: фіксована шапка, прокручувана середина, стабільний низ (кнопка «Зберегти», «Далі», «Нова поїздка»).",[16369,16370,16371,16377,16380,16386,16389,16395,16411,16417],"steps",{},[4250,16372,16374,16375],{"id":16373},"корінь-flex-1","Корінь ",[3516,16376,3857],{},[3512,16378,16379],{},"Екран займає всю доступну висоту (під safe area — окремо).",[4250,16381,16383,16384],{"id":16382},"header-без-flex","Header без ",[3516,16385,3606],{},[3512,16387,16388],{},"Висота за текстом і відступами. Не розтягується.",[4250,16390,16392,16393],{"id":16391},"body-з-flex-1","Body з ",[3516,16394,3857],{},[3512,16396,16397,16398,16401,16402,3566,16404,3584,16407,16410],{},"Забирає ",[3540,16399,16400],{},"решту",". Усередині часто ",[3516,16403,3531],{},[3516,16405,16406],{},"style={{ flex: 1 }}",[3516,16408,16409],{},"contentContainerStyle"," для padding.",[4250,16412,16414,16415],{"id":16413},"footer-без-flex","Footer без ",[3516,16416,3606],{},[3512,16418,16419],{},"Кнопка завжди видима внизу (поки не відкрита клавіатура — про неї нижче).",[4255,16421,16424],{"device":4257,"filename":16422,"title":16423},"HeaderBodyFooter.tsx","Header \u002F body \u002F footer",[4085,16425,16427],{"className":4262,"code":16426,"language":4264,"meta":4090,"style":4090},"import { View, Text, ScrollView, Pressable, StyleSheet, useColorScheme } from 'react-native';\n\nexport default function App() {\n  const isDark = useColorScheme() === 'dark';\n  const text = isDark ? '#f5f5f7' : '#0f172a';\n  const muted = isDark ? '#a1a1aa' : '#64748b';\n  const surface = isDark ? '#1c1c1e' : '#fff';\n  const border = isDark ? '#3a3a3c' : '#e2e8f0';\n  const bg = isDark ? '#000' : '#F8FAFC';\n\n  return (\n    \u003CView style={[styles.root, { backgroundColor: bg }]}>\n      \u003CView style={[styles.header, { backgroundColor: surface, borderBottomColor: border }]}>\n        \u003CText style={[styles.headerTitle, { color: text }]}>Мої поїздки\u003C\u002FText>\n        \u003CText style={[styles.headerSub, { color: muted }]}>3 активні\u003C\u002FText>\n      \u003C\u002FView>\n\n      \u003CScrollView style={styles.body} contentContainerStyle={styles.bodyContent}>\n        {['Київ — Карпати', 'Львівський вікенд', 'Одеса біля моря'].map((t) => (\n          \u003CView key={t} style={[styles.card, { backgroundColor: surface, borderColor: border }]}>\n            \u003CText style={[styles.cardTitle, { color: text }]}>{t}\u003C\u002FText>\n            \u003CText style={{ color: muted, fontSize: 13 }}>Торкніться, щоб відкрити (mock)\u003C\u002FText>\n          \u003C\u002FView>\n        ))}\n      \u003C\u002FScrollView>\n\n      \u003CView style={[styles.footer, { backgroundColor: surface, borderTopColor: border }]}>\n        \u003CPressable style={styles.cta}>\n          \u003CText style={styles.ctaText}>Нова поїздка\u003C\u002FText>\n        \u003C\u002FPressable>\n      \u003C\u002FView>\n    \u003C\u002FView>\n  );\n}\n\nconst styles = StyleSheet.create({\n  root: { flex: 1 },\n  header: {\n    paddingHorizontal: 16,\n    paddingTop: 12,\n    paddingBottom: 12,\n    borderBottomWidth: 1,\n    gap: 2,\n  },\n  headerTitle: { fontSize: 20, fontWeight: '700' },\n  headerSub: { fontSize: 13 },\n  body: { flex: 1 },\n  bodyContent: { padding: 16, gap: 10, paddingBottom: 24 },\n  card: {\n    borderRadius: 12,\n    borderWidth: 1,\n    padding: 14,\n    gap: 4,\n  },\n  cardTitle: { fontSize: 16, fontWeight: '600' },\n  footer: {\n    padding: 16,\n    borderTopWidth: 1,\n  },\n  cta: {\n    backgroundColor: '#2563EB',\n    borderRadius: 12,\n    paddingVertical: 14,\n    alignItems: 'center',\n  },\n  ctaText: { color: '#fff', fontWeight: '700', fontSize: 16 },\n});\n",[3516,16428,16429,16465,16469,16481,16497,16517,16537,16557,16577,16597,16601,16607,16640,16680,16722,16764,16772,16776,16815,16850,16899,16944,16985,16993,16999,17007,17011,17051,17074,17106,17114,17122,17130,17134,17138,17142,17158,17171,17178,17186,17195,17204,17213,17221,17225,17244,17257,17270,17297,17304,17312,17320,17328,17336,17340,17359,17366,17374,17383,17387,17394,17402,17410,17418,17426,17430,17455],{"__ignoreMap":4090},[4094,16430,16431,16433,16435,16437,16439,16441,16443,16445,16447,16449,16451,16453,16455,16457,16459,16461,16463],{"class":4096,"line":4097},[4094,16432,4272],{"class":4271},[4094,16434,4276],{"class":4275},[4094,16436,3518],{"class":4279},[4094,16438,3519],{"class":4275},[4094,16440,3522],{"class":4279},[4094,16442,3519],{"class":4275},[4094,16444,3531],{"class":4279},[4094,16446,3519],{"class":4275},[4094,16448,3528],{"class":4279},[4094,16450,3519],{"class":4275},[4094,16452,4288],{"class":4279},[4094,16454,3519],{"class":4275},[4094,16456,4293],{"class":4279},[4094,16458,4296],{"class":4275},[4094,16460,4299],{"class":4271},[4094,16462,4303],{"class":4302},[4094,16464,4306],{"class":4275},[4094,16466,16467],{"class":4096,"line":4103},[4094,16468,4125],{"emptyLinePlaceholder":4124},[4094,16470,16471,16473,16475,16477,16479],{"class":4096,"line":4109},[4094,16472,4476],{"class":4271},[4094,16474,4479],{"class":4271},[4094,16476,4482],{"class":4315},[4094,16478,4485],{"class":4319},[4094,16480,4488],{"class":4275},[4094,16482,16483,16485,16487,16489,16491,16493,16495],{"class":4096,"line":4115},[4094,16484,4493],{"class":4315},[4094,16486,4497],{"class":4496},[4094,16488,4500],{"class":4275},[4094,16490,4293],{"class":4319},[4094,16492,4505],{"class":4275},[4094,16494,4508],{"class":4302},[4094,16496,4306],{"class":4275},[4094,16498,16499,16501,16503,16505,16507,16509,16511,16513,16515],{"class":4096,"line":4121},[4094,16500,4493],{"class":4315},[4094,16502,4517],{"class":4496},[4094,16504,4500],{"class":4275},[4094,16506,4522],{"class":4279},[4094,16508,4525],{"class":4275},[4094,16510,4528],{"class":4302},[4094,16512,4531],{"class":4275},[4094,16514,4534],{"class":4302},[4094,16516,4306],{"class":4275},[4094,16518,16519,16521,16523,16525,16527,16529,16531,16533,16535],{"class":4096,"line":4128},[4094,16520,4493],{"class":4315},[4094,16522,4543],{"class":4496},[4094,16524,4500],{"class":4275},[4094,16526,4522],{"class":4279},[4094,16528,4525],{"class":4275},[4094,16530,4552],{"class":4302},[4094,16532,4531],{"class":4275},[4094,16534,4557],{"class":4302},[4094,16536,4306],{"class":4275},[4094,16538,16539,16541,16543,16545,16547,16549,16551,16553,16555],{"class":4096,"line":4134},[4094,16540,4493],{"class":4315},[4094,16542,14505],{"class":4496},[4094,16544,4500],{"class":4275},[4094,16546,4522],{"class":4279},[4094,16548,4525],{"class":4275},[4094,16550,14514],{"class":4302},[4094,16552,4531],{"class":4275},[4094,16554,14519],{"class":4302},[4094,16556,4306],{"class":4275},[4094,16558,16559,16561,16563,16565,16567,16569,16571,16573,16575],{"class":4096,"line":4140},[4094,16560,4493],{"class":4315},[4094,16562,14528],{"class":4496},[4094,16564,4500],{"class":4275},[4094,16566,4522],{"class":4279},[4094,16568,4525],{"class":4275},[4094,16570,14537],{"class":4302},[4094,16572,4531],{"class":4275},[4094,16574,14542],{"class":4302},[4094,16576,4306],{"class":4275},[4094,16578,16579,16581,16583,16585,16587,16589,16591,16593,16595],{"class":4096,"line":4146},[4094,16580,4493],{"class":4315},[4094,16582,14551],{"class":4496},[4094,16584,4500],{"class":4275},[4094,16586,4522],{"class":4279},[4094,16588,4525],{"class":4275},[4094,16590,14560],{"class":4302},[4094,16592,4531],{"class":4275},[4094,16594,14565],{"class":4302},[4094,16596,4306],{"class":4275},[4094,16598,16599],{"class":4096,"line":4152},[4094,16600,4125],{"emptyLinePlaceholder":4124},[4094,16602,16603,16605],{"class":4096,"line":4158},[4094,16604,4360],{"class":4271},[4094,16606,4363],{"class":4275},[4094,16608,16609,16611,16613,16615,16617,16619,16621,16623,16625,16628,16630,16632,16634,16636,16638],{"class":4096,"line":4164},[4094,16610,4369],{"class":4368},[4094,16612,3518],{"class":4342},[4094,16614,4375],{"class":4374},[4094,16616,4378],{"class":4275},[4094,16618,4381],{"class":4315},[4094,16620,4385],{"class":4384},[4094,16622,4388],{"class":4279},[4094,16624,3536],{"class":4384},[4094,16626,16627],{"class":4279},"root",[4094,16629,4396],{"class":4384},[4094,16631,4399],{"class":4279},[4094,16633,14551],{"class":4279},[4094,16635,4405],{"class":4384},[4094,16637,4408],{"class":4315},[4094,16639,4411],{"class":4368},[4094,16641,16642,16644,16646,16648,16650,16652,16654,16656,16658,16661,16663,16665,16667,16669,16672,16674,16676,16678],{"class":4096,"line":4170},[4094,16643,4416],{"class":4368},[4094,16645,3518],{"class":4342},[4094,16647,4375],{"class":4374},[4094,16649,4378],{"class":4275},[4094,16651,4381],{"class":4315},[4094,16653,4385],{"class":4384},[4094,16655,4388],{"class":4279},[4094,16657,3536],{"class":4384},[4094,16659,16660],{"class":4279},"header",[4094,16662,4396],{"class":4384},[4094,16664,4399],{"class":4279},[4094,16666,14505],{"class":4279},[4094,16668,3519],{"class":4384},[4094,16670,16671],{"class":4279},"borderBottomColor:",[4094,16673,14528],{"class":4279},[4094,16675,4405],{"class":4384},[4094,16677,4408],{"class":4315},[4094,16679,4411],{"class":4368},[4094,16681,16682,16684,16686,16688,16690,16692,16694,16696,16698,16701,16703,16705,16707,16709,16711,16713,16716,16718,16720],{"class":4096,"line":4176},[4094,16683,4700],{"class":4368},[4094,16685,3522],{"class":4342},[4094,16687,4375],{"class":4374},[4094,16689,4378],{"class":4275},[4094,16691,4381],{"class":4315},[4094,16693,4385],{"class":4384},[4094,16695,4388],{"class":4279},[4094,16697,3536],{"class":4384},[4094,16699,16700],{"class":4279},"headerTitle",[4094,16702,4396],{"class":4384},[4094,16704,4636],{"class":4279},[4094,16706,4517],{"class":4279},[4094,16708,4405],{"class":4384},[4094,16710,4408],{"class":4315},[4094,16712,4436],{"class":4368},[4094,16714,16715],{"class":4275},"Мої поїздки",[4094,16717,4445],{"class":4368},[4094,16719,3522],{"class":4342},[4094,16721,4411],{"class":4368},[4094,16723,16724,16726,16728,16730,16732,16734,16736,16738,16740,16743,16745,16747,16749,16751,16753,16755,16758,16760,16762],{"class":4096,"line":4182},[4094,16725,4700],{"class":4368},[4094,16727,3522],{"class":4342},[4094,16729,4375],{"class":4374},[4094,16731,4378],{"class":4275},[4094,16733,4381],{"class":4315},[4094,16735,4385],{"class":4384},[4094,16737,4388],{"class":4279},[4094,16739,3536],{"class":4384},[4094,16741,16742],{"class":4279},"headerSub",[4094,16744,4396],{"class":4384},[4094,16746,4636],{"class":4279},[4094,16748,4543],{"class":4279},[4094,16750,4405],{"class":4384},[4094,16752,4408],{"class":4315},[4094,16754,4436],{"class":4368},[4094,16756,16757],{"class":4275},"3 активні",[4094,16759,4445],{"class":4368},[4094,16761,3522],{"class":4342},[4094,16763,4411],{"class":4368},[4094,16765,16766,16768,16770],{"class":4096,"line":4187},[4094,16767,4770],{"class":4368},[4094,16769,3518],{"class":4342},[4094,16771,4411],{"class":4368},[4094,16773,16774],{"class":4096,"line":4193},[4094,16775,4125],{"emptyLinePlaceholder":4124},[4094,16777,16778,16780,16782,16784,16786,16788,16790,16792,16795,16797,16800,16802,16804,16806,16808,16811,16813],{"class":4096,"line":4199},[4094,16779,4416],{"class":4368},[4094,16781,3531],{"class":4342},[4094,16783,4375],{"class":4374},[4094,16785,4378],{"class":4275},[4094,16787,4381],{"class":4315},[4094,16789,4388],{"class":4279},[4094,16791,3536],{"class":4384},[4094,16793,16794],{"class":4279},"body",[4094,16796,4408],{"class":4315},[4094,16798,16799],{"class":4374}," contentContainerStyle",[4094,16801,4378],{"class":4275},[4094,16803,4381],{"class":4315},[4094,16805,4388],{"class":4279},[4094,16807,3536],{"class":4384},[4094,16809,16810],{"class":4279},"bodyContent",[4094,16812,4408],{"class":4315},[4094,16814,4411],{"class":4368},[4094,16816,16817,16819,16821,16824,16826,16829,16831,16834,16837,16839,16841,16844,16846,16848],{"class":4096,"line":4205},[4094,16818,6084],{"class":4315},[4094,16820,4385],{"class":4384},[4094,16822,16823],{"class":4302},"'Київ — Карпати'",[4094,16825,3519],{"class":4384},[4094,16827,16828],{"class":4302},"'Львівський вікенд'",[4094,16830,3519],{"class":4384},[4094,16832,16833],{"class":4302},"'Одеса біля моря'",[4094,16835,16836],{"class":4384},"].",[4094,16838,6092],{"class":4319},[4094,16840,6095],{"class":4384},[4094,16842,16843],{"class":4279},"t",[4094,16845,6101],{"class":4384},[4094,16847,5724],{"class":4315},[4094,16849,4363],{"class":4384},[4094,16851,16852,16854,16856,16858,16860,16862,16864,16866,16868,16870,16872,16874,16876,16878,16881,16883,16885,16887,16889,16891,16893,16895,16897],{"class":4096,"line":4211},[4094,16853,6110],{"class":4368},[4094,16855,3518],{"class":4342},[4094,16857,6116],{"class":4374},[4094,16859,4378],{"class":4275},[4094,16861,4381],{"class":4315},[4094,16863,16843],{"class":4279},[4094,16865,4408],{"class":4315},[4094,16867,4375],{"class":4374},[4094,16869,4378],{"class":4275},[4094,16871,4381],{"class":4315},[4094,16873,4385],{"class":4384},[4094,16875,4388],{"class":4279},[4094,16877,3536],{"class":4384},[4094,16879,16880],{"class":4279},"card",[4094,16882,4396],{"class":4384},[4094,16884,4399],{"class":4279},[4094,16886,14505],{"class":4279},[4094,16888,3519],{"class":4384},[4094,16890,6802],{"class":4279},[4094,16892,14528],{"class":4279},[4094,16894,4405],{"class":4384},[4094,16896,4408],{"class":4315},[4094,16898,4411],{"class":4368},[4094,16900,16901,16903,16905,16907,16909,16911,16913,16915,16917,16920,16922,16924,16926,16928,16930,16932,16934,16936,16938,16940,16942],{"class":4096,"line":4217},[4094,16902,14810],{"class":4368},[4094,16904,3522],{"class":4342},[4094,16906,4375],{"class":4374},[4094,16908,4378],{"class":4275},[4094,16910,4381],{"class":4315},[4094,16912,4385],{"class":4384},[4094,16914,4388],{"class":4279},[4094,16916,3536],{"class":4384},[4094,16918,16919],{"class":4279},"cardTitle",[4094,16921,4396],{"class":4384},[4094,16923,4636],{"class":4279},[4094,16925,4517],{"class":4279},[4094,16927,4405],{"class":4384},[4094,16929,4408],{"class":4315},[4094,16931,4436],{"class":4368},[4094,16933,4381],{"class":4315},[4094,16935,16843],{"class":4279},[4094,16937,4408],{"class":4315},[4094,16939,4445],{"class":4368},[4094,16941,3522],{"class":4342},[4094,16943,4411],{"class":4368},[4094,16945,16946,16948,16950,16952,16954,16956,16959,16961,16963,16965,16967,16969,16972,16974,16976,16979,16981,16983],{"class":4096,"line":4223},[4094,16947,14810],{"class":4368},[4094,16949,3522],{"class":4342},[4094,16951,4375],{"class":4374},[4094,16953,4378],{"class":4275},[4094,16955,4381],{"class":4315},[4094,16957,16958],{"class":4384},"{ ",[4094,16960,4636],{"class":4279},[4094,16962,4543],{"class":4279},[4094,16964,3519],{"class":4384},[4094,16966,5093],{"class":4279},[4094,16968,5308],{"class":4812},[4094,16970,16971],{"class":4384}," }",[4094,16973,4408],{"class":4315},[4094,16975,4436],{"class":4368},[4094,16977,16978],{"class":4384},"Торкніться, щоб відкрити (mock)",[4094,16980,4445],{"class":4368},[4094,16982,3522],{"class":4342},[4094,16984,4411],{"class":4368},[4094,16986,16987,16989,16991],{"class":4096,"line":4229},[4094,16988,11365],{"class":4368},[4094,16990,3518],{"class":4342},[4094,16992,4411],{"class":4368},[4094,16994,16995,16997],{"class":4096,"line":4235},[4094,16996,6182],{"class":4384},[4094,16998,4179],{"class":4315},[4094,17000,17001,17003,17005],{"class":4096,"line":4240},[4094,17002,4770],{"class":4368},[4094,17004,3531],{"class":4342},[4094,17006,4411],{"class":4368},[4094,17008,17009],{"class":4096,"line":4245},[4094,17010,4125],{"emptyLinePlaceholder":4124},[4094,17012,17013,17015,17017,17019,17021,17023,17025,17027,17029,17032,17034,17036,17038,17040,17043,17045,17047,17049],{"class":4096,"line":4876},[4094,17014,4416],{"class":4368},[4094,17016,3518],{"class":4342},[4094,17018,4375],{"class":4374},[4094,17020,4378],{"class":4275},[4094,17022,4381],{"class":4315},[4094,17024,4385],{"class":4384},[4094,17026,4388],{"class":4279},[4094,17028,3536],{"class":4384},[4094,17030,17031],{"class":4279},"footer",[4094,17033,4396],{"class":4384},[4094,17035,4399],{"class":4279},[4094,17037,14505],{"class":4279},[4094,17039,3519],{"class":4384},[4094,17041,17042],{"class":4279},"borderTopColor:",[4094,17044,14528],{"class":4279},[4094,17046,4405],{"class":4384},[4094,17048,4408],{"class":4315},[4094,17050,4411],{"class":4368},[4094,17052,17053,17055,17057,17059,17061,17063,17065,17067,17070,17072],{"class":4096,"line":4897},[4094,17054,4700],{"class":4368},[4094,17056,3528],{"class":4342},[4094,17058,4375],{"class":4374},[4094,17060,4378],{"class":4275},[4094,17062,4381],{"class":4315},[4094,17064,4388],{"class":4279},[4094,17066,3536],{"class":4384},[4094,17068,17069],{"class":4279},"cta",[4094,17071,4408],{"class":4315},[4094,17073,4411],{"class":4368},[4094,17075,17076,17078,17080,17082,17084,17086,17088,17090,17093,17095,17097,17100,17102,17104],{"class":4096,"line":4918},[4094,17077,6110],{"class":4368},[4094,17079,3522],{"class":4342},[4094,17081,4375],{"class":4374},[4094,17083,4378],{"class":4275},[4094,17085,4381],{"class":4315},[4094,17087,4388],{"class":4279},[4094,17089,3536],{"class":4384},[4094,17091,17092],{"class":4279},"ctaText",[4094,17094,4408],{"class":4315},[4094,17096,4436],{"class":4368},[4094,17098,17099],{"class":4275},"Нова поїздка",[4094,17101,4445],{"class":4368},[4094,17103,3522],{"class":4342},[4094,17105,4411],{"class":4368},[4094,17107,17108,17110,17112],{"class":4096,"line":4939},[4094,17109,8638],{"class":4368},[4094,17111,3528],{"class":4342},[4094,17113,4411],{"class":4368},[4094,17115,17116,17118,17120],{"class":4096,"line":4948},[4094,17117,4770],{"class":4368},[4094,17119,3518],{"class":4342},[4094,17121,4411],{"class":4368},[4094,17123,17124,17126,17128],{"class":4096,"line":4953},[4094,17125,4454],{"class":4368},[4094,17127,3518],{"class":4342},[4094,17129,4411],{"class":4368},[4094,17131,17132],{"class":4096,"line":4987},[4094,17133,4463],{"class":4275},[4094,17135,17136],{"class":4096,"line":4993},[4094,17137,4179],{"class":4275},[4094,17139,17140],{"class":4096,"line":5002},[4094,17141,4125],{"emptyLinePlaceholder":4124},[4094,17143,17144,17146,17148,17150,17152,17154,17156],{"class":4096,"line":5011},[4094,17145,5029],{"class":4315},[4094,17147,4683],{"class":4496},[4094,17149,4500],{"class":4275},[4094,17151,4288],{"class":4279},[4094,17153,3536],{"class":4275},[4094,17155,5040],{"class":4319},[4094,17157,5043],{"class":4275},[4094,17159,17160,17163,17165,17167,17169],{"class":4096,"line":5016},[4094,17161,17162],{"class":4279},"  root:",[4094,17164,4276],{"class":4275},[4094,17166,5054],{"class":4279},[4094,17168,5057],{"class":4812},[4094,17170,5082],{"class":4275},[4094,17172,17173,17176],{"class":4096,"line":5021},[4094,17174,17175],{"class":4279},"  header:",[4094,17177,5115],{"class":4275},[4094,17179,17180,17182,17184],{"class":4096,"line":5026},[4094,17181,6596],{"class":4279},[4094,17183,5293],{"class":4812},[4094,17185,5127],{"class":4275},[4094,17187,17188,17191,17193],{"class":4096,"line":5046},[4094,17189,17190],{"class":4279},"    paddingTop:",[4094,17192,5136],{"class":4812},[4094,17194,5127],{"class":4275},[4094,17196,17197,17200,17202],{"class":4096,"line":5085},[4094,17198,17199],{"class":4279},"    paddingBottom:",[4094,17201,5136],{"class":4812},[4094,17203,5127],{"class":4275},[4094,17205,17206,17209,17211],{"class":4096,"line":5109},[4094,17207,17208],{"class":4279},"    borderBottomWidth:",[4094,17210,5057],{"class":4812},[4094,17212,5127],{"class":4275},[4094,17214,17215,17217,17219],{"class":4096,"line":5118},[4094,17216,5154],{"class":4279},[4094,17218,6738],{"class":4812},[4094,17220,5127],{"class":4275},[4094,17222,17223],{"class":4096,"line":5130},[4094,17224,5164],{"class":4275},[4094,17226,17227,17230,17232,17234,17236,17238,17240,17242],{"class":4096,"line":5141},[4094,17228,17229],{"class":4279},"  headerTitle:",[4094,17231,4276],{"class":4275},[4094,17233,5093],{"class":4279},[4094,17235,4813],{"class":4812},[4094,17237,3519],{"class":4275},[4094,17239,5101],{"class":4279},[4094,17241,5104],{"class":4302},[4094,17243,5082],{"class":4275},[4094,17245,17246,17249,17251,17253,17255],{"class":4096,"line":5151},[4094,17247,17248],{"class":4279},"  headerSub:",[4094,17250,4276],{"class":4275},[4094,17252,5093],{"class":4279},[4094,17254,5308],{"class":4812},[4094,17256,5082],{"class":4275},[4094,17258,17259,17262,17264,17266,17268],{"class":4096,"line":5161},[4094,17260,17261],{"class":4279},"  body:",[4094,17263,4276],{"class":4275},[4094,17265,5054],{"class":4279},[4094,17267,5057],{"class":4812},[4094,17269,5082],{"class":4275},[4094,17271,17272,17275,17277,17279,17281,17283,17285,17287,17289,17292,17295],{"class":4096,"line":5167},[4094,17273,17274],{"class":4279},"  bodyContent:",[4094,17276,4276],{"class":4275},[4094,17278,5069],{"class":4279},[4094,17280,5293],{"class":4812},[4094,17282,3519],{"class":4275},[4094,17284,5076],{"class":4279},[4094,17286,5240],{"class":4812},[4094,17288,3519],{"class":4275},[4094,17290,17291],{"class":4279},"paddingBottom:",[4094,17293,17294],{"class":4812}," 24",[4094,17296,5082],{"class":4275},[4094,17298,17299,17302],{"class":4096,"line":5182},[4094,17300,17301],{"class":4279},"  card:",[4094,17303,5115],{"class":4275},[4094,17305,17306,17308,17310],{"class":4096,"line":5206},[4094,17307,5133],{"class":4279},[4094,17309,5136],{"class":4812},[4094,17311,5127],{"class":4275},[4094,17313,17314,17316,17318],{"class":4096,"line":5214},[4094,17315,6735],{"class":4279},[4094,17317,5057],{"class":4812},[4094,17319,5127],{"class":4275},[4094,17321,17322,17324,17326],{"class":4096,"line":5225},[4094,17323,5144],{"class":4279},[4094,17325,6524],{"class":4812},[4094,17327,5127],{"class":4275},[4094,17329,17330,17332,17334],{"class":4096,"line":5235},[4094,17331,5154],{"class":4279},[4094,17333,13645],{"class":4812},[4094,17335,5127],{"class":4275},[4094,17337,17338],{"class":4096,"line":5245},[4094,17339,5164],{"class":4275},[4094,17341,17342,17345,17347,17349,17351,17353,17355,17357],{"class":4096,"line":5255},[4094,17343,17344],{"class":4279},"  cardTitle:",[4094,17346,4276],{"class":4275},[4094,17348,5093],{"class":4279},[4094,17350,5293],{"class":4812},[4094,17352,3519],{"class":4275},[4094,17354,5101],{"class":4279},[4094,17356,6669],{"class":4302},[4094,17358,5082],{"class":4275},[4094,17360,17361,17364],{"class":4096,"line":5265},[4094,17362,17363],{"class":4279},"  footer:",[4094,17365,5115],{"class":4275},[4094,17367,17368,17370,17372],{"class":4096,"line":5270},[4094,17369,5144],{"class":4279},[4094,17371,5293],{"class":4812},[4094,17373,5127],{"class":4275},[4094,17375,17376,17379,17381],{"class":4096,"line":5298},[4094,17377,17378],{"class":4279},"    borderTopWidth:",[4094,17380,5057],{"class":4812},[4094,17382,5127],{"class":4275},[4094,17384,17385],{"class":4096,"line":5327},[4094,17386,5164],{"class":4275},[4094,17388,17389,17392],{"class":4096,"line":6447},[4094,17390,17391],{"class":4279},"  cta:",[4094,17393,5115],{"class":4275},[4094,17395,17396,17398,17400],{"class":4096,"line":6453},[4094,17397,5121],{"class":4279},[4094,17399,6273],{"class":4302},[4094,17401,5127],{"class":4275},[4094,17403,17404,17406,17408],{"class":4096,"line":6462},[4094,17405,5133],{"class":4279},[4094,17407,5136],{"class":4812},[4094,17409,5127],{"class":4275},[4094,17411,17412,17414,17416],{"class":4096,"line":6471},[4094,17413,6606],{"class":4279},[4094,17415,6524],{"class":4812},[4094,17417,5127],{"class":4275},[4094,17419,17420,17422,17424],{"class":4096,"line":6476},[4094,17421,5248],{"class":4279},[4094,17423,5201],{"class":4302},[4094,17425,5127],{"class":4275},[4094,17427,17428],{"class":4096,"line":6481},[4094,17429,5164],{"class":4275},[4094,17431,17432,17435,17437,17439,17441,17443,17445,17447,17449,17451,17453],{"class":4096,"line":6486},[4094,17433,17434],{"class":4279},"  ctaText:",[4094,17436,4276],{"class":4275},[4094,17438,4636],{"class":4279},[4094,17440,5280],{"class":4302},[4094,17442,3519],{"class":4275},[4094,17444,5101],{"class":4279},[4094,17446,5104],{"class":4302},[4094,17448,3519],{"class":4275},[4094,17450,5093],{"class":4279},[4094,17452,5293],{"class":4812},[4094,17454,5082],{"class":4275},[4094,17456,17457],{"class":4096,"line":6503},[4094,17458,5330],{"class":4275},[3859,17460,17461,17464,17465,5447,17468,17470,17471,17474,17475,17477],{},[3540,17462,17463],{},"Поширена помилка."," Покласти кнопку ",[3540,17466,17467],{},"всередину",[3516,17469,3531],{}," в кінці списку — і на довгому списку користувач ",[3540,17472,17473],{},"не бачить"," CTA, доки не долистає вниз. Для «завжди на виду» CTA виносять у ",[3540,17476,17031],{}," поза скролом (sticky bottom). Для «природно в кінці форми» — лишають у скролі. Обидва варіанти валідні; питання продукту, не «єдиної істини».",[3688,17479],{},[3507,17481,17483],{"id":17482},"патерн-split-два-регіони","Патерн: split (два регіони)",[3512,17485,17486,17489,17490,17492,17493,3744,17495,17497],{},[3540,17487,17488],{},"Split"," — екран, поділений на дві зони: наприклад, карта зверху + список знизу, або ілюстрація + форма. Реалізація: колонка, два вкладені блоки з ",[3516,17491,3857],{}," (порівну) або ",[3516,17494,8303],{},[3516,17496,3857],{}," (2\u002F3 і 1\u002F3).",[4255,17499,17502],{"device":6992,"filename":17500,"title":17501},"SplitLayout.tsx","Split 2\u002F1",[4085,17503,17505],{"className":4262,"code":17504,"language":4264,"meta":4090,"style":4090},"import { View, Text, StyleSheet, useColorScheme } from 'react-native';\n\nexport default function App() {\n  const isDark = useColorScheme() === 'dark';\n  const text = isDark ? '#f5f5f7' : '#0f172a';\n\n  return (\n    \u003CView style={[styles.root, isDark && { backgroundColor: '#000' }]}>\n      \u003CView style={[styles.top, isDark && { backgroundColor: '#1e3a5f' }]}>\n        \u003CText style={styles.topLabel}>Зона A · flex: 2\u003C\u002FText>\n        \u003CText style={[styles.topHint, { color: isDark ? '#93c5fd' : '#1e40af' }]}>\n          Тут пізніше може бути карта або hero-зображення\n        \u003C\u002FText>\n      \u003C\u002FView>\n      \u003CView style={[styles.bottom, isDark && { backgroundColor: '#1c1c1e' }]}>\n        \u003CText style={[styles.bottomTitle, { color: text }]}>Зона B · flex: 1\u003C\u002FText>\n        \u003CText style={{ color: isDark ? '#a1a1aa' : '#64748b', marginTop: 6 }}>\n          Список місць, деталі, кнопки дій\n        \u003C\u002FText>\n      \u003C\u002FView>\n    \u003C\u002FView>\n  );\n}\n\nconst styles = StyleSheet.create({\n  root: { flex: 1, backgroundColor: '#F8FAFC' },\n  top: {\n    flex: 2,\n    backgroundColor: '#dbeafe',\n    alignItems: 'center',\n    justifyContent: 'center',\n    padding: 20,\n    gap: 8,\n  },\n  topLabel: { fontSize: 18, fontWeight: '700', color: '#1e3a8a' },\n  topHint: { fontSize: 13, textAlign: 'center' },\n  bottom: {\n    flex: 1,\n    backgroundColor: '#fff',\n    borderTopLeftRadius: 20,\n    borderTopRightRadius: 20,\n    marginTop: -12,\n    padding: 20,\n  },\n  bottomTitle: { fontSize: 18, fontWeight: '700' },\n});\n",[3516,17506,17507,17535,17539,17551,17567,17587,17591,17597,17635,17675,17707,17751,17756,17764,17772,17811,17853,17893,17898,17906,17914,17922,17926,17930,17934,17950,17968,17975,17983,17992,18000,18008,18016,18024,18028,18054,18074,18081,18089,18097,18106,18115,18126,18134,18138,18157],{"__ignoreMap":4090},[4094,17508,17509,17511,17513,17515,17517,17519,17521,17523,17525,17527,17529,17531,17533],{"class":4096,"line":4097},[4094,17510,4272],{"class":4271},[4094,17512,4276],{"class":4275},[4094,17514,3518],{"class":4279},[4094,17516,3519],{"class":4275},[4094,17518,3522],{"class":4279},[4094,17520,3519],{"class":4275},[4094,17522,4288],{"class":4279},[4094,17524,3519],{"class":4275},[4094,17526,4293],{"class":4279},[4094,17528,4296],{"class":4275},[4094,17530,4299],{"class":4271},[4094,17532,4303],{"class":4302},[4094,17534,4306],{"class":4275},[4094,17536,17537],{"class":4096,"line":4103},[4094,17538,4125],{"emptyLinePlaceholder":4124},[4094,17540,17541,17543,17545,17547,17549],{"class":4096,"line":4109},[4094,17542,4476],{"class":4271},[4094,17544,4479],{"class":4271},[4094,17546,4482],{"class":4315},[4094,17548,4485],{"class":4319},[4094,17550,4488],{"class":4275},[4094,17552,17553,17555,17557,17559,17561,17563,17565],{"class":4096,"line":4115},[4094,17554,4493],{"class":4315},[4094,17556,4497],{"class":4496},[4094,17558,4500],{"class":4275},[4094,17560,4293],{"class":4319},[4094,17562,4505],{"class":4275},[4094,17564,4508],{"class":4302},[4094,17566,4306],{"class":4275},[4094,17568,17569,17571,17573,17575,17577,17579,17581,17583,17585],{"class":4096,"line":4121},[4094,17570,4493],{"class":4315},[4094,17572,4517],{"class":4496},[4094,17574,4500],{"class":4275},[4094,17576,4522],{"class":4279},[4094,17578,4525],{"class":4275},[4094,17580,4528],{"class":4302},[4094,17582,4531],{"class":4275},[4094,17584,4534],{"class":4302},[4094,17586,4306],{"class":4275},[4094,17588,17589],{"class":4096,"line":4128},[4094,17590,4125],{"emptyLinePlaceholder":4124},[4094,17592,17593,17595],{"class":4096,"line":4134},[4094,17594,4360],{"class":4271},[4094,17596,4363],{"class":4275},[4094,17598,17599,17601,17603,17605,17607,17609,17611,17613,17615,17617,17619,17621,17623,17625,17627,17629,17631,17633],{"class":4096,"line":4140},[4094,17600,4369],{"class":4368},[4094,17602,3518],{"class":4342},[4094,17604,4375],{"class":4374},[4094,17606,4378],{"class":4275},[4094,17608,4381],{"class":4315},[4094,17610,4385],{"class":4384},[4094,17612,4388],{"class":4279},[4094,17614,3536],{"class":4384},[4094,17616,16627],{"class":4279},[4094,17618,3519],{"class":4384},[4094,17620,4522],{"class":4279},[4094,17622,4597],{"class":4275},[4094,17624,4276],{"class":4384},[4094,17626,4399],{"class":4279},[4094,17628,4604],{"class":4302},[4094,17630,4405],{"class":4384},[4094,17632,4408],{"class":4315},[4094,17634,4411],{"class":4368},[4094,17636,17637,17639,17641,17643,17645,17647,17649,17651,17653,17656,17658,17660,17662,17664,17666,17669,17671,17673],{"class":4096,"line":4146},[4094,17638,4416],{"class":4368},[4094,17640,3518],{"class":4342},[4094,17642,4375],{"class":4374},[4094,17644,4378],{"class":4275},[4094,17646,4381],{"class":4315},[4094,17648,4385],{"class":4384},[4094,17650,4388],{"class":4279},[4094,17652,3536],{"class":4384},[4094,17654,17655],{"class":4279},"top",[4094,17657,3519],{"class":4384},[4094,17659,4522],{"class":4279},[4094,17661,4597],{"class":4275},[4094,17663,4276],{"class":4384},[4094,17665,4399],{"class":4279},[4094,17667,17668],{"class":4302}," '#1e3a5f'",[4094,17670,4405],{"class":4384},[4094,17672,4408],{"class":4315},[4094,17674,4411],{"class":4368},[4094,17676,17677,17679,17681,17683,17685,17687,17689,17691,17694,17696,17698,17701,17703,17705],{"class":4096,"line":4152},[4094,17678,4700],{"class":4368},[4094,17680,3522],{"class":4342},[4094,17682,4375],{"class":4374},[4094,17684,4378],{"class":4275},[4094,17686,4381],{"class":4315},[4094,17688,4388],{"class":4279},[4094,17690,3536],{"class":4384},[4094,17692,17693],{"class":4279},"topLabel",[4094,17695,4408],{"class":4315},[4094,17697,4436],{"class":4368},[4094,17699,17700],{"class":4275},"Зона A · flex: 2",[4094,17702,4445],{"class":4368},[4094,17704,3522],{"class":4342},[4094,17706,4411],{"class":4368},[4094,17708,17709,17711,17713,17715,17717,17719,17721,17723,17725,17728,17730,17732,17734,17737,17739,17742,17745,17747,17749],{"class":4096,"line":4158},[4094,17710,4700],{"class":4368},[4094,17712,3522],{"class":4342},[4094,17714,4375],{"class":4374},[4094,17716,4378],{"class":4275},[4094,17718,4381],{"class":4315},[4094,17720,4385],{"class":4384},[4094,17722,4388],{"class":4279},[4094,17724,3536],{"class":4384},[4094,17726,17727],{"class":4279},"topHint",[4094,17729,4396],{"class":4384},[4094,17731,4636],{"class":4279},[4094,17733,4497],{"class":4279},[4094,17735,17736],{"class":4275}," ?",[4094,17738,6749],{"class":4302},[4094,17740,17741],{"class":4275}," :",[4094,17743,17744],{"class":4302}," '#1e40af'",[4094,17746,4405],{"class":4384},[4094,17748,4408],{"class":4315},[4094,17750,4411],{"class":4368},[4094,17752,17753],{"class":4096,"line":4164},[4094,17754,17755],{"class":4275},"          Тут пізніше може бути карта або hero-зображення\n",[4094,17757,17758,17760,17762],{"class":4096,"line":4170},[4094,17759,8638],{"class":4368},[4094,17761,3522],{"class":4342},[4094,17763,4411],{"class":4368},[4094,17765,17766,17768,17770],{"class":4096,"line":4176},[4094,17767,4770],{"class":4368},[4094,17769,3518],{"class":4342},[4094,17771,4411],{"class":4368},[4094,17773,17774,17776,17778,17780,17782,17784,17786,17788,17790,17793,17795,17797,17799,17801,17803,17805,17807,17809],{"class":4096,"line":4182},[4094,17775,4416],{"class":4368},[4094,17777,3518],{"class":4342},[4094,17779,4375],{"class":4374},[4094,17781,4378],{"class":4275},[4094,17783,4381],{"class":4315},[4094,17785,4385],{"class":4384},[4094,17787,4388],{"class":4279},[4094,17789,3536],{"class":4384},[4094,17791,17792],{"class":4279},"bottom",[4094,17794,3519],{"class":4384},[4094,17796,4522],{"class":4279},[4094,17798,4597],{"class":4275},[4094,17800,4276],{"class":4384},[4094,17802,4399],{"class":4279},[4094,17804,5177],{"class":4302},[4094,17806,4405],{"class":4384},[4094,17808,4408],{"class":4315},[4094,17810,4411],{"class":4368},[4094,17812,17813,17815,17817,17819,17821,17823,17825,17827,17829,17832,17834,17836,17838,17840,17842,17844,17847,17849,17851],{"class":4096,"line":4187},[4094,17814,4700],{"class":4368},[4094,17816,3522],{"class":4342},[4094,17818,4375],{"class":4374},[4094,17820,4378],{"class":4275},[4094,17822,4381],{"class":4315},[4094,17824,4385],{"class":4384},[4094,17826,4388],{"class":4279},[4094,17828,3536],{"class":4384},[4094,17830,17831],{"class":4279},"bottomTitle",[4094,17833,4396],{"class":4384},[4094,17835,4636],{"class":4279},[4094,17837,4517],{"class":4279},[4094,17839,4405],{"class":4384},[4094,17841,4408],{"class":4315},[4094,17843,4436],{"class":4368},[4094,17845,17846],{"class":4275},"Зона B · flex: 1",[4094,17848,4445],{"class":4368},[4094,17850,3522],{"class":4342},[4094,17852,4411],{"class":4368},[4094,17854,17855,17857,17859,17861,17863,17865,17867,17869,17871,17873,17876,17878,17881,17883,17885,17887,17889,17891],{"class":4096,"line":4193},[4094,17856,4700],{"class":4368},[4094,17858,3522],{"class":4342},[4094,17860,4375],{"class":4374},[4094,17862,4378],{"class":4275},[4094,17864,4381],{"class":4315},[4094,17866,16958],{"class":4384},[4094,17868,4636],{"class":4279},[4094,17870,4497],{"class":4279},[4094,17872,17736],{"class":4275},[4094,17874,17875],{"class":4302}," '#a1a1aa'",[4094,17877,17741],{"class":4275},[4094,17879,17880],{"class":4302}," '#64748b'",[4094,17882,3519],{"class":4384},[4094,17884,4809],{"class":4279},[4094,17886,6580],{"class":4812},[4094,17888,16971],{"class":4384},[4094,17890,4408],{"class":4315},[4094,17892,4411],{"class":4368},[4094,17894,17895],{"class":4096,"line":4199},[4094,17896,17897],{"class":4275},"          Список місць, деталі, кнопки дій\n",[4094,17899,17900,17902,17904],{"class":4096,"line":4205},[4094,17901,8638],{"class":4368},[4094,17903,3522],{"class":4342},[4094,17905,4411],{"class":4368},[4094,17907,17908,17910,17912],{"class":4096,"line":4211},[4094,17909,4770],{"class":4368},[4094,17911,3518],{"class":4342},[4094,17913,4411],{"class":4368},[4094,17915,17916,17918,17920],{"class":4096,"line":4217},[4094,17917,4454],{"class":4368},[4094,17919,3518],{"class":4342},[4094,17921,4411],{"class":4368},[4094,17923,17924],{"class":4096,"line":4223},[4094,17925,4463],{"class":4275},[4094,17927,17928],{"class":4096,"line":4229},[4094,17929,4179],{"class":4275},[4094,17931,17932],{"class":4096,"line":4235},[4094,17933,4125],{"emptyLinePlaceholder":4124},[4094,17935,17936,17938,17940,17942,17944,17946,17948],{"class":4096,"line":4240},[4094,17937,5029],{"class":4315},[4094,17939,4683],{"class":4496},[4094,17941,4500],{"class":4275},[4094,17943,4288],{"class":4279},[4094,17945,3536],{"class":4275},[4094,17947,5040],{"class":4319},[4094,17949,5043],{"class":4275},[4094,17951,17952,17954,17956,17958,17960,17962,17964,17966],{"class":4096,"line":4245},[4094,17953,17162],{"class":4279},[4094,17955,4276],{"class":4275},[4094,17957,5054],{"class":4279},[4094,17959,5057],{"class":4812},[4094,17961,3519],{"class":4275},[4094,17963,4399],{"class":4279},[4094,17965,5064],{"class":4302},[4094,17967,5082],{"class":4275},[4094,17969,17970,17973],{"class":4096,"line":4876},[4094,17971,17972],{"class":4279},"  top:",[4094,17974,5115],{"class":4275},[4094,17976,17977,17979,17981],{"class":4096,"line":4897},[4094,17978,6706],{"class":4279},[4094,17980,6738],{"class":4812},[4094,17982,5127],{"class":4275},[4094,17984,17985,17987,17990],{"class":4096,"line":4918},[4094,17986,5121],{"class":4279},[4094,17988,17989],{"class":4302}," '#dbeafe'",[4094,17991,5127],{"class":4275},[4094,17993,17994,17996,17998],{"class":4096,"line":4939},[4094,17995,5248],{"class":4279},[4094,17997,5201],{"class":4302},[4094,17999,5127],{"class":4275},[4094,18001,18002,18004,18006],{"class":4096,"line":4948},[4094,18003,5258],{"class":4279},[4094,18005,5201],{"class":4302},[4094,18007,5127],{"class":4275},[4094,18009,18010,18012,18014],{"class":4096,"line":4953},[4094,18011,5144],{"class":4279},[4094,18013,4813],{"class":4812},[4094,18015,5127],{"class":4275},[4094,18017,18018,18020,18022],{"class":4096,"line":4987},[4094,18019,5154],{"class":4279},[4094,18021,5079],{"class":4812},[4094,18023,5127],{"class":4275},[4094,18025,18026],{"class":4096,"line":4993},[4094,18027,5164],{"class":4275},[4094,18029,18030,18033,18035,18037,18039,18041,18043,18045,18047,18049,18052],{"class":4096,"line":5002},[4094,18031,18032],{"class":4279},"  topLabel:",[4094,18034,4276],{"class":4275},[4094,18036,5093],{"class":4279},[4094,18038,5316],{"class":4812},[4094,18040,3519],{"class":4275},[4094,18042,5101],{"class":4279},[4094,18044,5104],{"class":4302},[4094,18046,3519],{"class":4275},[4094,18048,4636],{"class":4279},[4094,18050,18051],{"class":4302}," '#1e3a8a'",[4094,18053,5082],{"class":4275},[4094,18055,18056,18059,18061,18063,18065,18067,18070,18072],{"class":4096,"line":5011},[4094,18057,18058],{"class":4279},"  topHint:",[4094,18060,4276],{"class":4275},[4094,18062,5093],{"class":4279},[4094,18064,5308],{"class":4812},[4094,18066,3519],{"class":4275},[4094,18068,18069],{"class":4279},"textAlign:",[4094,18071,5201],{"class":4302},[4094,18073,5082],{"class":4275},[4094,18075,18076,18079],{"class":4096,"line":5016},[4094,18077,18078],{"class":4279},"  bottom:",[4094,18080,5115],{"class":4275},[4094,18082,18083,18085,18087],{"class":4096,"line":5021},[4094,18084,6706],{"class":4279},[4094,18086,5057],{"class":4812},[4094,18088,5127],{"class":4275},[4094,18090,18091,18093,18095],{"class":4096,"line":5026},[4094,18092,5121],{"class":4279},[4094,18094,5280],{"class":4302},[4094,18096,5127],{"class":4275},[4094,18098,18099,18102,18104],{"class":4096,"line":5046},[4094,18100,18101],{"class":4279},"    borderTopLeftRadius:",[4094,18103,4813],{"class":4812},[4094,18105,5127],{"class":4275},[4094,18107,18108,18111,18113],{"class":4096,"line":5085},[4094,18109,18110],{"class":4279},"    borderTopRightRadius:",[4094,18112,4813],{"class":4812},[4094,18114,5127],{"class":4275},[4094,18116,18117,18119,18122,18124],{"class":4096,"line":5109},[4094,18118,6716],{"class":4279},[4094,18120,18121],{"class":4275}," -",[4094,18123,15511],{"class":4812},[4094,18125,5127],{"class":4275},[4094,18127,18128,18130,18132],{"class":4096,"line":5118},[4094,18129,5144],{"class":4279},[4094,18131,4813],{"class":4812},[4094,18133,5127],{"class":4275},[4094,18135,18136],{"class":4096,"line":5130},[4094,18137,5164],{"class":4275},[4094,18139,18140,18143,18145,18147,18149,18151,18153,18155],{"class":4096,"line":5141},[4094,18141,18142],{"class":4279},"  bottomTitle:",[4094,18144,4276],{"class":4275},[4094,18146,5093],{"class":4279},[4094,18148,5316],{"class":4812},[4094,18150,3519],{"class":4275},[4094,18152,5101],{"class":4279},[4094,18154,5104],{"class":4302},[4094,18156,5082],{"class":4275},[4094,18158,18159],{"class":4096,"line":5151},[4094,18160,5330],{"class":4275},[3688,18162],{},[3507,18164,18166],{"id":18165},"патерн-sticky-cta","Патерн: sticky CTA",[3512,18168,18169,18172,18173,18176],{},[3540,18170,18171],{},"Sticky CTA"," (call to action, що «липне») — кнопка дії завжди в зоні великого пальця. Технічно це той самий footer з попереднього патерну; акцент на ",[3540,18174,18175],{},"продуктовій"," ролі: «оплатити», «зберегти чернетку», «додати в кошик».",[3512,18178,18179,18180,18183],{},"Іноді CTA малюють через ",[3516,18181,18182],{},"position: 'absolute', bottom: 0, left: 0, right: 0",". Це працює, але:",[3898,18185,18186,18200],{},[3578,18187,18188,18189,18192,18193,18195,18196,18199],{},"треба ",[3540,18190,18191],{},"падінг знизу"," в ",[3516,18194,3531],{},", інакше останні рядки сховаються ",[3540,18197,18198],{},"під"," кнопкою;",[3578,18201,18202,18203,3664],{},"safe area знизу (home indicator) треба додати вручну (",[3516,18204,18205],{},"useSafeAreaInsets().bottom",[3512,18207,18208,18209,18212],{},"Схема header\u002Fbody\u002Ffooter без absolute зазвичай ",[3540,18210,18211],{},"простіша"," для новачка.",[3688,18214],{},[3507,18216,18218],{"id":18217},"патерн-empty-state","Патерн: empty state",[3512,18220,18221,18222,18225,18226,3519,18228,3519,18230,3664],{},"Коли списку немає (немає поїздок, порожній пошук), показують ",[3540,18223,18224],{},"порожній стан",": ілюстрація або іконка, короткий текст, кнопка «що робити далі». Layout — колонка по центру (",[3516,18227,3857],{},[3516,18229,5440],{},[3516,18231,18232],{},"alignItems: 'center'",[4255,18234,18237],{"device":4257,"filename":18235,"title":18236},"EmptyState.tsx","Empty state",[4085,18238,18240],{"className":4262,"code":18239,"language":4264,"meta":4090,"style":4090},"import { View, Text, Pressable, StyleSheet, useColorScheme } from 'react-native';\n\nexport default function App() {\n  const isDark = useColorScheme() === 'dark';\n  const text = isDark ? '#f5f5f7' : '#0f172a';\n  const muted = isDark ? '#a1a1aa' : '#64748b';\n  const bg = isDark ? '#000' : '#F8FAFC';\n\n  return (\n    \u003CView style={[styles.root, { backgroundColor: bg }]}>\n      \u003CView style={styles.header}>\n        \u003CText style={[styles.headerTitle, { color: text }]}>Поїздки\u003C\u002FText>\n      \u003C\u002FView>\n\n      \u003CView style={styles.empty}>\n        \u003CView style={styles.iconCircle}>\n          \u003CText style={styles.icon}>✈️\u003C\u002FText>\n        \u003C\u002FView>\n        \u003CText style={[styles.title, { color: text }]}>Поки немає поїздок\u003C\u002FText>\n        \u003CText style={[styles.desc, { color: muted }]}>\n          Створіть першу — і тут з’явиться стрічка з датами та обкладинками.\n        \u003C\u002FText>\n        \u003CPressable style={styles.btn}>\n          \u003CText style={styles.btnText}>Нова поїздка\u003C\u002FText>\n        \u003C\u002FPressable>\n      \u003C\u002FView>\n    \u003C\u002FView>\n  );\n}\n\nconst styles = StyleSheet.create({\n  root: { flex: 1 },\n  header: { padding: 16, paddingTop: 12 },\n  headerTitle: { fontSize: 20, fontWeight: '700' },\n  empty: {\n    flex: 1,\n    alignItems: 'center',\n    justifyContent: 'center',\n    paddingHorizontal: 32,\n    gap: 10,\n  },\n  iconCircle: {\n    width: 72,\n    height: 72,\n    borderRadius: 36,\n    backgroundColor: 'rgba(37,99,235,0.12)',\n    alignItems: 'center',\n    justifyContent: 'center',\n    marginBottom: 8,\n  },\n  icon: { fontSize: 32 },\n  title: { fontSize: 18, fontWeight: '700', textAlign: 'center' },\n  desc: { fontSize: 15, lineHeight: 22, textAlign: 'center', marginBottom: 8 },\n  btn: {\n    backgroundColor: '#2563EB',\n    paddingHorizontal: 20,\n    paddingVertical: 12,\n    borderRadius: 12,\n    marginTop: 4,\n  },\n  btnText: { color: '#fff', fontWeight: '700', fontSize: 15 },\n});\n",[3516,18241,18242,18274,18278,18290,18306,18326,18346,18366,18370,18376,18408,18430,18471,18479,18483,18506,18529,18560,18568,18609,18642,18647,18655,18678,18709,18717,18725,18733,18737,18741,18745,18761,18773,18792,18810,18817,18825,18833,18841,18850,18858,18862,18869,18877,18885,18894,18903,18911,18919,18928,18932,18944,18968,18999,19006,19014,19022,19030,19038,19046,19050,19075],{"__ignoreMap":4090},[4094,18243,18244,18246,18248,18250,18252,18254,18256,18258,18260,18262,18264,18266,18268,18270,18272],{"class":4096,"line":4097},[4094,18245,4272],{"class":4271},[4094,18247,4276],{"class":4275},[4094,18249,3518],{"class":4279},[4094,18251,3519],{"class":4275},[4094,18253,3522],{"class":4279},[4094,18255,3519],{"class":4275},[4094,18257,3528],{"class":4279},[4094,18259,3519],{"class":4275},[4094,18261,4288],{"class":4279},[4094,18263,3519],{"class":4275},[4094,18265,4293],{"class":4279},[4094,18267,4296],{"class":4275},[4094,18269,4299],{"class":4271},[4094,18271,4303],{"class":4302},[4094,18273,4306],{"class":4275},[4094,18275,18276],{"class":4096,"line":4103},[4094,18277,4125],{"emptyLinePlaceholder":4124},[4094,18279,18280,18282,18284,18286,18288],{"class":4096,"line":4109},[4094,18281,4476],{"class":4271},[4094,18283,4479],{"class":4271},[4094,18285,4482],{"class":4315},[4094,18287,4485],{"class":4319},[4094,18289,4488],{"class":4275},[4094,18291,18292,18294,18296,18298,18300,18302,18304],{"class":4096,"line":4115},[4094,18293,4493],{"class":4315},[4094,18295,4497],{"class":4496},[4094,18297,4500],{"class":4275},[4094,18299,4293],{"class":4319},[4094,18301,4505],{"class":4275},[4094,18303,4508],{"class":4302},[4094,18305,4306],{"class":4275},[4094,18307,18308,18310,18312,18314,18316,18318,18320,18322,18324],{"class":4096,"line":4121},[4094,18309,4493],{"class":4315},[4094,18311,4517],{"class":4496},[4094,18313,4500],{"class":4275},[4094,18315,4522],{"class":4279},[4094,18317,4525],{"class":4275},[4094,18319,4528],{"class":4302},[4094,18321,4531],{"class":4275},[4094,18323,4534],{"class":4302},[4094,18325,4306],{"class":4275},[4094,18327,18328,18330,18332,18334,18336,18338,18340,18342,18344],{"class":4096,"line":4128},[4094,18329,4493],{"class":4315},[4094,18331,4543],{"class":4496},[4094,18333,4500],{"class":4275},[4094,18335,4522],{"class":4279},[4094,18337,4525],{"class":4275},[4094,18339,4552],{"class":4302},[4094,18341,4531],{"class":4275},[4094,18343,4557],{"class":4302},[4094,18345,4306],{"class":4275},[4094,18347,18348,18350,18352,18354,18356,18358,18360,18362,18364],{"class":4096,"line":4134},[4094,18349,4493],{"class":4315},[4094,18351,14551],{"class":4496},[4094,18353,4500],{"class":4275},[4094,18355,4522],{"class":4279},[4094,18357,4525],{"class":4275},[4094,18359,14560],{"class":4302},[4094,18361,4531],{"class":4275},[4094,18363,14565],{"class":4302},[4094,18365,4306],{"class":4275},[4094,18367,18368],{"class":4096,"line":4140},[4094,18369,4125],{"emptyLinePlaceholder":4124},[4094,18371,18372,18374],{"class":4096,"line":4146},[4094,18373,4360],{"class":4271},[4094,18375,4363],{"class":4275},[4094,18377,18378,18380,18382,18384,18386,18388,18390,18392,18394,18396,18398,18400,18402,18404,18406],{"class":4096,"line":4152},[4094,18379,4369],{"class":4368},[4094,18381,3518],{"class":4342},[4094,18383,4375],{"class":4374},[4094,18385,4378],{"class":4275},[4094,18387,4381],{"class":4315},[4094,18389,4385],{"class":4384},[4094,18391,4388],{"class":4279},[4094,18393,3536],{"class":4384},[4094,18395,16627],{"class":4279},[4094,18397,4396],{"class":4384},[4094,18399,4399],{"class":4279},[4094,18401,14551],{"class":4279},[4094,18403,4405],{"class":4384},[4094,18405,4408],{"class":4315},[4094,18407,4411],{"class":4368},[4094,18409,18410,18412,18414,18416,18418,18420,18422,18424,18426,18428],{"class":4096,"line":4158},[4094,18411,4416],{"class":4368},[4094,18413,3518],{"class":4342},[4094,18415,4375],{"class":4374},[4094,18417,4378],{"class":4275},[4094,18419,4381],{"class":4315},[4094,18421,4388],{"class":4279},[4094,18423,3536],{"class":4384},[4094,18425,16660],{"class":4279},[4094,18427,4408],{"class":4315},[4094,18429,4411],{"class":4368},[4094,18431,18432,18434,18436,18438,18440,18442,18444,18446,18448,18450,18452,18454,18456,18458,18460,18462,18465,18467,18469],{"class":4096,"line":4164},[4094,18433,4700],{"class":4368},[4094,18435,3522],{"class":4342},[4094,18437,4375],{"class":4374},[4094,18439,4378],{"class":4275},[4094,18441,4381],{"class":4315},[4094,18443,4385],{"class":4384},[4094,18445,4388],{"class":4279},[4094,18447,3536],{"class":4384},[4094,18449,16700],{"class":4279},[4094,18451,4396],{"class":4384},[4094,18453,4636],{"class":4279},[4094,18455,4517],{"class":4279},[4094,18457,4405],{"class":4384},[4094,18459,4408],{"class":4315},[4094,18461,4436],{"class":4368},[4094,18463,18464],{"class":4275},"Поїздки",[4094,18466,4445],{"class":4368},[4094,18468,3522],{"class":4342},[4094,18470,4411],{"class":4368},[4094,18472,18473,18475,18477],{"class":4096,"line":4170},[4094,18474,4770],{"class":4368},[4094,18476,3518],{"class":4342},[4094,18478,4411],{"class":4368},[4094,18480,18481],{"class":4096,"line":4176},[4094,18482,4125],{"emptyLinePlaceholder":4124},[4094,18484,18485,18487,18489,18491,18493,18495,18497,18499,18502,18504],{"class":4096,"line":4182},[4094,18486,4416],{"class":4368},[4094,18488,3518],{"class":4342},[4094,18490,4375],{"class":4374},[4094,18492,4378],{"class":4275},[4094,18494,4381],{"class":4315},[4094,18496,4388],{"class":4279},[4094,18498,3536],{"class":4384},[4094,18500,18501],{"class":4279},"empty",[4094,18503,4408],{"class":4315},[4094,18505,4411],{"class":4368},[4094,18507,18508,18510,18512,18514,18516,18518,18520,18522,18525,18527],{"class":4096,"line":4187},[4094,18509,4700],{"class":4368},[4094,18511,3518],{"class":4342},[4094,18513,4375],{"class":4374},[4094,18515,4378],{"class":4275},[4094,18517,4381],{"class":4315},[4094,18519,4388],{"class":4279},[4094,18521,3536],{"class":4384},[4094,18523,18524],{"class":4279},"iconCircle",[4094,18526,4408],{"class":4315},[4094,18528,4411],{"class":4368},[4094,18530,18531,18533,18535,18537,18539,18541,18543,18545,18547,18549,18551,18554,18556,18558],{"class":4096,"line":4193},[4094,18532,6110],{"class":4368},[4094,18534,3522],{"class":4342},[4094,18536,4375],{"class":4374},[4094,18538,4378],{"class":4275},[4094,18540,4381],{"class":4315},[4094,18542,4388],{"class":4279},[4094,18544,3536],{"class":4384},[4094,18546,14825],{"class":4279},[4094,18548,4408],{"class":4315},[4094,18550,4436],{"class":4368},[4094,18552,18553],{"class":4275},"✈️",[4094,18555,4445],{"class":4368},[4094,18557,3522],{"class":4342},[4094,18559,4411],{"class":4368},[4094,18561,18562,18564,18566],{"class":4096,"line":4199},[4094,18563,8638],{"class":4368},[4094,18565,3518],{"class":4342},[4094,18567,4411],{"class":4368},[4094,18569,18570,18572,18574,18576,18578,18580,18582,18584,18586,18588,18590,18592,18594,18596,18598,18600,18603,18605,18607],{"class":4096,"line":4205},[4094,18571,4700],{"class":4368},[4094,18573,3522],{"class":4342},[4094,18575,4375],{"class":4374},[4094,18577,4378],{"class":4275},[4094,18579,4381],{"class":4315},[4094,18581,4385],{"class":4384},[4094,18583,4388],{"class":4279},[4094,18585,3536],{"class":4384},[4094,18587,4631],{"class":4279},[4094,18589,4396],{"class":4384},[4094,18591,4636],{"class":4279},[4094,18593,4517],{"class":4279},[4094,18595,4405],{"class":4384},[4094,18597,4408],{"class":4315},[4094,18599,4436],{"class":4368},[4094,18601,18602],{"class":4275},"Поки немає поїздок",[4094,18604,4445],{"class":4368},[4094,18606,3522],{"class":4342},[4094,18608,4411],{"class":4368},[4094,18610,18611,18613,18615,18617,18619,18621,18623,18625,18627,18630,18632,18634,18636,18638,18640],{"class":4096,"line":4211},[4094,18612,4700],{"class":4368},[4094,18614,3522],{"class":4342},[4094,18616,4375],{"class":4374},[4094,18618,4378],{"class":4275},[4094,18620,4381],{"class":4315},[4094,18622,4385],{"class":4384},[4094,18624,4388],{"class":4279},[4094,18626,3536],{"class":4384},[4094,18628,18629],{"class":4279},"desc",[4094,18631,4396],{"class":4384},[4094,18633,4636],{"class":4279},[4094,18635,4543],{"class":4279},[4094,18637,4405],{"class":4384},[4094,18639,4408],{"class":4315},[4094,18641,4411],{"class":4368},[4094,18643,18644],{"class":4096,"line":4217},[4094,18645,18646],{"class":4275},"          Створіть першу — і тут з’явиться стрічка з датами та обкладинками.\n",[4094,18648,18649,18651,18653],{"class":4096,"line":4223},[4094,18650,8638],{"class":4368},[4094,18652,3522],{"class":4342},[4094,18654,4411],{"class":4368},[4094,18656,18657,18659,18661,18663,18665,18667,18669,18671,18674,18676],{"class":4096,"line":4229},[4094,18658,4700],{"class":4368},[4094,18660,3528],{"class":4342},[4094,18662,4375],{"class":4374},[4094,18664,4378],{"class":4275},[4094,18666,4381],{"class":4315},[4094,18668,4388],{"class":4279},[4094,18670,3536],{"class":4384},[4094,18672,18673],{"class":4279},"btn",[4094,18675,4408],{"class":4315},[4094,18677,4411],{"class":4368},[4094,18679,18680,18682,18684,18686,18688,18690,18692,18694,18697,18699,18701,18703,18705,18707],{"class":4096,"line":4235},[4094,18681,6110],{"class":4368},[4094,18683,3522],{"class":4342},[4094,18685,4375],{"class":4374},[4094,18687,4378],{"class":4275},[4094,18689,4381],{"class":4315},[4094,18691,4388],{"class":4279},[4094,18693,3536],{"class":4384},[4094,18695,18696],{"class":4279},"btnText",[4094,18698,4408],{"class":4315},[4094,18700,4436],{"class":4368},[4094,18702,17099],{"class":4275},[4094,18704,4445],{"class":4368},[4094,18706,3522],{"class":4342},[4094,18708,4411],{"class":4368},[4094,18710,18711,18713,18715],{"class":4096,"line":4240},[4094,18712,8638],{"class":4368},[4094,18714,3528],{"class":4342},[4094,18716,4411],{"class":4368},[4094,18718,18719,18721,18723],{"class":4096,"line":4245},[4094,18720,4770],{"class":4368},[4094,18722,3518],{"class":4342},[4094,18724,4411],{"class":4368},[4094,18726,18727,18729,18731],{"class":4096,"line":4876},[4094,18728,4454],{"class":4368},[4094,18730,3518],{"class":4342},[4094,18732,4411],{"class":4368},[4094,18734,18735],{"class":4096,"line":4897},[4094,18736,4463],{"class":4275},[4094,18738,18739],{"class":4096,"line":4918},[4094,18740,4179],{"class":4275},[4094,18742,18743],{"class":4096,"line":4939},[4094,18744,4125],{"emptyLinePlaceholder":4124},[4094,18746,18747,18749,18751,18753,18755,18757,18759],{"class":4096,"line":4948},[4094,18748,5029],{"class":4315},[4094,18750,4683],{"class":4496},[4094,18752,4500],{"class":4275},[4094,18754,4288],{"class":4279},[4094,18756,3536],{"class":4275},[4094,18758,5040],{"class":4319},[4094,18760,5043],{"class":4275},[4094,18762,18763,18765,18767,18769,18771],{"class":4096,"line":4953},[4094,18764,17162],{"class":4279},[4094,18766,4276],{"class":4275},[4094,18768,5054],{"class":4279},[4094,18770,5057],{"class":4812},[4094,18772,5082],{"class":4275},[4094,18774,18775,18777,18779,18781,18783,18785,18788,18790],{"class":4096,"line":4987},[4094,18776,17175],{"class":4279},[4094,18778,4276],{"class":4275},[4094,18780,5069],{"class":4279},[4094,18782,5293],{"class":4812},[4094,18784,3519],{"class":4275},[4094,18786,18787],{"class":4279},"paddingTop:",[4094,18789,5136],{"class":4812},[4094,18791,5082],{"class":4275},[4094,18793,18794,18796,18798,18800,18802,18804,18806,18808],{"class":4096,"line":4993},[4094,18795,17229],{"class":4279},[4094,18797,4276],{"class":4275},[4094,18799,5093],{"class":4279},[4094,18801,4813],{"class":4812},[4094,18803,3519],{"class":4275},[4094,18805,5101],{"class":4279},[4094,18807,5104],{"class":4302},[4094,18809,5082],{"class":4275},[4094,18811,18812,18815],{"class":4096,"line":5002},[4094,18813,18814],{"class":4279},"  empty:",[4094,18816,5115],{"class":4275},[4094,18818,18819,18821,18823],{"class":4096,"line":5011},[4094,18820,6706],{"class":4279},[4094,18822,5057],{"class":4812},[4094,18824,5127],{"class":4275},[4094,18826,18827,18829,18831],{"class":4096,"line":5016},[4094,18828,5248],{"class":4279},[4094,18830,5201],{"class":4302},[4094,18832,5127],{"class":4275},[4094,18834,18835,18837,18839],{"class":4096,"line":5021},[4094,18836,5258],{"class":4279},[4094,18838,5201],{"class":4302},[4094,18840,5127],{"class":4275},[4094,18842,18843,18845,18848],{"class":4096,"line":5026},[4094,18844,6596],{"class":4279},[4094,18846,18847],{"class":4812}," 32",[4094,18849,5127],{"class":4275},[4094,18851,18852,18854,18856],{"class":4096,"line":5046},[4094,18853,5154],{"class":4279},[4094,18855,5240],{"class":4812},[4094,18857,5127],{"class":4275},[4094,18859,18860],{"class":4096,"line":5085},[4094,18861,5164],{"class":4275},[4094,18863,18864,18867],{"class":4096,"line":5109},[4094,18865,18866],{"class":4279},"  iconCircle:",[4094,18868,5115],{"class":4275},[4094,18870,18871,18873,18875],{"class":4096,"line":5118},[4094,18872,5217],{"class":4279},[4094,18874,9852],{"class":4812},[4094,18876,5127],{"class":4275},[4094,18878,18879,18881,18883],{"class":4096,"line":5130},[4094,18880,5228],{"class":4279},[4094,18882,9852],{"class":4812},[4094,18884,5127],{"class":4275},[4094,18886,18887,18889,18892],{"class":4096,"line":5141},[4094,18888,5133],{"class":4279},[4094,18890,18891],{"class":4812}," 36",[4094,18893,5127],{"class":4275},[4094,18895,18896,18898,18901],{"class":4096,"line":5151},[4094,18897,5121],{"class":4279},[4094,18899,18900],{"class":4302}," 'rgba(37,99,235,0.12)'",[4094,18902,5127],{"class":4275},[4094,18904,18905,18907,18909],{"class":4096,"line":5161},[4094,18906,5248],{"class":4279},[4094,18908,5201],{"class":4302},[4094,18910,5127],{"class":4275},[4094,18912,18913,18915,18917],{"class":4096,"line":5167},[4094,18914,5258],{"class":4279},[4094,18916,5201],{"class":4302},[4094,18918,5127],{"class":4275},[4094,18920,18921,18924,18926],{"class":4096,"line":5182},[4094,18922,18923],{"class":4279},"    marginBottom:",[4094,18925,5079],{"class":4812},[4094,18927,5127],{"class":4275},[4094,18929,18930],{"class":4096,"line":5206},[4094,18931,5164],{"class":4275},[4094,18933,18934,18936,18938,18940,18942],{"class":4096,"line":5214},[4094,18935,15207],{"class":4279},[4094,18937,4276],{"class":4275},[4094,18939,5093],{"class":4279},[4094,18941,18847],{"class":4812},[4094,18943,5082],{"class":4275},[4094,18945,18946,18948,18950,18952,18954,18956,18958,18960,18962,18964,18966],{"class":4096,"line":5225},[4094,18947,5088],{"class":4279},[4094,18949,4276],{"class":4275},[4094,18951,5093],{"class":4279},[4094,18953,5316],{"class":4812},[4094,18955,3519],{"class":4275},[4094,18957,5101],{"class":4279},[4094,18959,5104],{"class":4302},[4094,18961,3519],{"class":4275},[4094,18963,18069],{"class":4279},[4094,18965,5201],{"class":4302},[4094,18967,5082],{"class":4275},[4094,18969,18970,18973,18975,18977,18979,18981,18983,18985,18987,18989,18991,18993,18995,18997],{"class":4096,"line":5235},[4094,18971,18972],{"class":4279},"  desc:",[4094,18974,4276],{"class":4275},[4094,18976,5093],{"class":4279},[4094,18978,5096],{"class":4812},[4094,18980,3519],{"class":4275},[4094,18982,5313],{"class":4279},[4094,18984,15238],{"class":4812},[4094,18986,3519],{"class":4275},[4094,18988,18069],{"class":4279},[4094,18990,5201],{"class":4302},[4094,18992,3519],{"class":4275},[4094,18994,13642],{"class":4279},[4094,18996,5079],{"class":4812},[4094,18998,5082],{"class":4275},[4094,19000,19001,19004],{"class":4096,"line":5245},[4094,19002,19003],{"class":4279},"  btn:",[4094,19005,5115],{"class":4275},[4094,19007,19008,19010,19012],{"class":4096,"line":5255},[4094,19009,5121],{"class":4279},[4094,19011,6273],{"class":4302},[4094,19013,5127],{"class":4275},[4094,19015,19016,19018,19020],{"class":4096,"line":5265},[4094,19017,6596],{"class":4279},[4094,19019,4813],{"class":4812},[4094,19021,5127],{"class":4275},[4094,19023,19024,19026,19028],{"class":4096,"line":5270},[4094,19025,6606],{"class":4279},[4094,19027,5136],{"class":4812},[4094,19029,5127],{"class":4275},[4094,19031,19032,19034,19036],{"class":4096,"line":5298},[4094,19033,5133],{"class":4279},[4094,19035,5136],{"class":4812},[4094,19037,5127],{"class":4275},[4094,19039,19040,19042,19044],{"class":4096,"line":5327},[4094,19041,6716],{"class":4279},[4094,19043,13645],{"class":4812},[4094,19045,5127],{"class":4275},[4094,19047,19048],{"class":4096,"line":6447},[4094,19049,5164],{"class":4275},[4094,19051,19052,19055,19057,19059,19061,19063,19065,19067,19069,19071,19073],{"class":4096,"line":6453},[4094,19053,19054],{"class":4279},"  btnText:",[4094,19056,4276],{"class":4275},[4094,19058,4636],{"class":4279},[4094,19060,5280],{"class":4302},[4094,19062,3519],{"class":4275},[4094,19064,5101],{"class":4279},[4094,19066,5104],{"class":4302},[4094,19068,3519],{"class":4275},[4094,19070,5093],{"class":4279},[4094,19072,5096],{"class":4812},[4094,19074,5082],{"class":4275},[4094,19076,19077],{"class":4096,"line":6462},[4094,19078,5330],{"class":4275},[3688,19080],{},[3507,19082,19084],{"id":19083},"safe-area-глибше","Safe area глибше",[3512,19086,19087,19088,19091,19092,19094],{},"У статті про компоненти вже був ",[3540,19089,19090],{},"safe area",": зона екрана, яку ",[3540,19093,5446],{}," перекривають виріз камери (notch \u002F Dynamic Island), статус-бар, home indicator.",[4250,19096,19098],{"id":19097},"два-api","Два API",[3704,19100,19101,19114],{},[3707,19102,19103],{},[3710,19104,19105,19108,19111],{},[3713,19106,19107],{},"Підхід",[3713,19109,19110],{},"Звідки",[3713,19112,19113],{},"Коли",[3723,19115,19116,19131],{},[3710,19117,19118,19125,19128],{},[3728,19119,19120,3566,19122],{},[3516,19121,8349],{},[3516,19123,19124],{},"react-native",[3728,19126,19127],{},"core",[3728,19129,19130],{},"Швидкий прототип; на Android поведінка історично обмеженіша",[3710,19132,19133,19138,19141],{},[3728,19134,19135],{},[3516,19136,19137],{},"react-native-safe-area-context",[3728,19139,19140],{},"пакет (у Expo Router уже є)",[3728,19142,19143,19146,19147,3519,19150,3519,19152],{},[3540,19144,19145],{},"Рекомендовано"," для продукту: ",[3516,19148,19149],{},"SafeAreaProvider",[3516,19151,8349],{},[3516,19153,19154],{},"useSafeAreaInsets()",[3512,19156,19157,19158,19160,19161,3566,19163,3536],{},"У Nomad примітив ",[3516,19159,8346],{}," уже на ",[3516,19162,8349],{},[3516,19164,19165],{},"safe-area-context",[4250,19167,19169],{"id":19168},"usesafeareainsets",[3516,19170,19154],{},[3512,19172,19173,19174,19177],{},"Хук повертає ",[3516,19175,19176],{},"{ top, bottom, left, right }"," у пікселях. Корисно, коли:",[3898,19179,19180,19191,19194],{},[3578,19181,19182,19183,19186,19187,19190],{},"sticky-кнопка з ",[3516,19184,19185],{},"position: 'absolute'"," — додаєте ",[3516,19188,19189],{},"paddingBottom: insets.bottom + 16",";",[3578,19192,19193],{},"кастомний хедер у модалці;",[3578,19195,19196,19197,19199,19200,3536],{},"екран на весь зріст ",[3540,19198,18198],{}," статус-бар (картинка edge-to-edge), а текст — уже з ",[3516,19201,19202],{},"paddingTop: insets.top",[3628,19204,19205,19210,19211,19213,19214,19217,19218,5447,19221,3744,19223,19225],{},[3540,19206,19207,19208,3536],{},"Padding у ",[3516,19209,8349],{}," Офіційний ",[3516,19212,8349],{}," з core RN реалізує відступи через padding; ",[3540,19215,19216],{},"власний"," padding на тому ж компоненті може ігноруватись або поводитись дивно. Тому padding контенту часто ставлять на ",[3540,19219,19220],{},"внутрішній",[3516,19222,3518],{},[3516,19224,3531],{},", а не «все в один SafeAreaView-стиль».",[4250,19227,19229],{"id":19228},"краї-та-горизонталь","Краї та горизонталь",[3512,19231,19232,19233,3744,19236,19239],{},"На iPhone з «вухами» інколи важливі ",[3516,19234,19235],{},"left",[3516,19237,19238],{},"right"," (landscape). Для більшості портретних екранів курсу достатньо top + bottom.",[3688,19241],{},[3507,19243,19245,19246],{"id":19244},"клавіатура-keyboardavoidingview","Клавіатура: ",[3516,19247,3618],{},[3512,19249,19250,19251,19254,19255,19258],{},"На телефоні екранна ",[3540,19252,19253],{},"клавіатура"," наїжджає знизу й може ",[3540,19256,19257],{},"закрити"," поле вводу або кнопку «Надіслати». Користувач не бачить, що друкує — і це виглядає як зламаний застосунок.",[3512,19260,19261,19265,19266,19269],{},[3540,19262,19263],{},[3516,19264,3618],{}," — контейнер, який ",[3540,19267,19268],{},"зсуває або стискає"," свій вміст, коли клавіатура відкрита.",[3997,19271,19272,19295,19299],{},[4000,19273,19276,19279,19280,19283,19284,19287,19288,19291,19292,19294],{"name":19274,"type":19275},"behavior","'height' | 'position' | 'padding'",[3540,19277,19278],{},"Як"," реагувати. На iOS часто ",[3516,19281,19282],{},"'padding'",", на Android — ",[3516,19285,19286],{},"'height'"," (або інший варіант після перевірки на пристрої). Документація радить ",[3540,19289,19290],{},"завжди"," задавати ",[3516,19293,19274],{}," явно — платформи інтерпретують його по-різному.",[4000,19296,19298],{"name":19297,"type":4071},"keyboardVerticalOffset","Додатковий зсув, якщо над KAV є хедер навігації, статус-бар тощо. Якщо «не дотягує» або «перелітає» — крутять цей offset.",[4000,19300,19302],{"name":19301,"type":5712},"enabled","Можна вимкнути на екранах без інпутів.",[3512,19304,19305],{},"Типовий каркас:",[4085,19307,19309],{"className":4262,"code":19308,"language":4264,"meta":4090,"style":4090},"import {\n  KeyboardAvoidingView,\n  Platform,\n  TextInput,\n  View,\n  StyleSheet,\n} from 'react-native';\n\nexport function LoginForm() {\n  return (\n    \u003CKeyboardAvoidingView\n      style={styles.root}\n      behavior={Platform.OS === 'ios' ? 'padding' : 'height'}\n      keyboardVerticalOffset={Platform.OS === 'ios' ? 64 : 0}\n    >\n      \u003CView style={styles.inner}>\n        \u003CTextInput placeholder=\"Email\" style={styles.input} \u002F>\n        {\u002F* кнопка залишається видимою над клавіатурою *\u002F}\n      \u003C\u002FView>\n    \u003C\u002FKeyboardAvoidingView>\n  );\n}\n\nconst styles = StyleSheet.create({\n  root: { flex: 1 },\n  inner: { flex: 1, justifyContent: 'flex-end', padding: 16, gap: 12 },\n  input: {\n    borderWidth: 1,\n    borderColor: '#E2E8F0',\n    borderRadius: 12,\n    padding: 12,\n    fontSize: 16,\n  },\n});\n",[3516,19310,19311,19317,19324,19331,19338,19345,19352,19363,19367,19378,19384,19391,19408,19442,19472,19477,19500,19532,19541,19549,19557,19561,19565,19569,19585,19597,19629,19636,19644,19653,19661,19669,19677,19681],{"__ignoreMap":4090},[4094,19312,19313,19315],{"class":4096,"line":4097},[4094,19314,4272],{"class":4271},[4094,19316,5115],{"class":4275},[4094,19318,19319,19322],{"class":4096,"line":4103},[4094,19320,19321],{"class":4279},"  KeyboardAvoidingView",[4094,19323,5127],{"class":4275},[4094,19325,19326,19329],{"class":4096,"line":4109},[4094,19327,19328],{"class":4279},"  Platform",[4094,19330,5127],{"class":4275},[4094,19332,19333,19336],{"class":4096,"line":4115},[4094,19334,19335],{"class":4279},"  TextInput",[4094,19337,5127],{"class":4275},[4094,19339,19340,19343],{"class":4096,"line":4121},[4094,19341,19342],{"class":4279},"  View",[4094,19344,5127],{"class":4275},[4094,19346,19347,19350],{"class":4096,"line":4128},[4094,19348,19349],{"class":4279},"  StyleSheet",[4094,19351,5127],{"class":4275},[4094,19353,19354,19357,19359,19361],{"class":4096,"line":4134},[4094,19355,19356],{"class":4275},"} ",[4094,19358,4299],{"class":4271},[4094,19360,4303],{"class":4302},[4094,19362,4306],{"class":4275},[4094,19364,19365],{"class":4096,"line":4140},[4094,19366,4125],{"emptyLinePlaceholder":4124},[4094,19368,19369,19371,19373,19376],{"class":4096,"line":4146},[4094,19370,4476],{"class":4271},[4094,19372,4482],{"class":4315},[4094,19374,19375],{"class":4319}," LoginForm",[4094,19377,4488],{"class":4275},[4094,19379,19380,19382],{"class":4096,"line":4152},[4094,19381,4360],{"class":4271},[4094,19383,4363],{"class":4275},[4094,19385,19386,19388],{"class":4096,"line":4158},[4094,19387,4369],{"class":4368},[4094,19389,19390],{"class":4342},"KeyboardAvoidingView\n",[4094,19392,19393,19396,19398,19400,19402,19404,19406],{"class":4096,"line":4164},[4094,19394,19395],{"class":4374},"      style",[4094,19397,4378],{"class":4275},[4094,19399,4381],{"class":4315},[4094,19401,4388],{"class":4279},[4094,19403,3536],{"class":4384},[4094,19405,16627],{"class":4279},[4094,19407,4179],{"class":4315},[4094,19409,19410,19413,19415,19417,19420,19422,19425,19427,19430,19432,19435,19437,19440],{"class":4096,"line":4170},[4094,19411,19412],{"class":4374},"      behavior",[4094,19414,4378],{"class":4275},[4094,19416,4381],{"class":4315},[4094,19418,19419],{"class":4279},"Platform",[4094,19421,3536],{"class":4384},[4094,19423,19424],{"class":4496},"OS",[4094,19426,6146],{"class":4275},[4094,19428,19429],{"class":4302}," 'ios'",[4094,19431,17736],{"class":4275},[4094,19433,19434],{"class":4302}," 'padding'",[4094,19436,17741],{"class":4275},[4094,19438,19439],{"class":4302}," 'height'",[4094,19441,4179],{"class":4315},[4094,19443,19444,19447,19449,19451,19453,19455,19457,19459,19461,19463,19466,19468,19470],{"class":4096,"line":4176},[4094,19445,19446],{"class":4374},"      keyboardVerticalOffset",[4094,19448,4378],{"class":4275},[4094,19450,4381],{"class":4315},[4094,19452,19419],{"class":4279},[4094,19454,3536],{"class":4384},[4094,19456,19424],{"class":4496},[4094,19458,6146],{"class":4275},[4094,19460,19429],{"class":4302},[4094,19462,17736],{"class":4275},[4094,19464,19465],{"class":4812}," 64",[4094,19467,17741],{"class":4275},[4094,19469,9948],{"class":4812},[4094,19471,4179],{"class":4315},[4094,19473,19474],{"class":4096,"line":4182},[4094,19475,19476],{"class":4368},"    >\n",[4094,19478,19479,19481,19483,19485,19487,19489,19491,19493,19496,19498],{"class":4096,"line":4187},[4094,19480,4416],{"class":4368},[4094,19482,3518],{"class":4342},[4094,19484,4375],{"class":4374},[4094,19486,4378],{"class":4275},[4094,19488,4381],{"class":4315},[4094,19490,4388],{"class":4279},[4094,19492,3536],{"class":4384},[4094,19494,19495],{"class":4279},"inner",[4094,19497,4408],{"class":4315},[4094,19499,4411],{"class":4368},[4094,19501,19502,19504,19507,19510,19512,19515,19517,19519,19521,19523,19525,19528,19530],{"class":4096,"line":4193},[4094,19503,4700],{"class":4368},[4094,19505,19506],{"class":4342},"TextInput",[4094,19508,19509],{"class":4374}," placeholder",[4094,19511,4378],{"class":4275},[4094,19513,19514],{"class":4302},"\"Email\"",[4094,19516,4375],{"class":4374},[4094,19518,4378],{"class":4275},[4094,19520,4381],{"class":4315},[4094,19522,4388],{"class":4279},[4094,19524,3536],{"class":4384},[4094,19526,19527],{"class":4279},"input",[4094,19529,4408],{"class":4315},[4094,19531,4721],{"class":4368},[4094,19533,19534,19536,19539],{"class":4096,"line":4199},[4094,19535,6084],{"class":4315},[4094,19537,19538],{"class":11759},"\u002F* кнопка залишається видимою над клавіатурою *\u002F",[4094,19540,4179],{"class":4315},[4094,19542,19543,19545,19547],{"class":4096,"line":4205},[4094,19544,4770],{"class":4368},[4094,19546,3518],{"class":4342},[4094,19548,4411],{"class":4368},[4094,19550,19551,19553,19555],{"class":4096,"line":4211},[4094,19552,4454],{"class":4368},[4094,19554,3618],{"class":4342},[4094,19556,4411],{"class":4368},[4094,19558,19559],{"class":4096,"line":4217},[4094,19560,4463],{"class":4275},[4094,19562,19563],{"class":4096,"line":4223},[4094,19564,4179],{"class":4275},[4094,19566,19567],{"class":4096,"line":4229},[4094,19568,4125],{"emptyLinePlaceholder":4124},[4094,19570,19571,19573,19575,19577,19579,19581,19583],{"class":4096,"line":4235},[4094,19572,5029],{"class":4315},[4094,19574,4683],{"class":4496},[4094,19576,4500],{"class":4275},[4094,19578,4288],{"class":4279},[4094,19580,3536],{"class":4275},[4094,19582,5040],{"class":4319},[4094,19584,5043],{"class":4275},[4094,19586,19587,19589,19591,19593,19595],{"class":4096,"line":4240},[4094,19588,17162],{"class":4279},[4094,19590,4276],{"class":4275},[4094,19592,5054],{"class":4279},[4094,19594,5057],{"class":4812},[4094,19596,5082],{"class":4275},[4094,19598,19599,19602,19604,19606,19608,19610,19612,19615,19617,19619,19621,19623,19625,19627],{"class":4096,"line":4245},[4094,19600,19601],{"class":4279},"  inner:",[4094,19603,4276],{"class":4275},[4094,19605,5054],{"class":4279},[4094,19607,5057],{"class":4812},[4094,19609,3519],{"class":4275},[4094,19611,6222],{"class":4279},[4094,19613,19614],{"class":4302}," 'flex-end'",[4094,19616,3519],{"class":4275},[4094,19618,5069],{"class":4279},[4094,19620,5293],{"class":4812},[4094,19622,3519],{"class":4275},[4094,19624,5076],{"class":4279},[4094,19626,5136],{"class":4812},[4094,19628,5082],{"class":4275},[4094,19630,19631,19634],{"class":4096,"line":4876},[4094,19632,19633],{"class":4279},"  input:",[4094,19635,5115],{"class":4275},[4094,19637,19638,19640,19642],{"class":4096,"line":4897},[4094,19639,6735],{"class":4279},[4094,19641,5057],{"class":4812},[4094,19643,5127],{"class":4275},[4094,19645,19646,19648,19651],{"class":4096,"line":4918},[4094,19647,6746],{"class":4279},[4094,19649,19650],{"class":4302}," '#E2E8F0'",[4094,19652,5127],{"class":4275},[4094,19654,19655,19657,19659],{"class":4096,"line":4939},[4094,19656,5133],{"class":4279},[4094,19658,5136],{"class":4812},[4094,19660,5127],{"class":4275},[4094,19662,19663,19665,19667],{"class":4096,"line":4948},[4094,19664,5144],{"class":4279},[4094,19666,5136],{"class":4812},[4094,19668,5127],{"class":4275},[4094,19670,19671,19673,19675],{"class":4096,"line":4953},[4094,19672,11854],{"class":4279},[4094,19674,5293],{"class":4812},[4094,19676,5127],{"class":4275},[4094,19678,19679],{"class":4096,"line":4987},[4094,19680,5164],{"class":4275},[4094,19682,19683],{"class":4096,"line":4993},[4094,19684,5330],{"class":4275},[19686,19687,19688,19699],"tabs",{},[19689,19690,19692,19693,19696,19697,3536],"tab",{"label":19691},"iOS","Часто ",[3516,19694,19695],{},"behavior=\"padding\"",": контейнер додає padding знизу ≈ висоті клавіатури. Перевіряйте на симуляторі з різними розмірами телефонів. Якщо є кастомний header — підставте ",[3516,19698,19297],{},[19689,19700,19702,19705,19706,19709,19710,19713,19714,5353,19717,19720],{"label":19701},"Android",[3516,19703,19704],{},"windowSoftInputMode"," у маніфесті (у Expo — налаштування в ",[3516,19707,19708],{},"app.json"," \u002F config) впливає на те, ",[3540,19711,19712],{},"чи"," система сама ресайзить вікно. Іноді KAV на Android майже не потрібен, іноді — ",[3516,19715,19716],{},"behavior=\"height\"",[3540,19718,19719],{},"Завжди"," перевіряйте на реальному пристрої\u002Fемуляторі, не лише в прев’ю web.",[3666,19722,19723,19726,19727,19730,19731,19733,19734,5463,19736,19739],{},[3540,19724,19725],{},"Dismiss."," Щоб сховати клавіатуру тапом поза полем: ",[3516,19728,19729],{},"Keyboard.dismiss()"," (наприклад, з ",[3516,19732,3528],{}," на фон або ",[3516,19735,3531],{},[3516,19737,19738],{},"keyboardShouldPersistTaps","). Повний розбір форм — у статті про TextInput і валідацію.",[19741,19742,19743,19746,19747,19749,19752,19753,19752,19756,19759,19760,19762,19763,19765,19766,19769],"caution",{},[3540,19744,19745],{},"KAV + ScrollView + SafeArea."," Три шари легко «повоювати» за висоту. Практичне правило для старту:",[4012,19748],{},[3516,19750,19751],{},"SafeAreaView\u002FScreen"," → ",[3516,19754,19755],{},"KeyboardAvoidingView (flex:1)",[3516,19757,19758],{},"ScrollView (flex:1)"," → форма.",[4012,19761],{},"\nЯкщо щось стрибає — спрощуйте дерево, перевіряйте ",[3516,19764,3857],{}," на кожному рівні, підкручуйте offset. Бібліотеки на кшталт ",[3516,19767,19768],{},"react-native-keyboard-controller"," — пізніше, коли базовий KAV не вистачає.",[4250,19771,19773],{"id":19772},"демо-форми-з-kav-у-web-клавіатура-умовна","Демо форми з KAV (у web клавіатура умовна)",[4255,19775,19779],{"device":4257,"filename":19776,"title":19777,"height":19778},"KavForm.tsx","KeyboardAvoidingView · форма",680,[4085,19780,19782],{"className":4262,"code":19781,"language":4264,"meta":4090,"style":4090},"import { useState } from 'react';\nimport {\n  View,\n  Text,\n  TextInput,\n  Pressable,\n  KeyboardAvoidingView,\n  Platform,\n  StyleSheet,\n  useColorScheme,\n} from 'react-native';\n\nexport default function App() {\n  const [name, setName] = useState('');\n  const isDark = useColorScheme() === 'dark';\n  const text = isDark ? '#f5f5f7' : '#0f172a';\n  const muted = isDark ? '#a1a1aa' : '#64748b';\n  const surface = isDark ? '#1c1c1e' : '#fff';\n  const border = isDark ? '#3a3a3c' : '#e2e8f0';\n  const bg = isDark ? '#000' : '#F8FAFC';\n\n  return (\n    \u003CKeyboardAvoidingView\n      style={[styles.root, { backgroundColor: bg }]}\n      behavior={Platform.OS === 'ios' ? 'padding' : 'height'}\n    >\n      \u003CView style={styles.header}>\n        \u003CText style={[styles.title, { color: text }]}>Нова поїздка\u003C\u002FText>\n        \u003CText style={{ color: muted, fontSize: 14 }}>\n          У прев’ю браузера клавіатура може не з’явитися — на пристрої поле не має ховатися під нею.\n        \u003C\u002FText>\n      \u003C\u002FView>\n\n      \u003CView style={styles.body}>\n        \u003CText style={[styles.label, { color: muted }]}>Назва\u003C\u002FText>\n        \u003CTextInput\n          value={name}\n          onChangeText={setName}\n          placeholder=\"Наприклад, Карпати 2026\"\n          placeholderTextColor={muted}\n          style={[\n            styles.input,\n            { backgroundColor: surface, borderColor: border, color: text },\n          ]}\n        \u002F>\n      \u003C\u002FView>\n\n      \u003CView style={[styles.footer, { borderTopColor: border, backgroundColor: surface }]}>\n        \u003CPressable style={styles.btn}>\n          \u003CText style={styles.btnText}>Зберегти\u003C\u002FText>\n        \u003C\u002FPressable>\n      \u003C\u002FView>\n    \u003C\u002FKeyboardAvoidingView>\n  );\n}\n\nconst styles = StyleSheet.create({\n  root: { flex: 1 },\n  header: { padding: 16, gap: 8 },\n  title: { fontSize: 22, fontWeight: '700' },\n  body: { flex: 1, padding: 16, justifyContent: 'flex-end', gap: 8 },\n  label: { fontSize: 12, fontWeight: '600', textTransform: 'uppercase' },\n  input: {\n    borderWidth: 1,\n    borderRadius: 12,\n    paddingHorizontal: 14,\n    paddingVertical: 12,\n    fontSize: 16,\n  },\n  footer: { padding: 16, borderTopWidth: 1 },\n  btn: {\n    backgroundColor: '#2563EB',\n    borderRadius: 12,\n    paddingVertical: 14,\n    alignItems: 'center',\n  },\n  btnText: { color: '#fff', fontWeight: '700', fontSize: 16 },\n});\n",[3516,19783,19784,19800,19806,19812,19819,19825,19832,19838,19844,19850,19857,19867,19871,19883,19907,19923,19943,19963,19983,20003,20023,20027,20033,20039,20065,20093,20097,20119,20159,20189,20194,20202,20210,20214,20236,20277,20284,20297,20310,20320,20334,20344,20354,20377,20383,20388,20396,20400,20438,20460,20491,20499,20507,20515,20519,20523,20527,20543,20555,20573,20591,20621,20646,20652,20660,20668,20676,20684,20692,20696,20715,20721,20729,20737,20745,20753,20757,20781],{"__ignoreMap":4090},[4094,19785,19786,19788,19790,19792,19794,19796,19798],{"class":4096,"line":4097},[4094,19787,4272],{"class":4271},[4094,19789,4276],{"class":4275},[4094,19791,5487],{"class":4279},[4094,19793,4296],{"class":4275},[4094,19795,4299],{"class":4271},[4094,19797,5494],{"class":4302},[4094,19799,4306],{"class":4275},[4094,19801,19802,19804],{"class":4096,"line":4103},[4094,19803,4272],{"class":4271},[4094,19805,5115],{"class":4275},[4094,19807,19808,19810],{"class":4096,"line":4109},[4094,19809,19342],{"class":4279},[4094,19811,5127],{"class":4275},[4094,19813,19814,19817],{"class":4096,"line":4115},[4094,19815,19816],{"class":4279},"  Text",[4094,19818,5127],{"class":4275},[4094,19820,19821,19823],{"class":4096,"line":4121},[4094,19822,19335],{"class":4279},[4094,19824,5127],{"class":4275},[4094,19826,19827,19830],{"class":4096,"line":4128},[4094,19828,19829],{"class":4279},"  Pressable",[4094,19831,5127],{"class":4275},[4094,19833,19834,19836],{"class":4096,"line":4134},[4094,19835,19321],{"class":4279},[4094,19837,5127],{"class":4275},[4094,19839,19840,19842],{"class":4096,"line":4140},[4094,19841,19328],{"class":4279},[4094,19843,5127],{"class":4275},[4094,19845,19846,19848],{"class":4096,"line":4146},[4094,19847,19349],{"class":4279},[4094,19849,5127],{"class":4275},[4094,19851,19852,19855],{"class":4096,"line":4152},[4094,19853,19854],{"class":4279},"  useColorScheme",[4094,19856,5127],{"class":4275},[4094,19858,19859,19861,19863,19865],{"class":4096,"line":4158},[4094,19860,19356],{"class":4275},[4094,19862,4299],{"class":4271},[4094,19864,4303],{"class":4302},[4094,19866,4306],{"class":4275},[4094,19868,19869],{"class":4096,"line":4164},[4094,19870,4125],{"emptyLinePlaceholder":4124},[4094,19872,19873,19875,19877,19879,19881],{"class":4096,"line":4170},[4094,19874,4476],{"class":4271},[4094,19876,4479],{"class":4271},[4094,19878,4482],{"class":4315},[4094,19880,4485],{"class":4319},[4094,19882,4488],{"class":4275},[4094,19884,19885,19887,19889,19891,19893,19896,19898,19900,19902,19905],{"class":4096,"line":4176},[4094,19886,4493],{"class":4315},[4094,19888,5884],{"class":4275},[4094,19890,15966],{"class":4496},[4094,19892,3519],{"class":4275},[4094,19894,19895],{"class":4496},"setName",[4094,19897,5895],{"class":4275},[4094,19899,5487],{"class":4319},[4094,19901,6168],{"class":4275},[4094,19903,19904],{"class":4302},"''",[4094,19906,5911],{"class":4275},[4094,19908,19909,19911,19913,19915,19917,19919,19921],{"class":4096,"line":4182},[4094,19910,4493],{"class":4315},[4094,19912,4497],{"class":4496},[4094,19914,4500],{"class":4275},[4094,19916,4293],{"class":4319},[4094,19918,4505],{"class":4275},[4094,19920,4508],{"class":4302},[4094,19922,4306],{"class":4275},[4094,19924,19925,19927,19929,19931,19933,19935,19937,19939,19941],{"class":4096,"line":4187},[4094,19926,4493],{"class":4315},[4094,19928,4517],{"class":4496},[4094,19930,4500],{"class":4275},[4094,19932,4522],{"class":4279},[4094,19934,4525],{"class":4275},[4094,19936,4528],{"class":4302},[4094,19938,4531],{"class":4275},[4094,19940,4534],{"class":4302},[4094,19942,4306],{"class":4275},[4094,19944,19945,19947,19949,19951,19953,19955,19957,19959,19961],{"class":4096,"line":4193},[4094,19946,4493],{"class":4315},[4094,19948,4543],{"class":4496},[4094,19950,4500],{"class":4275},[4094,19952,4522],{"class":4279},[4094,19954,4525],{"class":4275},[4094,19956,4552],{"class":4302},[4094,19958,4531],{"class":4275},[4094,19960,4557],{"class":4302},[4094,19962,4306],{"class":4275},[4094,19964,19965,19967,19969,19971,19973,19975,19977,19979,19981],{"class":4096,"line":4199},[4094,19966,4493],{"class":4315},[4094,19968,14505],{"class":4496},[4094,19970,4500],{"class":4275},[4094,19972,4522],{"class":4279},[4094,19974,4525],{"class":4275},[4094,19976,14514],{"class":4302},[4094,19978,4531],{"class":4275},[4094,19980,14519],{"class":4302},[4094,19982,4306],{"class":4275},[4094,19984,19985,19987,19989,19991,19993,19995,19997,19999,20001],{"class":4096,"line":4205},[4094,19986,4493],{"class":4315},[4094,19988,14528],{"class":4496},[4094,19990,4500],{"class":4275},[4094,19992,4522],{"class":4279},[4094,19994,4525],{"class":4275},[4094,19996,14537],{"class":4302},[4094,19998,4531],{"class":4275},[4094,20000,14542],{"class":4302},[4094,20002,4306],{"class":4275},[4094,20004,20005,20007,20009,20011,20013,20015,20017,20019,20021],{"class":4096,"line":4211},[4094,20006,4493],{"class":4315},[4094,20008,14551],{"class":4496},[4094,20010,4500],{"class":4275},[4094,20012,4522],{"class":4279},[4094,20014,4525],{"class":4275},[4094,20016,14560],{"class":4302},[4094,20018,4531],{"class":4275},[4094,20020,14565],{"class":4302},[4094,20022,4306],{"class":4275},[4094,20024,20025],{"class":4096,"line":4217},[4094,20026,4125],{"emptyLinePlaceholder":4124},[4094,20028,20029,20031],{"class":4096,"line":4223},[4094,20030,4360],{"class":4271},[4094,20032,4363],{"class":4275},[4094,20034,20035,20037],{"class":4096,"line":4229},[4094,20036,4369],{"class":4368},[4094,20038,19390],{"class":4342},[4094,20040,20041,20043,20045,20047,20049,20051,20053,20055,20057,20059,20061,20063],{"class":4096,"line":4235},[4094,20042,19395],{"class":4374},[4094,20044,4378],{"class":4275},[4094,20046,4381],{"class":4315},[4094,20048,4385],{"class":4384},[4094,20050,4388],{"class":4279},[4094,20052,3536],{"class":4384},[4094,20054,16627],{"class":4279},[4094,20056,4396],{"class":4384},[4094,20058,4399],{"class":4279},[4094,20060,14551],{"class":4279},[4094,20062,4405],{"class":4384},[4094,20064,4179],{"class":4315},[4094,20066,20067,20069,20071,20073,20075,20077,20079,20081,20083,20085,20087,20089,20091],{"class":4096,"line":4240},[4094,20068,19412],{"class":4374},[4094,20070,4378],{"class":4275},[4094,20072,4381],{"class":4315},[4094,20074,19419],{"class":4279},[4094,20076,3536],{"class":4384},[4094,20078,19424],{"class":4496},[4094,20080,6146],{"class":4275},[4094,20082,19429],{"class":4302},[4094,20084,17736],{"class":4275},[4094,20086,19434],{"class":4302},[4094,20088,17741],{"class":4275},[4094,20090,19439],{"class":4302},[4094,20092,4179],{"class":4315},[4094,20094,20095],{"class":4096,"line":4245},[4094,20096,19476],{"class":4368},[4094,20098,20099,20101,20103,20105,20107,20109,20111,20113,20115,20117],{"class":4096,"line":4876},[4094,20100,4416],{"class":4368},[4094,20102,3518],{"class":4342},[4094,20104,4375],{"class":4374},[4094,20106,4378],{"class":4275},[4094,20108,4381],{"class":4315},[4094,20110,4388],{"class":4279},[4094,20112,3536],{"class":4384},[4094,20114,16660],{"class":4279},[4094,20116,4408],{"class":4315},[4094,20118,4411],{"class":4368},[4094,20120,20121,20123,20125,20127,20129,20131,20133,20135,20137,20139,20141,20143,20145,20147,20149,20151,20153,20155,20157],{"class":4096,"line":4897},[4094,20122,4700],{"class":4368},[4094,20124,3522],{"class":4342},[4094,20126,4375],{"class":4374},[4094,20128,4378],{"class":4275},[4094,20130,4381],{"class":4315},[4094,20132,4385],{"class":4384},[4094,20134,4388],{"class":4279},[4094,20136,3536],{"class":4384},[4094,20138,4631],{"class":4279},[4094,20140,4396],{"class":4384},[4094,20142,4636],{"class":4279},[4094,20144,4517],{"class":4279},[4094,20146,4405],{"class":4384},[4094,20148,4408],{"class":4315},[4094,20150,4436],{"class":4368},[4094,20152,17099],{"class":4275},[4094,20154,4445],{"class":4368},[4094,20156,3522],{"class":4342},[4094,20158,4411],{"class":4368},[4094,20160,20161,20163,20165,20167,20169,20171,20173,20175,20177,20179,20181,20183,20185,20187],{"class":4096,"line":4918},[4094,20162,4700],{"class":4368},[4094,20164,3522],{"class":4342},[4094,20166,4375],{"class":4374},[4094,20168,4378],{"class":4275},[4094,20170,4381],{"class":4315},[4094,20172,16958],{"class":4384},[4094,20174,4636],{"class":4279},[4094,20176,4543],{"class":4279},[4094,20178,3519],{"class":4384},[4094,20180,5093],{"class":4279},[4094,20182,6524],{"class":4812},[4094,20184,16971],{"class":4384},[4094,20186,4408],{"class":4315},[4094,20188,4411],{"class":4368},[4094,20190,20191],{"class":4096,"line":4939},[4094,20192,20193],{"class":4275},"          У прев’ю браузера клавіатура може не з’явитися — на пристрої поле не має ховатися під нею.\n",[4094,20195,20196,20198,20200],{"class":4096,"line":4948},[4094,20197,8638],{"class":4368},[4094,20199,3522],{"class":4342},[4094,20201,4411],{"class":4368},[4094,20203,20204,20206,20208],{"class":4096,"line":4953},[4094,20205,4770],{"class":4368},[4094,20207,3518],{"class":4342},[4094,20209,4411],{"class":4368},[4094,20211,20212],{"class":4096,"line":4987},[4094,20213,4125],{"emptyLinePlaceholder":4124},[4094,20215,20216,20218,20220,20222,20224,20226,20228,20230,20232,20234],{"class":4096,"line":4993},[4094,20217,4416],{"class":4368},[4094,20219,3518],{"class":4342},[4094,20221,4375],{"class":4374},[4094,20223,4378],{"class":4275},[4094,20225,4381],{"class":4315},[4094,20227,4388],{"class":4279},[4094,20229,3536],{"class":4384},[4094,20231,16794],{"class":4279},[4094,20233,4408],{"class":4315},[4094,20235,4411],{"class":4368},[4094,20237,20238,20240,20242,20244,20246,20248,20250,20252,20254,20256,20258,20260,20262,20264,20266,20268,20271,20273,20275],{"class":4096,"line":5002},[4094,20239,4700],{"class":4368},[4094,20241,3522],{"class":4342},[4094,20243,4375],{"class":4374},[4094,20245,4378],{"class":4275},[4094,20247,4381],{"class":4315},[4094,20249,4385],{"class":4384},[4094,20251,4388],{"class":4279},[4094,20253,3536],{"class":4384},[4094,20255,4326],{"class":4279},[4094,20257,4396],{"class":4384},[4094,20259,4636],{"class":4279},[4094,20261,4543],{"class":4279},[4094,20263,4405],{"class":4384},[4094,20265,4408],{"class":4315},[4094,20267,4436],{"class":4368},[4094,20269,20270],{"class":4275},"Назва",[4094,20272,4445],{"class":4368},[4094,20274,3522],{"class":4342},[4094,20276,4411],{"class":4368},[4094,20278,20279,20281],{"class":4096,"line":5011},[4094,20280,4700],{"class":4368},[4094,20282,20283],{"class":4342},"TextInput\n",[4094,20285,20286,20289,20291,20293,20295],{"class":4096,"line":5016},[4094,20287,20288],{"class":4374},"          value",[4094,20290,4378],{"class":4275},[4094,20292,4381],{"class":4315},[4094,20294,15966],{"class":4279},[4094,20296,4179],{"class":4315},[4094,20298,20299,20302,20304,20306,20308],{"class":4096,"line":5021},[4094,20300,20301],{"class":4374},"          onChangeText",[4094,20303,4378],{"class":4275},[4094,20305,4381],{"class":4315},[4094,20307,19895],{"class":4279},[4094,20309,4179],{"class":4315},[4094,20311,20312,20315,20317],{"class":4096,"line":5026},[4094,20313,20314],{"class":4374},"          placeholder",[4094,20316,4378],{"class":4275},[4094,20318,20319],{"class":4302},"\"Наприклад, Карпати 2026\"\n",[4094,20321,20322,20325,20327,20329,20332],{"class":4096,"line":5046},[4094,20323,20324],{"class":4374},"          placeholderTextColor",[4094,20326,4378],{"class":4275},[4094,20328,4381],{"class":4315},[4094,20330,20331],{"class":4279},"muted",[4094,20333,4179],{"class":4315},[4094,20335,20336,20338,20340,20342],{"class":4096,"line":5085},[4094,20337,10360],{"class":4374},[4094,20339,4378],{"class":4275},[4094,20341,4381],{"class":4315},[4094,20343,10367],{"class":4384},[4094,20345,20346,20348,20350,20352],{"class":4096,"line":5109},[4094,20347,10372],{"class":4279},[4094,20349,3536],{"class":4384},[4094,20351,19527],{"class":4279},[4094,20353,5127],{"class":4384},[4094,20355,20356,20359,20361,20363,20365,20367,20369,20371,20373,20375],{"class":4096,"line":5118},[4094,20357,20358],{"class":4384},"            { ",[4094,20360,4399],{"class":4279},[4094,20362,14505],{"class":4279},[4094,20364,3519],{"class":4384},[4094,20366,6802],{"class":4279},[4094,20368,14528],{"class":4279},[4094,20370,3519],{"class":4384},[4094,20372,4636],{"class":4279},[4094,20374,4517],{"class":4279},[4094,20376,5082],{"class":4384},[4094,20378,20379,20381],{"class":4096,"line":5130},[4094,20380,10420],{"class":4384},[4094,20382,4179],{"class":4315},[4094,20384,20385],{"class":4096,"line":5141},[4094,20386,20387],{"class":4368},"        \u002F>\n",[4094,20389,20390,20392,20394],{"class":4096,"line":5151},[4094,20391,4770],{"class":4368},[4094,20393,3518],{"class":4342},[4094,20395,4411],{"class":4368},[4094,20397,20398],{"class":4096,"line":5161},[4094,20399,4125],{"emptyLinePlaceholder":4124},[4094,20401,20402,20404,20406,20408,20410,20412,20414,20416,20418,20420,20422,20424,20426,20428,20430,20432,20434,20436],{"class":4096,"line":5167},[4094,20403,4416],{"class":4368},[4094,20405,3518],{"class":4342},[4094,20407,4375],{"class":4374},[4094,20409,4378],{"class":4275},[4094,20411,4381],{"class":4315},[4094,20413,4385],{"class":4384},[4094,20415,4388],{"class":4279},[4094,20417,3536],{"class":4384},[4094,20419,17031],{"class":4279},[4094,20421,4396],{"class":4384},[4094,20423,17042],{"class":4279},[4094,20425,14528],{"class":4279},[4094,20427,3519],{"class":4384},[4094,20429,4399],{"class":4279},[4094,20431,14505],{"class":4279},[4094,20433,4405],{"class":4384},[4094,20435,4408],{"class":4315},[4094,20437,4411],{"class":4368},[4094,20439,20440,20442,20444,20446,20448,20450,20452,20454,20456,20458],{"class":4096,"line":5182},[4094,20441,4700],{"class":4368},[4094,20443,3528],{"class":4342},[4094,20445,4375],{"class":4374},[4094,20447,4378],{"class":4275},[4094,20449,4381],{"class":4315},[4094,20451,4388],{"class":4279},[4094,20453,3536],{"class":4384},[4094,20455,18673],{"class":4279},[4094,20457,4408],{"class":4315},[4094,20459,4411],{"class":4368},[4094,20461,20462,20464,20466,20468,20470,20472,20474,20476,20478,20480,20482,20485,20487,20489],{"class":4096,"line":5206},[4094,20463,6110],{"class":4368},[4094,20465,3522],{"class":4342},[4094,20467,4375],{"class":4374},[4094,20469,4378],{"class":4275},[4094,20471,4381],{"class":4315},[4094,20473,4388],{"class":4279},[4094,20475,3536],{"class":4384},[4094,20477,18696],{"class":4279},[4094,20479,4408],{"class":4315},[4094,20481,4436],{"class":4368},[4094,20483,20484],{"class":4275},"Зберегти",[4094,20486,4445],{"class":4368},[4094,20488,3522],{"class":4342},[4094,20490,4411],{"class":4368},[4094,20492,20493,20495,20497],{"class":4096,"line":5214},[4094,20494,8638],{"class":4368},[4094,20496,3528],{"class":4342},[4094,20498,4411],{"class":4368},[4094,20500,20501,20503,20505],{"class":4096,"line":5225},[4094,20502,4770],{"class":4368},[4094,20504,3518],{"class":4342},[4094,20506,4411],{"class":4368},[4094,20508,20509,20511,20513],{"class":4096,"line":5235},[4094,20510,4454],{"class":4368},[4094,20512,3618],{"class":4342},[4094,20514,4411],{"class":4368},[4094,20516,20517],{"class":4096,"line":5245},[4094,20518,4463],{"class":4275},[4094,20520,20521],{"class":4096,"line":5255},[4094,20522,4179],{"class":4275},[4094,20524,20525],{"class":4096,"line":5265},[4094,20526,4125],{"emptyLinePlaceholder":4124},[4094,20528,20529,20531,20533,20535,20537,20539,20541],{"class":4096,"line":5270},[4094,20530,5029],{"class":4315},[4094,20532,4683],{"class":4496},[4094,20534,4500],{"class":4275},[4094,20536,4288],{"class":4279},[4094,20538,3536],{"class":4275},[4094,20540,5040],{"class":4319},[4094,20542,5043],{"class":4275},[4094,20544,20545,20547,20549,20551,20553],{"class":4096,"line":5298},[4094,20546,17162],{"class":4279},[4094,20548,4276],{"class":4275},[4094,20550,5054],{"class":4279},[4094,20552,5057],{"class":4812},[4094,20554,5082],{"class":4275},[4094,20556,20557,20559,20561,20563,20565,20567,20569,20571],{"class":4096,"line":5327},[4094,20558,17175],{"class":4279},[4094,20560,4276],{"class":4275},[4094,20562,5069],{"class":4279},[4094,20564,5293],{"class":4812},[4094,20566,3519],{"class":4275},[4094,20568,5076],{"class":4279},[4094,20570,5079],{"class":4812},[4094,20572,5082],{"class":4275},[4094,20574,20575,20577,20579,20581,20583,20585,20587,20589],{"class":4096,"line":6447},[4094,20576,5088],{"class":4279},[4094,20578,4276],{"class":4275},[4094,20580,5093],{"class":4279},[4094,20582,15238],{"class":4812},[4094,20584,3519],{"class":4275},[4094,20586,5101],{"class":4279},[4094,20588,5104],{"class":4302},[4094,20590,5082],{"class":4275},[4094,20592,20593,20595,20597,20599,20601,20603,20605,20607,20609,20611,20613,20615,20617,20619],{"class":4096,"line":6453},[4094,20594,17261],{"class":4279},[4094,20596,4276],{"class":4275},[4094,20598,5054],{"class":4279},[4094,20600,5057],{"class":4812},[4094,20602,3519],{"class":4275},[4094,20604,5069],{"class":4279},[4094,20606,5293],{"class":4812},[4094,20608,3519],{"class":4275},[4094,20610,6222],{"class":4279},[4094,20612,19614],{"class":4302},[4094,20614,3519],{"class":4275},[4094,20616,5076],{"class":4279},[4094,20618,5079],{"class":4812},[4094,20620,5082],{"class":4275},[4094,20622,20623,20625,20627,20629,20631,20633,20635,20637,20639,20642,20644],{"class":4096,"line":6462},[4094,20624,8947],{"class":4279},[4094,20626,4276],{"class":4275},[4094,20628,5093],{"class":4279},[4094,20630,5136],{"class":4812},[4094,20632,3519],{"class":4275},[4094,20634,5101],{"class":4279},[4094,20636,6669],{"class":4302},[4094,20638,3519],{"class":4275},[4094,20640,20641],{"class":4279},"textTransform:",[4094,20643,13691],{"class":4302},[4094,20645,5082],{"class":4275},[4094,20647,20648,20650],{"class":4096,"line":6471},[4094,20649,19633],{"class":4279},[4094,20651,5115],{"class":4275},[4094,20653,20654,20656,20658],{"class":4096,"line":6476},[4094,20655,6735],{"class":4279},[4094,20657,5057],{"class":4812},[4094,20659,5127],{"class":4275},[4094,20661,20662,20664,20666],{"class":4096,"line":6481},[4094,20663,5133],{"class":4279},[4094,20665,5136],{"class":4812},[4094,20667,5127],{"class":4275},[4094,20669,20670,20672,20674],{"class":4096,"line":6486},[4094,20671,6596],{"class":4279},[4094,20673,6524],{"class":4812},[4094,20675,5127],{"class":4275},[4094,20677,20678,20680,20682],{"class":4096,"line":6503},[4094,20679,6606],{"class":4279},[4094,20681,5136],{"class":4812},[4094,20683,5127],{"class":4275},[4094,20685,20686,20688,20690],{"class":4096,"line":6535},[4094,20687,11854],{"class":4279},[4094,20689,5293],{"class":4812},[4094,20691,5127],{"class":4275},[4094,20693,20694],{"class":4096,"line":6556},[4094,20695,5164],{"class":4275},[4094,20697,20698,20700,20702,20704,20706,20708,20711,20713],{"class":4096,"line":6585},[4094,20699,17363],{"class":4279},[4094,20701,4276],{"class":4275},[4094,20703,5069],{"class":4279},[4094,20705,5293],{"class":4812},[4094,20707,3519],{"class":4275},[4094,20709,20710],{"class":4279},"borderTopWidth:",[4094,20712,5057],{"class":4812},[4094,20714,5082],{"class":4275},[4094,20716,20717,20719],{"class":4096,"line":6593},[4094,20718,19003],{"class":4279},[4094,20720,5115],{"class":4275},[4094,20722,20723,20725,20727],{"class":4096,"line":6603},[4094,20724,5121],{"class":4279},[4094,20726,6273],{"class":4302},[4094,20728,5127],{"class":4275},[4094,20730,20731,20733,20735],{"class":4096,"line":6614},[4094,20732,5133],{"class":4279},[4094,20734,5136],{"class":4812},[4094,20736,5127],{"class":4275},[4094,20738,20739,20741,20743],{"class":4096,"line":6623},[4094,20740,6606],{"class":4279},[4094,20742,6524],{"class":4812},[4094,20744,5127],{"class":4275},[4094,20746,20747,20749,20751],{"class":4096,"line":6633},[4094,20748,5248],{"class":4279},[4094,20750,5201],{"class":4302},[4094,20752,5127],{"class":4275},[4094,20754,20755],{"class":4096,"line":6638},[4094,20756,5164],{"class":4275},[4094,20758,20759,20761,20763,20765,20767,20769,20771,20773,20775,20777,20779],{"class":4096,"line":6652},[4094,20760,19054],{"class":4279},[4094,20762,4276],{"class":4275},[4094,20764,4636],{"class":4279},[4094,20766,5280],{"class":4302},[4094,20768,3519],{"class":4275},[4094,20770,5101],{"class":4279},[4094,20772,5104],{"class":4302},[4094,20774,3519],{"class":4275},[4094,20776,5093],{"class":4279},[4094,20778,5293],{"class":4812},[4094,20780,5082],{"class":4275},[4094,20782,20783],{"class":4096,"line":6681},[4094,20784,5330],{"class":4275},[3688,20786],{},[3507,20788,20790],{"id":20789},"рядок-іконка-текст-хвіст-дуже-частий-атом","Рядок «іконка + текст + хвіст» (дуже частий атом)",[3512,20792,20793,20794,20797],{},"Майже кожен список у мобільному UI — ",[3540,20795,20796],{},"рядок",":",[4085,20799,20802],{"className":20800,"code":20801,"language":8326,"meta":4090},[8324],"[аватар\u002Fіконка]  Заголовок ..............  [шеврон \u002F дата]\n                 Підзаголовок\n",[3516,20803,20801],{"__ignoreMap":4090},[3512,20805,20806],{},"Збирається так:",[3575,20808,20809,20822,20825,20834],{},[3578,20810,20811,20812,3744,20814,3566,20816,3519,20818,3519,20820,3536],{},"Зовнішній ",[3516,20813,3518],{},[3516,20815,3528],{},[3516,20817,3867],{},[3516,20819,18232],{},[3516,20821,3603],{},[3578,20823,20824],{},"Фіксований квадрат зліва.",[3578,20826,20827,20828,20830,20831,3664],{},"Середина з ",[3516,20829,3857],{}," (забирає ширину, текст може обрізатись ",[3516,20832,20833],{},"numberOfLines",[3578,20835,20836,20837,5447,20839,20841],{},"Правий блок ",[3540,20838,8334],{},[3516,20840,3857],{}," (ширина за вмістом).",[4255,20843,20846],{"device":4257,"filename":20844,"title":20845},"RowAtom.tsx","Row atom · list item",[4085,20847,20849],{"className":4262,"code":20848,"language":4264,"meta":4090,"style":4090},"import { View, Text, StyleSheet, useColorScheme } from 'react-native';\n\nconst ROWS = [\n  { title: 'Київ — Карпати', sub: '12–18 черв. 2026', meta: '6 днів' },\n  { title: 'Львівський вікенд', sub: '2–4 трав. 2026', meta: '3 дні' },\n  { title: 'Одеса біля моря', sub: '18–22 лип. 2026', meta: '5 днів' },\n];\n\nexport default function App() {\n  const isDark = useColorScheme() === 'dark';\n  const text = isDark ? '#f5f5f7' : '#0f172a';\n  const muted = isDark ? '#a1a1aa' : '#64748b';\n  const surface = isDark ? '#1c1c1e' : '#fff';\n  const border = isDark ? '#3a3a3c' : '#e2e8f0';\n  const bg = isDark ? '#000' : '#F8FAFC';\n\n  return (\n    \u003CView style={[styles.screen, { backgroundColor: bg }]}>\n      \u003CText style={[styles.h, { color: text }]}>Список рядків\u003C\u002FText>\n      \u003CView style={styles.list}>\n        {ROWS.map((r) => (\n          \u003CView\n            key={r.title}\n            style={[styles.row, { backgroundColor: surface, borderColor: border }]}\n          >\n            \u003CView style={styles.avatar}>\n              \u003CText style={styles.avatarText}>{r.title.slice(0, 1)}\u003C\u002FText>\n            \u003C\u002FView>\n            \u003CView style={styles.mid}>\n              \u003CText style={[styles.title, { color: text }]} numberOfLines={1}>\n                {r.title}\n              \u003C\u002FText>\n              \u003CText style={{ color: muted, fontSize: 13 }} numberOfLines={1}>\n                {r.sub}\n              \u003C\u002FText>\n            \u003C\u002FView>\n            \u003CText style={[styles.meta, { color: muted }]}>{r.meta}\u003C\u002FText>\n          \u003C\u002FView>\n        ))}\n      \u003C\u002FView>\n    \u003C\u002FView>\n  );\n}\n\nconst styles = StyleSheet.create({\n  screen: { flex: 1, padding: 16, gap: 12 },\n  h: { fontSize: 18, fontWeight: '700' },\n  list: { gap: 8 },\n  row: {\n    flexDirection: 'row',\n    alignItems: 'center',\n    gap: 12,\n    padding: 12,\n    borderRadius: 12,\n    borderWidth: 1,\n  },\n  avatar: {\n    width: 44,\n    height: 44,\n    borderRadius: 22,\n    backgroundColor: '#2563EB',\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n  avatarText: { color: '#fff', fontWeight: '700', fontSize: 16 },\n  mid: { flex: 1, gap: 2 },\n  title: { fontSize: 16, fontWeight: '600' },\n  meta: { fontSize: 12, fontWeight: '600' },\n});\n",[3516,20850,20851,20879,20883,20891,20920,20945,20970,20974,20978,20990,21006,21026,21046,21066,21086,21106,21110,21116,21148,21189,21211,21231,21237,21253,21285,21289,21312,21365,21373,21395,21437,21450,21459,21499,21511,21519,21527,21576,21584,21590,21598,21606,21610,21614,21618,21634,21658,21676,21688,21694,21702,21710,21718,21726,21734,21742,21746,21753,21761,21769,21777,21785,21793,21801,21805,21830,21848,21866,21885],{"__ignoreMap":4090},[4094,20852,20853,20855,20857,20859,20861,20863,20865,20867,20869,20871,20873,20875,20877],{"class":4096,"line":4097},[4094,20854,4272],{"class":4271},[4094,20856,4276],{"class":4275},[4094,20858,3518],{"class":4279},[4094,20860,3519],{"class":4275},[4094,20862,3522],{"class":4279},[4094,20864,3519],{"class":4275},[4094,20866,4288],{"class":4279},[4094,20868,3519],{"class":4275},[4094,20870,4293],{"class":4279},[4094,20872,4296],{"class":4275},[4094,20874,4299],{"class":4271},[4094,20876,4303],{"class":4302},[4094,20878,4306],{"class":4275},[4094,20880,20881],{"class":4096,"line":4103},[4094,20882,4125],{"emptyLinePlaceholder":4124},[4094,20884,20885,20887,20889],{"class":4096,"line":4109},[4094,20886,5029],{"class":4315},[4094,20888,14338],{"class":4496},[4094,20890,14341],{"class":4275},[4094,20892,20893,20896,20899,20902,20904,20907,20910,20912,20915,20918],{"class":4096,"line":4115},[4094,20894,20895],{"class":4275},"  { ",[4094,20897,20898],{"class":4279},"title:",[4094,20900,20901],{"class":4302}," 'Київ — Карпати'",[4094,20903,3519],{"class":4275},[4094,20905,20906],{"class":4279},"sub:",[4094,20908,20909],{"class":4302}," '12–18 черв. 2026'",[4094,20911,3519],{"class":4275},[4094,20913,20914],{"class":4279},"meta:",[4094,20916,20917],{"class":4302}," '6 днів'",[4094,20919,5082],{"class":4275},[4094,20921,20922,20924,20926,20929,20931,20933,20936,20938,20940,20943],{"class":4096,"line":4121},[4094,20923,20895],{"class":4275},[4094,20925,20898],{"class":4279},[4094,20927,20928],{"class":4302}," 'Львівський вікенд'",[4094,20930,3519],{"class":4275},[4094,20932,20906],{"class":4279},[4094,20934,20935],{"class":4302}," '2–4 трав. 2026'",[4094,20937,3519],{"class":4275},[4094,20939,20914],{"class":4279},[4094,20941,20942],{"class":4302}," '3 дні'",[4094,20944,5082],{"class":4275},[4094,20946,20947,20949,20951,20954,20956,20958,20961,20963,20965,20968],{"class":4096,"line":4128},[4094,20948,20895],{"class":4275},[4094,20950,20898],{"class":4279},[4094,20952,20953],{"class":4302}," 'Одеса біля моря'",[4094,20955,3519],{"class":4275},[4094,20957,20906],{"class":4279},[4094,20959,20960],{"class":4302}," '18–22 лип. 2026'",[4094,20962,3519],{"class":4275},[4094,20964,20914],{"class":4279},[4094,20966,20967],{"class":4302}," '5 днів'",[4094,20969,5082],{"class":4275},[4094,20971,20972],{"class":4096,"line":4134},[4094,20973,5654],{"class":4275},[4094,20975,20976],{"class":4096,"line":4140},[4094,20977,4125],{"emptyLinePlaceholder":4124},[4094,20979,20980,20982,20984,20986,20988],{"class":4096,"line":4146},[4094,20981,4476],{"class":4271},[4094,20983,4479],{"class":4271},[4094,20985,4482],{"class":4315},[4094,20987,4485],{"class":4319},[4094,20989,4488],{"class":4275},[4094,20991,20992,20994,20996,20998,21000,21002,21004],{"class":4096,"line":4152},[4094,20993,4493],{"class":4315},[4094,20995,4497],{"class":4496},[4094,20997,4500],{"class":4275},[4094,20999,4293],{"class":4319},[4094,21001,4505],{"class":4275},[4094,21003,4508],{"class":4302},[4094,21005,4306],{"class":4275},[4094,21007,21008,21010,21012,21014,21016,21018,21020,21022,21024],{"class":4096,"line":4158},[4094,21009,4493],{"class":4315},[4094,21011,4517],{"class":4496},[4094,21013,4500],{"class":4275},[4094,21015,4522],{"class":4279},[4094,21017,4525],{"class":4275},[4094,21019,4528],{"class":4302},[4094,21021,4531],{"class":4275},[4094,21023,4534],{"class":4302},[4094,21025,4306],{"class":4275},[4094,21027,21028,21030,21032,21034,21036,21038,21040,21042,21044],{"class":4096,"line":4164},[4094,21029,4493],{"class":4315},[4094,21031,4543],{"class":4496},[4094,21033,4500],{"class":4275},[4094,21035,4522],{"class":4279},[4094,21037,4525],{"class":4275},[4094,21039,4552],{"class":4302},[4094,21041,4531],{"class":4275},[4094,21043,4557],{"class":4302},[4094,21045,4306],{"class":4275},[4094,21047,21048,21050,21052,21054,21056,21058,21060,21062,21064],{"class":4096,"line":4170},[4094,21049,4493],{"class":4315},[4094,21051,14505],{"class":4496},[4094,21053,4500],{"class":4275},[4094,21055,4522],{"class":4279},[4094,21057,4525],{"class":4275},[4094,21059,14514],{"class":4302},[4094,21061,4531],{"class":4275},[4094,21063,14519],{"class":4302},[4094,21065,4306],{"class":4275},[4094,21067,21068,21070,21072,21074,21076,21078,21080,21082,21084],{"class":4096,"line":4176},[4094,21069,4493],{"class":4315},[4094,21071,14528],{"class":4496},[4094,21073,4500],{"class":4275},[4094,21075,4522],{"class":4279},[4094,21077,4525],{"class":4275},[4094,21079,14537],{"class":4302},[4094,21081,4531],{"class":4275},[4094,21083,14542],{"class":4302},[4094,21085,4306],{"class":4275},[4094,21087,21088,21090,21092,21094,21096,21098,21100,21102,21104],{"class":4096,"line":4182},[4094,21089,4493],{"class":4315},[4094,21091,14551],{"class":4496},[4094,21093,4500],{"class":4275},[4094,21095,4522],{"class":4279},[4094,21097,4525],{"class":4275},[4094,21099,14560],{"class":4302},[4094,21101,4531],{"class":4275},[4094,21103,14565],{"class":4302},[4094,21105,4306],{"class":4275},[4094,21107,21108],{"class":4096,"line":4187},[4094,21109,4125],{"emptyLinePlaceholder":4124},[4094,21111,21112,21114],{"class":4096,"line":4193},[4094,21113,4360],{"class":4271},[4094,21115,4363],{"class":4275},[4094,21117,21118,21120,21122,21124,21126,21128,21130,21132,21134,21136,21138,21140,21142,21144,21146],{"class":4096,"line":4199},[4094,21119,4369],{"class":4368},[4094,21121,3518],{"class":4342},[4094,21123,4375],{"class":4374},[4094,21125,4378],{"class":4275},[4094,21127,4381],{"class":4315},[4094,21129,4385],{"class":4384},[4094,21131,4388],{"class":4279},[4094,21133,3536],{"class":4384},[4094,21135,4590],{"class":4279},[4094,21137,4396],{"class":4384},[4094,21139,4399],{"class":4279},[4094,21141,14551],{"class":4279},[4094,21143,4405],{"class":4384},[4094,21145,4408],{"class":4315},[4094,21147,4411],{"class":4368},[4094,21149,21150,21152,21154,21156,21158,21160,21162,21164,21166,21168,21170,21172,21174,21176,21178,21180,21183,21185,21187],{"class":4096,"line":4205},[4094,21151,4416],{"class":4368},[4094,21153,3522],{"class":4342},[4094,21155,4375],{"class":4374},[4094,21157,4378],{"class":4275},[4094,21159,4381],{"class":4315},[4094,21161,4385],{"class":4384},[4094,21163,4388],{"class":4279},[4094,21165,3536],{"class":4384},[4094,21167,6036],{"class":4279},[4094,21169,4396],{"class":4384},[4094,21171,4636],{"class":4279},[4094,21173,4517],{"class":4279},[4094,21175,4405],{"class":4384},[4094,21177,4408],{"class":4315},[4094,21179,4436],{"class":4368},[4094,21181,21182],{"class":4275},"Список рядків",[4094,21184,4445],{"class":4368},[4094,21186,3522],{"class":4342},[4094,21188,4411],{"class":4368},[4094,21190,21191,21193,21195,21197,21199,21201,21203,21205,21207,21209],{"class":4096,"line":4211},[4094,21192,4416],{"class":4368},[4094,21194,3518],{"class":4342},[4094,21196,4375],{"class":4374},[4094,21198,4378],{"class":4275},[4094,21200,4381],{"class":4315},[4094,21202,4388],{"class":4279},[4094,21204,3536],{"class":4384},[4094,21206,14718],{"class":4279},[4094,21208,4408],{"class":4315},[4094,21210,4411],{"class":4368},[4094,21212,21213,21215,21217,21219,21221,21223,21225,21227,21229],{"class":4096,"line":4217},[4094,21214,6084],{"class":4315},[4094,21216,14729],{"class":4496},[4094,21218,3536],{"class":4384},[4094,21220,6092],{"class":4319},[4094,21222,6095],{"class":4384},[4094,21224,14738],{"class":4279},[4094,21226,6101],{"class":4384},[4094,21228,5724],{"class":4315},[4094,21230,4363],{"class":4384},[4094,21232,21233,21235],{"class":4096,"line":4223},[4094,21234,6110],{"class":4368},[4094,21236,10355],{"class":4342},[4094,21238,21239,21241,21243,21245,21247,21249,21251],{"class":4096,"line":4229},[4094,21240,14755],{"class":4374},[4094,21242,4378],{"class":4275},[4094,21244,4381],{"class":4315},[4094,21246,14738],{"class":4279},[4094,21248,3536],{"class":4384},[4094,21250,4631],{"class":4279},[4094,21252,4179],{"class":4315},[4094,21254,21255,21257,21259,21261,21263,21265,21267,21269,21271,21273,21275,21277,21279,21281,21283],{"class":4096,"line":4235},[4094,21256,14772],{"class":4374},[4094,21258,4378],{"class":4275},[4094,21260,4381],{"class":4315},[4094,21262,4385],{"class":4384},[4094,21264,4388],{"class":4279},[4094,21266,3536],{"class":4384},[4094,21268,3875],{"class":4279},[4094,21270,4396],{"class":4384},[4094,21272,4399],{"class":4279},[4094,21274,14505],{"class":4279},[4094,21276,3519],{"class":4384},[4094,21278,6802],{"class":4279},[4094,21280,14528],{"class":4279},[4094,21282,4405],{"class":4384},[4094,21284,4179],{"class":4315},[4094,21286,21287],{"class":4096,"line":4240},[4094,21288,14805],{"class":4368},[4094,21290,21291,21293,21295,21297,21299,21301,21303,21305,21308,21310],{"class":4096,"line":4245},[4094,21292,14810],{"class":4368},[4094,21294,3518],{"class":4342},[4094,21296,4375],{"class":4374},[4094,21298,4378],{"class":4275},[4094,21300,4381],{"class":4315},[4094,21302,4388],{"class":4279},[4094,21304,3536],{"class":4384},[4094,21306,21307],{"class":4279},"avatar",[4094,21309,4408],{"class":4315},[4094,21311,4411],{"class":4368},[4094,21313,21314,21316,21318,21320,21322,21324,21326,21328,21331,21333,21335,21337,21339,21341,21343,21345,21347,21349,21351,21353,21355,21357,21359,21361,21363],{"class":4096,"line":4876},[4094,21315,14834],{"class":4368},[4094,21317,3522],{"class":4342},[4094,21319,4375],{"class":4374},[4094,21321,4378],{"class":4275},[4094,21323,4381],{"class":4315},[4094,21325,4388],{"class":4279},[4094,21327,3536],{"class":4384},[4094,21329,21330],{"class":4279},"avatarText",[4094,21332,4408],{"class":4315},[4094,21334,4436],{"class":4368},[4094,21336,4381],{"class":4315},[4094,21338,14738],{"class":4279},[4094,21340,3536],{"class":4384},[4094,21342,4631],{"class":4279},[4094,21344,3536],{"class":4384},[4094,21346,14866],{"class":4319},[4094,21348,6168],{"class":4384},[4094,21350,9106],{"class":4812},[4094,21352,3519],{"class":4384},[4094,21354,9112],{"class":4812},[4094,21356,6173],{"class":4384},[4094,21358,4408],{"class":4315},[4094,21360,4445],{"class":4368},[4094,21362,3522],{"class":4342},[4094,21364,4411],{"class":4368},[4094,21366,21367,21369,21371],{"class":4096,"line":4897},[4094,21368,14889],{"class":4368},[4094,21370,3518],{"class":4342},[4094,21372,4411],{"class":4368},[4094,21374,21375,21377,21379,21381,21383,21385,21387,21389,21391,21393],{"class":4096,"line":4918},[4094,21376,14810],{"class":4368},[4094,21378,3518],{"class":4342},[4094,21380,4375],{"class":4374},[4094,21382,4378],{"class":4275},[4094,21384,4381],{"class":4315},[4094,21386,4388],{"class":4279},[4094,21388,3536],{"class":4384},[4094,21390,13178],{"class":4279},[4094,21392,4408],{"class":4315},[4094,21394,4411],{"class":4368},[4094,21396,21397,21399,21401,21403,21405,21407,21409,21411,21413,21415,21417,21419,21421,21423,21425,21427,21429,21431,21433,21435],{"class":4096,"line":4939},[4094,21398,14834],{"class":4368},[4094,21400,3522],{"class":4342},[4094,21402,4375],{"class":4374},[4094,21404,4378],{"class":4275},[4094,21406,4381],{"class":4315},[4094,21408,4385],{"class":4384},[4094,21410,4388],{"class":4279},[4094,21412,3536],{"class":4384},[4094,21414,4631],{"class":4279},[4094,21416,4396],{"class":4384},[4094,21418,4636],{"class":4279},[4094,21420,4517],{"class":4279},[4094,21422,4405],{"class":4384},[4094,21424,4408],{"class":4315},[4094,21426,11331],{"class":4374},[4094,21428,4378],{"class":4275},[4094,21430,4381],{"class":4315},[4094,21432,9112],{"class":4812},[4094,21434,4408],{"class":4315},[4094,21436,4411],{"class":4368},[4094,21438,21439,21442,21444,21446,21448],{"class":4096,"line":4948},[4094,21440,21441],{"class":4315},"                {",[4094,21443,14738],{"class":4279},[4094,21445,3536],{"class":4384},[4094,21447,4631],{"class":4279},[4094,21449,4179],{"class":4315},[4094,21451,21452,21455,21457],{"class":4096,"line":4953},[4094,21453,21454],{"class":4368},"              \u003C\u002F",[4094,21456,3522],{"class":4342},[4094,21458,4411],{"class":4368},[4094,21460,21461,21463,21465,21467,21469,21471,21473,21475,21477,21479,21481,21483,21485,21487,21489,21491,21493,21495,21497],{"class":4096,"line":4987},[4094,21462,14834],{"class":4368},[4094,21464,3522],{"class":4342},[4094,21466,4375],{"class":4374},[4094,21468,4378],{"class":4275},[4094,21470,4381],{"class":4315},[4094,21472,16958],{"class":4384},[4094,21474,4636],{"class":4279},[4094,21476,4543],{"class":4279},[4094,21478,3519],{"class":4384},[4094,21480,5093],{"class":4279},[4094,21482,5308],{"class":4812},[4094,21484,16971],{"class":4384},[4094,21486,4408],{"class":4315},[4094,21488,11331],{"class":4374},[4094,21490,4378],{"class":4275},[4094,21492,4381],{"class":4315},[4094,21494,9112],{"class":4812},[4094,21496,4408],{"class":4315},[4094,21498,4411],{"class":4368},[4094,21500,21501,21503,21505,21507,21509],{"class":4096,"line":4993},[4094,21502,21441],{"class":4315},[4094,21504,14738],{"class":4279},[4094,21506,3536],{"class":4384},[4094,21508,9433],{"class":4279},[4094,21510,4179],{"class":4315},[4094,21512,21513,21515,21517],{"class":4096,"line":5002},[4094,21514,21454],{"class":4368},[4094,21516,3522],{"class":4342},[4094,21518,4411],{"class":4368},[4094,21520,21521,21523,21525],{"class":4096,"line":5011},[4094,21522,14889],{"class":4368},[4094,21524,3518],{"class":4342},[4094,21526,4411],{"class":4368},[4094,21528,21529,21531,21533,21535,21537,21539,21541,21543,21545,21548,21550,21552,21554,21556,21558,21560,21562,21564,21566,21568,21570,21572,21574],{"class":4096,"line":5016},[4094,21530,14810],{"class":4368},[4094,21532,3522],{"class":4342},[4094,21534,4375],{"class":4374},[4094,21536,4378],{"class":4275},[4094,21538,4381],{"class":4315},[4094,21540,4385],{"class":4384},[4094,21542,4388],{"class":4279},[4094,21544,3536],{"class":4384},[4094,21546,21547],{"class":4279},"meta",[4094,21549,4396],{"class":4384},[4094,21551,4636],{"class":4279},[4094,21553,4543],{"class":4279},[4094,21555,4405],{"class":4384},[4094,21557,4408],{"class":4315},[4094,21559,4436],{"class":4368},[4094,21561,4381],{"class":4315},[4094,21563,14738],{"class":4279},[4094,21565,3536],{"class":4384},[4094,21567,21547],{"class":4279},[4094,21569,4408],{"class":4315},[4094,21571,4445],{"class":4368},[4094,21573,3522],{"class":4342},[4094,21575,4411],{"class":4368},[4094,21577,21578,21580,21582],{"class":4096,"line":5021},[4094,21579,11365],{"class":4368},[4094,21581,3518],{"class":4342},[4094,21583,4411],{"class":4368},[4094,21585,21586,21588],{"class":4096,"line":5026},[4094,21587,6182],{"class":4384},[4094,21589,4179],{"class":4315},[4094,21591,21592,21594,21596],{"class":4096,"line":5046},[4094,21593,4770],{"class":4368},[4094,21595,3518],{"class":4342},[4094,21597,4411],{"class":4368},[4094,21599,21600,21602,21604],{"class":4096,"line":5085},[4094,21601,4454],{"class":4368},[4094,21603,3518],{"class":4342},[4094,21605,4411],{"class":4368},[4094,21607,21608],{"class":4096,"line":5109},[4094,21609,4463],{"class":4275},[4094,21611,21612],{"class":4096,"line":5118},[4094,21613,4179],{"class":4275},[4094,21615,21616],{"class":4096,"line":5130},[4094,21617,4125],{"emptyLinePlaceholder":4124},[4094,21619,21620,21622,21624,21626,21628,21630,21632],{"class":4096,"line":5141},[4094,21621,5029],{"class":4315},[4094,21623,4683],{"class":4496},[4094,21625,4500],{"class":4275},[4094,21627,4288],{"class":4279},[4094,21629,3536],{"class":4275},[4094,21631,5040],{"class":4319},[4094,21633,5043],{"class":4275},[4094,21635,21636,21638,21640,21642,21644,21646,21648,21650,21652,21654,21656],{"class":4096,"line":5151},[4094,21637,5049],{"class":4279},[4094,21639,4276],{"class":4275},[4094,21641,5054],{"class":4279},[4094,21643,5057],{"class":4812},[4094,21645,3519],{"class":4275},[4094,21647,5069],{"class":4279},[4094,21649,5293],{"class":4812},[4094,21651,3519],{"class":4275},[4094,21653,5076],{"class":4279},[4094,21655,5136],{"class":4812},[4094,21657,5082],{"class":4275},[4094,21659,21660,21662,21664,21666,21668,21670,21672,21674],{"class":4096,"line":5161},[4094,21661,6538],{"class":4279},[4094,21663,4276],{"class":4275},[4094,21665,5093],{"class":4279},[4094,21667,5316],{"class":4812},[4094,21669,3519],{"class":4275},[4094,21671,5101],{"class":4279},[4094,21673,5104],{"class":4302},[4094,21675,5082],{"class":4275},[4094,21677,21678,21680,21682,21684,21686],{"class":4096,"line":5167},[4094,21679,15136],{"class":4279},[4094,21681,4276],{"class":4275},[4094,21683,5076],{"class":4279},[4094,21685,5079],{"class":4812},[4094,21687,5082],{"class":4275},[4094,21689,21690,21692],{"class":4096,"line":5182},[4094,21691,5185],{"class":4279},[4094,21693,5115],{"class":4275},[4094,21695,21696,21698,21700],{"class":4096,"line":5206},[4094,21697,8108],{"class":4279},[4094,21699,5193],{"class":4302},[4094,21701,5127],{"class":4275},[4094,21703,21704,21706,21708],{"class":4096,"line":5214},[4094,21705,5248],{"class":4279},[4094,21707,5201],{"class":4302},[4094,21709,5127],{"class":4275},[4094,21711,21712,21714,21716],{"class":4096,"line":5225},[4094,21713,5154],{"class":4279},[4094,21715,5136],{"class":4812},[4094,21717,5127],{"class":4275},[4094,21719,21720,21722,21724],{"class":4096,"line":5235},[4094,21721,5144],{"class":4279},[4094,21723,5136],{"class":4812},[4094,21725,5127],{"class":4275},[4094,21727,21728,21730,21732],{"class":4096,"line":5245},[4094,21729,5133],{"class":4279},[4094,21731,5136],{"class":4812},[4094,21733,5127],{"class":4275},[4094,21735,21736,21738,21740],{"class":4096,"line":5255},[4094,21737,6735],{"class":4279},[4094,21739,5057],{"class":4812},[4094,21741,5127],{"class":4275},[4094,21743,21744],{"class":4096,"line":5265},[4094,21745,5164],{"class":4275},[4094,21747,21748,21751],{"class":4096,"line":5270},[4094,21749,21750],{"class":4279},"  avatar:",[4094,21752,5115],{"class":4275},[4094,21754,21755,21757,21759],{"class":4096,"line":5298},[4094,21756,5217],{"class":4279},[4094,21758,15221],{"class":4812},[4094,21760,5127],{"class":4275},[4094,21762,21763,21765,21767],{"class":4096,"line":5327},[4094,21764,5228],{"class":4279},[4094,21766,15221],{"class":4812},[4094,21768,5127],{"class":4275},[4094,21770,21771,21773,21775],{"class":4096,"line":6447},[4094,21772,5133],{"class":4279},[4094,21774,15238],{"class":4812},[4094,21776,5127],{"class":4275},[4094,21778,21779,21781,21783],{"class":4096,"line":6453},[4094,21780,5121],{"class":4279},[4094,21782,6273],{"class":4302},[4094,21784,5127],{"class":4275},[4094,21786,21787,21789,21791],{"class":4096,"line":6462},[4094,21788,5248],{"class":4279},[4094,21790,5201],{"class":4302},[4094,21792,5127],{"class":4275},[4094,21794,21795,21797,21799],{"class":4096,"line":6471},[4094,21796,5258],{"class":4279},[4094,21798,5201],{"class":4302},[4094,21800,5127],{"class":4275},[4094,21802,21803],{"class":4096,"line":6476},[4094,21804,5164],{"class":4275},[4094,21806,21807,21810,21812,21814,21816,21818,21820,21822,21824,21826,21828],{"class":4096,"line":6481},[4094,21808,21809],{"class":4279},"  avatarText:",[4094,21811,4276],{"class":4275},[4094,21813,4636],{"class":4279},[4094,21815,5280],{"class":4302},[4094,21817,3519],{"class":4275},[4094,21819,5101],{"class":4279},[4094,21821,5104],{"class":4302},[4094,21823,3519],{"class":4275},[4094,21825,5093],{"class":4279},[4094,21827,5293],{"class":4812},[4094,21829,5082],{"class":4275},[4094,21831,21832,21834,21836,21838,21840,21842,21844,21846],{"class":4096,"line":6486},[4094,21833,14045],{"class":4279},[4094,21835,4276],{"class":4275},[4094,21837,5054],{"class":4279},[4094,21839,5057],{"class":4812},[4094,21841,3519],{"class":4275},[4094,21843,5076],{"class":4279},[4094,21845,6738],{"class":4812},[4094,21847,5082],{"class":4275},[4094,21849,21850,21852,21854,21856,21858,21860,21862,21864],{"class":4096,"line":6503},[4094,21851,5088],{"class":4279},[4094,21853,4276],{"class":4275},[4094,21855,5093],{"class":4279},[4094,21857,5293],{"class":4812},[4094,21859,3519],{"class":4275},[4094,21861,5101],{"class":4279},[4094,21863,6669],{"class":4302},[4094,21865,5082],{"class":4275},[4094,21867,21868,21871,21873,21875,21877,21879,21881,21883],{"class":4096,"line":6535},[4094,21869,21870],{"class":4279},"  meta:",[4094,21872,4276],{"class":4275},[4094,21874,5093],{"class":4279},[4094,21876,5136],{"class":4812},[4094,21878,3519],{"class":4275},[4094,21880,5101],{"class":4279},[4094,21882,6669],{"class":4302},[4094,21884,5082],{"class":4275},[4094,21886,21887],{"class":4096,"line":6556},[4094,21888,5330],{"class":4275},[3688,21890],{},[3507,21892,21894],{"id":21893},"антипатерни-layout","Антипатерни layout",[21896,21897,21898,21909,21916,21927,21936,21944],"accordion",{},[21899,21900,21903,21905,21906,21908],"accordion-item",{"icon":21901,"label":21902},"i-lucide-bug","Забути flex: 1 на корені",[3516,21904,5440],{}," «не центрує на екрані», бо батько висотою з контент. Додайте ",[3516,21907,3857],{}," на корінь екрана.",[21899,21910,21912,21913,21915],{"icon":21901,"label":21911},"margin замість gap скрізь","Працює, доки не з’явиться умовний рендер останнього елемента — подвійні відступи й «дірки». ",[3516,21914,3603],{}," на контейнері стабільніший.",[21899,21917,21919,21920,21922,21923,21926],{"icon":21901,"label":21918},"Абсолютний footer без padding у списку","Останні картки ховаються під кнопкою. У ",[3516,21921,16409],{}," потрібен ",[3516,21924,21925],{},"paddingBottom"," ≥ висота footer + insets.",[21899,21928,21930,21931,5463,21933,21935],{"icon":21901,"label":21929},"Очікувати CSS Grid \u002F float","У core RN їх немає. Сітка — ",[3516,21932,3875],{},[3516,21934,15555],{}," + ширини; складні макети — вкладені flex-контейнери.",[21899,21937,21939,21940,21943],{"icon":21901,"label":21938},"Один величезний ScrollView на все","Для 3–10 карток ок. Для сотень — віртуалізація (",[3516,21941,21942],{},"FlatList"," \u002F FlashList) у наступних статтях. Уже зараз не кладіть важку логіку «на кожен піксель скролу».",[21899,21945,21947,21950,21951,3915,21953,21956,21957,21959],{"icon":21901,"label":21946},"Плутати style і contentContainerStyle у ScrollView",[3516,21948,21949],{},"style"," — сам viewport скролу. ",[3516,21952,16409],{},[3540,21954,21955],{},"вміст"," усередині (padding, ",[3516,21958,9119],{}," для «короткого» контенту по центру).",[3688,21961],{},[3507,21963,21965],{"id":21964},"міні-проєкт-5-layout-екранів","Міні-проєкт: «5 layout-екранів»",[3512,21967,21968,21969,21972,21973,21976],{},"Окремий маленький застосунок ",[3540,21970,21971],{},"лише"," на layout (не Nomad). Мета — перемикати п’ять екранів-патернів і ",[3540,21974,21975],{},"очима"," побачити різницю.",[4250,21978,21980],{"id":21979},"постановка","Постановка",[3512,21982,21983],{},"Зібрати Expo blank TypeScript-проєкт, у якому:",[3575,21985,21986,21992,21997,22003,22008],{},[3578,21987,21988,21991],{},[3540,21989,21990],{},"Shell"," — header\u002Fbody\u002Ffooter зі списком.",[3578,21993,21994,21996],{},[3540,21995,17488],{}," — дві flex-зони.",[3578,21998,21999,22002],{},[3540,22000,22001],{},"Grid"," — wrap-сітка плиток.",[3578,22004,22005,22007],{},[3540,22006,18171],{}," — довгий скрол + кнопка внизу поза скролом.",[3578,22009,22010,22013],{},[3540,22011,22012],{},"Empty"," — порожній стан по центру.",[3512,22015,22016],{},"Перемикач екранів — рядок чіпів зверху (flex row + wrap).",[4250,22018,22020],{"id":22019},"крок-1-створити-проєкт","Крок 1. Створити проєкт",[4085,22022,22026],{"className":22023,"code":22024,"language":22025,"meta":4090,"style":4090},"language-bash shiki shiki-themes light-plus dark-plus dark-plus","cd \u002Fpath\u002Fto  # поруч: git clone https:\u002F\u002Fgithub.com\u002Farakviel\u002Fnomad.git\nnpx create-expo-app@latest layout-lab -t blank-typescript@sdk-54\ncd layout-lab\nnpx expo start\n","bash",[3516,22027,22028,22039,22056,22063],{"__ignoreMap":4090},[4094,22029,22030,22033,22036],{"class":4096,"line":4097},[4094,22031,22032],{"class":4319},"cd",[4094,22034,22035],{"class":4302}," \u002Fpath\u002Fto",[4094,22037,22038],{"class":11759},"  # поруч: git clone https:\u002F\u002Fgithub.com\u002Farakviel\u002Fnomad.git\n",[4094,22040,22041,22044,22047,22050,22053],{"class":4096,"line":4103},[4094,22042,22043],{"class":4319},"npx",[4094,22045,22046],{"class":4302}," create-expo-app@latest",[4094,22048,22049],{"class":4302}," layout-lab",[4094,22051,22052],{"class":4315}," -t",[4094,22054,22055],{"class":4302}," blank-typescript@sdk-54\n",[4094,22057,22058,22060],{"class":4096,"line":4109},[4094,22059,22032],{"class":4319},[4094,22061,22062],{"class":4302}," layout-lab\n",[4094,22064,22065,22067,22070],{"class":4096,"line":4115},[4094,22066,22043],{"class":4319},[4094,22068,22069],{"class":4302}," expo",[4094,22071,22072],{"class":4302}," start\n",[3512,22074,22075],{},"Відкрити в Expo Go (SDK як у курсі).",[4250,22077,22079,22080],{"id":22078},"крок-2-замінити-apptsx","Крок 2. Замінити ",[3516,22081,22082],{},"App.tsx",[3512,22084,22085,22086,22089,22090,22093,22094,22097],{},"Нижче — ",[3540,22087,22088],{},"один"," файл з п’ятьма екранами. У blank-шаблоні точка входу вже підключає ",[3516,22091,22092],{},"App",". Повний лістинг ",[3540,22095,22096],{},"згорнуто"," — розгорніть, коли будете копіювати в проєкт або звірятись.",[22099,22100,22102],"collapsible",{"title":22101},"Повний код App.tsx — розгорнути за потреби",[4085,22103,22105],{"className":4262,"code":22104,"language":4264,"meta":4090,"style":4090},"import { useState } from 'react';\nimport {\n  View,\n  Text,\n  Pressable,\n  ScrollView,\n  StyleSheet,\n  SafeAreaView,\n} from 'react-native';\n\ntype ScreenId = 'shell' | 'split' | 'grid' | 'sticky' | 'empty';\n\nconst TABS: { id: ScreenId; label: string }[] = [\n  { id: 'shell', label: 'Shell' },\n  { id: 'split', label: 'Split' },\n  { id: 'grid', label: 'Grid' },\n  { id: 'sticky', label: 'Sticky' },\n  { id: 'empty', label: 'Empty' },\n];\n\nconst CITIES = ['Київ', 'Львів', 'Одеса', 'Харків', 'Дніпро', 'Ужгород'];\n\nexport default function App() {\n  const [screen, setScreen] = useState\u003CScreenId>('shell');\n\n  return (\n    \u003CSafeAreaView style={styles.safe}>\n      \u003CView style={styles.tabs}>\n        {TABS.map((t) => (\n          \u003CPressable\n            key={t.id}\n            onPress={() => setScreen(t.id)}\n            style={[styles.tab, screen === t.id && styles.tabOn]}\n          >\n            \u003CText style={[styles.tabText, screen === t.id && styles.tabTextOn]}>\n              {t.label}\n            \u003C\u002FText>\n          \u003C\u002FPressable>\n        ))}\n      \u003C\u002FView>\n\n      \u003CView style={styles.stage}>\n        {screen === 'shell' && \u003CShellScreen \u002F>}\n        {screen === 'split' && \u003CSplitScreen \u002F>}\n        {screen === 'grid' && \u003CGridScreen \u002F>}\n        {screen === 'sticky' && \u003CStickyScreen \u002F>}\n        {screen === 'empty' && \u003CEmptyScreen \u002F>}\n      \u003C\u002FView>\n    \u003C\u002FSafeAreaView>\n  );\n}\n\nfunction ShellScreen() {\n  return (\n    \u003CView style={styles.fill}>\n      \u003CView style={styles.blockHeader}>\n        \u003CText style={styles.h1}>Shell · H\u002FB\u002FF\u003C\u002FText>\n        \u003CText style={styles.muted}>Шапка · скрол · футер\u003C\u002FText>\n      \u003C\u002FView>\n      \u003CScrollView style={styles.flex} contentContainerStyle={styles.pad}>\n        {Array.from({ length: 8 }, (_, i) => (\n          \u003CView key={i} style={styles.card}>\n            \u003CText style={styles.cardTitle}>Картка {i + 1}\u003C\u002FText>\n          \u003C\u002FView>\n        ))}\n      \u003C\u002FScrollView>\n      \u003CView style={styles.blockFooter}>\n        \u003CPressable style={styles.primaryBtn}>\n          \u003CText style={styles.primaryBtnText}>Дія внизу\u003C\u002FText>\n        \u003C\u002FPressable>\n      \u003C\u002FView>\n    \u003C\u002FView>\n  );\n}\n\nfunction SplitScreen() {\n  return (\n    \u003CView style={styles.fill}>\n      \u003CView style={[styles.splitTop, { flex: 2 }]}>\n        \u003CText style={styles.splitLabel}>flex: 2\u003C\u002FText>\n      \u003C\u002FView>\n      \u003CView style={[styles.splitBottom, { flex: 1 }]}>\n        \u003CText style={styles.h1}>Split\u003C\u002FText>\n        \u003CText style={styles.muted}>Нижня панель · flex: 1\u003C\u002FText>\n      \u003C\u002FView>\n    \u003C\u002FView>\n  );\n}\n\nfunction GridScreen() {\n  return (\n    \u003CScrollView contentContainerStyle={styles.pad}>\n      \u003CText style={styles.h1}>Grid · wrap\u003C\u002FText>\n      \u003CView style={styles.grid}>\n        {CITIES.map((c) => (\n          \u003CView key={c} style={styles.cell}>\n            \u003CText style={styles.cardTitle}>{c}\u003C\u002FText>\n          \u003C\u002FView>\n        ))}\n      \u003C\u002FView>\n    \u003C\u002FScrollView>\n  );\n}\n\nfunction StickyScreen() {\n  \u002F\u002F Багато абзаців навмисно: без sticky CTA кнопку «Прийняти» шукали б у кінці скролу.\n  const paragraphs = [\n    'Уявіть екран умов подорожі: користувач має прочитати (або хоча б прокрутити) довгий текст, але кнопка «Прийняти» має лишатися під рукою.',\n    'Саме для цього sticky CTA: скролиться лише середина, а footer з кнопкою стоїть поза ScrollView.',\n    'Абзац 3. Перед бронюванням перевірте дати виїзду та повернення. Зміна дат після оплати може коштувати додатково.',\n    'Абзац 4. У вартість базового пакету входять нічліг за обраним тарифом і сніданок, якщо це зазначено в картці поїздки.',\n    'Абзац 5. Трансфер з вокзалу або аеропорту бронюється окремо й не є частиною стандартної пропозиції, якщо інше не написано явно.',\n    'Абзац 6. Скасування безкоштовне за 14 повних діб до старту. Пізніше утримується частка передоплати згідно з таблицею штрафів.',\n    'Абзац 7. Документи: для внутрішніх маршрутів достатньо паспорта громадянина; для закордонних — закордонний паспорт із чинним терміном.',\n    'Абзац 8. Медична страховка рекомендується для гірських і водних активностей. Організатор не замінює страхову компанію.',\n    'Абзац 9. Погода в горах змінюється швидко. Гід може скоригувати маршрут з міркувань безпеки — це не є порушенням договору.',\n    'Абзац 10. Особисті речі в спільному транспорті залишаються на відповідальності власника. Цінності краще тримати при собі.',\n    'Абзац 11. Фото- та відеозйомка дозволена, якщо не порушує приватність інших учасників і правила локацій (монастирі, музеї, кордони).',\n    'Абзац 12. Алкоголь у службовому транспорті заборонений. Порушення може призвести до відсторонення від програми без повернення коштів.',\n    'Абзац 13. Діти до 12 років подорожують лише в супроводі дорослого. Окремі активності мають вікові обмеження — дивіться опис дня.',\n    'Абзац 14. Харчові алергії повідомляйте під час бронювання. Ми передамо запит партнерам, але не гарантуємо 100% безглютенове меню скрізь.',\n    'Абзац 15. Wi‑Fi у готелях і хостелах може бути нестабільним. Offline-карта маршруту зберігається в застосунку після першого завантаження.',\n    'Абзац 16. Час збору групи вказано за місцевим часом пункту старту. Запізнення більше 15 хвилин може означати від’їзд без вас.',\n    'Абзац 17. Багаж: одне місце ручної поклажі до 8 кг і одне здане до 20 кг, якщо в описі туру не зазначено інші ліміти.',\n    'Абзац 18. Еко-правила: не залишайте сміття на стежках, не зривайте охоронювані рослини, не годуйте диких тварин.',\n    'Абзац 19. Мобільний зв’язок у віддалених районах може зникати. Повідомте рідних про орієнтовний графік зв’язку заздалегідь.',\n    'Абзац 20. Повернення коштів за невикористані послуги (наприклад, пропущений день екскурсії з вашої вини) зазвичай не передбачене.',\n    'Абзац 21. Форс-мажор: стихійні лиха, страйки перевізників, закриття кордонів. У таких випадках пропонуємо перенесення або ваучер.',\n    'Абзац 22. Скарги приймаються письмово протягом 7 днів після завершення поїздки на адресу підтримки в профілі застосунку.',\n    'Абзац 23. Персональні дані обробляються для бронювання, зв’язку з партнерами та виконання вимог законодавства про облік.',\n    'Абзац 24. Розсилки з ідеями маршрутів можна вимкнути в налаштуваннях сповіщень у будь-який момент без впливу на активні бронювання.',\n    'Абзац 25. Рейтинг гіда та житла формується з відгуків після поїздки. Один акаунт — один відгук на бронювання.',\n    'Абзац 26. Промокоди не сумуються, якщо в умовах акції прямо не сказано «можна комбінувати».',\n    'Абзац 27. Оплата карткою проходить через платіжного провайдера; ми не зберігаємо повний номер картки на своїх серверах.',\n    'Абзац 28. Часткова передоплата фіксує місце в групі. Повний розрахунок — згідно з графіком у підтвердженні бронювання.',\n    'Абзац 29. Зміна учасника (передача квитка іншій людині) можлива не пізніше ніж за 5 діб і лише за згодою оператора.',\n    'Абзац 30. На маршруті діють інструкції гіда щодо темпу, відстані й точок збору. Ігнорування інструкцій — на ваш ризик.',\n    'Абзац 31. Обладнання для прокату (палиці, каски, жилети) видається під заставу або за паспортними даними — за правилами партнера.',\n    'Абзац 32. Нічні переїзди можуть бути частиною програми. Навушники й маска для сну — ваша відповідальність для комфорту.',\n    'Абзац 33. Фото з групових активностей інколи використовуються в маркетингу; відмову можна надіслати до старту поїздки.',\n    'Абзац 34. Якщо ви загубилися, телефонуйте на екстрений контакт із ваучера. Геолокацію вмикайте лише за домовленістю з групою.',\n    'Абзац 35. Підсумковий чек-лист: паспорт, страховка, зарядка, одяг за шарами, готівка на дрібні витрати, офлайн-карта.',\n    'Абзац 36. Натискаючи «Прийняти умови», ви підтверджуєте, що прочитали (або свідомо пропустили) текст вище — кнопка лишалась видимою весь час скролу.',\n    'Абзац 37. Це навчальний приклад layout: у реальному продукті юридичний текст узгоджують із юристом, а не копіюють із демо.',\n    'Абзац 38. Прокрутіть ще трохи: якщо кнопка зникла — ви поклали її всередину ScrollView. У цьому екрані вона в footer поза скролом.',\n    'Абзац 39. Останні абзаци спеціально «водянисті», щоб висота контенту гарантовано перевищувала висоту телефону в прев’ю й на пристрої.',\n    'Абзац 40. Кінець списку. Sticky CTA досі внизу екрана — саме так користувач може прийняти умови, не долистуючи сюди навмисно.',\n  ];\n\n  return (\n    \u003CView style={styles.fill}>\n      \u003CScrollView\n        style={styles.flex}\n        contentContainerStyle={[styles.pad, styles.stickyContent]}\n        showsVerticalScrollIndicator\n      >\n        \u003CText style={styles.h1}>Умови поїздки\u003C\u002FText>\n        \u003CText style={styles.muted}>\n          Прокрутіть текст. Кнопка «Прийняти умови» завжди внизу — не в кінці документа.\n        \u003C\u002FText>\n        {paragraphs.map((p, i) => (\n          \u003CText key={i} style={styles.muted}>\n            {p}\n          \u003C\u002FText>\n        ))}\n      \u003C\u002FScrollView>\n      \u003CView style={styles.blockFooter}>\n        \u003CPressable style={styles.primaryBtn}>\n          \u003CText style={styles.primaryBtnText}>Прийняти умови\u003C\u002FText>\n        \u003C\u002FPressable>\n      \u003C\u002FView>\n    \u003C\u002FView>\n  );\n}\n\nfunction EmptyScreen() {\n  return (\n    \u003CView style={styles.empty}>\n      \u003CText style={styles.emptyIcon}>📭\u003C\u002FText>\n      \u003CText style={styles.h1}>Порожньо\u003C\u002FText>\n      \u003CText style={[styles.muted, { textAlign: 'center' }]}>\n        justifyContent + alignItems center · flex: 1\n      \u003C\u002FText>\n      \u003CPressable style={styles.primaryBtn}>\n        \u003CText style={styles.primaryBtnText}>Створити\u003C\u002FText>\n      \u003C\u002FPressable>\n    \u003C\u002FView>\n  );\n}\n\nconst styles = StyleSheet.create({\n  safe: { flex: 1, backgroundColor: '#F8FAFC' },\n  tabs: {\n    flexDirection: 'row',\n    flexWrap: 'wrap',\n    gap: 6,\n    paddingHorizontal: 12,\n    paddingVertical: 8,\n    borderBottomWidth: 1,\n    borderBottomColor: '#E2E8F0',\n    backgroundColor: '#fff',\n  },\n  tab: {\n    paddingHorizontal: 10,\n    paddingVertical: 6,\n    borderRadius: 8,\n    backgroundColor: '#E2E8F0',\n  },\n  tabOn: { backgroundColor: '#2563EB' },\n  tabText: { fontSize: 12, fontWeight: '600', color: '#0F172A' },\n  tabTextOn: { color: '#fff' },\n  stage: { flex: 1 },\n  fill: { flex: 1 },\n  flex: { flex: 1 },\n  pad: { padding: 16, gap: 10 },\n  stickyContent: { gap: 14, paddingBottom: 28 },\n  blockHeader: {\n    padding: 16,\n    backgroundColor: '#fff',\n    borderBottomWidth: 1,\n    borderBottomColor: '#E2E8F0',\n    gap: 4,\n  },\n  blockFooter: {\n    padding: 16,\n    backgroundColor: '#fff',\n    borderTopWidth: 1,\n    borderTopColor: '#E2E8F0',\n  },\n  h1: { fontSize: 18, fontWeight: '700', color: '#0F172A' },\n  muted: { fontSize: 14, color: '#64748B', lineHeight: 20 },\n  card: {\n    backgroundColor: '#fff',\n    borderRadius: 12,\n    borderWidth: 1,\n    borderColor: '#E2E8F0',\n    padding: 14,\n  },\n  cardTitle: { fontSize: 16, fontWeight: '600', color: '#0F172A' },\n  primaryBtn: {\n    backgroundColor: '#2563EB',\n    borderRadius: 12,\n    paddingVertical: 14,\n    alignItems: 'center',\n  },\n  primaryBtnText: { color: '#fff', fontWeight: '700', fontSize: 16 },\n  splitTop: {\n    backgroundColor: '#DBEAFE',\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n  splitBottom: {\n    backgroundColor: '#fff',\n    padding: 20,\n    borderTopLeftRadius: 16,\n    borderTopRightRadius: 16,\n    marginTop: -8,\n    gap: 6,\n  },\n  splitLabel: { fontSize: 20, fontWeight: '700', color: '#1E3A8A' },\n  grid: { flexDirection: 'row', flexWrap: 'wrap', gap: 10, marginTop: 8 },\n  cell: {\n    width: '48%',\n    minHeight: 72,\n    backgroundColor: '#fff',\n    borderRadius: 12,\n    borderWidth: 1,\n    borderColor: '#E2E8F0',\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n  empty: {\n    flex: 1,\n    alignItems: 'center',\n    justifyContent: 'center',\n    padding: 32,\n    gap: 10,\n  },\n  emptyIcon: { fontSize: 40, marginBottom: 4 },\n});\n",[3516,22106,22107,22123,22129,22135,22141,22147,22154,22160,22167,22177,22181,22215,22219,22247,22267,22285,22303,22321,22339,22343,22347,22380,22384,22396,22423,22427,22433,22456,22478,22499,22506,22522,22550,22592,22596,22644,22656,22664,22672,22678,22686,22690,22713,22736,22757,22778,22799,22820,22828,22836,22840,22844,22848,22857,22863,22886,22909,22940,22971,22979,23016,23051,23083,23125,23133,23139,23147,23170,23193,23225,23233,23241,23249,23253,23257,23261,23270,23276,23298,23331,23362,23370,23403,23433,23464,23472,23480,23484,23488,23492,23501,23507,23529,23560,23582,23604,23636,23670,23678,23684,23692,23700,23704,23708,23712,23721,23726,23735,23742,23749,23756,23763,23770,23777,23784,23791,23798,23805,23812,23819,23826,23833,23840,23847,23854,23861,23868,23875,23882,23889,23896,23903,23910,23917,23924,23931,23938,23945,23952,23959,23966,23973,23980,23987,23994,24001,24008,24015,24020,24024,24030,24053,24061,24079,24110,24116,24122,24154,24177,24183,24192,24218,24251,24261,24270,24277,24286,24309,24332,24364,24373,24382,24391,24396,24401,24406,24416,24423,24446,24479,24511,24544,24550,24559,24582,24614,24623,24632,24637,24642,24647,24664,24684,24692,24701,24710,24719,24728,24737,24746,24756,24765,24770,24778,24787,24796,24805,24814,24819,24833,24860,24874,24888,24902,24916,24936,24957,24965,24974,24983,24992,25001,25010,25015,25023,25032,25041,25050,25060,25065,25091,25118,25125,25134,25143,25152,25161,25170,25175,25200,25208,25217,25226,25235,25244,25249,25275,25283,25293,25302,25311,25316,25324,25333,25342,25351,25360,25372,25381,25386,25413,25444,25451,25460,25469,25478,25487,25496,25505,25514,25523,25528,25535,25544,25553,25562,25571,25580,25585,25605],{"__ignoreMap":4090},[4094,22108,22109,22111,22113,22115,22117,22119,22121],{"class":4096,"line":4097},[4094,22110,4272],{"class":4271},[4094,22112,4276],{"class":4275},[4094,22114,5487],{"class":4279},[4094,22116,4296],{"class":4275},[4094,22118,4299],{"class":4271},[4094,22120,5494],{"class":4302},[4094,22122,4306],{"class":4275},[4094,22124,22125,22127],{"class":4096,"line":4103},[4094,22126,4272],{"class":4271},[4094,22128,5115],{"class":4275},[4094,22130,22131,22133],{"class":4096,"line":4109},[4094,22132,19342],{"class":4279},[4094,22134,5127],{"class":4275},[4094,22136,22137,22139],{"class":4096,"line":4115},[4094,22138,19816],{"class":4279},[4094,22140,5127],{"class":4275},[4094,22142,22143,22145],{"class":4096,"line":4121},[4094,22144,19829],{"class":4279},[4094,22146,5127],{"class":4275},[4094,22148,22149,22152],{"class":4096,"line":4128},[4094,22150,22151],{"class":4279},"  ScrollView",[4094,22153,5127],{"class":4275},[4094,22155,22156,22158],{"class":4096,"line":4134},[4094,22157,19349],{"class":4279},[4094,22159,5127],{"class":4275},[4094,22161,22162,22165],{"class":4096,"line":4140},[4094,22163,22164],{"class":4279},"  SafeAreaView",[4094,22166,5127],{"class":4275},[4094,22168,22169,22171,22173,22175],{"class":4096,"line":4146},[4094,22170,19356],{"class":4275},[4094,22172,4299],{"class":4271},[4094,22174,4303],{"class":4302},[4094,22176,4306],{"class":4275},[4094,22178,22179],{"class":4096,"line":4152},[4094,22180,4125],{"emptyLinePlaceholder":4124},[4094,22182,22183,22185,22188,22190,22193,22195,22198,22200,22203,22205,22208,22210,22213],{"class":4096,"line":4158},[4094,22184,5537],{"class":4315},[4094,22186,22187],{"class":4342}," ScreenId",[4094,22189,4500],{"class":4275},[4094,22191,22192],{"class":4302},"'shell'",[4094,22194,7065],{"class":4275},[4094,22196,22197],{"class":4302},"'split'",[4094,22199,7065],{"class":4275},[4094,22201,22202],{"class":4302},"'grid'",[4094,22204,7065],{"class":4275},[4094,22206,22207],{"class":4302},"'sticky'",[4094,22209,7065],{"class":4275},[4094,22211,22212],{"class":4302},"'empty'",[4094,22214,4306],{"class":4275},[4094,22216,22217],{"class":4096,"line":4164},[4094,22218,4125],{"emptyLinePlaceholder":4124},[4094,22220,22221,22223,22226,22228,22231,22233,22236,22238,22240,22242,22244],{"class":4096,"line":4170},[4094,22222,5029],{"class":4315},[4094,22224,22225],{"class":4496}," TABS",[4094,22227,15530],{"class":4275},[4094,22229,22230],{"class":4279},"id",[4094,22232,4339],{"class":4275},[4094,22234,22235],{"class":4342},"ScreenId",[4094,22237,4346],{"class":4275},[4094,22239,4326],{"class":4279},[4094,22241,4339],{"class":4275},[4094,22243,4343],{"class":4342},[4094,22245,22246],{"class":4275}," }[] = [\n",[4094,22248,22249,22251,22254,22257,22259,22262,22265],{"class":4096,"line":4176},[4094,22250,20895],{"class":4275},[4094,22252,22253],{"class":4279},"id:",[4094,22255,22256],{"class":4302}," 'shell'",[4094,22258,3519],{"class":4275},[4094,22260,22261],{"class":4279},"label:",[4094,22263,22264],{"class":4302}," 'Shell'",[4094,22266,5082],{"class":4275},[4094,22268,22269,22271,22273,22276,22278,22280,22283],{"class":4096,"line":4182},[4094,22270,20895],{"class":4275},[4094,22272,22253],{"class":4279},[4094,22274,22275],{"class":4302}," 'split'",[4094,22277,3519],{"class":4275},[4094,22279,22261],{"class":4279},[4094,22281,22282],{"class":4302}," 'Split'",[4094,22284,5082],{"class":4275},[4094,22286,22287,22289,22291,22294,22296,22298,22301],{"class":4096,"line":4187},[4094,22288,20895],{"class":4275},[4094,22290,22253],{"class":4279},[4094,22292,22293],{"class":4302}," 'grid'",[4094,22295,3519],{"class":4275},[4094,22297,22261],{"class":4279},[4094,22299,22300],{"class":4302}," 'Grid'",[4094,22302,5082],{"class":4275},[4094,22304,22305,22307,22309,22312,22314,22316,22319],{"class":4096,"line":4193},[4094,22306,20895],{"class":4275},[4094,22308,22253],{"class":4279},[4094,22310,22311],{"class":4302}," 'sticky'",[4094,22313,3519],{"class":4275},[4094,22315,22261],{"class":4279},[4094,22317,22318],{"class":4302}," 'Sticky'",[4094,22320,5082],{"class":4275},[4094,22322,22323,22325,22327,22330,22332,22334,22337],{"class":4096,"line":4199},[4094,22324,20895],{"class":4275},[4094,22326,22253],{"class":4279},[4094,22328,22329],{"class":4302}," 'empty'",[4094,22331,3519],{"class":4275},[4094,22333,22261],{"class":4279},[4094,22335,22336],{"class":4302}," 'Empty'",[4094,22338,5082],{"class":4275},[4094,22340,22341],{"class":4096,"line":4205},[4094,22342,5654],{"class":4275},[4094,22344,22345],{"class":4096,"line":4211},[4094,22346,4125],{"emptyLinePlaceholder":4124},[4094,22348,22349,22351,22354,22356,22358,22360,22362,22364,22366,22368,22370,22372,22374,22376,22378],{"class":4096,"line":4217},[4094,22350,5029],{"class":4315},[4094,22352,22353],{"class":4496}," CITIES",[4094,22355,15650],{"class":4275},[4094,22357,15653],{"class":4302},[4094,22359,3519],{"class":4275},[4094,22361,15658],{"class":4302},[4094,22363,3519],{"class":4275},[4094,22365,15663],{"class":4302},[4094,22367,3519],{"class":4275},[4094,22369,15668],{"class":4302},[4094,22371,3519],{"class":4275},[4094,22373,15673],{"class":4302},[4094,22375,3519],{"class":4275},[4094,22377,15678],{"class":4302},[4094,22379,5654],{"class":4275},[4094,22381,22382],{"class":4096,"line":4223},[4094,22383,4125],{"emptyLinePlaceholder":4124},[4094,22385,22386,22388,22390,22392,22394],{"class":4096,"line":4229},[4094,22387,4476],{"class":4271},[4094,22389,4479],{"class":4271},[4094,22391,4482],{"class":4315},[4094,22393,4485],{"class":4319},[4094,22395,4488],{"class":4275},[4094,22397,22398,22400,22402,22404,22406,22409,22411,22413,22415,22417,22419,22421],{"class":4096,"line":4235},[4094,22399,4493],{"class":4315},[4094,22401,5884],{"class":4275},[4094,22403,4590],{"class":4496},[4094,22405,3519],{"class":4275},[4094,22407,22408],{"class":4496},"setScreen",[4094,22410,5895],{"class":4275},[4094,22412,5487],{"class":4319},[4094,22414,5900],{"class":4275},[4094,22416,22235],{"class":4342},[4094,22418,5905],{"class":4275},[4094,22420,22192],{"class":4302},[4094,22422,5911],{"class":4275},[4094,22424,22425],{"class":4096,"line":4240},[4094,22426,4125],{"emptyLinePlaceholder":4124},[4094,22428,22429,22431],{"class":4096,"line":4245},[4094,22430,4360],{"class":4271},[4094,22432,4363],{"class":4275},[4094,22434,22435,22437,22439,22441,22443,22445,22447,22449,22452,22454],{"class":4096,"line":4876},[4094,22436,4369],{"class":4368},[4094,22438,8349],{"class":4342},[4094,22440,4375],{"class":4374},[4094,22442,4378],{"class":4275},[4094,22444,4381],{"class":4315},[4094,22446,4388],{"class":4279},[4094,22448,3536],{"class":4384},[4094,22450,22451],{"class":4279},"safe",[4094,22453,4408],{"class":4315},[4094,22455,4411],{"class":4368},[4094,22457,22458,22460,22462,22464,22466,22468,22470,22472,22474,22476],{"class":4096,"line":4897},[4094,22459,4416],{"class":4368},[4094,22461,3518],{"class":4342},[4094,22463,4375],{"class":4374},[4094,22465,4378],{"class":4275},[4094,22467,4381],{"class":4315},[4094,22469,4388],{"class":4279},[4094,22471,3536],{"class":4384},[4094,22473,19686],{"class":4279},[4094,22475,4408],{"class":4315},[4094,22477,4411],{"class":4368},[4094,22479,22480,22482,22485,22487,22489,22491,22493,22495,22497],{"class":4096,"line":4918},[4094,22481,6084],{"class":4315},[4094,22483,22484],{"class":4496},"TABS",[4094,22486,3536],{"class":4384},[4094,22488,6092],{"class":4319},[4094,22490,6095],{"class":4384},[4094,22492,16843],{"class":4279},[4094,22494,6101],{"class":4384},[4094,22496,5724],{"class":4315},[4094,22498,4363],{"class":4384},[4094,22500,22501,22503],{"class":4096,"line":4939},[4094,22502,6110],{"class":4368},[4094,22504,22505],{"class":4342},"Pressable\n",[4094,22507,22508,22510,22512,22514,22516,22518,22520],{"class":4096,"line":4948},[4094,22509,14755],{"class":4374},[4094,22511,4378],{"class":4275},[4094,22513,4381],{"class":4315},[4094,22515,16843],{"class":4279},[4094,22517,3536],{"class":4384},[4094,22519,22230],{"class":4279},[4094,22521,4179],{"class":4315},[4094,22523,22524,22527,22529,22531,22533,22535,22538,22540,22542,22544,22546,22548],{"class":4096,"line":4953},[4094,22525,22526],{"class":4374},"            onPress",[4094,22528,4378],{"class":4275},[4094,22530,4381],{"class":4315},[4094,22532,6160],{"class":4384},[4094,22534,5724],{"class":4315},[4094,22536,22537],{"class":4319}," setScreen",[4094,22539,6168],{"class":4384},[4094,22541,16843],{"class":4279},[4094,22543,3536],{"class":4384},[4094,22545,22230],{"class":4279},[4094,22547,6173],{"class":4384},[4094,22549,4179],{"class":4315},[4094,22551,22552,22554,22556,22558,22560,22562,22564,22566,22568,22570,22572,22575,22577,22579,22581,22583,22585,22588,22590],{"class":4096,"line":4987},[4094,22553,14772],{"class":4374},[4094,22555,4378],{"class":4275},[4094,22557,4381],{"class":4315},[4094,22559,4385],{"class":4384},[4094,22561,4388],{"class":4279},[4094,22563,3536],{"class":4384},[4094,22565,19689],{"class":4279},[4094,22567,3519],{"class":4384},[4094,22569,4590],{"class":4279},[4094,22571,6146],{"class":4275},[4094,22573,22574],{"class":4279}," t",[4094,22576,3536],{"class":4384},[4094,22578,22230],{"class":4279},[4094,22580,4597],{"class":4275},[4094,22582,4683],{"class":4279},[4094,22584,3536],{"class":4384},[4094,22586,22587],{"class":4279},"tabOn",[4094,22589,4691],{"class":4384},[4094,22591,4179],{"class":4315},[4094,22593,22594],{"class":4096,"line":4993},[4094,22595,14805],{"class":4368},[4094,22597,22598,22600,22602,22604,22606,22608,22610,22612,22614,22617,22619,22621,22623,22625,22627,22629,22631,22633,22635,22638,22640,22642],{"class":4096,"line":5002},[4094,22599,14810],{"class":4368},[4094,22601,3522],{"class":4342},[4094,22603,4375],{"class":4374},[4094,22605,4378],{"class":4275},[4094,22607,4381],{"class":4315},[4094,22609,4385],{"class":4384},[4094,22611,4388],{"class":4279},[4094,22613,3536],{"class":4384},[4094,22615,22616],{"class":4279},"tabText",[4094,22618,3519],{"class":4384},[4094,22620,4590],{"class":4279},[4094,22622,6146],{"class":4275},[4094,22624,22574],{"class":4279},[4094,22626,3536],{"class":4384},[4094,22628,22230],{"class":4279},[4094,22630,4597],{"class":4275},[4094,22632,4683],{"class":4279},[4094,22634,3536],{"class":4384},[4094,22636,22637],{"class":4279},"tabTextOn",[4094,22639,4691],{"class":4384},[4094,22641,4408],{"class":4315},[4094,22643,4411],{"class":4368},[4094,22645,22646,22648,22650,22652,22654],{"class":4096,"line":5011},[4094,22647,14944],{"class":4315},[4094,22649,16843],{"class":4279},[4094,22651,3536],{"class":4384},[4094,22653,4326],{"class":4279},[4094,22655,4179],{"class":4315},[4094,22657,22658,22660,22662],{"class":4096,"line":5016},[4094,22659,14889],{"class":4368},[4094,22661,3522],{"class":4342},[4094,22663,4411],{"class":4368},[4094,22665,22666,22668,22670],{"class":4096,"line":5021},[4094,22667,11365],{"class":4368},[4094,22669,3528],{"class":4342},[4094,22671,4411],{"class":4368},[4094,22673,22674,22676],{"class":4096,"line":5026},[4094,22675,6182],{"class":4384},[4094,22677,4179],{"class":4315},[4094,22679,22680,22682,22684],{"class":4096,"line":5046},[4094,22681,4770],{"class":4368},[4094,22683,3518],{"class":4342},[4094,22685,4411],{"class":4368},[4094,22687,22688],{"class":4096,"line":5085},[4094,22689,4125],{"emptyLinePlaceholder":4124},[4094,22691,22692,22694,22696,22698,22700,22702,22704,22706,22709,22711],{"class":4096,"line":5109},[4094,22693,4416],{"class":4368},[4094,22695,3518],{"class":4342},[4094,22697,4375],{"class":4374},[4094,22699,4378],{"class":4275},[4094,22701,4381],{"class":4315},[4094,22703,4388],{"class":4279},[4094,22705,3536],{"class":4384},[4094,22707,22708],{"class":4279},"stage",[4094,22710,4408],{"class":4315},[4094,22712,4411],{"class":4368},[4094,22714,22715,22717,22719,22721,22723,22725,22728,22731,22734],{"class":4096,"line":5118},[4094,22716,6084],{"class":4315},[4094,22718,4590],{"class":4279},[4094,22720,6146],{"class":4275},[4094,22722,22256],{"class":4302},[4094,22724,4597],{"class":4275},[4094,22726,22727],{"class":4368}," \u003C",[4094,22729,22730],{"class":4342},"ShellScreen",[4094,22732,22733],{"class":4368}," \u002F>",[4094,22735,4179],{"class":4315},[4094,22737,22738,22740,22742,22744,22746,22748,22750,22753,22755],{"class":4096,"line":5130},[4094,22739,6084],{"class":4315},[4094,22741,4590],{"class":4279},[4094,22743,6146],{"class":4275},[4094,22745,22275],{"class":4302},[4094,22747,4597],{"class":4275},[4094,22749,22727],{"class":4368},[4094,22751,22752],{"class":4342},"SplitScreen",[4094,22754,22733],{"class":4368},[4094,22756,4179],{"class":4315},[4094,22758,22759,22761,22763,22765,22767,22769,22771,22774,22776],{"class":4096,"line":5141},[4094,22760,6084],{"class":4315},[4094,22762,4590],{"class":4279},[4094,22764,6146],{"class":4275},[4094,22766,22293],{"class":4302},[4094,22768,4597],{"class":4275},[4094,22770,22727],{"class":4368},[4094,22772,22773],{"class":4342},"GridScreen",[4094,22775,22733],{"class":4368},[4094,22777,4179],{"class":4315},[4094,22779,22780,22782,22784,22786,22788,22790,22792,22795,22797],{"class":4096,"line":5151},[4094,22781,6084],{"class":4315},[4094,22783,4590],{"class":4279},[4094,22785,6146],{"class":4275},[4094,22787,22311],{"class":4302},[4094,22789,4597],{"class":4275},[4094,22791,22727],{"class":4368},[4094,22793,22794],{"class":4342},"StickyScreen",[4094,22796,22733],{"class":4368},[4094,22798,4179],{"class":4315},[4094,22800,22801,22803,22805,22807,22809,22811,22813,22816,22818],{"class":4096,"line":5161},[4094,22802,6084],{"class":4315},[4094,22804,4590],{"class":4279},[4094,22806,6146],{"class":4275},[4094,22808,22329],{"class":4302},[4094,22810,4597],{"class":4275},[4094,22812,22727],{"class":4368},[4094,22814,22815],{"class":4342},"EmptyScreen",[4094,22817,22733],{"class":4368},[4094,22819,4179],{"class":4315},[4094,22821,22822,22824,22826],{"class":4096,"line":5167},[4094,22823,4770],{"class":4368},[4094,22825,3518],{"class":4342},[4094,22827,4411],{"class":4368},[4094,22829,22830,22832,22834],{"class":4096,"line":5182},[4094,22831,4454],{"class":4368},[4094,22833,8349],{"class":4342},[4094,22835,4411],{"class":4368},[4094,22837,22838],{"class":4096,"line":5206},[4094,22839,4463],{"class":4275},[4094,22841,22842],{"class":4096,"line":5214},[4094,22843,4179],{"class":4275},[4094,22845,22846],{"class":4096,"line":5225},[4094,22847,4125],{"emptyLinePlaceholder":4124},[4094,22849,22850,22852,22855],{"class":4096,"line":5235},[4094,22851,4316],{"class":4315},[4094,22853,22854],{"class":4319}," ShellScreen",[4094,22856,4488],{"class":4275},[4094,22858,22859,22861],{"class":4096,"line":5245},[4094,22860,4360],{"class":4271},[4094,22862,4363],{"class":4275},[4094,22864,22865,22867,22869,22871,22873,22875,22877,22879,22882,22884],{"class":4096,"line":5255},[4094,22866,4369],{"class":4368},[4094,22868,3518],{"class":4342},[4094,22870,4375],{"class":4374},[4094,22872,4378],{"class":4275},[4094,22874,4381],{"class":4315},[4094,22876,4388],{"class":4279},[4094,22878,3536],{"class":4384},[4094,22880,22881],{"class":4279},"fill",[4094,22883,4408],{"class":4315},[4094,22885,4411],{"class":4368},[4094,22887,22888,22890,22892,22894,22896,22898,22900,22902,22905,22907],{"class":4096,"line":5265},[4094,22889,4416],{"class":4368},[4094,22891,3518],{"class":4342},[4094,22893,4375],{"class":4374},[4094,22895,4378],{"class":4275},[4094,22897,4381],{"class":4315},[4094,22899,4388],{"class":4279},[4094,22901,3536],{"class":4384},[4094,22903,22904],{"class":4279},"blockHeader",[4094,22906,4408],{"class":4315},[4094,22908,4411],{"class":4368},[4094,22910,22911,22913,22915,22917,22919,22921,22923,22925,22927,22929,22931,22934,22936,22938],{"class":4096,"line":5270},[4094,22912,4700],{"class":4368},[4094,22914,3522],{"class":4342},[4094,22916,4375],{"class":4374},[4094,22918,4378],{"class":4275},[4094,22920,4381],{"class":4315},[4094,22922,4388],{"class":4279},[4094,22924,3536],{"class":4384},[4094,22926,3503],{"class":4279},[4094,22928,4408],{"class":4315},[4094,22930,4436],{"class":4368},[4094,22932,22933],{"class":4275},"Shell · H\u002FB\u002FF",[4094,22935,4445],{"class":4368},[4094,22937,3522],{"class":4342},[4094,22939,4411],{"class":4368},[4094,22941,22942,22944,22946,22948,22950,22952,22954,22956,22958,22960,22962,22965,22967,22969],{"class":4096,"line":5298},[4094,22943,4700],{"class":4368},[4094,22945,3522],{"class":4342},[4094,22947,4375],{"class":4374},[4094,22949,4378],{"class":4275},[4094,22951,4381],{"class":4315},[4094,22953,4388],{"class":4279},[4094,22955,3536],{"class":4384},[4094,22957,20331],{"class":4279},[4094,22959,4408],{"class":4315},[4094,22961,4436],{"class":4368},[4094,22963,22964],{"class":4275},"Шапка · скрол · футер",[4094,22966,4445],{"class":4368},[4094,22968,3522],{"class":4342},[4094,22970,4411],{"class":4368},[4094,22972,22973,22975,22977],{"class":4096,"line":5327},[4094,22974,4770],{"class":4368},[4094,22976,3518],{"class":4342},[4094,22978,4411],{"class":4368},[4094,22980,22981,22983,22985,22987,22989,22991,22993,22995,22997,22999,23001,23003,23005,23007,23009,23012,23014],{"class":4096,"line":6447},[4094,22982,4416],{"class":4368},[4094,22984,3531],{"class":4342},[4094,22986,4375],{"class":4374},[4094,22988,4378],{"class":4275},[4094,22990,4381],{"class":4315},[4094,22992,4388],{"class":4279},[4094,22994,3536],{"class":4384},[4094,22996,3606],{"class":4279},[4094,22998,4408],{"class":4315},[4094,23000,16799],{"class":4374},[4094,23002,4378],{"class":4275},[4094,23004,4381],{"class":4315},[4094,23006,4388],{"class":4279},[4094,23008,3536],{"class":4384},[4094,23010,23011],{"class":4279},"pad",[4094,23013,4408],{"class":4315},[4094,23015,4411],{"class":4368},[4094,23017,23018,23020,23023,23025,23027,23029,23032,23034,23037,23040,23042,23045,23047,23049],{"class":4096,"line":6453},[4094,23019,6084],{"class":4315},[4094,23021,23022],{"class":4279},"Array",[4094,23024,3536],{"class":4384},[4094,23026,4299],{"class":4319},[4094,23028,4323],{"class":4384},[4094,23030,23031],{"class":4279},"length:",[4094,23033,5079],{"class":4812},[4094,23035,23036],{"class":4384}," }, (",[4094,23038,23039],{"class":4279},"_",[4094,23041,3519],{"class":4384},[4094,23043,23044],{"class":4279},"i",[4094,23046,6101],{"class":4384},[4094,23048,5724],{"class":4315},[4094,23050,4363],{"class":4384},[4094,23052,23053,23055,23057,23059,23061,23063,23065,23067,23069,23071,23073,23075,23077,23079,23081],{"class":4096,"line":6462},[4094,23054,6110],{"class":4368},[4094,23056,3518],{"class":4342},[4094,23058,6116],{"class":4374},[4094,23060,4378],{"class":4275},[4094,23062,4381],{"class":4315},[4094,23064,23044],{"class":4279},[4094,23066,4408],{"class":4315},[4094,23068,4375],{"class":4374},[4094,23070,4378],{"class":4275},[4094,23072,4381],{"class":4315},[4094,23074,4388],{"class":4279},[4094,23076,3536],{"class":4384},[4094,23078,16880],{"class":4279},[4094,23080,4408],{"class":4315},[4094,23082,4411],{"class":4368},[4094,23084,23085,23087,23089,23091,23093,23095,23097,23099,23101,23103,23105,23108,23110,23112,23115,23117,23119,23121,23123],{"class":4096,"line":6471},[4094,23086,14810],{"class":4368},[4094,23088,3522],{"class":4342},[4094,23090,4375],{"class":4374},[4094,23092,4378],{"class":4275},[4094,23094,4381],{"class":4315},[4094,23096,4388],{"class":4279},[4094,23098,3536],{"class":4384},[4094,23100,16919],{"class":4279},[4094,23102,4408],{"class":4315},[4094,23104,4436],{"class":4368},[4094,23106,23107],{"class":4384},"Картка ",[4094,23109,4381],{"class":4315},[4094,23111,23044],{"class":4279},[4094,23113,23114],{"class":4275}," +",[4094,23116,5057],{"class":4812},[4094,23118,4408],{"class":4315},[4094,23120,4445],{"class":4368},[4094,23122,3522],{"class":4342},[4094,23124,4411],{"class":4368},[4094,23126,23127,23129,23131],{"class":4096,"line":6476},[4094,23128,11365],{"class":4368},[4094,23130,3518],{"class":4342},[4094,23132,4411],{"class":4368},[4094,23134,23135,23137],{"class":4096,"line":6481},[4094,23136,6182],{"class":4384},[4094,23138,4179],{"class":4315},[4094,23140,23141,23143,23145],{"class":4096,"line":6486},[4094,23142,4770],{"class":4368},[4094,23144,3531],{"class":4342},[4094,23146,4411],{"class":4368},[4094,23148,23149,23151,23153,23155,23157,23159,23161,23163,23166,23168],{"class":4096,"line":6503},[4094,23150,4416],{"class":4368},[4094,23152,3518],{"class":4342},[4094,23154,4375],{"class":4374},[4094,23156,4378],{"class":4275},[4094,23158,4381],{"class":4315},[4094,23160,4388],{"class":4279},[4094,23162,3536],{"class":4384},[4094,23164,23165],{"class":4279},"blockFooter",[4094,23167,4408],{"class":4315},[4094,23169,4411],{"class":4368},[4094,23171,23172,23174,23176,23178,23180,23182,23184,23186,23189,23191],{"class":4096,"line":6535},[4094,23173,4700],{"class":4368},[4094,23175,3528],{"class":4342},[4094,23177,4375],{"class":4374},[4094,23179,4378],{"class":4275},[4094,23181,4381],{"class":4315},[4094,23183,4388],{"class":4279},[4094,23185,3536],{"class":4384},[4094,23187,23188],{"class":4279},"primaryBtn",[4094,23190,4408],{"class":4315},[4094,23192,4411],{"class":4368},[4094,23194,23195,23197,23199,23201,23203,23205,23207,23209,23212,23214,23216,23219,23221,23223],{"class":4096,"line":6556},[4094,23196,6110],{"class":4368},[4094,23198,3522],{"class":4342},[4094,23200,4375],{"class":4374},[4094,23202,4378],{"class":4275},[4094,23204,4381],{"class":4315},[4094,23206,4388],{"class":4279},[4094,23208,3536],{"class":4384},[4094,23210,23211],{"class":4279},"primaryBtnText",[4094,23213,4408],{"class":4315},[4094,23215,4436],{"class":4368},[4094,23217,23218],{"class":4275},"Дія внизу",[4094,23220,4445],{"class":4368},[4094,23222,3522],{"class":4342},[4094,23224,4411],{"class":4368},[4094,23226,23227,23229,23231],{"class":4096,"line":6585},[4094,23228,8638],{"class":4368},[4094,23230,3528],{"class":4342},[4094,23232,4411],{"class":4368},[4094,23234,23235,23237,23239],{"class":4096,"line":6593},[4094,23236,4770],{"class":4368},[4094,23238,3518],{"class":4342},[4094,23240,4411],{"class":4368},[4094,23242,23243,23245,23247],{"class":4096,"line":6603},[4094,23244,4454],{"class":4368},[4094,23246,3518],{"class":4342},[4094,23248,4411],{"class":4368},[4094,23250,23251],{"class":4096,"line":6614},[4094,23252,4463],{"class":4275},[4094,23254,23255],{"class":4096,"line":6623},[4094,23256,4179],{"class":4275},[4094,23258,23259],{"class":4096,"line":6633},[4094,23260,4125],{"emptyLinePlaceholder":4124},[4094,23262,23263,23265,23268],{"class":4096,"line":6638},[4094,23264,4316],{"class":4315},[4094,23266,23267],{"class":4319}," SplitScreen",[4094,23269,4488],{"class":4275},[4094,23271,23272,23274],{"class":4096,"line":6652},[4094,23273,4360],{"class":4271},[4094,23275,4363],{"class":4275},[4094,23277,23278,23280,23282,23284,23286,23288,23290,23292,23294,23296],{"class":4096,"line":6681},[4094,23279,4369],{"class":4368},[4094,23281,3518],{"class":4342},[4094,23283,4375],{"class":4374},[4094,23285,4378],{"class":4275},[4094,23287,4381],{"class":4315},[4094,23289,4388],{"class":4279},[4094,23291,3536],{"class":4384},[4094,23293,22881],{"class":4279},[4094,23295,4408],{"class":4315},[4094,23297,4411],{"class":4368},[4094,23299,23300,23302,23304,23306,23308,23310,23312,23314,23316,23319,23321,23323,23325,23327,23329],{"class":4096,"line":6695},[4094,23301,4416],{"class":4368},[4094,23303,3518],{"class":4342},[4094,23305,4375],{"class":4374},[4094,23307,4378],{"class":4275},[4094,23309,4381],{"class":4315},[4094,23311,4385],{"class":4384},[4094,23313,4388],{"class":4279},[4094,23315,3536],{"class":4384},[4094,23317,23318],{"class":4279},"splitTop",[4094,23320,4396],{"class":4384},[4094,23322,5054],{"class":4279},[4094,23324,6738],{"class":4812},[4094,23326,4405],{"class":4384},[4094,23328,4408],{"class":4315},[4094,23330,4411],{"class":4368},[4094,23332,23333,23335,23337,23339,23341,23343,23345,23347,23350,23352,23354,23356,23358,23360],{"class":4096,"line":6703},[4094,23334,4700],{"class":4368},[4094,23336,3522],{"class":4342},[4094,23338,4375],{"class":4374},[4094,23340,4378],{"class":4275},[4094,23342,4381],{"class":4315},[4094,23344,4388],{"class":4279},[4094,23346,3536],{"class":4384},[4094,23348,23349],{"class":4279},"splitLabel",[4094,23351,4408],{"class":4315},[4094,23353,4436],{"class":4368},[4094,23355,8303],{"class":4275},[4094,23357,4445],{"class":4368},[4094,23359,3522],{"class":4342},[4094,23361,4411],{"class":4368},[4094,23363,23364,23366,23368],{"class":4096,"line":6713},[4094,23365,4770],{"class":4368},[4094,23367,3518],{"class":4342},[4094,23369,4411],{"class":4368},[4094,23371,23372,23374,23376,23378,23380,23382,23384,23386,23388,23391,23393,23395,23397,23399,23401],{"class":4096,"line":6723},[4094,23373,4416],{"class":4368},[4094,23375,3518],{"class":4342},[4094,23377,4375],{"class":4374},[4094,23379,4378],{"class":4275},[4094,23381,4381],{"class":4315},[4094,23383,4385],{"class":4384},[4094,23385,4388],{"class":4279},[4094,23387,3536],{"class":4384},[4094,23389,23390],{"class":4279},"splitBottom",[4094,23392,4396],{"class":4384},[4094,23394,5054],{"class":4279},[4094,23396,5057],{"class":4812},[4094,23398,4405],{"class":4384},[4094,23400,4408],{"class":4315},[4094,23402,4411],{"class":4368},[4094,23404,23405,23407,23409,23411,23413,23415,23417,23419,23421,23423,23425,23427,23429,23431],{"class":4096,"line":6732},[4094,23406,4700],{"class":4368},[4094,23408,3522],{"class":4342},[4094,23410,4375],{"class":4374},[4094,23412,4378],{"class":4275},[4094,23414,4381],{"class":4315},[4094,23416,4388],{"class":4279},[4094,23418,3536],{"class":4384},[4094,23420,3503],{"class":4279},[4094,23422,4408],{"class":4315},[4094,23424,4436],{"class":4368},[4094,23426,17488],{"class":4275},[4094,23428,4445],{"class":4368},[4094,23430,3522],{"class":4342},[4094,23432,4411],{"class":4368},[4094,23434,23435,23437,23439,23441,23443,23445,23447,23449,23451,23453,23455,23458,23460,23462],{"class":4096,"line":6743},[4094,23436,4700],{"class":4368},[4094,23438,3522],{"class":4342},[4094,23440,4375],{"class":4374},[4094,23442,4378],{"class":4275},[4094,23444,4381],{"class":4315},[4094,23446,4388],{"class":4279},[4094,23448,3536],{"class":4384},[4094,23450,20331],{"class":4279},[4094,23452,4408],{"class":4315},[4094,23454,4436],{"class":4368},[4094,23456,23457],{"class":4275},"Нижня панель · flex: 1",[4094,23459,4445],{"class":4368},[4094,23461,3522],{"class":4342},[4094,23463,4411],{"class":4368},[4094,23465,23466,23468,23470],{"class":4096,"line":6754},[4094,23467,4770],{"class":4368},[4094,23469,3518],{"class":4342},[4094,23471,4411],{"class":4368},[4094,23473,23474,23476,23478],{"class":4096,"line":6763},[4094,23475,4454],{"class":4368},[4094,23477,3518],{"class":4342},[4094,23479,4411],{"class":4368},[4094,23481,23482],{"class":4096,"line":6772},[4094,23483,4463],{"class":4275},[4094,23485,23486],{"class":4096,"line":6783},[4094,23487,4179],{"class":4275},[4094,23489,23490],{"class":4096,"line":6788},[4094,23491,4125],{"emptyLinePlaceholder":4124},[4094,23493,23494,23496,23499],{"class":4096,"line":6810},[4094,23495,4316],{"class":4315},[4094,23497,23498],{"class":4319}," GridScreen",[4094,23500,4488],{"class":4275},[4094,23502,23503,23505],{"class":4096,"line":6833},[4094,23504,4360],{"class":4271},[4094,23506,4363],{"class":4275},[4094,23508,23509,23511,23513,23515,23517,23519,23521,23523,23525,23527],{"class":4096,"line":6855},[4094,23510,4369],{"class":4368},[4094,23512,3531],{"class":4342},[4094,23514,16799],{"class":4374},[4094,23516,4378],{"class":4275},[4094,23518,4381],{"class":4315},[4094,23520,4388],{"class":4279},[4094,23522,3536],{"class":4384},[4094,23524,23011],{"class":4279},[4094,23526,4408],{"class":4315},[4094,23528,4411],{"class":4368},[4094,23530,23531,23533,23535,23537,23539,23541,23543,23545,23547,23549,23551,23554,23556,23558],{"class":4096,"line":6874},[4094,23532,4416],{"class":4368},[4094,23534,3522],{"class":4342},[4094,23536,4375],{"class":4374},[4094,23538,4378],{"class":4275},[4094,23540,4381],{"class":4315},[4094,23542,4388],{"class":4279},[4094,23544,3536],{"class":4384},[4094,23546,3503],{"class":4279},[4094,23548,4408],{"class":4315},[4094,23550,4436],{"class":4368},[4094,23552,23553],{"class":4275},"Grid · wrap",[4094,23555,4445],{"class":4368},[4094,23557,3522],{"class":4342},[4094,23559,4411],{"class":4368},[4094,23561,23562,23564,23566,23568,23570,23572,23574,23576,23578,23580],{"class":4096,"line":13575},[4094,23563,4416],{"class":4368},[4094,23565,3518],{"class":4342},[4094,23567,4375],{"class":4374},[4094,23569,4378],{"class":4275},[4094,23571,4381],{"class":4315},[4094,23573,4388],{"class":4279},[4094,23575,3536],{"class":4384},[4094,23577,15946],{"class":4279},[4094,23579,4408],{"class":4315},[4094,23581,4411],{"class":4368},[4094,23583,23584,23586,23589,23591,23593,23595,23598,23600,23602],{"class":4096,"line":13592},[4094,23585,6084],{"class":4315},[4094,23587,23588],{"class":4496},"CITIES",[4094,23590,3536],{"class":4384},[4094,23592,6092],{"class":4319},[4094,23594,6095],{"class":4384},[4094,23596,23597],{"class":4279},"c",[4094,23599,6101],{"class":4384},[4094,23601,5724],{"class":4315},[4094,23603,4363],{"class":4384},[4094,23605,23606,23608,23610,23612,23614,23616,23618,23620,23622,23624,23626,23628,23630,23632,23634],{"class":4096,"line":13623},[4094,23607,6110],{"class":4368},[4094,23609,3518],{"class":4342},[4094,23611,6116],{"class":4374},[4094,23613,4378],{"class":4275},[4094,23615,4381],{"class":4315},[4094,23617,23597],{"class":4279},[4094,23619,4408],{"class":4315},[4094,23621,4375],{"class":4374},[4094,23623,4378],{"class":4275},[4094,23625,4381],{"class":4315},[4094,23627,4388],{"class":4279},[4094,23629,3536],{"class":4384},[4094,23631,16007],{"class":4279},[4094,23633,4408],{"class":4315},[4094,23635,4411],{"class":4368},[4094,23637,23638,23640,23642,23644,23646,23648,23650,23652,23654,23656,23658,23660,23662,23664,23666,23668],{"class":4096,"line":13650},[4094,23639,14810],{"class":4368},[4094,23641,3522],{"class":4342},[4094,23643,4375],{"class":4374},[4094,23645,4378],{"class":4275},[4094,23647,4381],{"class":4315},[4094,23649,4388],{"class":4279},[4094,23651,3536],{"class":4384},[4094,23653,16919],{"class":4279},[4094,23655,4408],{"class":4315},[4094,23657,4436],{"class":4368},[4094,23659,4381],{"class":4315},[4094,23661,23597],{"class":4279},[4094,23663,4408],{"class":4315},[4094,23665,4445],{"class":4368},[4094,23667,3522],{"class":4342},[4094,23669,4411],{"class":4368},[4094,23671,23672,23674,23676],{"class":4096,"line":13658},[4094,23673,11365],{"class":4368},[4094,23675,3518],{"class":4342},[4094,23677,4411],{"class":4368},[4094,23679,23680,23682],{"class":4096,"line":13667},[4094,23681,6182],{"class":4384},[4094,23683,4179],{"class":4315},[4094,23685,23686,23688,23690],{"class":4096,"line":13676},[4094,23687,4770],{"class":4368},[4094,23689,3518],{"class":4342},[4094,23691,4411],{"class":4368},[4094,23693,23694,23696,23698],{"class":4096,"line":13685},[4094,23695,4454],{"class":4368},[4094,23697,3531],{"class":4342},[4094,23699,4411],{"class":4368},[4094,23701,23702],{"class":4096,"line":13696},[4094,23703,4463],{"class":4275},[4094,23705,23706],{"class":4096,"line":13701},[4094,23707,4179],{"class":4275},[4094,23709,23710],{"class":4096,"line":13726},[4094,23711,4125],{"emptyLinePlaceholder":4124},[4094,23713,23714,23716,23719],{"class":4096,"line":13733},[4094,23715,4316],{"class":4315},[4094,23717,23718],{"class":4319}," StickyScreen",[4094,23720,4488],{"class":4275},[4094,23722,23723],{"class":4096,"line":13742},[4094,23724,23725],{"class":11759},"  \u002F\u002F Багато абзаців навмисно: без sticky CTA кнопку «Прийняти» шукали б у кінці скролу.\n",[4094,23727,23728,23730,23733],{"class":4096,"line":13751},[4094,23729,4493],{"class":4315},[4094,23731,23732],{"class":4496}," paragraphs",[4094,23734,14341],{"class":4275},[4094,23736,23737,23740],{"class":4096,"line":13760},[4094,23738,23739],{"class":4302},"    'Уявіть екран умов подорожі: користувач має прочитати (або хоча б прокрутити) довгий текст, але кнопка «Прийняти» має лишатися під рукою.'",[4094,23741,5127],{"class":4275},[4094,23743,23744,23747],{"class":4096,"line":13769},[4094,23745,23746],{"class":4302},"    'Саме для цього sticky CTA: скролиться лише середина, а footer з кнопкою стоїть поза ScrollView.'",[4094,23748,5127],{"class":4275},[4094,23750,23751,23754],{"class":4096,"line":13774},[4094,23752,23753],{"class":4302},"    'Абзац 3. Перед бронюванням перевірте дати виїзду та повернення. Зміна дат після оплати може коштувати додатково.'",[4094,23755,5127],{"class":4275},[4094,23757,23758,23761],{"class":4096,"line":13787},[4094,23759,23760],{"class":4302},"    'Абзац 4. У вартість базового пакету входять нічліг за обраним тарифом і сніданок, якщо це зазначено в картці поїздки.'",[4094,23762,5127],{"class":4275},[4094,23764,23765,23768],{"class":4096,"line":13812},[4094,23766,23767],{"class":4302},"    'Абзац 5. Трансфер з вокзалу або аеропорту бронюється окремо й не є частиною стандартної пропозиції, якщо інше не написано явно.'",[4094,23769,5127],{"class":4275},[4094,23771,23772,23775],{"class":4096,"line":13825},[4094,23773,23774],{"class":4302},"    'Абзац 6. Скасування безкоштовне за 14 повних діб до старту. Пізніше утримується частка передоплати згідно з таблицею штрафів.'",[4094,23776,5127],{"class":4275},[4094,23778,23779,23782],{"class":4096,"line":13832},[4094,23780,23781],{"class":4302},"    'Абзац 7. Документи: для внутрішніх маршрутів достатньо паспорта громадянина; для закордонних — закордонний паспорт із чинним терміном.'",[4094,23783,5127],{"class":4275},[4094,23785,23786,23789],{"class":4096,"line":13841},[4094,23787,23788],{"class":4302},"    'Абзац 8. Медична страховка рекомендується для гірських і водних активностей. Організатор не замінює страхову компанію.'",[4094,23790,5127],{"class":4275},[4094,23792,23793,23796],{"class":4096,"line":13850},[4094,23794,23795],{"class":4302},"    'Абзац 9. Погода в горах змінюється швидко. Гід може скоригувати маршрут з міркувань безпеки — це не є порушенням договору.'",[4094,23797,5127],{"class":4275},[4094,23799,23800,23803],{"class":4096,"line":13859},[4094,23801,23802],{"class":4302},"    'Абзац 10. Особисті речі в спільному транспорті залишаються на відповідальності власника. Цінності краще тримати при собі.'",[4094,23804,5127],{"class":4275},[4094,23806,23807,23810],{"class":4096,"line":13868},[4094,23808,23809],{"class":4302},"    'Абзац 11. Фото- та відеозйомка дозволена, якщо не порушує приватність інших учасників і правила локацій (монастирі, музеї, кордони).'",[4094,23811,5127],{"class":4275},[4094,23813,23814,23817],{"class":4096,"line":13877},[4094,23815,23816],{"class":4302},"    'Абзац 12. Алкоголь у службовому транспорті заборонений. Порушення може призвести до відсторонення від програми без повернення коштів.'",[4094,23818,5127],{"class":4275},[4094,23820,23821,23824],{"class":4096,"line":13886},[4094,23822,23823],{"class":4302},"    'Абзац 13. Діти до 12 років подорожують лише в супроводі дорослого. Окремі активності мають вікові обмеження — дивіться опис дня.'",[4094,23825,5127],{"class":4275},[4094,23827,23828,23831],{"class":4096,"line":13895},[4094,23829,23830],{"class":4302},"    'Абзац 14. Харчові алергії повідомляйте під час бронювання. Ми передамо запит партнерам, але не гарантуємо 100% безглютенове меню скрізь.'",[4094,23832,5127],{"class":4275},[4094,23834,23835,23838],{"class":4096,"line":13904},[4094,23836,23837],{"class":4302},"    'Абзац 15. Wi‑Fi у готелях і хостелах може бути нестабільним. Offline-карта маршруту зберігається в застосунку після першого завантаження.'",[4094,23839,5127],{"class":4275},[4094,23841,23842,23845],{"class":4096,"line":13913},[4094,23843,23844],{"class":4302},"    'Абзац 16. Час збору групи вказано за місцевим часом пункту старту. Запізнення більше 15 хвилин може означати від’їзд без вас.'",[4094,23846,5127],{"class":4275},[4094,23848,23849,23852],{"class":4096,"line":13922},[4094,23850,23851],{"class":4302},"    'Абзац 17. Багаж: одне місце ручної поклажі до 8 кг і одне здане до 20 кг, якщо в описі туру не зазначено інші ліміти.'",[4094,23853,5127],{"class":4275},[4094,23855,23856,23859],{"class":4096,"line":13927},[4094,23857,23858],{"class":4302},"    'Абзац 18. Еко-правила: не залишайте сміття на стежках, не зривайте охоронювані рослини, не годуйте диких тварин.'",[4094,23860,5127],{"class":4275},[4094,23862,23863,23866],{"class":4096,"line":13946},[4094,23864,23865],{"class":4302},"    'Абзац 19. Мобільний зв’язок у віддалених районах може зникати. Повідомте рідних про орієнтовний графік зв’язку заздалегідь.'",[4094,23867,5127],{"class":4275},[4094,23869,23870,23873],{"class":4096,"line":13954},[4094,23871,23872],{"class":4302},"    'Абзац 20. Повернення коштів за невикористані послуги (наприклад, пропущений день екскурсії з вашої вини) зазвичай не передбачене.'",[4094,23874,5127],{"class":4275},[4094,23876,23877,23880],{"class":4096,"line":13965},[4094,23878,23879],{"class":4302},"    'Абзац 21. Форс-мажор: стихійні лиха, страйки перевізників, закриття кордонів. У таких випадках пропонуємо перенесення або ваучер.'",[4094,23881,5127],{"class":4275},[4094,23883,23884,23887],{"class":4096,"line":13974},[4094,23885,23886],{"class":4302},"    'Абзац 22. Скарги приймаються письмово протягом 7 днів після завершення поїздки на адресу підтримки в профілі застосунку.'",[4094,23888,5127],{"class":4275},[4094,23890,23891,23894],{"class":4096,"line":13983},[4094,23892,23893],{"class":4302},"    'Абзац 23. Персональні дані обробляються для бронювання, зв’язку з партнерами та виконання вимог законодавства про облік.'",[4094,23895,5127],{"class":4275},[4094,23897,23898,23901],{"class":4096,"line":13992},[4094,23899,23900],{"class":4302},"    'Абзац 24. Розсилки з ідеями маршрутів можна вимкнути в налаштуваннях сповіщень у будь-який момент без впливу на активні бронювання.'",[4094,23902,5127],{"class":4275},[4094,23904,23905,23908],{"class":4096,"line":14001},[4094,23906,23907],{"class":4302},"    'Абзац 25. Рейтинг гіда та житла формується з відгуків після поїздки. Один акаунт — один відгук на бронювання.'",[4094,23909,5127],{"class":4275},[4094,23911,23912,23915],{"class":4096,"line":14010},[4094,23913,23914],{"class":4302},"    'Абзац 26. Промокоди не сумуються, якщо в умовах акції прямо не сказано «можна комбінувати».'",[4094,23916,5127],{"class":4275},[4094,23918,23919,23922],{"class":4096,"line":14015},[4094,23920,23921],{"class":4302},"    'Абзац 27. Оплата карткою проходить через платіжного провайдера; ми не зберігаємо повний номер картки на своїх серверах.'",[4094,23923,5127],{"class":4275},[4094,23925,23926,23929],{"class":4096,"line":14042},[4094,23927,23928],{"class":4302},"    'Абзац 28. Часткова передоплата фіксує місце в групі. Повний розрахунок — згідно з графіком у підтвердженні бронювання.'",[4094,23930,5127],{"class":4275},[4094,23932,23933,23936],{"class":4096,"line":14050},[4094,23934,23935],{"class":4302},"    'Абзац 29. Зміна учасника (передача квитка іншій людині) можлива не пізніше ніж за 5 діб і лише за згодою оператора.'",[4094,23937,5127],{"class":4275},[4094,23939,23940,23943],{"class":4096,"line":14059},[4094,23941,23942],{"class":4302},"    'Абзац 30. На маршруті діють інструкції гіда щодо темпу, відстані й точок збору. Ігнорування інструкцій — на ваш ризик.'",[4094,23944,5127],{"class":4275},[4094,23946,23947,23950],{"class":4096,"line":14068},[4094,23948,23949],{"class":4302},"    'Абзац 31. Обладнання для прокату (палиці, каски, жилети) видається під заставу або за паспортними даними — за правилами партнера.'",[4094,23951,5127],{"class":4275},[4094,23953,23954,23957],{"class":4096,"line":14077},[4094,23955,23956],{"class":4302},"    'Абзац 32. Нічні переїзди можуть бути частиною програми. Навушники й маска для сну — ваша відповідальність для комфорту.'",[4094,23958,5127],{"class":4275},[4094,23960,23961,23964],{"class":4096,"line":14086},[4094,23962,23963],{"class":4302},"    'Абзац 33. Фото з групових активностей інколи використовуються в маркетингу; відмову можна надіслати до старту поїздки.'",[4094,23965,5127],{"class":4275},[4094,23967,23968,23971],{"class":4096,"line":14096},[4094,23969,23970],{"class":4302},"    'Абзац 34. Якщо ви загубилися, телефонуйте на екстрений контакт із ваучера. Геолокацію вмикайте лише за домовленістю з групою.'",[4094,23972,5127],{"class":4275},[4094,23974,23975,23978],{"class":4096,"line":14101},[4094,23976,23977],{"class":4302},"    'Абзац 35. Підсумковий чек-лист: паспорт, страховка, зарядка, одяг за шарами, готівка на дрібні витрати, офлайн-карта.'",[4094,23979,5127],{"class":4275},[4094,23981,23982,23985],{"class":4096,"line":14109},[4094,23983,23984],{"class":4302},"    'Абзац 36. Натискаючи «Прийняти умови», ви підтверджуєте, що прочитали (або свідомо пропустили) текст вище — кнопка лишалась видимою весь час скролу.'",[4094,23986,5127],{"class":4275},[4094,23988,23989,23992],{"class":4096,"line":14118},[4094,23990,23991],{"class":4302},"    'Абзац 37. Це навчальний приклад layout: у реальному продукті юридичний текст узгоджують із юристом, а не копіюють із демо.'",[4094,23993,5127],{"class":4275},[4094,23995,23996,23999],{"class":4096,"line":14127},[4094,23997,23998],{"class":4302},"    'Абзац 38. Прокрутіть ще трохи: якщо кнопка зникла — ви поклали її всередину ScrollView. У цьому екрані вона в footer поза скролом.'",[4094,24000,5127],{"class":4275},[4094,24002,24003,24006],{"class":4096,"line":14136},[4094,24004,24005],{"class":4302},"    'Абзац 39. Останні абзаци спеціально «водянисті», щоб висота контенту гарантовано перевищувала висоту телефону в прев’ю й на пристрої.'",[4094,24007,5127],{"class":4275},[4094,24009,24010,24013],{"class":4096,"line":14145},[4094,24011,24012],{"class":4302},"    'Абзац 40. Кінець списку. Sticky CTA досі внизу екрана — саме так користувач може прийняти умови, не долистуючи сюди навмисно.'",[4094,24014,5127],{"class":4275},[4094,24016,24017],{"class":4096,"line":14150},[4094,24018,24019],{"class":4275},"  ];\n",[4094,24021,24022],{"class":4096,"line":14181},[4094,24023,4125],{"emptyLinePlaceholder":4124},[4094,24025,24026,24028],{"class":4096,"line":14206},[4094,24027,4360],{"class":4271},[4094,24029,4363],{"class":4275},[4094,24031,24033,24035,24037,24039,24041,24043,24045,24047,24049,24051],{"class":4096,"line":24032},151,[4094,24034,4369],{"class":4368},[4094,24036,3518],{"class":4342},[4094,24038,4375],{"class":4374},[4094,24040,4378],{"class":4275},[4094,24042,4381],{"class":4315},[4094,24044,4388],{"class":4279},[4094,24046,3536],{"class":4384},[4094,24048,22881],{"class":4279},[4094,24050,4408],{"class":4315},[4094,24052,4411],{"class":4368},[4094,24054,24056,24058],{"class":4096,"line":24055},152,[4094,24057,4416],{"class":4368},[4094,24059,24060],{"class":4342},"ScrollView\n",[4094,24062,24064,24067,24069,24071,24073,24075,24077],{"class":4096,"line":24063},153,[4094,24065,24066],{"class":4374},"        style",[4094,24068,4378],{"class":4275},[4094,24070,4381],{"class":4315},[4094,24072,4388],{"class":4279},[4094,24074,3536],{"class":4384},[4094,24076,3606],{"class":4279},[4094,24078,4179],{"class":4315},[4094,24080,24082,24085,24087,24089,24091,24093,24095,24097,24099,24101,24103,24106,24108],{"class":4096,"line":24081},154,[4094,24083,24084],{"class":4374},"        contentContainerStyle",[4094,24086,4378],{"class":4275},[4094,24088,4381],{"class":4315},[4094,24090,4385],{"class":4384},[4094,24092,4388],{"class":4279},[4094,24094,3536],{"class":4384},[4094,24096,23011],{"class":4279},[4094,24098,3519],{"class":4384},[4094,24100,4388],{"class":4279},[4094,24102,3536],{"class":4384},[4094,24104,24105],{"class":4279},"stickyContent",[4094,24107,4691],{"class":4384},[4094,24109,4179],{"class":4315},[4094,24111,24113],{"class":4096,"line":24112},155,[4094,24114,24115],{"class":4374},"        showsVerticalScrollIndicator\n",[4094,24117,24119],{"class":4096,"line":24118},156,[4094,24120,24121],{"class":4368},"      >\n",[4094,24123,24125,24127,24129,24131,24133,24135,24137,24139,24141,24143,24145,24148,24150,24152],{"class":4096,"line":24124},157,[4094,24126,4700],{"class":4368},[4094,24128,3522],{"class":4342},[4094,24130,4375],{"class":4374},[4094,24132,4378],{"class":4275},[4094,24134,4381],{"class":4315},[4094,24136,4388],{"class":4279},[4094,24138,3536],{"class":4384},[4094,24140,3503],{"class":4279},[4094,24142,4408],{"class":4315},[4094,24144,4436],{"class":4368},[4094,24146,24147],{"class":4275},"Умови поїздки",[4094,24149,4445],{"class":4368},[4094,24151,3522],{"class":4342},[4094,24153,4411],{"class":4368},[4094,24155,24157,24159,24161,24163,24165,24167,24169,24171,24173,24175],{"class":4096,"line":24156},158,[4094,24158,4700],{"class":4368},[4094,24160,3522],{"class":4342},[4094,24162,4375],{"class":4374},[4094,24164,4378],{"class":4275},[4094,24166,4381],{"class":4315},[4094,24168,4388],{"class":4279},[4094,24170,3536],{"class":4384},[4094,24172,20331],{"class":4279},[4094,24174,4408],{"class":4315},[4094,24176,4411],{"class":4368},[4094,24178,24180],{"class":4096,"line":24179},159,[4094,24181,24182],{"class":4275},"          Прокрутіть текст. Кнопка «Прийняти умови» завжди внизу — не в кінці документа.\n",[4094,24184,24186,24188,24190],{"class":4096,"line":24185},160,[4094,24187,8638],{"class":4368},[4094,24189,3522],{"class":4342},[4094,24191,4411],{"class":4368},[4094,24193,24195,24197,24200,24202,24204,24206,24208,24210,24212,24214,24216],{"class":4096,"line":24194},161,[4094,24196,6084],{"class":4315},[4094,24198,24199],{"class":4279},"paragraphs",[4094,24201,3536],{"class":4384},[4094,24203,6092],{"class":4319},[4094,24205,6095],{"class":4384},[4094,24207,3512],{"class":4279},[4094,24209,3519],{"class":4384},[4094,24211,23044],{"class":4279},[4094,24213,6101],{"class":4384},[4094,24215,5724],{"class":4315},[4094,24217,4363],{"class":4384},[4094,24219,24221,24223,24225,24227,24229,24231,24233,24235,24237,24239,24241,24243,24245,24247,24249],{"class":4096,"line":24220},162,[4094,24222,6110],{"class":4368},[4094,24224,3522],{"class":4342},[4094,24226,6116],{"class":4374},[4094,24228,4378],{"class":4275},[4094,24230,4381],{"class":4315},[4094,24232,23044],{"class":4279},[4094,24234,4408],{"class":4315},[4094,24236,4375],{"class":4374},[4094,24238,4378],{"class":4275},[4094,24240,4381],{"class":4315},[4094,24242,4388],{"class":4279},[4094,24244,3536],{"class":4384},[4094,24246,20331],{"class":4279},[4094,24248,4408],{"class":4315},[4094,24250,4411],{"class":4368},[4094,24252,24254,24257,24259],{"class":4096,"line":24253},163,[4094,24255,24256],{"class":4315},"            {",[4094,24258,3512],{"class":4279},[4094,24260,4179],{"class":4315},[4094,24262,24264,24266,24268],{"class":4096,"line":24263},164,[4094,24265,11365],{"class":4368},[4094,24267,3522],{"class":4342},[4094,24269,4411],{"class":4368},[4094,24271,24273,24275],{"class":4096,"line":24272},165,[4094,24274,6182],{"class":4384},[4094,24276,4179],{"class":4315},[4094,24278,24280,24282,24284],{"class":4096,"line":24279},166,[4094,24281,4770],{"class":4368},[4094,24283,3531],{"class":4342},[4094,24285,4411],{"class":4368},[4094,24287,24289,24291,24293,24295,24297,24299,24301,24303,24305,24307],{"class":4096,"line":24288},167,[4094,24290,4416],{"class":4368},[4094,24292,3518],{"class":4342},[4094,24294,4375],{"class":4374},[4094,24296,4378],{"class":4275},[4094,24298,4381],{"class":4315},[4094,24300,4388],{"class":4279},[4094,24302,3536],{"class":4384},[4094,24304,23165],{"class":4279},[4094,24306,4408],{"class":4315},[4094,24308,4411],{"class":4368},[4094,24310,24312,24314,24316,24318,24320,24322,24324,24326,24328,24330],{"class":4096,"line":24311},168,[4094,24313,4700],{"class":4368},[4094,24315,3528],{"class":4342},[4094,24317,4375],{"class":4374},[4094,24319,4378],{"class":4275},[4094,24321,4381],{"class":4315},[4094,24323,4388],{"class":4279},[4094,24325,3536],{"class":4384},[4094,24327,23188],{"class":4279},[4094,24329,4408],{"class":4315},[4094,24331,4411],{"class":4368},[4094,24333,24335,24337,24339,24341,24343,24345,24347,24349,24351,24353,24355,24358,24360,24362],{"class":4096,"line":24334},169,[4094,24336,6110],{"class":4368},[4094,24338,3522],{"class":4342},[4094,24340,4375],{"class":4374},[4094,24342,4378],{"class":4275},[4094,24344,4381],{"class":4315},[4094,24346,4388],{"class":4279},[4094,24348,3536],{"class":4384},[4094,24350,23211],{"class":4279},[4094,24352,4408],{"class":4315},[4094,24354,4436],{"class":4368},[4094,24356,24357],{"class":4275},"Прийняти умови",[4094,24359,4445],{"class":4368},[4094,24361,3522],{"class":4342},[4094,24363,4411],{"class":4368},[4094,24365,24367,24369,24371],{"class":4096,"line":24366},170,[4094,24368,8638],{"class":4368},[4094,24370,3528],{"class":4342},[4094,24372,4411],{"class":4368},[4094,24374,24376,24378,24380],{"class":4096,"line":24375},171,[4094,24377,4770],{"class":4368},[4094,24379,3518],{"class":4342},[4094,24381,4411],{"class":4368},[4094,24383,24385,24387,24389],{"class":4096,"line":24384},172,[4094,24386,4454],{"class":4368},[4094,24388,3518],{"class":4342},[4094,24390,4411],{"class":4368},[4094,24392,24394],{"class":4096,"line":24393},173,[4094,24395,4463],{"class":4275},[4094,24397,24399],{"class":4096,"line":24398},174,[4094,24400,4179],{"class":4275},[4094,24402,24404],{"class":4096,"line":24403},175,[4094,24405,4125],{"emptyLinePlaceholder":4124},[4094,24407,24409,24411,24414],{"class":4096,"line":24408},176,[4094,24410,4316],{"class":4315},[4094,24412,24413],{"class":4319}," EmptyScreen",[4094,24415,4488],{"class":4275},[4094,24417,24419,24421],{"class":4096,"line":24418},177,[4094,24420,4360],{"class":4271},[4094,24422,4363],{"class":4275},[4094,24424,24426,24428,24430,24432,24434,24436,24438,24440,24442,24444],{"class":4096,"line":24425},178,[4094,24427,4369],{"class":4368},[4094,24429,3518],{"class":4342},[4094,24431,4375],{"class":4374},[4094,24433,4378],{"class":4275},[4094,24435,4381],{"class":4315},[4094,24437,4388],{"class":4279},[4094,24439,3536],{"class":4384},[4094,24441,18501],{"class":4279},[4094,24443,4408],{"class":4315},[4094,24445,4411],{"class":4368},[4094,24447,24449,24451,24453,24455,24457,24459,24461,24463,24466,24468,24470,24473,24475,24477],{"class":4096,"line":24448},179,[4094,24450,4416],{"class":4368},[4094,24452,3522],{"class":4342},[4094,24454,4375],{"class":4374},[4094,24456,4378],{"class":4275},[4094,24458,4381],{"class":4315},[4094,24460,4388],{"class":4279},[4094,24462,3536],{"class":4384},[4094,24464,24465],{"class":4279},"emptyIcon",[4094,24467,4408],{"class":4315},[4094,24469,4436],{"class":4368},[4094,24471,24472],{"class":4275},"📭",[4094,24474,4445],{"class":4368},[4094,24476,3522],{"class":4342},[4094,24478,4411],{"class":4368},[4094,24480,24482,24484,24486,24488,24490,24492,24494,24496,24498,24500,24502,24505,24507,24509],{"class":4096,"line":24481},180,[4094,24483,4416],{"class":4368},[4094,24485,3522],{"class":4342},[4094,24487,4375],{"class":4374},[4094,24489,4378],{"class":4275},[4094,24491,4381],{"class":4315},[4094,24493,4388],{"class":4279},[4094,24495,3536],{"class":4384},[4094,24497,3503],{"class":4279},[4094,24499,4408],{"class":4315},[4094,24501,4436],{"class":4368},[4094,24503,24504],{"class":4275},"Порожньо",[4094,24506,4445],{"class":4368},[4094,24508,3522],{"class":4342},[4094,24510,4411],{"class":4368},[4094,24512,24514,24516,24518,24520,24522,24524,24526,24528,24530,24532,24534,24536,24538,24540,24542],{"class":4096,"line":24513},181,[4094,24515,4416],{"class":4368},[4094,24517,3522],{"class":4342},[4094,24519,4375],{"class":4374},[4094,24521,4378],{"class":4275},[4094,24523,4381],{"class":4315},[4094,24525,4385],{"class":4384},[4094,24527,4388],{"class":4279},[4094,24529,3536],{"class":4384},[4094,24531,20331],{"class":4279},[4094,24533,4396],{"class":4384},[4094,24535,18069],{"class":4279},[4094,24537,5201],{"class":4302},[4094,24539,4405],{"class":4384},[4094,24541,4408],{"class":4315},[4094,24543,4411],{"class":4368},[4094,24545,24547],{"class":4096,"line":24546},182,[4094,24548,24549],{"class":4275},"        justifyContent + alignItems center · flex: 1\n",[4094,24551,24553,24555,24557],{"class":4096,"line":24552},183,[4094,24554,4770],{"class":4368},[4094,24556,3522],{"class":4342},[4094,24558,4411],{"class":4368},[4094,24560,24562,24564,24566,24568,24570,24572,24574,24576,24578,24580],{"class":4096,"line":24561},184,[4094,24563,4416],{"class":4368},[4094,24565,3528],{"class":4342},[4094,24567,4375],{"class":4374},[4094,24569,4378],{"class":4275},[4094,24571,4381],{"class":4315},[4094,24573,4388],{"class":4279},[4094,24575,3536],{"class":4384},[4094,24577,23188],{"class":4279},[4094,24579,4408],{"class":4315},[4094,24581,4411],{"class":4368},[4094,24583,24585,24587,24589,24591,24593,24595,24597,24599,24601,24603,24605,24608,24610,24612],{"class":4096,"line":24584},185,[4094,24586,4700],{"class":4368},[4094,24588,3522],{"class":4342},[4094,24590,4375],{"class":4374},[4094,24592,4378],{"class":4275},[4094,24594,4381],{"class":4315},[4094,24596,4388],{"class":4279},[4094,24598,3536],{"class":4384},[4094,24600,23211],{"class":4279},[4094,24602,4408],{"class":4315},[4094,24604,4436],{"class":4368},[4094,24606,24607],{"class":4275},"Створити",[4094,24609,4445],{"class":4368},[4094,24611,3522],{"class":4342},[4094,24613,4411],{"class":4368},[4094,24615,24617,24619,24621],{"class":4096,"line":24616},186,[4094,24618,4770],{"class":4368},[4094,24620,3528],{"class":4342},[4094,24622,4411],{"class":4368},[4094,24624,24626,24628,24630],{"class":4096,"line":24625},187,[4094,24627,4454],{"class":4368},[4094,24629,3518],{"class":4342},[4094,24631,4411],{"class":4368},[4094,24633,24635],{"class":4096,"line":24634},188,[4094,24636,4463],{"class":4275},[4094,24638,24640],{"class":4096,"line":24639},189,[4094,24641,4179],{"class":4275},[4094,24643,24645],{"class":4096,"line":24644},190,[4094,24646,4125],{"emptyLinePlaceholder":4124},[4094,24648,24650,24652,24654,24656,24658,24660,24662],{"class":4096,"line":24649},191,[4094,24651,5029],{"class":4315},[4094,24653,4683],{"class":4496},[4094,24655,4500],{"class":4275},[4094,24657,4288],{"class":4279},[4094,24659,3536],{"class":4275},[4094,24661,5040],{"class":4319},[4094,24663,5043],{"class":4275},[4094,24665,24667,24670,24672,24674,24676,24678,24680,24682],{"class":4096,"line":24666},192,[4094,24668,24669],{"class":4279},"  safe:",[4094,24671,4276],{"class":4275},[4094,24673,5054],{"class":4279},[4094,24675,5057],{"class":4812},[4094,24677,3519],{"class":4275},[4094,24679,4399],{"class":4279},[4094,24681,5064],{"class":4302},[4094,24683,5082],{"class":4275},[4094,24685,24687,24690],{"class":4096,"line":24686},193,[4094,24688,24689],{"class":4279},"  tabs:",[4094,24691,5115],{"class":4275},[4094,24693,24695,24697,24699],{"class":4096,"line":24694},194,[4094,24696,8108],{"class":4279},[4094,24698,5193],{"class":4302},[4094,24700,5127],{"class":4275},[4094,24702,24704,24706,24708],{"class":4096,"line":24703},195,[4094,24705,16216],{"class":4279},[4094,24707,6573],{"class":4302},[4094,24709,5127],{"class":4275},[4094,24711,24713,24715,24717],{"class":4096,"line":24712},196,[4094,24714,5154],{"class":4279},[4094,24716,6580],{"class":4812},[4094,24718,5127],{"class":4275},[4094,24720,24722,24724,24726],{"class":4096,"line":24721},197,[4094,24723,6596],{"class":4279},[4094,24725,5136],{"class":4812},[4094,24727,5127],{"class":4275},[4094,24729,24731,24733,24735],{"class":4096,"line":24730},198,[4094,24732,6606],{"class":4279},[4094,24734,5079],{"class":4812},[4094,24736,5127],{"class":4275},[4094,24738,24740,24742,24744],{"class":4096,"line":24739},199,[4094,24741,17208],{"class":4279},[4094,24743,5057],{"class":4812},[4094,24745,5127],{"class":4275},[4094,24747,24749,24752,24754],{"class":4096,"line":24748},200,[4094,24750,24751],{"class":4279},"    borderBottomColor:",[4094,24753,19650],{"class":4302},[4094,24755,5127],{"class":4275},[4094,24757,24759,24761,24763],{"class":4096,"line":24758},201,[4094,24760,5121],{"class":4279},[4094,24762,5280],{"class":4302},[4094,24764,5127],{"class":4275},[4094,24766,24768],{"class":4096,"line":24767},202,[4094,24769,5164],{"class":4275},[4094,24771,24773,24776],{"class":4096,"line":24772},203,[4094,24774,24775],{"class":4279},"  tab:",[4094,24777,5115],{"class":4275},[4094,24779,24781,24783,24785],{"class":4096,"line":24780},204,[4094,24782,6596],{"class":4279},[4094,24784,5240],{"class":4812},[4094,24786,5127],{"class":4275},[4094,24788,24790,24792,24794],{"class":4096,"line":24789},205,[4094,24791,6606],{"class":4279},[4094,24793,6580],{"class":4812},[4094,24795,5127],{"class":4275},[4094,24797,24799,24801,24803],{"class":4096,"line":24798},206,[4094,24800,5133],{"class":4279},[4094,24802,5079],{"class":4812},[4094,24804,5127],{"class":4275},[4094,24806,24808,24810,24812],{"class":4096,"line":24807},207,[4094,24809,5121],{"class":4279},[4094,24811,19650],{"class":4302},[4094,24813,5127],{"class":4275},[4094,24815,24817],{"class":4096,"line":24816},208,[4094,24818,5164],{"class":4275},[4094,24820,24822,24825,24827,24829,24831],{"class":4096,"line":24821},209,[4094,24823,24824],{"class":4279},"  tabOn:",[4094,24826,4276],{"class":4275},[4094,24828,4399],{"class":4279},[4094,24830,6273],{"class":4302},[4094,24832,5082],{"class":4275},[4094,24834,24836,24839,24841,24843,24845,24847,24849,24851,24853,24855,24858],{"class":4096,"line":24835},210,[4094,24837,24838],{"class":4279},"  tabText:",[4094,24840,4276],{"class":4275},[4094,24842,5093],{"class":4279},[4094,24844,5136],{"class":4812},[4094,24846,3519],{"class":4275},[4094,24848,5101],{"class":4279},[4094,24850,6669],{"class":4302},[4094,24852,3519],{"class":4275},[4094,24854,4636],{"class":4279},[4094,24856,24857],{"class":4302}," '#0F172A'",[4094,24859,5082],{"class":4275},[4094,24861,24863,24866,24868,24870,24872],{"class":4096,"line":24862},211,[4094,24864,24865],{"class":4279},"  tabTextOn:",[4094,24867,4276],{"class":4275},[4094,24869,4636],{"class":4279},[4094,24871,5280],{"class":4302},[4094,24873,5082],{"class":4275},[4094,24875,24877,24880,24882,24884,24886],{"class":4096,"line":24876},212,[4094,24878,24879],{"class":4279},"  stage:",[4094,24881,4276],{"class":4275},[4094,24883,5054],{"class":4279},[4094,24885,5057],{"class":4812},[4094,24887,5082],{"class":4275},[4094,24889,24891,24894,24896,24898,24900],{"class":4096,"line":24890},213,[4094,24892,24893],{"class":4279},"  fill:",[4094,24895,4276],{"class":4275},[4094,24897,5054],{"class":4279},[4094,24899,5057],{"class":4812},[4094,24901,5082],{"class":4275},[4094,24903,24905,24908,24910,24912,24914],{"class":4096,"line":24904},214,[4094,24906,24907],{"class":4279},"  flex:",[4094,24909,4276],{"class":4275},[4094,24911,5054],{"class":4279},[4094,24913,5057],{"class":4812},[4094,24915,5082],{"class":4275},[4094,24917,24919,24922,24924,24926,24928,24930,24932,24934],{"class":4096,"line":24918},215,[4094,24920,24921],{"class":4279},"  pad:",[4094,24923,4276],{"class":4275},[4094,24925,5069],{"class":4279},[4094,24927,5293],{"class":4812},[4094,24929,3519],{"class":4275},[4094,24931,5076],{"class":4279},[4094,24933,5240],{"class":4812},[4094,24935,5082],{"class":4275},[4094,24937,24939,24942,24944,24946,24948,24950,24952,24955],{"class":4096,"line":24938},216,[4094,24940,24941],{"class":4279},"  stickyContent:",[4094,24943,4276],{"class":4275},[4094,24945,5076],{"class":4279},[4094,24947,6524],{"class":4812},[4094,24949,3519],{"class":4275},[4094,24951,17291],{"class":4279},[4094,24953,24954],{"class":4812}," 28",[4094,24956,5082],{"class":4275},[4094,24958,24960,24963],{"class":4096,"line":24959},217,[4094,24961,24962],{"class":4279},"  blockHeader:",[4094,24964,5115],{"class":4275},[4094,24966,24968,24970,24972],{"class":4096,"line":24967},218,[4094,24969,5144],{"class":4279},[4094,24971,5293],{"class":4812},[4094,24973,5127],{"class":4275},[4094,24975,24977,24979,24981],{"class":4096,"line":24976},219,[4094,24978,5121],{"class":4279},[4094,24980,5280],{"class":4302},[4094,24982,5127],{"class":4275},[4094,24984,24986,24988,24990],{"class":4096,"line":24985},220,[4094,24987,17208],{"class":4279},[4094,24989,5057],{"class":4812},[4094,24991,5127],{"class":4275},[4094,24993,24995,24997,24999],{"class":4096,"line":24994},221,[4094,24996,24751],{"class":4279},[4094,24998,19650],{"class":4302},[4094,25000,5127],{"class":4275},[4094,25002,25004,25006,25008],{"class":4096,"line":25003},222,[4094,25005,5154],{"class":4279},[4094,25007,13645],{"class":4812},[4094,25009,5127],{"class":4275},[4094,25011,25013],{"class":4096,"line":25012},223,[4094,25014,5164],{"class":4275},[4094,25016,25018,25021],{"class":4096,"line":25017},224,[4094,25019,25020],{"class":4279},"  blockFooter:",[4094,25022,5115],{"class":4275},[4094,25024,25026,25028,25030],{"class":4096,"line":25025},225,[4094,25027,5144],{"class":4279},[4094,25029,5293],{"class":4812},[4094,25031,5127],{"class":4275},[4094,25033,25035,25037,25039],{"class":4096,"line":25034},226,[4094,25036,5121],{"class":4279},[4094,25038,5280],{"class":4302},[4094,25040,5127],{"class":4275},[4094,25042,25044,25046,25048],{"class":4096,"line":25043},227,[4094,25045,17378],{"class":4279},[4094,25047,5057],{"class":4812},[4094,25049,5127],{"class":4275},[4094,25051,25053,25056,25058],{"class":4096,"line":25052},228,[4094,25054,25055],{"class":4279},"    borderTopColor:",[4094,25057,19650],{"class":4302},[4094,25059,5127],{"class":4275},[4094,25061,25063],{"class":4096,"line":25062},229,[4094,25064,5164],{"class":4275},[4094,25066,25068,25071,25073,25075,25077,25079,25081,25083,25085,25087,25089],{"class":4096,"line":25067},230,[4094,25069,25070],{"class":4279},"  h1:",[4094,25072,4276],{"class":4275},[4094,25074,5093],{"class":4279},[4094,25076,5316],{"class":4812},[4094,25078,3519],{"class":4275},[4094,25080,5101],{"class":4279},[4094,25082,5104],{"class":4302},[4094,25084,3519],{"class":4275},[4094,25086,4636],{"class":4279},[4094,25088,24857],{"class":4302},[4094,25090,5082],{"class":4275},[4094,25092,25094,25097,25099,25101,25103,25105,25107,25110,25112,25114,25116],{"class":4096,"line":25093},231,[4094,25095,25096],{"class":4279},"  muted:",[4094,25098,4276],{"class":4275},[4094,25100,5093],{"class":4279},[4094,25102,6524],{"class":4812},[4094,25104,3519],{"class":4275},[4094,25106,4636],{"class":4279},[4094,25108,25109],{"class":4302}," '#64748B'",[4094,25111,3519],{"class":4275},[4094,25113,5313],{"class":4279},[4094,25115,4813],{"class":4812},[4094,25117,5082],{"class":4275},[4094,25119,25121,25123],{"class":4096,"line":25120},232,[4094,25122,17301],{"class":4279},[4094,25124,5115],{"class":4275},[4094,25126,25128,25130,25132],{"class":4096,"line":25127},233,[4094,25129,5121],{"class":4279},[4094,25131,5280],{"class":4302},[4094,25133,5127],{"class":4275},[4094,25135,25137,25139,25141],{"class":4096,"line":25136},234,[4094,25138,5133],{"class":4279},[4094,25140,5136],{"class":4812},[4094,25142,5127],{"class":4275},[4094,25144,25146,25148,25150],{"class":4096,"line":25145},235,[4094,25147,6735],{"class":4279},[4094,25149,5057],{"class":4812},[4094,25151,5127],{"class":4275},[4094,25153,25155,25157,25159],{"class":4096,"line":25154},236,[4094,25156,6746],{"class":4279},[4094,25158,19650],{"class":4302},[4094,25160,5127],{"class":4275},[4094,25162,25164,25166,25168],{"class":4096,"line":25163},237,[4094,25165,5144],{"class":4279},[4094,25167,6524],{"class":4812},[4094,25169,5127],{"class":4275},[4094,25171,25173],{"class":4096,"line":25172},238,[4094,25174,5164],{"class":4275},[4094,25176,25178,25180,25182,25184,25186,25188,25190,25192,25194,25196,25198],{"class":4096,"line":25177},239,[4094,25179,17344],{"class":4279},[4094,25181,4276],{"class":4275},[4094,25183,5093],{"class":4279},[4094,25185,5293],{"class":4812},[4094,25187,3519],{"class":4275},[4094,25189,5101],{"class":4279},[4094,25191,6669],{"class":4302},[4094,25193,3519],{"class":4275},[4094,25195,4636],{"class":4279},[4094,25197,24857],{"class":4302},[4094,25199,5082],{"class":4275},[4094,25201,25203,25206],{"class":4096,"line":25202},240,[4094,25204,25205],{"class":4279},"  primaryBtn:",[4094,25207,5115],{"class":4275},[4094,25209,25211,25213,25215],{"class":4096,"line":25210},241,[4094,25212,5121],{"class":4279},[4094,25214,6273],{"class":4302},[4094,25216,5127],{"class":4275},[4094,25218,25220,25222,25224],{"class":4096,"line":25219},242,[4094,25221,5133],{"class":4279},[4094,25223,5136],{"class":4812},[4094,25225,5127],{"class":4275},[4094,25227,25229,25231,25233],{"class":4096,"line":25228},243,[4094,25230,6606],{"class":4279},[4094,25232,6524],{"class":4812},[4094,25234,5127],{"class":4275},[4094,25236,25238,25240,25242],{"class":4096,"line":25237},244,[4094,25239,5248],{"class":4279},[4094,25241,5201],{"class":4302},[4094,25243,5127],{"class":4275},[4094,25245,25247],{"class":4096,"line":25246},245,[4094,25248,5164],{"class":4275},[4094,25250,25252,25255,25257,25259,25261,25263,25265,25267,25269,25271,25273],{"class":4096,"line":25251},246,[4094,25253,25254],{"class":4279},"  primaryBtnText:",[4094,25256,4276],{"class":4275},[4094,25258,4636],{"class":4279},[4094,25260,5280],{"class":4302},[4094,25262,3519],{"class":4275},[4094,25264,5101],{"class":4279},[4094,25266,5104],{"class":4302},[4094,25268,3519],{"class":4275},[4094,25270,5093],{"class":4279},[4094,25272,5293],{"class":4812},[4094,25274,5082],{"class":4275},[4094,25276,25278,25281],{"class":4096,"line":25277},247,[4094,25279,25280],{"class":4279},"  splitTop:",[4094,25282,5115],{"class":4275},[4094,25284,25286,25288,25291],{"class":4096,"line":25285},248,[4094,25287,5121],{"class":4279},[4094,25289,25290],{"class":4302}," '#DBEAFE'",[4094,25292,5127],{"class":4275},[4094,25294,25296,25298,25300],{"class":4096,"line":25295},249,[4094,25297,5248],{"class":4279},[4094,25299,5201],{"class":4302},[4094,25301,5127],{"class":4275},[4094,25303,25305,25307,25309],{"class":4096,"line":25304},250,[4094,25306,5258],{"class":4279},[4094,25308,5201],{"class":4302},[4094,25310,5127],{"class":4275},[4094,25312,25314],{"class":4096,"line":25313},251,[4094,25315,5164],{"class":4275},[4094,25317,25319,25322],{"class":4096,"line":25318},252,[4094,25320,25321],{"class":4279},"  splitBottom:",[4094,25323,5115],{"class":4275},[4094,25325,25327,25329,25331],{"class":4096,"line":25326},253,[4094,25328,5121],{"class":4279},[4094,25330,5280],{"class":4302},[4094,25332,5127],{"class":4275},[4094,25334,25336,25338,25340],{"class":4096,"line":25335},254,[4094,25337,5144],{"class":4279},[4094,25339,4813],{"class":4812},[4094,25341,5127],{"class":4275},[4094,25343,25345,25347,25349],{"class":4096,"line":25344},255,[4094,25346,18101],{"class":4279},[4094,25348,5293],{"class":4812},[4094,25350,5127],{"class":4275},[4094,25352,25354,25356,25358],{"class":4096,"line":25353},256,[4094,25355,18110],{"class":4279},[4094,25357,5293],{"class":4812},[4094,25359,5127],{"class":4275},[4094,25361,25363,25365,25367,25370],{"class":4096,"line":25362},257,[4094,25364,6716],{"class":4279},[4094,25366,18121],{"class":4275},[4094,25368,25369],{"class":4812},"8",[4094,25371,5127],{"class":4275},[4094,25373,25375,25377,25379],{"class":4096,"line":25374},258,[4094,25376,5154],{"class":4279},[4094,25378,6580],{"class":4812},[4094,25380,5127],{"class":4275},[4094,25382,25384],{"class":4096,"line":25383},259,[4094,25385,5164],{"class":4275},[4094,25387,25389,25392,25394,25396,25398,25400,25402,25404,25406,25408,25411],{"class":4096,"line":25388},260,[4094,25390,25391],{"class":4279},"  splitLabel:",[4094,25393,4276],{"class":4275},[4094,25395,5093],{"class":4279},[4094,25397,4813],{"class":4812},[4094,25399,3519],{"class":4275},[4094,25401,5101],{"class":4279},[4094,25403,5104],{"class":4302},[4094,25405,3519],{"class":4275},[4094,25407,4636],{"class":4279},[4094,25409,25410],{"class":4302}," '#1E3A8A'",[4094,25412,5082],{"class":4275},[4094,25414,25416,25418,25420,25422,25424,25426,25428,25430,25432,25434,25436,25438,25440,25442],{"class":4096,"line":25415},261,[4094,25417,16201],{"class":4279},[4094,25419,4276],{"class":4275},[4094,25421,5190],{"class":4279},[4094,25423,5193],{"class":4302},[4094,25425,3519],{"class":4275},[4094,25427,6570],{"class":4279},[4094,25429,6573],{"class":4302},[4094,25431,3519],{"class":4275},[4094,25433,5076],{"class":4279},[4094,25435,5240],{"class":4812},[4094,25437,3519],{"class":4275},[4094,25439,4809],{"class":4279},[4094,25441,5079],{"class":4812},[4094,25443,5082],{"class":4275},[4094,25445,25447,25449],{"class":4096,"line":25446},262,[4094,25448,16237],{"class":4279},[4094,25450,5115],{"class":4275},[4094,25452,25454,25456,25458],{"class":4096,"line":25453},263,[4094,25455,5217],{"class":4279},[4094,25457,16246],{"class":4302},[4094,25459,5127],{"class":4275},[4094,25461,25463,25465,25467],{"class":4096,"line":25462},264,[4094,25464,6775],{"class":4279},[4094,25466,9852],{"class":4812},[4094,25468,5127],{"class":4275},[4094,25470,25472,25474,25476],{"class":4096,"line":25471},265,[4094,25473,5121],{"class":4279},[4094,25475,5280],{"class":4302},[4094,25477,5127],{"class":4275},[4094,25479,25481,25483,25485],{"class":4096,"line":25480},266,[4094,25482,5133],{"class":4279},[4094,25484,5136],{"class":4812},[4094,25486,5127],{"class":4275},[4094,25488,25490,25492,25494],{"class":4096,"line":25489},267,[4094,25491,6735],{"class":4279},[4094,25493,5057],{"class":4812},[4094,25495,5127],{"class":4275},[4094,25497,25499,25501,25503],{"class":4096,"line":25498},268,[4094,25500,6746],{"class":4279},[4094,25502,19650],{"class":4302},[4094,25504,5127],{"class":4275},[4094,25506,25508,25510,25512],{"class":4096,"line":25507},269,[4094,25509,5248],{"class":4279},[4094,25511,5201],{"class":4302},[4094,25513,5127],{"class":4275},[4094,25515,25517,25519,25521],{"class":4096,"line":25516},270,[4094,25518,5258],{"class":4279},[4094,25520,5201],{"class":4302},[4094,25522,5127],{"class":4275},[4094,25524,25526],{"class":4096,"line":25525},271,[4094,25527,5164],{"class":4275},[4094,25529,25531,25533],{"class":4096,"line":25530},272,[4094,25532,18814],{"class":4279},[4094,25534,5115],{"class":4275},[4094,25536,25538,25540,25542],{"class":4096,"line":25537},273,[4094,25539,6706],{"class":4279},[4094,25541,5057],{"class":4812},[4094,25543,5127],{"class":4275},[4094,25545,25547,25549,25551],{"class":4096,"line":25546},274,[4094,25548,5248],{"class":4279},[4094,25550,5201],{"class":4302},[4094,25552,5127],{"class":4275},[4094,25554,25556,25558,25560],{"class":4096,"line":25555},275,[4094,25557,5258],{"class":4279},[4094,25559,5201],{"class":4302},[4094,25561,5127],{"class":4275},[4094,25563,25565,25567,25569],{"class":4096,"line":25564},276,[4094,25566,5144],{"class":4279},[4094,25568,18847],{"class":4812},[4094,25570,5127],{"class":4275},[4094,25572,25574,25576,25578],{"class":4096,"line":25573},277,[4094,25575,5154],{"class":4279},[4094,25577,5240],{"class":4812},[4094,25579,5127],{"class":4275},[4094,25581,25583],{"class":4096,"line":25582},278,[4094,25584,5164],{"class":4275},[4094,25586,25588,25591,25593,25595,25597,25599,25601,25603],{"class":4096,"line":25587},279,[4094,25589,25590],{"class":4279},"  emptyIcon:",[4094,25592,4276],{"class":4275},[4094,25594,5093],{"class":4279},[4094,25596,6821],{"class":4812},[4094,25598,3519],{"class":4275},[4094,25600,13642],{"class":4279},[4094,25602,13645],{"class":4812},[4094,25604,5082],{"class":4275},[4094,25606,25608],{"class":4096,"line":25607},280,[4094,25609,5330],{"class":4275},[4250,25611,25613],{"id":25612},"крок-3-анатомія","Крок 3. Анатомія",[16369,25615,25616,25620,25630,25636,25643,25647,25659,25662,25670,25672,25680,25682],{},[4250,25617,25619],{"id":25618},"safeareaview-tabs","SafeAreaView + tabs",[3512,25621,25622,25623,5463,25625,5463,25627,25629],{},"Чіпи — ",[3516,25624,3875],{},[3516,25626,15555],{},[3516,25628,3603],{},". Активний таб підсвічується окремим стилем.",[4250,25631,25633,25634],{"id":25632},"stage-з-flex-1","stage з ",[3516,25635,3857],{},[3512,25637,25638,25639,25642],{},"Уся ",[3540,25640,25641],{},"решта"," висоти під табами — сцена для поточного патерну.",[4250,25644,25646],{"id":25645},"shell-sticky","Shell \u002F Sticky",[3512,25648,25649,25650,25653,25654,3566,25656,25658],{},"Однакова ідея: колонка ",[3516,25651,25652],{},"flex:1",", середина ",[3516,25655,3531],{},[3516,25657,25652],{},", низ — footer без flex.",[4250,25660,17488],{"id":25661},"split",[3512,25663,25664,25665,3584,25667,25669],{},"Дві зони з ",[3516,25666,8303],{},[3516,25668,3857],{}," без скролу — чисто про частки висоти.",[4250,25671,22001],{"id":15946},[3512,25673,25674,3519,25676,3519,25678,3536],{},[3516,25675,3867],{},[3516,25677,15561],{},[3516,25679,16331],{},[4250,25681,22012],{"id":18501},[3512,25683,25684,5463,25686,5463,25688,3536],{},[3516,25685,3857],{},[3516,25687,5440],{},[3516,25689,18232],{},[4250,25691,25693],{"id":25692},"критерій-готово","Критерій «готово»",[3898,25695,25696,25699,25706,25709],{},[3578,25697,25698],{},"Усі 5 табів щось показують без вильотів layout.",[3578,25700,25701,25702,25705],{},"У Shell і Sticky кнопка ",[3540,25703,25704],{},"видима без"," долистування вниз.",[3578,25707,25708],{},"Grid має щонайменше 2 колонки на телефоні.",[3578,25710,25711],{},"Empty виглядає відцентрованим, а не прибитим до верху.",[22099,25713,25715],{"title":25714},"Орієнтир самоперевірки",[3575,25716,25717,25722,25730,25735,25740],{},[3578,25718,25719,25720,3536],{},"Корінь і сцена — ",[3516,25721,3857],{},[3578,25723,25724,25725,5447,25728,3536],{},"Footer ",[3540,25726,25727],{},"поза",[3516,25729,3531],{},[3578,25731,25732,25733,3536],{},"У Grid є ",[3516,25734,15561],{},[3578,25736,25737,25738,3536],{},"Немає «голого» тексту поза ",[3516,25739,3522],{},[3578,25741,25742],{},"Українські або нейтральні підписи зрозумілі без коментарів у коді.",[4250,25744,25746],{"id":25745},"живе-превю-після-кроків","Живе прев’ю (після кроків)",[4255,25748,25752],{"device":4257,"filename":25749,"title":25750,"height":25751},"LayoutLab.tsx","Layout lab · 5 екранів",720,[4085,25753,25755],{"className":4262,"code":25754,"language":4264,"meta":4090,"style":4090},"import { useState } from 'react';\nimport { View, Text, Pressable, ScrollView, StyleSheet } from 'react-native';\n\ntype ScreenId = 'shell' | 'split' | 'grid' | 'sticky' | 'empty';\n\nconst TABS: { id: ScreenId; label: string }[] = [\n  { id: 'shell', label: 'Shell' },\n  { id: 'split', label: 'Split' },\n  { id: 'grid', label: 'Grid' },\n  { id: 'sticky', label: 'Sticky' },\n  { id: 'empty', label: 'Empty' },\n];\n\nconst CITIES = ['Київ', 'Львів', 'Одеса', 'Харків', 'Дніпро', 'Ужгород'];\n\nexport default function App() {\n  const [screen, setScreen] = useState\u003CScreenId>('shell');\n\n  return (\n    \u003CView style={styles.safe}>\n      \u003CView style={styles.tabs}>\n        {TABS.map((t) => (\n          \u003CPressable\n            key={t.id}\n            onPress={() => setScreen(t.id)}\n            style={[styles.tab, screen === t.id && styles.tabOn]}\n          >\n            \u003CText style={[styles.tabText, screen === t.id && styles.tabTextOn]}>\n              {t.label}\n            \u003C\u002FText>\n          \u003C\u002FPressable>\n        ))}\n      \u003C\u002FView>\n\n      \u003CView style={styles.stage}>\n        {screen === 'shell' && \u003CShellScreen \u002F>}\n        {screen === 'split' && \u003CSplitScreen \u002F>}\n        {screen === 'grid' && \u003CGridScreen \u002F>}\n        {screen === 'sticky' && \u003CStickyScreen \u002F>}\n        {screen === 'empty' && \u003CEmptyScreen \u002F>}\n      \u003C\u002FView>\n    \u003C\u002FView>\n  );\n}\n\nfunction ShellScreen() {\n  return (\n    \u003CView style={styles.fill}>\n      \u003CView style={styles.blockHeader}>\n        \u003CText style={styles.h1}>Shell · H\u002FB\u002FF\u003C\u002FText>\n        \u003CText style={styles.muted}>Шапка · скрол · футер\u003C\u002FText>\n      \u003C\u002FView>\n      \u003CScrollView style={styles.flex} contentContainerStyle={styles.pad}>\n        {Array.from({ length: 8 }, (_, i) => (\n          \u003CView key={i} style={styles.card}>\n            \u003CText style={styles.cardTitle}>Картка {i + 1}\u003C\u002FText>\n          \u003C\u002FView>\n        ))}\n      \u003C\u002FScrollView>\n      \u003CView style={styles.blockFooter}>\n        \u003CPressable style={styles.primaryBtn}>\n          \u003CText style={styles.primaryBtnText}>Дія внизу\u003C\u002FText>\n        \u003C\u002FPressable>\n      \u003C\u002FView>\n    \u003C\u002FView>\n  );\n}\n\nfunction SplitScreen() {\n  return (\n    \u003CView style={styles.fill}>\n      \u003CView style={[styles.splitTop, { flex: 2 }]}>\n        \u003CText style={styles.splitLabel}>flex: 2\u003C\u002FText>\n      \u003C\u002FView>\n      \u003CView style={[styles.splitBottom, { flex: 1 }]}>\n        \u003CText style={styles.h1}>Split\u003C\u002FText>\n        \u003CText style={styles.muted}>Нижня панель · flex: 1\u003C\u002FText>\n      \u003C\u002FView>\n    \u003C\u002FView>\n  );\n}\n\nfunction GridScreen() {\n  return (\n    \u003CScrollView contentContainerStyle={styles.pad}>\n      \u003CText style={styles.h1}>Grid · wrap\u003C\u002FText>\n      \u003CView style={styles.grid}>\n        {CITIES.map((c) => (\n          \u003CView key={c} style={styles.cell}>\n            \u003CText style={styles.cardTitle}>{c}\u003C\u002FText>\n          \u003C\u002FView>\n        ))}\n      \u003C\u002FView>\n    \u003C\u002FScrollView>\n  );\n}\n\nfunction StickyScreen() {\n  const paragraphs = [\n    'Уявіть екран умов подорожі: користувач має прочитати (або хоча б прокрутити) довгий текст, але кнопка «Прийняти» має лишатися під рукою.',\n    'Саме для цього sticky CTA: скролиться лише середина, а footer з кнопкою стоїть поза ScrollView.',\n    'Абзац 3. Перед бронюванням перевірте дати виїзду та повернення. Зміна дат після оплати може коштувати додатково.',\n    'Абзац 4. У вартість базового пакету входять нічліг за обраним тарифом і сніданок, якщо це зазначено в картці поїздки.',\n    'Абзац 5. Трансфер з вокзалу або аеропорту бронюється окремо й не є частиною стандартної пропозиції, якщо інше не написано явно.',\n    'Абзац 6. Скасування безкоштовне за 14 повних діб до старту. Пізніше утримується частка передоплати згідно з таблицею штрафів.',\n    'Абзац 7. Документи: для внутрішніх маршрутів достатньо паспорта громадянина; для закордонних — закордонний паспорт із чинним терміном.',\n    'Абзац 8. Медична страховка рекомендується для гірських і водних активностей. Організатор не замінює страхову компанію.',\n    'Абзац 9. Погода в горах змінюється швидко. Гід може скоригувати маршрут з міркувань безпеки — це не є порушенням договору.',\n    'Абзац 10. Особисті речі в спільному транспорті залишаються на відповідальності власника. Цінності краще тримати при собі.',\n    'Абзац 11. Фото- та відеозйомка дозволена, якщо не порушує приватність інших учасників і правила локацій (монастирі, музеї, кордони).',\n    'Абзац 12. Алкоголь у службовому транспорті заборонений. Порушення може призвести до відсторонення від програми без повернення коштів.',\n    'Абзац 13. Діти до 12 років подорожують лише в супроводі дорослого. Окремі активності мають вікові обмеження — дивіться опис дня.',\n    'Абзац 14. Харчові алергії повідомляйте під час бронювання. Ми передамо запит партнерам, але не гарантуємо 100% безглютенове меню скрізь.',\n    'Абзац 15. Wi‑Fi у готелях і хостелах може бути нестабільним. Offline-карта маршруту зберігається в застосунку після першого завантаження.',\n    'Абзац 16. Час збору групи вказано за місцевим часом пункту старту. Запізнення більше 15 хвилин може означати від’їзд без вас.',\n    'Абзац 17. Багаж: одне місце ручної поклажі до 8 кг і одне здане до 20 кг, якщо в описі туру не зазначено інші ліміти.',\n    'Абзац 18. Еко-правила: не залишайте сміття на стежках, не зривайте охоронювані рослини, не годуйте диких тварин.',\n    'Абзац 19. Мобільний зв’язок у віддалених районах може зникати. Повідомте рідних про орієнтовний графік зв’язку заздалегідь.',\n    'Абзац 20. Повернення коштів за невикористані послуги (наприклад, пропущений день екскурсії з вашої вини) зазвичай не передбачене.',\n    'Абзац 21. Форс-мажор: стихійні лиха, страйки перевізників, закриття кордонів. У таких випадках пропонуємо перенесення або ваучер.',\n    'Абзац 22. Скарги приймаються письмово протягом 7 днів після завершення поїздки на адресу підтримки в профілі застосунку.',\n    'Абзац 23. Персональні дані обробляються для бронювання, зв’язку з партнерами та виконання вимог законодавства про облік.',\n    'Абзац 24. Розсилки з ідеями маршрутів можна вимкнути в налаштуваннях сповіщень у будь-який момент без впливу на активні бронювання.',\n    'Абзац 25. Рейтинг гіда та житла формується з відгуків після поїздки. Один акаунт — один відгук на бронювання.',\n    'Абзац 26. Промокоди не сумуються, якщо в умовах акції прямо не сказано «можна комбінувати».',\n    'Абзац 27. Оплата карткою проходить через платіжного провайдера; ми не зберігаємо повний номер картки на своїх серверах.',\n    'Абзац 28. Часткова передоплата фіксує місце в групі. Повний розрахунок — згідно з графіком у підтвердженні бронювання.',\n    'Абзац 29. Зміна учасника (передача квитка іншій людині) можлива не пізніше ніж за 5 діб і лише за згодою оператора.',\n    'Абзац 30. На маршруті діють інструкції гіда щодо темпу, відстані й точок збору. Ігнорування інструкцій — на ваш ризик.',\n    'Абзац 31. Обладнання для прокату (палиці, каски, жилети) видається під заставу або за паспортними даними — за правилами партнера.',\n    'Абзац 32. Нічні переїзди можуть бути частиною програми. Навушники й маска для сну — ваша відповідальність для комфорту.',\n    'Абзац 33. Фото з групових активностей інколи використовуються в маркетингу; відмову можна надіслати до старту поїздки.',\n    'Абзац 34. Якщо ви загубилися, телефонуйте на екстрений контакт із ваучера. Геолокацію вмикайте лише за домовленістю з групою.',\n    'Абзац 35. Підсумковий чек-лист: паспорт, страховка, зарядка, одяг за шарами, готівка на дрібні витрати, офлайн-карта.',\n    'Абзац 36. Натискаючи «Прийняти умови», ви підтверджуєте, що прочитали (або свідомо пропустили) текст вище — кнопка лишалась видимою весь час скролу.',\n    'Абзац 37. Це навчальний приклад layout: у реальному продукті юридичний текст узгоджують із юристом, а не копіюють із демо.',\n    'Абзац 38. Прокрутіть ще трохи: якщо кнопка зникла — ви поклали її всередину ScrollView. У цьому екрані вона в footer поза скролом.',\n    'Абзац 39. Останні абзаци спеціально «водянисті», щоб висота контенту гарантовано перевищувала висоту телефону в прев’ю й на пристрої.',\n    'Абзац 40. Кінець списку. Sticky CTA досі внизу екрана — саме так користувач може прийняти умови, не долистуючи сюди навмисно.',\n  ];\n\n  return (\n    \u003CView style={styles.fill}>\n      \u003CScrollView\n        style={styles.flex}\n        contentContainerStyle={[styles.pad, styles.stickyContent]}\n        showsVerticalScrollIndicator\n      >\n        \u003CText style={styles.h1}>Умови поїздки\u003C\u002FText>\n        \u003CText style={styles.muted}>\n          Прокрутіть текст. Кнопка «Прийняти умови» завжди внизу — не в кінці документа.\n        \u003C\u002FText>\n        {paragraphs.map((p, i) => (\n          \u003CText key={i} style={styles.muted}>\n            {p}\n          \u003C\u002FText>\n        ))}\n      \u003C\u002FScrollView>\n      \u003CView style={styles.blockFooter}>\n        \u003CPressable style={styles.primaryBtn}>\n          \u003CText style={styles.primaryBtnText}>Прийняти умови\u003C\u002FText>\n        \u003C\u002FPressable>\n      \u003C\u002FView>\n    \u003C\u002FView>\n  );\n}\n\nfunction EmptyScreen() {\n  return (\n    \u003CView style={styles.empty}>\n      \u003CText style={styles.emptyIcon}>📭\u003C\u002FText>\n      \u003CText style={styles.h1}>Порожньо\u003C\u002FText>\n      \u003CText style={[styles.muted, { textAlign: 'center' }]}>\n        justifyContent + alignItems center\n      \u003C\u002FText>\n      \u003CPressable style={[styles.primaryBtn, { paddingHorizontal: 24 }]}>\n        \u003CText style={styles.primaryBtnText}>Створити\u003C\u002FText>\n      \u003C\u002FPressable>\n    \u003C\u002FView>\n  );\n}\n\nconst styles = StyleSheet.create({\n  safe: { flex: 1, backgroundColor: '#F8FAFC' },\n  tabs: {\n    flexDirection: 'row',\n    flexWrap: 'wrap',\n    gap: 6,\n    paddingHorizontal: 12,\n    paddingVertical: 8,\n    borderBottomWidth: 1,\n    borderBottomColor: '#E2E8F0',\n    backgroundColor: '#fff',\n  },\n  tab: {\n    paddingHorizontal: 10,\n    paddingVertical: 6,\n    borderRadius: 8,\n    backgroundColor: '#E2E8F0',\n  },\n  tabOn: { backgroundColor: '#2563EB' },\n  tabText: { fontSize: 12, fontWeight: '600', color: '#0F172A' },\n  tabTextOn: { color: '#fff' },\n  stage: { flex: 1 },\n  fill: { flex: 1 },\n  flex: { flex: 1 },\n  pad: { padding: 16, gap: 10 },\n  stickyContent: { gap: 14, paddingBottom: 28 },\n  blockHeader: {\n    padding: 16,\n    backgroundColor: '#fff',\n    borderBottomWidth: 1,\n    borderBottomColor: '#E2E8F0',\n    gap: 4,\n  },\n  blockFooter: {\n    padding: 16,\n    backgroundColor: '#fff',\n    borderTopWidth: 1,\n    borderTopColor: '#E2E8F0',\n  },\n  h1: { fontSize: 18, fontWeight: '700', color: '#0F172A' },\n  muted: { fontSize: 14, color: '#64748B', lineHeight: 20 },\n  card: {\n    backgroundColor: '#fff',\n    borderRadius: 12,\n    borderWidth: 1,\n    borderColor: '#E2E8F0',\n    padding: 14,\n  },\n  cardTitle: { fontSize: 16, fontWeight: '600', color: '#0F172A' },\n  primaryBtn: {\n    backgroundColor: '#2563EB',\n    borderRadius: 12,\n    paddingVertical: 14,\n    alignItems: 'center',\n  },\n  primaryBtnText: { color: '#fff', fontWeight: '700', fontSize: 16 },\n  splitTop: {\n    backgroundColor: '#DBEAFE',\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n  splitBottom: {\n    backgroundColor: '#fff',\n    padding: 20,\n    borderTopLeftRadius: 16,\n    borderTopRightRadius: 16,\n    marginTop: -8,\n    gap: 6,\n  },\n  splitLabel: { fontSize: 20, fontWeight: '700', color: '#1E3A8A' },\n  grid: { flexDirection: 'row', flexWrap: 'wrap', gap: 10, marginTop: 8 },\n  cell: {\n    width: '48%',\n    minHeight: 72,\n    backgroundColor: '#fff',\n    borderRadius: 12,\n    borderWidth: 1,\n    borderColor: '#E2E8F0',\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n  empty: {\n    flex: 1,\n    alignItems: 'center',\n    justifyContent: 'center',\n    padding: 32,\n    gap: 10,\n  },\n  emptyIcon: { fontSize: 40, marginBottom: 4 },\n});\n",[3516,25756,25757,25773,25805,25809,25837,25841,25865,25881,25897,25913,25929,25945,25949,25953,25985,25989,26001,26027,26031,26037,26059,26081,26101,26107,26123,26149,26189,26193,26239,26251,26259,26267,26273,26281,26285,26307,26327,26347,26367,26387,26407,26415,26423,26427,26431,26435,26443,26449,26471,26493,26523,26553,26561,26597,26627,26659,26699,26707,26713,26721,26743,26765,26795,26803,26811,26819,26823,26827,26831,26839,26845,26867,26899,26929,26937,26969,26999,27029,27037,27045,27049,27053,27057,27065,27071,27093,27123,27145,27165,27197,27231,27239,27245,27253,27261,27265,27269,27273,27281,27289,27295,27301,27307,27313,27319,27325,27331,27337,27343,27349,27355,27361,27367,27373,27379,27385,27391,27397,27403,27409,27415,27421,27427,27433,27439,27445,27451,27457,27463,27469,27475,27481,27487,27493,27499,27505,27511,27517,27523,27529,27533,27537,27543,27565,27571,27587,27615,27619,27623,27653,27675,27679,27687,27711,27743,27751,27759,27765,27773,27795,27817,27847,27855,27863,27871,27875,27879,27883,27891,27897,27919,27949,27979,28011,28016,28024,28057,28087,28095,28103,28107,28111,28115,28131,28149,28155,28163,28171,28179,28187,28195,28203,28211,28219,28223,28229,28237,28245,28253,28261,28265,28277,28301,28313,28325,28337,28349,28367,28385,28391,28399,28407,28415,28423,28431,28435,28441,28449,28457,28465,28473,28477,28501,28525,28531,28539,28547,28555,28563,28571,28575,28599,28605,28613,28621,28629,28637,28641,28665,28671,28679,28687,28695,28699,28705,28713,28721,28729,28737,28747,28755,28759,28783,28813,28819,28827,28835,28843,28851,28859,28867,28875,28883,28887,28893,28901,28909,28917,28925,28933,28937,28955],{"__ignoreMap":4090},[4094,25758,25759,25761,25763,25765,25767,25769,25771],{"class":4096,"line":4097},[4094,25760,4272],{"class":4271},[4094,25762,4276],{"class":4275},[4094,25764,5487],{"class":4279},[4094,25766,4296],{"class":4275},[4094,25768,4299],{"class":4271},[4094,25770,5494],{"class":4302},[4094,25772,4306],{"class":4275},[4094,25774,25775,25777,25779,25781,25783,25785,25787,25789,25791,25793,25795,25797,25799,25801,25803],{"class":4096,"line":4103},[4094,25776,4272],{"class":4271},[4094,25778,4276],{"class":4275},[4094,25780,3518],{"class":4279},[4094,25782,3519],{"class":4275},[4094,25784,3522],{"class":4279},[4094,25786,3519],{"class":4275},[4094,25788,3528],{"class":4279},[4094,25790,3519],{"class":4275},[4094,25792,3531],{"class":4279},[4094,25794,3519],{"class":4275},[4094,25796,4288],{"class":4279},[4094,25798,4296],{"class":4275},[4094,25800,4299],{"class":4271},[4094,25802,4303],{"class":4302},[4094,25804,4306],{"class":4275},[4094,25806,25807],{"class":4096,"line":4109},[4094,25808,4125],{"emptyLinePlaceholder":4124},[4094,25810,25811,25813,25815,25817,25819,25821,25823,25825,25827,25829,25831,25833,25835],{"class":4096,"line":4115},[4094,25812,5537],{"class":4315},[4094,25814,22187],{"class":4342},[4094,25816,4500],{"class":4275},[4094,25818,22192],{"class":4302},[4094,25820,7065],{"class":4275},[4094,25822,22197],{"class":4302},[4094,25824,7065],{"class":4275},[4094,25826,22202],{"class":4302},[4094,25828,7065],{"class":4275},[4094,25830,22207],{"class":4302},[4094,25832,7065],{"class":4275},[4094,25834,22212],{"class":4302},[4094,25836,4306],{"class":4275},[4094,25838,25839],{"class":4096,"line":4121},[4094,25840,4125],{"emptyLinePlaceholder":4124},[4094,25842,25843,25845,25847,25849,25851,25853,25855,25857,25859,25861,25863],{"class":4096,"line":4128},[4094,25844,5029],{"class":4315},[4094,25846,22225],{"class":4496},[4094,25848,15530],{"class":4275},[4094,25850,22230],{"class":4279},[4094,25852,4339],{"class":4275},[4094,25854,22235],{"class":4342},[4094,25856,4346],{"class":4275},[4094,25858,4326],{"class":4279},[4094,25860,4339],{"class":4275},[4094,25862,4343],{"class":4342},[4094,25864,22246],{"class":4275},[4094,25866,25867,25869,25871,25873,25875,25877,25879],{"class":4096,"line":4134},[4094,25868,20895],{"class":4275},[4094,25870,22253],{"class":4279},[4094,25872,22256],{"class":4302},[4094,25874,3519],{"class":4275},[4094,25876,22261],{"class":4279},[4094,25878,22264],{"class":4302},[4094,25880,5082],{"class":4275},[4094,25882,25883,25885,25887,25889,25891,25893,25895],{"class":4096,"line":4140},[4094,25884,20895],{"class":4275},[4094,25886,22253],{"class":4279},[4094,25888,22275],{"class":4302},[4094,25890,3519],{"class":4275},[4094,25892,22261],{"class":4279},[4094,25894,22282],{"class":4302},[4094,25896,5082],{"class":4275},[4094,25898,25899,25901,25903,25905,25907,25909,25911],{"class":4096,"line":4146},[4094,25900,20895],{"class":4275},[4094,25902,22253],{"class":4279},[4094,25904,22293],{"class":4302},[4094,25906,3519],{"class":4275},[4094,25908,22261],{"class":4279},[4094,25910,22300],{"class":4302},[4094,25912,5082],{"class":4275},[4094,25914,25915,25917,25919,25921,25923,25925,25927],{"class":4096,"line":4152},[4094,25916,20895],{"class":4275},[4094,25918,22253],{"class":4279},[4094,25920,22311],{"class":4302},[4094,25922,3519],{"class":4275},[4094,25924,22261],{"class":4279},[4094,25926,22318],{"class":4302},[4094,25928,5082],{"class":4275},[4094,25930,25931,25933,25935,25937,25939,25941,25943],{"class":4096,"line":4158},[4094,25932,20895],{"class":4275},[4094,25934,22253],{"class":4279},[4094,25936,22329],{"class":4302},[4094,25938,3519],{"class":4275},[4094,25940,22261],{"class":4279},[4094,25942,22336],{"class":4302},[4094,25944,5082],{"class":4275},[4094,25946,25947],{"class":4096,"line":4164},[4094,25948,5654],{"class":4275},[4094,25950,25951],{"class":4096,"line":4170},[4094,25952,4125],{"emptyLinePlaceholder":4124},[4094,25954,25955,25957,25959,25961,25963,25965,25967,25969,25971,25973,25975,25977,25979,25981,25983],{"class":4096,"line":4176},[4094,25956,5029],{"class":4315},[4094,25958,22353],{"class":4496},[4094,25960,15650],{"class":4275},[4094,25962,15653],{"class":4302},[4094,25964,3519],{"class":4275},[4094,25966,15658],{"class":4302},[4094,25968,3519],{"class":4275},[4094,25970,15663],{"class":4302},[4094,25972,3519],{"class":4275},[4094,25974,15668],{"class":4302},[4094,25976,3519],{"class":4275},[4094,25978,15673],{"class":4302},[4094,25980,3519],{"class":4275},[4094,25982,15678],{"class":4302},[4094,25984,5654],{"class":4275},[4094,25986,25987],{"class":4096,"line":4182},[4094,25988,4125],{"emptyLinePlaceholder":4124},[4094,25990,25991,25993,25995,25997,25999],{"class":4096,"line":4187},[4094,25992,4476],{"class":4271},[4094,25994,4479],{"class":4271},[4094,25996,4482],{"class":4315},[4094,25998,4485],{"class":4319},[4094,26000,4488],{"class":4275},[4094,26002,26003,26005,26007,26009,26011,26013,26015,26017,26019,26021,26023,26025],{"class":4096,"line":4193},[4094,26004,4493],{"class":4315},[4094,26006,5884],{"class":4275},[4094,26008,4590],{"class":4496},[4094,26010,3519],{"class":4275},[4094,26012,22408],{"class":4496},[4094,26014,5895],{"class":4275},[4094,26016,5487],{"class":4319},[4094,26018,5900],{"class":4275},[4094,26020,22235],{"class":4342},[4094,26022,5905],{"class":4275},[4094,26024,22192],{"class":4302},[4094,26026,5911],{"class":4275},[4094,26028,26029],{"class":4096,"line":4199},[4094,26030,4125],{"emptyLinePlaceholder":4124},[4094,26032,26033,26035],{"class":4096,"line":4205},[4094,26034,4360],{"class":4271},[4094,26036,4363],{"class":4275},[4094,26038,26039,26041,26043,26045,26047,26049,26051,26053,26055,26057],{"class":4096,"line":4211},[4094,26040,4369],{"class":4368},[4094,26042,3518],{"class":4342},[4094,26044,4375],{"class":4374},[4094,26046,4378],{"class":4275},[4094,26048,4381],{"class":4315},[4094,26050,4388],{"class":4279},[4094,26052,3536],{"class":4384},[4094,26054,22451],{"class":4279},[4094,26056,4408],{"class":4315},[4094,26058,4411],{"class":4368},[4094,26060,26061,26063,26065,26067,26069,26071,26073,26075,26077,26079],{"class":4096,"line":4217},[4094,26062,4416],{"class":4368},[4094,26064,3518],{"class":4342},[4094,26066,4375],{"class":4374},[4094,26068,4378],{"class":4275},[4094,26070,4381],{"class":4315},[4094,26072,4388],{"class":4279},[4094,26074,3536],{"class":4384},[4094,26076,19686],{"class":4279},[4094,26078,4408],{"class":4315},[4094,26080,4411],{"class":4368},[4094,26082,26083,26085,26087,26089,26091,26093,26095,26097,26099],{"class":4096,"line":4223},[4094,26084,6084],{"class":4315},[4094,26086,22484],{"class":4496},[4094,26088,3536],{"class":4384},[4094,26090,6092],{"class":4319},[4094,26092,6095],{"class":4384},[4094,26094,16843],{"class":4279},[4094,26096,6101],{"class":4384},[4094,26098,5724],{"class":4315},[4094,26100,4363],{"class":4384},[4094,26102,26103,26105],{"class":4096,"line":4229},[4094,26104,6110],{"class":4368},[4094,26106,22505],{"class":4342},[4094,26108,26109,26111,26113,26115,26117,26119,26121],{"class":4096,"line":4235},[4094,26110,14755],{"class":4374},[4094,26112,4378],{"class":4275},[4094,26114,4381],{"class":4315},[4094,26116,16843],{"class":4279},[4094,26118,3536],{"class":4384},[4094,26120,22230],{"class":4279},[4094,26122,4179],{"class":4315},[4094,26124,26125,26127,26129,26131,26133,26135,26137,26139,26141,26143,26145,26147],{"class":4096,"line":4240},[4094,26126,22526],{"class":4374},[4094,26128,4378],{"class":4275},[4094,26130,4381],{"class":4315},[4094,26132,6160],{"class":4384},[4094,26134,5724],{"class":4315},[4094,26136,22537],{"class":4319},[4094,26138,6168],{"class":4384},[4094,26140,16843],{"class":4279},[4094,26142,3536],{"class":4384},[4094,26144,22230],{"class":4279},[4094,26146,6173],{"class":4384},[4094,26148,4179],{"class":4315},[4094,26150,26151,26153,26155,26157,26159,26161,26163,26165,26167,26169,26171,26173,26175,26177,26179,26181,26183,26185,26187],{"class":4096,"line":4245},[4094,26152,14772],{"class":4374},[4094,26154,4378],{"class":4275},[4094,26156,4381],{"class":4315},[4094,26158,4385],{"class":4384},[4094,26160,4388],{"class":4279},[4094,26162,3536],{"class":4384},[4094,26164,19689],{"class":4279},[4094,26166,3519],{"class":4384},[4094,26168,4590],{"class":4279},[4094,26170,6146],{"class":4275},[4094,26172,22574],{"class":4279},[4094,26174,3536],{"class":4384},[4094,26176,22230],{"class":4279},[4094,26178,4597],{"class":4275},[4094,26180,4683],{"class":4279},[4094,26182,3536],{"class":4384},[4094,26184,22587],{"class":4279},[4094,26186,4691],{"class":4384},[4094,26188,4179],{"class":4315},[4094,26190,26191],{"class":4096,"line":4876},[4094,26192,14805],{"class":4368},[4094,26194,26195,26197,26199,26201,26203,26205,26207,26209,26211,26213,26215,26217,26219,26221,26223,26225,26227,26229,26231,26233,26235,26237],{"class":4096,"line":4897},[4094,26196,14810],{"class":4368},[4094,26198,3522],{"class":4342},[4094,26200,4375],{"class":4374},[4094,26202,4378],{"class":4275},[4094,26204,4381],{"class":4315},[4094,26206,4385],{"class":4384},[4094,26208,4388],{"class":4279},[4094,26210,3536],{"class":4384},[4094,26212,22616],{"class":4279},[4094,26214,3519],{"class":4384},[4094,26216,4590],{"class":4279},[4094,26218,6146],{"class":4275},[4094,26220,22574],{"class":4279},[4094,26222,3536],{"class":4384},[4094,26224,22230],{"class":4279},[4094,26226,4597],{"class":4275},[4094,26228,4683],{"class":4279},[4094,26230,3536],{"class":4384},[4094,26232,22637],{"class":4279},[4094,26234,4691],{"class":4384},[4094,26236,4408],{"class":4315},[4094,26238,4411],{"class":4368},[4094,26240,26241,26243,26245,26247,26249],{"class":4096,"line":4918},[4094,26242,14944],{"class":4315},[4094,26244,16843],{"class":4279},[4094,26246,3536],{"class":4384},[4094,26248,4326],{"class":4279},[4094,26250,4179],{"class":4315},[4094,26252,26253,26255,26257],{"class":4096,"line":4939},[4094,26254,14889],{"class":4368},[4094,26256,3522],{"class":4342},[4094,26258,4411],{"class":4368},[4094,26260,26261,26263,26265],{"class":4096,"line":4948},[4094,26262,11365],{"class":4368},[4094,26264,3528],{"class":4342},[4094,26266,4411],{"class":4368},[4094,26268,26269,26271],{"class":4096,"line":4953},[4094,26270,6182],{"class":4384},[4094,26272,4179],{"class":4315},[4094,26274,26275,26277,26279],{"class":4096,"line":4987},[4094,26276,4770],{"class":4368},[4094,26278,3518],{"class":4342},[4094,26280,4411],{"class":4368},[4094,26282,26283],{"class":4096,"line":4993},[4094,26284,4125],{"emptyLinePlaceholder":4124},[4094,26286,26287,26289,26291,26293,26295,26297,26299,26301,26303,26305],{"class":4096,"line":5002},[4094,26288,4416],{"class":4368},[4094,26290,3518],{"class":4342},[4094,26292,4375],{"class":4374},[4094,26294,4378],{"class":4275},[4094,26296,4381],{"class":4315},[4094,26298,4388],{"class":4279},[4094,26300,3536],{"class":4384},[4094,26302,22708],{"class":4279},[4094,26304,4408],{"class":4315},[4094,26306,4411],{"class":4368},[4094,26308,26309,26311,26313,26315,26317,26319,26321,26323,26325],{"class":4096,"line":5011},[4094,26310,6084],{"class":4315},[4094,26312,4590],{"class":4279},[4094,26314,6146],{"class":4275},[4094,26316,22256],{"class":4302},[4094,26318,4597],{"class":4275},[4094,26320,22727],{"class":4368},[4094,26322,22730],{"class":4342},[4094,26324,22733],{"class":4368},[4094,26326,4179],{"class":4315},[4094,26328,26329,26331,26333,26335,26337,26339,26341,26343,26345],{"class":4096,"line":5016},[4094,26330,6084],{"class":4315},[4094,26332,4590],{"class":4279},[4094,26334,6146],{"class":4275},[4094,26336,22275],{"class":4302},[4094,26338,4597],{"class":4275},[4094,26340,22727],{"class":4368},[4094,26342,22752],{"class":4342},[4094,26344,22733],{"class":4368},[4094,26346,4179],{"class":4315},[4094,26348,26349,26351,26353,26355,26357,26359,26361,26363,26365],{"class":4096,"line":5021},[4094,26350,6084],{"class":4315},[4094,26352,4590],{"class":4279},[4094,26354,6146],{"class":4275},[4094,26356,22293],{"class":4302},[4094,26358,4597],{"class":4275},[4094,26360,22727],{"class":4368},[4094,26362,22773],{"class":4342},[4094,26364,22733],{"class":4368},[4094,26366,4179],{"class":4315},[4094,26368,26369,26371,26373,26375,26377,26379,26381,26383,26385],{"class":4096,"line":5026},[4094,26370,6084],{"class":4315},[4094,26372,4590],{"class":4279},[4094,26374,6146],{"class":4275},[4094,26376,22311],{"class":4302},[4094,26378,4597],{"class":4275},[4094,26380,22727],{"class":4368},[4094,26382,22794],{"class":4342},[4094,26384,22733],{"class":4368},[4094,26386,4179],{"class":4315},[4094,26388,26389,26391,26393,26395,26397,26399,26401,26403,26405],{"class":4096,"line":5046},[4094,26390,6084],{"class":4315},[4094,26392,4590],{"class":4279},[4094,26394,6146],{"class":4275},[4094,26396,22329],{"class":4302},[4094,26398,4597],{"class":4275},[4094,26400,22727],{"class":4368},[4094,26402,22815],{"class":4342},[4094,26404,22733],{"class":4368},[4094,26406,4179],{"class":4315},[4094,26408,26409,26411,26413],{"class":4096,"line":5085},[4094,26410,4770],{"class":4368},[4094,26412,3518],{"class":4342},[4094,26414,4411],{"class":4368},[4094,26416,26417,26419,26421],{"class":4096,"line":5109},[4094,26418,4454],{"class":4368},[4094,26420,3518],{"class":4342},[4094,26422,4411],{"class":4368},[4094,26424,26425],{"class":4096,"line":5118},[4094,26426,4463],{"class":4275},[4094,26428,26429],{"class":4096,"line":5130},[4094,26430,4179],{"class":4275},[4094,26432,26433],{"class":4096,"line":5141},[4094,26434,4125],{"emptyLinePlaceholder":4124},[4094,26436,26437,26439,26441],{"class":4096,"line":5151},[4094,26438,4316],{"class":4315},[4094,26440,22854],{"class":4319},[4094,26442,4488],{"class":4275},[4094,26444,26445,26447],{"class":4096,"line":5161},[4094,26446,4360],{"class":4271},[4094,26448,4363],{"class":4275},[4094,26450,26451,26453,26455,26457,26459,26461,26463,26465,26467,26469],{"class":4096,"line":5167},[4094,26452,4369],{"class":4368},[4094,26454,3518],{"class":4342},[4094,26456,4375],{"class":4374},[4094,26458,4378],{"class":4275},[4094,26460,4381],{"class":4315},[4094,26462,4388],{"class":4279},[4094,26464,3536],{"class":4384},[4094,26466,22881],{"class":4279},[4094,26468,4408],{"class":4315},[4094,26470,4411],{"class":4368},[4094,26472,26473,26475,26477,26479,26481,26483,26485,26487,26489,26491],{"class":4096,"line":5182},[4094,26474,4416],{"class":4368},[4094,26476,3518],{"class":4342},[4094,26478,4375],{"class":4374},[4094,26480,4378],{"class":4275},[4094,26482,4381],{"class":4315},[4094,26484,4388],{"class":4279},[4094,26486,3536],{"class":4384},[4094,26488,22904],{"class":4279},[4094,26490,4408],{"class":4315},[4094,26492,4411],{"class":4368},[4094,26494,26495,26497,26499,26501,26503,26505,26507,26509,26511,26513,26515,26517,26519,26521],{"class":4096,"line":5206},[4094,26496,4700],{"class":4368},[4094,26498,3522],{"class":4342},[4094,26500,4375],{"class":4374},[4094,26502,4378],{"class":4275},[4094,26504,4381],{"class":4315},[4094,26506,4388],{"class":4279},[4094,26508,3536],{"class":4384},[4094,26510,3503],{"class":4279},[4094,26512,4408],{"class":4315},[4094,26514,4436],{"class":4368},[4094,26516,22933],{"class":4275},[4094,26518,4445],{"class":4368},[4094,26520,3522],{"class":4342},[4094,26522,4411],{"class":4368},[4094,26524,26525,26527,26529,26531,26533,26535,26537,26539,26541,26543,26545,26547,26549,26551],{"class":4096,"line":5214},[4094,26526,4700],{"class":4368},[4094,26528,3522],{"class":4342},[4094,26530,4375],{"class":4374},[4094,26532,4378],{"class":4275},[4094,26534,4381],{"class":4315},[4094,26536,4388],{"class":4279},[4094,26538,3536],{"class":4384},[4094,26540,20331],{"class":4279},[4094,26542,4408],{"class":4315},[4094,26544,4436],{"class":4368},[4094,26546,22964],{"class":4275},[4094,26548,4445],{"class":4368},[4094,26550,3522],{"class":4342},[4094,26552,4411],{"class":4368},[4094,26554,26555,26557,26559],{"class":4096,"line":5225},[4094,26556,4770],{"class":4368},[4094,26558,3518],{"class":4342},[4094,26560,4411],{"class":4368},[4094,26562,26563,26565,26567,26569,26571,26573,26575,26577,26579,26581,26583,26585,26587,26589,26591,26593,26595],{"class":4096,"line":5235},[4094,26564,4416],{"class":4368},[4094,26566,3531],{"class":4342},[4094,26568,4375],{"class":4374},[4094,26570,4378],{"class":4275},[4094,26572,4381],{"class":4315},[4094,26574,4388],{"class":4279},[4094,26576,3536],{"class":4384},[4094,26578,3606],{"class":4279},[4094,26580,4408],{"class":4315},[4094,26582,16799],{"class":4374},[4094,26584,4378],{"class":4275},[4094,26586,4381],{"class":4315},[4094,26588,4388],{"class":4279},[4094,26590,3536],{"class":4384},[4094,26592,23011],{"class":4279},[4094,26594,4408],{"class":4315},[4094,26596,4411],{"class":4368},[4094,26598,26599,26601,26603,26605,26607,26609,26611,26613,26615,26617,26619,26621,26623,26625],{"class":4096,"line":5245},[4094,26600,6084],{"class":4315},[4094,26602,23022],{"class":4279},[4094,26604,3536],{"class":4384},[4094,26606,4299],{"class":4319},[4094,26608,4323],{"class":4384},[4094,26610,23031],{"class":4279},[4094,26612,5079],{"class":4812},[4094,26614,23036],{"class":4384},[4094,26616,23039],{"class":4279},[4094,26618,3519],{"class":4384},[4094,26620,23044],{"class":4279},[4094,26622,6101],{"class":4384},[4094,26624,5724],{"class":4315},[4094,26626,4363],{"class":4384},[4094,26628,26629,26631,26633,26635,26637,26639,26641,26643,26645,26647,26649,26651,26653,26655,26657],{"class":4096,"line":5255},[4094,26630,6110],{"class":4368},[4094,26632,3518],{"class":4342},[4094,26634,6116],{"class":4374},[4094,26636,4378],{"class":4275},[4094,26638,4381],{"class":4315},[4094,26640,23044],{"class":4279},[4094,26642,4408],{"class":4315},[4094,26644,4375],{"class":4374},[4094,26646,4378],{"class":4275},[4094,26648,4381],{"class":4315},[4094,26650,4388],{"class":4279},[4094,26652,3536],{"class":4384},[4094,26654,16880],{"class":4279},[4094,26656,4408],{"class":4315},[4094,26658,4411],{"class":4368},[4094,26660,26661,26663,26665,26667,26669,26671,26673,26675,26677,26679,26681,26683,26685,26687,26689,26691,26693,26695,26697],{"class":4096,"line":5265},[4094,26662,14810],{"class":4368},[4094,26664,3522],{"class":4342},[4094,26666,4375],{"class":4374},[4094,26668,4378],{"class":4275},[4094,26670,4381],{"class":4315},[4094,26672,4388],{"class":4279},[4094,26674,3536],{"class":4384},[4094,26676,16919],{"class":4279},[4094,26678,4408],{"class":4315},[4094,26680,4436],{"class":4368},[4094,26682,23107],{"class":4384},[4094,26684,4381],{"class":4315},[4094,26686,23044],{"class":4279},[4094,26688,23114],{"class":4275},[4094,26690,5057],{"class":4812},[4094,26692,4408],{"class":4315},[4094,26694,4445],{"class":4368},[4094,26696,3522],{"class":4342},[4094,26698,4411],{"class":4368},[4094,26700,26701,26703,26705],{"class":4096,"line":5270},[4094,26702,11365],{"class":4368},[4094,26704,3518],{"class":4342},[4094,26706,4411],{"class":4368},[4094,26708,26709,26711],{"class":4096,"line":5298},[4094,26710,6182],{"class":4384},[4094,26712,4179],{"class":4315},[4094,26714,26715,26717,26719],{"class":4096,"line":5327},[4094,26716,4770],{"class":4368},[4094,26718,3531],{"class":4342},[4094,26720,4411],{"class":4368},[4094,26722,26723,26725,26727,26729,26731,26733,26735,26737,26739,26741],{"class":4096,"line":6447},[4094,26724,4416],{"class":4368},[4094,26726,3518],{"class":4342},[4094,26728,4375],{"class":4374},[4094,26730,4378],{"class":4275},[4094,26732,4381],{"class":4315},[4094,26734,4388],{"class":4279},[4094,26736,3536],{"class":4384},[4094,26738,23165],{"class":4279},[4094,26740,4408],{"class":4315},[4094,26742,4411],{"class":4368},[4094,26744,26745,26747,26749,26751,26753,26755,26757,26759,26761,26763],{"class":4096,"line":6453},[4094,26746,4700],{"class":4368},[4094,26748,3528],{"class":4342},[4094,26750,4375],{"class":4374},[4094,26752,4378],{"class":4275},[4094,26754,4381],{"class":4315},[4094,26756,4388],{"class":4279},[4094,26758,3536],{"class":4384},[4094,26760,23188],{"class":4279},[4094,26762,4408],{"class":4315},[4094,26764,4411],{"class":4368},[4094,26766,26767,26769,26771,26773,26775,26777,26779,26781,26783,26785,26787,26789,26791,26793],{"class":4096,"line":6462},[4094,26768,6110],{"class":4368},[4094,26770,3522],{"class":4342},[4094,26772,4375],{"class":4374},[4094,26774,4378],{"class":4275},[4094,26776,4381],{"class":4315},[4094,26778,4388],{"class":4279},[4094,26780,3536],{"class":4384},[4094,26782,23211],{"class":4279},[4094,26784,4408],{"class":4315},[4094,26786,4436],{"class":4368},[4094,26788,23218],{"class":4275},[4094,26790,4445],{"class":4368},[4094,26792,3522],{"class":4342},[4094,26794,4411],{"class":4368},[4094,26796,26797,26799,26801],{"class":4096,"line":6471},[4094,26798,8638],{"class":4368},[4094,26800,3528],{"class":4342},[4094,26802,4411],{"class":4368},[4094,26804,26805,26807,26809],{"class":4096,"line":6476},[4094,26806,4770],{"class":4368},[4094,26808,3518],{"class":4342},[4094,26810,4411],{"class":4368},[4094,26812,26813,26815,26817],{"class":4096,"line":6481},[4094,26814,4454],{"class":4368},[4094,26816,3518],{"class":4342},[4094,26818,4411],{"class":4368},[4094,26820,26821],{"class":4096,"line":6486},[4094,26822,4463],{"class":4275},[4094,26824,26825],{"class":4096,"line":6503},[4094,26826,4179],{"class":4275},[4094,26828,26829],{"class":4096,"line":6535},[4094,26830,4125],{"emptyLinePlaceholder":4124},[4094,26832,26833,26835,26837],{"class":4096,"line":6556},[4094,26834,4316],{"class":4315},[4094,26836,23267],{"class":4319},[4094,26838,4488],{"class":4275},[4094,26840,26841,26843],{"class":4096,"line":6585},[4094,26842,4360],{"class":4271},[4094,26844,4363],{"class":4275},[4094,26846,26847,26849,26851,26853,26855,26857,26859,26861,26863,26865],{"class":4096,"line":6593},[4094,26848,4369],{"class":4368},[4094,26850,3518],{"class":4342},[4094,26852,4375],{"class":4374},[4094,26854,4378],{"class":4275},[4094,26856,4381],{"class":4315},[4094,26858,4388],{"class":4279},[4094,26860,3536],{"class":4384},[4094,26862,22881],{"class":4279},[4094,26864,4408],{"class":4315},[4094,26866,4411],{"class":4368},[4094,26868,26869,26871,26873,26875,26877,26879,26881,26883,26885,26887,26889,26891,26893,26895,26897],{"class":4096,"line":6603},[4094,26870,4416],{"class":4368},[4094,26872,3518],{"class":4342},[4094,26874,4375],{"class":4374},[4094,26876,4378],{"class":4275},[4094,26878,4381],{"class":4315},[4094,26880,4385],{"class":4384},[4094,26882,4388],{"class":4279},[4094,26884,3536],{"class":4384},[4094,26886,23318],{"class":4279},[4094,26888,4396],{"class":4384},[4094,26890,5054],{"class":4279},[4094,26892,6738],{"class":4812},[4094,26894,4405],{"class":4384},[4094,26896,4408],{"class":4315},[4094,26898,4411],{"class":4368},[4094,26900,26901,26903,26905,26907,26909,26911,26913,26915,26917,26919,26921,26923,26925,26927],{"class":4096,"line":6614},[4094,26902,4700],{"class":4368},[4094,26904,3522],{"class":4342},[4094,26906,4375],{"class":4374},[4094,26908,4378],{"class":4275},[4094,26910,4381],{"class":4315},[4094,26912,4388],{"class":4279},[4094,26914,3536],{"class":4384},[4094,26916,23349],{"class":4279},[4094,26918,4408],{"class":4315},[4094,26920,4436],{"class":4368},[4094,26922,8303],{"class":4275},[4094,26924,4445],{"class":4368},[4094,26926,3522],{"class":4342},[4094,26928,4411],{"class":4368},[4094,26930,26931,26933,26935],{"class":4096,"line":6623},[4094,26932,4770],{"class":4368},[4094,26934,3518],{"class":4342},[4094,26936,4411],{"class":4368},[4094,26938,26939,26941,26943,26945,26947,26949,26951,26953,26955,26957,26959,26961,26963,26965,26967],{"class":4096,"line":6633},[4094,26940,4416],{"class":4368},[4094,26942,3518],{"class":4342},[4094,26944,4375],{"class":4374},[4094,26946,4378],{"class":4275},[4094,26948,4381],{"class":4315},[4094,26950,4385],{"class":4384},[4094,26952,4388],{"class":4279},[4094,26954,3536],{"class":4384},[4094,26956,23390],{"class":4279},[4094,26958,4396],{"class":4384},[4094,26960,5054],{"class":4279},[4094,26962,5057],{"class":4812},[4094,26964,4405],{"class":4384},[4094,26966,4408],{"class":4315},[4094,26968,4411],{"class":4368},[4094,26970,26971,26973,26975,26977,26979,26981,26983,26985,26987,26989,26991,26993,26995,26997],{"class":4096,"line":6638},[4094,26972,4700],{"class":4368},[4094,26974,3522],{"class":4342},[4094,26976,4375],{"class":4374},[4094,26978,4378],{"class":4275},[4094,26980,4381],{"class":4315},[4094,26982,4388],{"class":4279},[4094,26984,3536],{"class":4384},[4094,26986,3503],{"class":4279},[4094,26988,4408],{"class":4315},[4094,26990,4436],{"class":4368},[4094,26992,17488],{"class":4275},[4094,26994,4445],{"class":4368},[4094,26996,3522],{"class":4342},[4094,26998,4411],{"class":4368},[4094,27000,27001,27003,27005,27007,27009,27011,27013,27015,27017,27019,27021,27023,27025,27027],{"class":4096,"line":6652},[4094,27002,4700],{"class":4368},[4094,27004,3522],{"class":4342},[4094,27006,4375],{"class":4374},[4094,27008,4378],{"class":4275},[4094,27010,4381],{"class":4315},[4094,27012,4388],{"class":4279},[4094,27014,3536],{"class":4384},[4094,27016,20331],{"class":4279},[4094,27018,4408],{"class":4315},[4094,27020,4436],{"class":4368},[4094,27022,23457],{"class":4275},[4094,27024,4445],{"class":4368},[4094,27026,3522],{"class":4342},[4094,27028,4411],{"class":4368},[4094,27030,27031,27033,27035],{"class":4096,"line":6681},[4094,27032,4770],{"class":4368},[4094,27034,3518],{"class":4342},[4094,27036,4411],{"class":4368},[4094,27038,27039,27041,27043],{"class":4096,"line":6695},[4094,27040,4454],{"class":4368},[4094,27042,3518],{"class":4342},[4094,27044,4411],{"class":4368},[4094,27046,27047],{"class":4096,"line":6703},[4094,27048,4463],{"class":4275},[4094,27050,27051],{"class":4096,"line":6713},[4094,27052,4179],{"class":4275},[4094,27054,27055],{"class":4096,"line":6723},[4094,27056,4125],{"emptyLinePlaceholder":4124},[4094,27058,27059,27061,27063],{"class":4096,"line":6732},[4094,27060,4316],{"class":4315},[4094,27062,23498],{"class":4319},[4094,27064,4488],{"class":4275},[4094,27066,27067,27069],{"class":4096,"line":6743},[4094,27068,4360],{"class":4271},[4094,27070,4363],{"class":4275},[4094,27072,27073,27075,27077,27079,27081,27083,27085,27087,27089,27091],{"class":4096,"line":6754},[4094,27074,4369],{"class":4368},[4094,27076,3531],{"class":4342},[4094,27078,16799],{"class":4374},[4094,27080,4378],{"class":4275},[4094,27082,4381],{"class":4315},[4094,27084,4388],{"class":4279},[4094,27086,3536],{"class":4384},[4094,27088,23011],{"class":4279},[4094,27090,4408],{"class":4315},[4094,27092,4411],{"class":4368},[4094,27094,27095,27097,27099,27101,27103,27105,27107,27109,27111,27113,27115,27117,27119,27121],{"class":4096,"line":6763},[4094,27096,4416],{"class":4368},[4094,27098,3522],{"class":4342},[4094,27100,4375],{"class":4374},[4094,27102,4378],{"class":4275},[4094,27104,4381],{"class":4315},[4094,27106,4388],{"class":4279},[4094,27108,3536],{"class":4384},[4094,27110,3503],{"class":4279},[4094,27112,4408],{"class":4315},[4094,27114,4436],{"class":4368},[4094,27116,23553],{"class":4275},[4094,27118,4445],{"class":4368},[4094,27120,3522],{"class":4342},[4094,27122,4411],{"class":4368},[4094,27124,27125,27127,27129,27131,27133,27135,27137,27139,27141,27143],{"class":4096,"line":6772},[4094,27126,4416],{"class":4368},[4094,27128,3518],{"class":4342},[4094,27130,4375],{"class":4374},[4094,27132,4378],{"class":4275},[4094,27134,4381],{"class":4315},[4094,27136,4388],{"class":4279},[4094,27138,3536],{"class":4384},[4094,27140,15946],{"class":4279},[4094,27142,4408],{"class":4315},[4094,27144,4411],{"class":4368},[4094,27146,27147,27149,27151,27153,27155,27157,27159,27161,27163],{"class":4096,"line":6783},[4094,27148,6084],{"class":4315},[4094,27150,23588],{"class":4496},[4094,27152,3536],{"class":4384},[4094,27154,6092],{"class":4319},[4094,27156,6095],{"class":4384},[4094,27158,23597],{"class":4279},[4094,27160,6101],{"class":4384},[4094,27162,5724],{"class":4315},[4094,27164,4363],{"class":4384},[4094,27166,27167,27169,27171,27173,27175,27177,27179,27181,27183,27185,27187,27189,27191,27193,27195],{"class":4096,"line":6788},[4094,27168,6110],{"class":4368},[4094,27170,3518],{"class":4342},[4094,27172,6116],{"class":4374},[4094,27174,4378],{"class":4275},[4094,27176,4381],{"class":4315},[4094,27178,23597],{"class":4279},[4094,27180,4408],{"class":4315},[4094,27182,4375],{"class":4374},[4094,27184,4378],{"class":4275},[4094,27186,4381],{"class":4315},[4094,27188,4388],{"class":4279},[4094,27190,3536],{"class":4384},[4094,27192,16007],{"class":4279},[4094,27194,4408],{"class":4315},[4094,27196,4411],{"class":4368},[4094,27198,27199,27201,27203,27205,27207,27209,27211,27213,27215,27217,27219,27221,27223,27225,27227,27229],{"class":4096,"line":6810},[4094,27200,14810],{"class":4368},[4094,27202,3522],{"class":4342},[4094,27204,4375],{"class":4374},[4094,27206,4378],{"class":4275},[4094,27208,4381],{"class":4315},[4094,27210,4388],{"class":4279},[4094,27212,3536],{"class":4384},[4094,27214,16919],{"class":4279},[4094,27216,4408],{"class":4315},[4094,27218,4436],{"class":4368},[4094,27220,4381],{"class":4315},[4094,27222,23597],{"class":4279},[4094,27224,4408],{"class":4315},[4094,27226,4445],{"class":4368},[4094,27228,3522],{"class":4342},[4094,27230,4411],{"class":4368},[4094,27232,27233,27235,27237],{"class":4096,"line":6833},[4094,27234,11365],{"class":4368},[4094,27236,3518],{"class":4342},[4094,27238,4411],{"class":4368},[4094,27240,27241,27243],{"class":4096,"line":6855},[4094,27242,6182],{"class":4384},[4094,27244,4179],{"class":4315},[4094,27246,27247,27249,27251],{"class":4096,"line":6874},[4094,27248,4770],{"class":4368},[4094,27250,3518],{"class":4342},[4094,27252,4411],{"class":4368},[4094,27254,27255,27257,27259],{"class":4096,"line":13575},[4094,27256,4454],{"class":4368},[4094,27258,3531],{"class":4342},[4094,27260,4411],{"class":4368},[4094,27262,27263],{"class":4096,"line":13592},[4094,27264,4463],{"class":4275},[4094,27266,27267],{"class":4096,"line":13623},[4094,27268,4179],{"class":4275},[4094,27270,27271],{"class":4096,"line":13650},[4094,27272,4125],{"emptyLinePlaceholder":4124},[4094,27274,27275,27277,27279],{"class":4096,"line":13658},[4094,27276,4316],{"class":4315},[4094,27278,23718],{"class":4319},[4094,27280,4488],{"class":4275},[4094,27282,27283,27285,27287],{"class":4096,"line":13667},[4094,27284,4493],{"class":4315},[4094,27286,23732],{"class":4496},[4094,27288,14341],{"class":4275},[4094,27290,27291,27293],{"class":4096,"line":13676},[4094,27292,23739],{"class":4302},[4094,27294,5127],{"class":4275},[4094,27296,27297,27299],{"class":4096,"line":13685},[4094,27298,23746],{"class":4302},[4094,27300,5127],{"class":4275},[4094,27302,27303,27305],{"class":4096,"line":13696},[4094,27304,23753],{"class":4302},[4094,27306,5127],{"class":4275},[4094,27308,27309,27311],{"class":4096,"line":13701},[4094,27310,23760],{"class":4302},[4094,27312,5127],{"class":4275},[4094,27314,27315,27317],{"class":4096,"line":13726},[4094,27316,23767],{"class":4302},[4094,27318,5127],{"class":4275},[4094,27320,27321,27323],{"class":4096,"line":13733},[4094,27322,23774],{"class":4302},[4094,27324,5127],{"class":4275},[4094,27326,27327,27329],{"class":4096,"line":13742},[4094,27328,23781],{"class":4302},[4094,27330,5127],{"class":4275},[4094,27332,27333,27335],{"class":4096,"line":13751},[4094,27334,23788],{"class":4302},[4094,27336,5127],{"class":4275},[4094,27338,27339,27341],{"class":4096,"line":13760},[4094,27340,23795],{"class":4302},[4094,27342,5127],{"class":4275},[4094,27344,27345,27347],{"class":4096,"line":13769},[4094,27346,23802],{"class":4302},[4094,27348,5127],{"class":4275},[4094,27350,27351,27353],{"class":4096,"line":13774},[4094,27352,23809],{"class":4302},[4094,27354,5127],{"class":4275},[4094,27356,27357,27359],{"class":4096,"line":13787},[4094,27358,23816],{"class":4302},[4094,27360,5127],{"class":4275},[4094,27362,27363,27365],{"class":4096,"line":13812},[4094,27364,23823],{"class":4302},[4094,27366,5127],{"class":4275},[4094,27368,27369,27371],{"class":4096,"line":13825},[4094,27370,23830],{"class":4302},[4094,27372,5127],{"class":4275},[4094,27374,27375,27377],{"class":4096,"line":13832},[4094,27376,23837],{"class":4302},[4094,27378,5127],{"class":4275},[4094,27380,27381,27383],{"class":4096,"line":13841},[4094,27382,23844],{"class":4302},[4094,27384,5127],{"class":4275},[4094,27386,27387,27389],{"class":4096,"line":13850},[4094,27388,23851],{"class":4302},[4094,27390,5127],{"class":4275},[4094,27392,27393,27395],{"class":4096,"line":13859},[4094,27394,23858],{"class":4302},[4094,27396,5127],{"class":4275},[4094,27398,27399,27401],{"class":4096,"line":13868},[4094,27400,23865],{"class":4302},[4094,27402,5127],{"class":4275},[4094,27404,27405,27407],{"class":4096,"line":13877},[4094,27406,23872],{"class":4302},[4094,27408,5127],{"class":4275},[4094,27410,27411,27413],{"class":4096,"line":13886},[4094,27412,23879],{"class":4302},[4094,27414,5127],{"class":4275},[4094,27416,27417,27419],{"class":4096,"line":13895},[4094,27418,23886],{"class":4302},[4094,27420,5127],{"class":4275},[4094,27422,27423,27425],{"class":4096,"line":13904},[4094,27424,23893],{"class":4302},[4094,27426,5127],{"class":4275},[4094,27428,27429,27431],{"class":4096,"line":13913},[4094,27430,23900],{"class":4302},[4094,27432,5127],{"class":4275},[4094,27434,27435,27437],{"class":4096,"line":13922},[4094,27436,23907],{"class":4302},[4094,27438,5127],{"class":4275},[4094,27440,27441,27443],{"class":4096,"line":13927},[4094,27442,23914],{"class":4302},[4094,27444,5127],{"class":4275},[4094,27446,27447,27449],{"class":4096,"line":13946},[4094,27448,23921],{"class":4302},[4094,27450,5127],{"class":4275},[4094,27452,27453,27455],{"class":4096,"line":13954},[4094,27454,23928],{"class":4302},[4094,27456,5127],{"class":4275},[4094,27458,27459,27461],{"class":4096,"line":13965},[4094,27460,23935],{"class":4302},[4094,27462,5127],{"class":4275},[4094,27464,27465,27467],{"class":4096,"line":13974},[4094,27466,23942],{"class":4302},[4094,27468,5127],{"class":4275},[4094,27470,27471,27473],{"class":4096,"line":13983},[4094,27472,23949],{"class":4302},[4094,27474,5127],{"class":4275},[4094,27476,27477,27479],{"class":4096,"line":13992},[4094,27478,23956],{"class":4302},[4094,27480,5127],{"class":4275},[4094,27482,27483,27485],{"class":4096,"line":14001},[4094,27484,23963],{"class":4302},[4094,27486,5127],{"class":4275},[4094,27488,27489,27491],{"class":4096,"line":14010},[4094,27490,23970],{"class":4302},[4094,27492,5127],{"class":4275},[4094,27494,27495,27497],{"class":4096,"line":14015},[4094,27496,23977],{"class":4302},[4094,27498,5127],{"class":4275},[4094,27500,27501,27503],{"class":4096,"line":14042},[4094,27502,23984],{"class":4302},[4094,27504,5127],{"class":4275},[4094,27506,27507,27509],{"class":4096,"line":14050},[4094,27508,23991],{"class":4302},[4094,27510,5127],{"class":4275},[4094,27512,27513,27515],{"class":4096,"line":14059},[4094,27514,23998],{"class":4302},[4094,27516,5127],{"class":4275},[4094,27518,27519,27521],{"class":4096,"line":14068},[4094,27520,24005],{"class":4302},[4094,27522,5127],{"class":4275},[4094,27524,27525,27527],{"class":4096,"line":14077},[4094,27526,24012],{"class":4302},[4094,27528,5127],{"class":4275},[4094,27530,27531],{"class":4096,"line":14086},[4094,27532,24019],{"class":4275},[4094,27534,27535],{"class":4096,"line":14096},[4094,27536,4125],{"emptyLinePlaceholder":4124},[4094,27538,27539,27541],{"class":4096,"line":14101},[4094,27540,4360],{"class":4271},[4094,27542,4363],{"class":4275},[4094,27544,27545,27547,27549,27551,27553,27555,27557,27559,27561,27563],{"class":4096,"line":14109},[4094,27546,4369],{"class":4368},[4094,27548,3518],{"class":4342},[4094,27550,4375],{"class":4374},[4094,27552,4378],{"class":4275},[4094,27554,4381],{"class":4315},[4094,27556,4388],{"class":4279},[4094,27558,3536],{"class":4384},[4094,27560,22881],{"class":4279},[4094,27562,4408],{"class":4315},[4094,27564,4411],{"class":4368},[4094,27566,27567,27569],{"class":4096,"line":14118},[4094,27568,4416],{"class":4368},[4094,27570,24060],{"class":4342},[4094,27572,27573,27575,27577,27579,27581,27583,27585],{"class":4096,"line":14127},[4094,27574,24066],{"class":4374},[4094,27576,4378],{"class":4275},[4094,27578,4381],{"class":4315},[4094,27580,4388],{"class":4279},[4094,27582,3536],{"class":4384},[4094,27584,3606],{"class":4279},[4094,27586,4179],{"class":4315},[4094,27588,27589,27591,27593,27595,27597,27599,27601,27603,27605,27607,27609,27611,27613],{"class":4096,"line":14136},[4094,27590,24084],{"class":4374},[4094,27592,4378],{"class":4275},[4094,27594,4381],{"class":4315},[4094,27596,4385],{"class":4384},[4094,27598,4388],{"class":4279},[4094,27600,3536],{"class":4384},[4094,27602,23011],{"class":4279},[4094,27604,3519],{"class":4384},[4094,27606,4388],{"class":4279},[4094,27608,3536],{"class":4384},[4094,27610,24105],{"class":4279},[4094,27612,4691],{"class":4384},[4094,27614,4179],{"class":4315},[4094,27616,27617],{"class":4096,"line":14145},[4094,27618,24115],{"class":4374},[4094,27620,27621],{"class":4096,"line":14150},[4094,27622,24121],{"class":4368},[4094,27624,27625,27627,27629,27631,27633,27635,27637,27639,27641,27643,27645,27647,27649,27651],{"class":4096,"line":14181},[4094,27626,4700],{"class":4368},[4094,27628,3522],{"class":4342},[4094,27630,4375],{"class":4374},[4094,27632,4378],{"class":4275},[4094,27634,4381],{"class":4315},[4094,27636,4388],{"class":4279},[4094,27638,3536],{"class":4384},[4094,27640,3503],{"class":4279},[4094,27642,4408],{"class":4315},[4094,27644,4436],{"class":4368},[4094,27646,24147],{"class":4275},[4094,27648,4445],{"class":4368},[4094,27650,3522],{"class":4342},[4094,27652,4411],{"class":4368},[4094,27654,27655,27657,27659,27661,27663,27665,27667,27669,27671,27673],{"class":4096,"line":14206},[4094,27656,4700],{"class":4368},[4094,27658,3522],{"class":4342},[4094,27660,4375],{"class":4374},[4094,27662,4378],{"class":4275},[4094,27664,4381],{"class":4315},[4094,27666,4388],{"class":4279},[4094,27668,3536],{"class":4384},[4094,27670,20331],{"class":4279},[4094,27672,4408],{"class":4315},[4094,27674,4411],{"class":4368},[4094,27676,27677],{"class":4096,"line":24032},[4094,27678,24182],{"class":4275},[4094,27680,27681,27683,27685],{"class":4096,"line":24055},[4094,27682,8638],{"class":4368},[4094,27684,3522],{"class":4342},[4094,27686,4411],{"class":4368},[4094,27688,27689,27691,27693,27695,27697,27699,27701,27703,27705,27707,27709],{"class":4096,"line":24063},[4094,27690,6084],{"class":4315},[4094,27692,24199],{"class":4279},[4094,27694,3536],{"class":4384},[4094,27696,6092],{"class":4319},[4094,27698,6095],{"class":4384},[4094,27700,3512],{"class":4279},[4094,27702,3519],{"class":4384},[4094,27704,23044],{"class":4279},[4094,27706,6101],{"class":4384},[4094,27708,5724],{"class":4315},[4094,27710,4363],{"class":4384},[4094,27712,27713,27715,27717,27719,27721,27723,27725,27727,27729,27731,27733,27735,27737,27739,27741],{"class":4096,"line":24081},[4094,27714,6110],{"class":4368},[4094,27716,3522],{"class":4342},[4094,27718,6116],{"class":4374},[4094,27720,4378],{"class":4275},[4094,27722,4381],{"class":4315},[4094,27724,23044],{"class":4279},[4094,27726,4408],{"class":4315},[4094,27728,4375],{"class":4374},[4094,27730,4378],{"class":4275},[4094,27732,4381],{"class":4315},[4094,27734,4388],{"class":4279},[4094,27736,3536],{"class":4384},[4094,27738,20331],{"class":4279},[4094,27740,4408],{"class":4315},[4094,27742,4411],{"class":4368},[4094,27744,27745,27747,27749],{"class":4096,"line":24112},[4094,27746,24256],{"class":4315},[4094,27748,3512],{"class":4279},[4094,27750,4179],{"class":4315},[4094,27752,27753,27755,27757],{"class":4096,"line":24118},[4094,27754,11365],{"class":4368},[4094,27756,3522],{"class":4342},[4094,27758,4411],{"class":4368},[4094,27760,27761,27763],{"class":4096,"line":24124},[4094,27762,6182],{"class":4384},[4094,27764,4179],{"class":4315},[4094,27766,27767,27769,27771],{"class":4096,"line":24156},[4094,27768,4770],{"class":4368},[4094,27770,3531],{"class":4342},[4094,27772,4411],{"class":4368},[4094,27774,27775,27777,27779,27781,27783,27785,27787,27789,27791,27793],{"class":4096,"line":24179},[4094,27776,4416],{"class":4368},[4094,27778,3518],{"class":4342},[4094,27780,4375],{"class":4374},[4094,27782,4378],{"class":4275},[4094,27784,4381],{"class":4315},[4094,27786,4388],{"class":4279},[4094,27788,3536],{"class":4384},[4094,27790,23165],{"class":4279},[4094,27792,4408],{"class":4315},[4094,27794,4411],{"class":4368},[4094,27796,27797,27799,27801,27803,27805,27807,27809,27811,27813,27815],{"class":4096,"line":24185},[4094,27798,4700],{"class":4368},[4094,27800,3528],{"class":4342},[4094,27802,4375],{"class":4374},[4094,27804,4378],{"class":4275},[4094,27806,4381],{"class":4315},[4094,27808,4388],{"class":4279},[4094,27810,3536],{"class":4384},[4094,27812,23188],{"class":4279},[4094,27814,4408],{"class":4315},[4094,27816,4411],{"class":4368},[4094,27818,27819,27821,27823,27825,27827,27829,27831,27833,27835,27837,27839,27841,27843,27845],{"class":4096,"line":24194},[4094,27820,6110],{"class":4368},[4094,27822,3522],{"class":4342},[4094,27824,4375],{"class":4374},[4094,27826,4378],{"class":4275},[4094,27828,4381],{"class":4315},[4094,27830,4388],{"class":4279},[4094,27832,3536],{"class":4384},[4094,27834,23211],{"class":4279},[4094,27836,4408],{"class":4315},[4094,27838,4436],{"class":4368},[4094,27840,24357],{"class":4275},[4094,27842,4445],{"class":4368},[4094,27844,3522],{"class":4342},[4094,27846,4411],{"class":4368},[4094,27848,27849,27851,27853],{"class":4096,"line":24220},[4094,27850,8638],{"class":4368},[4094,27852,3528],{"class":4342},[4094,27854,4411],{"class":4368},[4094,27856,27857,27859,27861],{"class":4096,"line":24253},[4094,27858,4770],{"class":4368},[4094,27860,3518],{"class":4342},[4094,27862,4411],{"class":4368},[4094,27864,27865,27867,27869],{"class":4096,"line":24263},[4094,27866,4454],{"class":4368},[4094,27868,3518],{"class":4342},[4094,27870,4411],{"class":4368},[4094,27872,27873],{"class":4096,"line":24272},[4094,27874,4463],{"class":4275},[4094,27876,27877],{"class":4096,"line":24279},[4094,27878,4179],{"class":4275},[4094,27880,27881],{"class":4096,"line":24288},[4094,27882,4125],{"emptyLinePlaceholder":4124},[4094,27884,27885,27887,27889],{"class":4096,"line":24311},[4094,27886,4316],{"class":4315},[4094,27888,24413],{"class":4319},[4094,27890,4488],{"class":4275},[4094,27892,27893,27895],{"class":4096,"line":24334},[4094,27894,4360],{"class":4271},[4094,27896,4363],{"class":4275},[4094,27898,27899,27901,27903,27905,27907,27909,27911,27913,27915,27917],{"class":4096,"line":24366},[4094,27900,4369],{"class":4368},[4094,27902,3518],{"class":4342},[4094,27904,4375],{"class":4374},[4094,27906,4378],{"class":4275},[4094,27908,4381],{"class":4315},[4094,27910,4388],{"class":4279},[4094,27912,3536],{"class":4384},[4094,27914,18501],{"class":4279},[4094,27916,4408],{"class":4315},[4094,27918,4411],{"class":4368},[4094,27920,27921,27923,27925,27927,27929,27931,27933,27935,27937,27939,27941,27943,27945,27947],{"class":4096,"line":24375},[4094,27922,4416],{"class":4368},[4094,27924,3522],{"class":4342},[4094,27926,4375],{"class":4374},[4094,27928,4378],{"class":4275},[4094,27930,4381],{"class":4315},[4094,27932,4388],{"class":4279},[4094,27934,3536],{"class":4384},[4094,27936,24465],{"class":4279},[4094,27938,4408],{"class":4315},[4094,27940,4436],{"class":4368},[4094,27942,24472],{"class":4275},[4094,27944,4445],{"class":4368},[4094,27946,3522],{"class":4342},[4094,27948,4411],{"class":4368},[4094,27950,27951,27953,27955,27957,27959,27961,27963,27965,27967,27969,27971,27973,27975,27977],{"class":4096,"line":24384},[4094,27952,4416],{"class":4368},[4094,27954,3522],{"class":4342},[4094,27956,4375],{"class":4374},[4094,27958,4378],{"class":4275},[4094,27960,4381],{"class":4315},[4094,27962,4388],{"class":4279},[4094,27964,3536],{"class":4384},[4094,27966,3503],{"class":4279},[4094,27968,4408],{"class":4315},[4094,27970,4436],{"class":4368},[4094,27972,24504],{"class":4275},[4094,27974,4445],{"class":4368},[4094,27976,3522],{"class":4342},[4094,27978,4411],{"class":4368},[4094,27980,27981,27983,27985,27987,27989,27991,27993,27995,27997,27999,28001,28003,28005,28007,28009],{"class":4096,"line":24393},[4094,27982,4416],{"class":4368},[4094,27984,3522],{"class":4342},[4094,27986,4375],{"class":4374},[4094,27988,4378],{"class":4275},[4094,27990,4381],{"class":4315},[4094,27992,4385],{"class":4384},[4094,27994,4388],{"class":4279},[4094,27996,3536],{"class":4384},[4094,27998,20331],{"class":4279},[4094,28000,4396],{"class":4384},[4094,28002,18069],{"class":4279},[4094,28004,5201],{"class":4302},[4094,28006,4405],{"class":4384},[4094,28008,4408],{"class":4315},[4094,28010,4411],{"class":4368},[4094,28012,28013],{"class":4096,"line":24398},[4094,28014,28015],{"class":4275},"        justifyContent + alignItems center\n",[4094,28017,28018,28020,28022],{"class":4096,"line":24403},[4094,28019,4770],{"class":4368},[4094,28021,3522],{"class":4342},[4094,28023,4411],{"class":4368},[4094,28025,28026,28028,28030,28032,28034,28036,28038,28040,28042,28044,28046,28049,28051,28053,28055],{"class":4096,"line":24408},[4094,28027,4416],{"class":4368},[4094,28029,3528],{"class":4342},[4094,28031,4375],{"class":4374},[4094,28033,4378],{"class":4275},[4094,28035,4381],{"class":4315},[4094,28037,4385],{"class":4384},[4094,28039,4388],{"class":4279},[4094,28041,3536],{"class":4384},[4094,28043,23188],{"class":4279},[4094,28045,4396],{"class":4384},[4094,28047,28048],{"class":4279},"paddingHorizontal:",[4094,28050,17294],{"class":4812},[4094,28052,4405],{"class":4384},[4094,28054,4408],{"class":4315},[4094,28056,4411],{"class":4368},[4094,28058,28059,28061,28063,28065,28067,28069,28071,28073,28075,28077,28079,28081,28083,28085],{"class":4096,"line":24418},[4094,28060,4700],{"class":4368},[4094,28062,3522],{"class":4342},[4094,28064,4375],{"class":4374},[4094,28066,4378],{"class":4275},[4094,28068,4381],{"class":4315},[4094,28070,4388],{"class":4279},[4094,28072,3536],{"class":4384},[4094,28074,23211],{"class":4279},[4094,28076,4408],{"class":4315},[4094,28078,4436],{"class":4368},[4094,28080,24607],{"class":4275},[4094,28082,4445],{"class":4368},[4094,28084,3522],{"class":4342},[4094,28086,4411],{"class":4368},[4094,28088,28089,28091,28093],{"class":4096,"line":24425},[4094,28090,4770],{"class":4368},[4094,28092,3528],{"class":4342},[4094,28094,4411],{"class":4368},[4094,28096,28097,28099,28101],{"class":4096,"line":24448},[4094,28098,4454],{"class":4368},[4094,28100,3518],{"class":4342},[4094,28102,4411],{"class":4368},[4094,28104,28105],{"class":4096,"line":24481},[4094,28106,4463],{"class":4275},[4094,28108,28109],{"class":4096,"line":24513},[4094,28110,4179],{"class":4275},[4094,28112,28113],{"class":4096,"line":24546},[4094,28114,4125],{"emptyLinePlaceholder":4124},[4094,28116,28117,28119,28121,28123,28125,28127,28129],{"class":4096,"line":24552},[4094,28118,5029],{"class":4315},[4094,28120,4683],{"class":4496},[4094,28122,4500],{"class":4275},[4094,28124,4288],{"class":4279},[4094,28126,3536],{"class":4275},[4094,28128,5040],{"class":4319},[4094,28130,5043],{"class":4275},[4094,28132,28133,28135,28137,28139,28141,28143,28145,28147],{"class":4096,"line":24561},[4094,28134,24669],{"class":4279},[4094,28136,4276],{"class":4275},[4094,28138,5054],{"class":4279},[4094,28140,5057],{"class":4812},[4094,28142,3519],{"class":4275},[4094,28144,4399],{"class":4279},[4094,28146,5064],{"class":4302},[4094,28148,5082],{"class":4275},[4094,28150,28151,28153],{"class":4096,"line":24584},[4094,28152,24689],{"class":4279},[4094,28154,5115],{"class":4275},[4094,28156,28157,28159,28161],{"class":4096,"line":24616},[4094,28158,8108],{"class":4279},[4094,28160,5193],{"class":4302},[4094,28162,5127],{"class":4275},[4094,28164,28165,28167,28169],{"class":4096,"line":24625},[4094,28166,16216],{"class":4279},[4094,28168,6573],{"class":4302},[4094,28170,5127],{"class":4275},[4094,28172,28173,28175,28177],{"class":4096,"line":24634},[4094,28174,5154],{"class":4279},[4094,28176,6580],{"class":4812},[4094,28178,5127],{"class":4275},[4094,28180,28181,28183,28185],{"class":4096,"line":24639},[4094,28182,6596],{"class":4279},[4094,28184,5136],{"class":4812},[4094,28186,5127],{"class":4275},[4094,28188,28189,28191,28193],{"class":4096,"line":24644},[4094,28190,6606],{"class":4279},[4094,28192,5079],{"class":4812},[4094,28194,5127],{"class":4275},[4094,28196,28197,28199,28201],{"class":4096,"line":24649},[4094,28198,17208],{"class":4279},[4094,28200,5057],{"class":4812},[4094,28202,5127],{"class":4275},[4094,28204,28205,28207,28209],{"class":4096,"line":24666},[4094,28206,24751],{"class":4279},[4094,28208,19650],{"class":4302},[4094,28210,5127],{"class":4275},[4094,28212,28213,28215,28217],{"class":4096,"line":24686},[4094,28214,5121],{"class":4279},[4094,28216,5280],{"class":4302},[4094,28218,5127],{"class":4275},[4094,28220,28221],{"class":4096,"line":24694},[4094,28222,5164],{"class":4275},[4094,28224,28225,28227],{"class":4096,"line":24703},[4094,28226,24775],{"class":4279},[4094,28228,5115],{"class":4275},[4094,28230,28231,28233,28235],{"class":4096,"line":24712},[4094,28232,6596],{"class":4279},[4094,28234,5240],{"class":4812},[4094,28236,5127],{"class":4275},[4094,28238,28239,28241,28243],{"class":4096,"line":24721},[4094,28240,6606],{"class":4279},[4094,28242,6580],{"class":4812},[4094,28244,5127],{"class":4275},[4094,28246,28247,28249,28251],{"class":4096,"line":24730},[4094,28248,5133],{"class":4279},[4094,28250,5079],{"class":4812},[4094,28252,5127],{"class":4275},[4094,28254,28255,28257,28259],{"class":4096,"line":24739},[4094,28256,5121],{"class":4279},[4094,28258,19650],{"class":4302},[4094,28260,5127],{"class":4275},[4094,28262,28263],{"class":4096,"line":24748},[4094,28264,5164],{"class":4275},[4094,28266,28267,28269,28271,28273,28275],{"class":4096,"line":24758},[4094,28268,24824],{"class":4279},[4094,28270,4276],{"class":4275},[4094,28272,4399],{"class":4279},[4094,28274,6273],{"class":4302},[4094,28276,5082],{"class":4275},[4094,28278,28279,28281,28283,28285,28287,28289,28291,28293,28295,28297,28299],{"class":4096,"line":24767},[4094,28280,24838],{"class":4279},[4094,28282,4276],{"class":4275},[4094,28284,5093],{"class":4279},[4094,28286,5136],{"class":4812},[4094,28288,3519],{"class":4275},[4094,28290,5101],{"class":4279},[4094,28292,6669],{"class":4302},[4094,28294,3519],{"class":4275},[4094,28296,4636],{"class":4279},[4094,28298,24857],{"class":4302},[4094,28300,5082],{"class":4275},[4094,28302,28303,28305,28307,28309,28311],{"class":4096,"line":24772},[4094,28304,24865],{"class":4279},[4094,28306,4276],{"class":4275},[4094,28308,4636],{"class":4279},[4094,28310,5280],{"class":4302},[4094,28312,5082],{"class":4275},[4094,28314,28315,28317,28319,28321,28323],{"class":4096,"line":24780},[4094,28316,24879],{"class":4279},[4094,28318,4276],{"class":4275},[4094,28320,5054],{"class":4279},[4094,28322,5057],{"class":4812},[4094,28324,5082],{"class":4275},[4094,28326,28327,28329,28331,28333,28335],{"class":4096,"line":24789},[4094,28328,24893],{"class":4279},[4094,28330,4276],{"class":4275},[4094,28332,5054],{"class":4279},[4094,28334,5057],{"class":4812},[4094,28336,5082],{"class":4275},[4094,28338,28339,28341,28343,28345,28347],{"class":4096,"line":24798},[4094,28340,24907],{"class":4279},[4094,28342,4276],{"class":4275},[4094,28344,5054],{"class":4279},[4094,28346,5057],{"class":4812},[4094,28348,5082],{"class":4275},[4094,28350,28351,28353,28355,28357,28359,28361,28363,28365],{"class":4096,"line":24807},[4094,28352,24921],{"class":4279},[4094,28354,4276],{"class":4275},[4094,28356,5069],{"class":4279},[4094,28358,5293],{"class":4812},[4094,28360,3519],{"class":4275},[4094,28362,5076],{"class":4279},[4094,28364,5240],{"class":4812},[4094,28366,5082],{"class":4275},[4094,28368,28369,28371,28373,28375,28377,28379,28381,28383],{"class":4096,"line":24816},[4094,28370,24941],{"class":4279},[4094,28372,4276],{"class":4275},[4094,28374,5076],{"class":4279},[4094,28376,6524],{"class":4812},[4094,28378,3519],{"class":4275},[4094,28380,17291],{"class":4279},[4094,28382,24954],{"class":4812},[4094,28384,5082],{"class":4275},[4094,28386,28387,28389],{"class":4096,"line":24821},[4094,28388,24962],{"class":4279},[4094,28390,5115],{"class":4275},[4094,28392,28393,28395,28397],{"class":4096,"line":24835},[4094,28394,5144],{"class":4279},[4094,28396,5293],{"class":4812},[4094,28398,5127],{"class":4275},[4094,28400,28401,28403,28405],{"class":4096,"line":24862},[4094,28402,5121],{"class":4279},[4094,28404,5280],{"class":4302},[4094,28406,5127],{"class":4275},[4094,28408,28409,28411,28413],{"class":4096,"line":24876},[4094,28410,17208],{"class":4279},[4094,28412,5057],{"class":4812},[4094,28414,5127],{"class":4275},[4094,28416,28417,28419,28421],{"class":4096,"line":24890},[4094,28418,24751],{"class":4279},[4094,28420,19650],{"class":4302},[4094,28422,5127],{"class":4275},[4094,28424,28425,28427,28429],{"class":4096,"line":24904},[4094,28426,5154],{"class":4279},[4094,28428,13645],{"class":4812},[4094,28430,5127],{"class":4275},[4094,28432,28433],{"class":4096,"line":24918},[4094,28434,5164],{"class":4275},[4094,28436,28437,28439],{"class":4096,"line":24938},[4094,28438,25020],{"class":4279},[4094,28440,5115],{"class":4275},[4094,28442,28443,28445,28447],{"class":4096,"line":24959},[4094,28444,5144],{"class":4279},[4094,28446,5293],{"class":4812},[4094,28448,5127],{"class":4275},[4094,28450,28451,28453,28455],{"class":4096,"line":24967},[4094,28452,5121],{"class":4279},[4094,28454,5280],{"class":4302},[4094,28456,5127],{"class":4275},[4094,28458,28459,28461,28463],{"class":4096,"line":24976},[4094,28460,17378],{"class":4279},[4094,28462,5057],{"class":4812},[4094,28464,5127],{"class":4275},[4094,28466,28467,28469,28471],{"class":4096,"line":24985},[4094,28468,25055],{"class":4279},[4094,28470,19650],{"class":4302},[4094,28472,5127],{"class":4275},[4094,28474,28475],{"class":4096,"line":24994},[4094,28476,5164],{"class":4275},[4094,28478,28479,28481,28483,28485,28487,28489,28491,28493,28495,28497,28499],{"class":4096,"line":25003},[4094,28480,25070],{"class":4279},[4094,28482,4276],{"class":4275},[4094,28484,5093],{"class":4279},[4094,28486,5316],{"class":4812},[4094,28488,3519],{"class":4275},[4094,28490,5101],{"class":4279},[4094,28492,5104],{"class":4302},[4094,28494,3519],{"class":4275},[4094,28496,4636],{"class":4279},[4094,28498,24857],{"class":4302},[4094,28500,5082],{"class":4275},[4094,28502,28503,28505,28507,28509,28511,28513,28515,28517,28519,28521,28523],{"class":4096,"line":25012},[4094,28504,25096],{"class":4279},[4094,28506,4276],{"class":4275},[4094,28508,5093],{"class":4279},[4094,28510,6524],{"class":4812},[4094,28512,3519],{"class":4275},[4094,28514,4636],{"class":4279},[4094,28516,25109],{"class":4302},[4094,28518,3519],{"class":4275},[4094,28520,5313],{"class":4279},[4094,28522,4813],{"class":4812},[4094,28524,5082],{"class":4275},[4094,28526,28527,28529],{"class":4096,"line":25017},[4094,28528,17301],{"class":4279},[4094,28530,5115],{"class":4275},[4094,28532,28533,28535,28537],{"class":4096,"line":25025},[4094,28534,5121],{"class":4279},[4094,28536,5280],{"class":4302},[4094,28538,5127],{"class":4275},[4094,28540,28541,28543,28545],{"class":4096,"line":25034},[4094,28542,5133],{"class":4279},[4094,28544,5136],{"class":4812},[4094,28546,5127],{"class":4275},[4094,28548,28549,28551,28553],{"class":4096,"line":25043},[4094,28550,6735],{"class":4279},[4094,28552,5057],{"class":4812},[4094,28554,5127],{"class":4275},[4094,28556,28557,28559,28561],{"class":4096,"line":25052},[4094,28558,6746],{"class":4279},[4094,28560,19650],{"class":4302},[4094,28562,5127],{"class":4275},[4094,28564,28565,28567,28569],{"class":4096,"line":25062},[4094,28566,5144],{"class":4279},[4094,28568,6524],{"class":4812},[4094,28570,5127],{"class":4275},[4094,28572,28573],{"class":4096,"line":25067},[4094,28574,5164],{"class":4275},[4094,28576,28577,28579,28581,28583,28585,28587,28589,28591,28593,28595,28597],{"class":4096,"line":25093},[4094,28578,17344],{"class":4279},[4094,28580,4276],{"class":4275},[4094,28582,5093],{"class":4279},[4094,28584,5293],{"class":4812},[4094,28586,3519],{"class":4275},[4094,28588,5101],{"class":4279},[4094,28590,6669],{"class":4302},[4094,28592,3519],{"class":4275},[4094,28594,4636],{"class":4279},[4094,28596,24857],{"class":4302},[4094,28598,5082],{"class":4275},[4094,28600,28601,28603],{"class":4096,"line":25120},[4094,28602,25205],{"class":4279},[4094,28604,5115],{"class":4275},[4094,28606,28607,28609,28611],{"class":4096,"line":25127},[4094,28608,5121],{"class":4279},[4094,28610,6273],{"class":4302},[4094,28612,5127],{"class":4275},[4094,28614,28615,28617,28619],{"class":4096,"line":25136},[4094,28616,5133],{"class":4279},[4094,28618,5136],{"class":4812},[4094,28620,5127],{"class":4275},[4094,28622,28623,28625,28627],{"class":4096,"line":25145},[4094,28624,6606],{"class":4279},[4094,28626,6524],{"class":4812},[4094,28628,5127],{"class":4275},[4094,28630,28631,28633,28635],{"class":4096,"line":25154},[4094,28632,5248],{"class":4279},[4094,28634,5201],{"class":4302},[4094,28636,5127],{"class":4275},[4094,28638,28639],{"class":4096,"line":25163},[4094,28640,5164],{"class":4275},[4094,28642,28643,28645,28647,28649,28651,28653,28655,28657,28659,28661,28663],{"class":4096,"line":25172},[4094,28644,25254],{"class":4279},[4094,28646,4276],{"class":4275},[4094,28648,4636],{"class":4279},[4094,28650,5280],{"class":4302},[4094,28652,3519],{"class":4275},[4094,28654,5101],{"class":4279},[4094,28656,5104],{"class":4302},[4094,28658,3519],{"class":4275},[4094,28660,5093],{"class":4279},[4094,28662,5293],{"class":4812},[4094,28664,5082],{"class":4275},[4094,28666,28667,28669],{"class":4096,"line":25177},[4094,28668,25280],{"class":4279},[4094,28670,5115],{"class":4275},[4094,28672,28673,28675,28677],{"class":4096,"line":25202},[4094,28674,5121],{"class":4279},[4094,28676,25290],{"class":4302},[4094,28678,5127],{"class":4275},[4094,28680,28681,28683,28685],{"class":4096,"line":25210},[4094,28682,5248],{"class":4279},[4094,28684,5201],{"class":4302},[4094,28686,5127],{"class":4275},[4094,28688,28689,28691,28693],{"class":4096,"line":25219},[4094,28690,5258],{"class":4279},[4094,28692,5201],{"class":4302},[4094,28694,5127],{"class":4275},[4094,28696,28697],{"class":4096,"line":25228},[4094,28698,5164],{"class":4275},[4094,28700,28701,28703],{"class":4096,"line":25237},[4094,28702,25321],{"class":4279},[4094,28704,5115],{"class":4275},[4094,28706,28707,28709,28711],{"class":4096,"line":25246},[4094,28708,5121],{"class":4279},[4094,28710,5280],{"class":4302},[4094,28712,5127],{"class":4275},[4094,28714,28715,28717,28719],{"class":4096,"line":25251},[4094,28716,5144],{"class":4279},[4094,28718,4813],{"class":4812},[4094,28720,5127],{"class":4275},[4094,28722,28723,28725,28727],{"class":4096,"line":25277},[4094,28724,18101],{"class":4279},[4094,28726,5293],{"class":4812},[4094,28728,5127],{"class":4275},[4094,28730,28731,28733,28735],{"class":4096,"line":25285},[4094,28732,18110],{"class":4279},[4094,28734,5293],{"class":4812},[4094,28736,5127],{"class":4275},[4094,28738,28739,28741,28743,28745],{"class":4096,"line":25295},[4094,28740,6716],{"class":4279},[4094,28742,18121],{"class":4275},[4094,28744,25369],{"class":4812},[4094,28746,5127],{"class":4275},[4094,28748,28749,28751,28753],{"class":4096,"line":25304},[4094,28750,5154],{"class":4279},[4094,28752,6580],{"class":4812},[4094,28754,5127],{"class":4275},[4094,28756,28757],{"class":4096,"line":25313},[4094,28758,5164],{"class":4275},[4094,28760,28761,28763,28765,28767,28769,28771,28773,28775,28777,28779,28781],{"class":4096,"line":25318},[4094,28762,25391],{"class":4279},[4094,28764,4276],{"class":4275},[4094,28766,5093],{"class":4279},[4094,28768,4813],{"class":4812},[4094,28770,3519],{"class":4275},[4094,28772,5101],{"class":4279},[4094,28774,5104],{"class":4302},[4094,28776,3519],{"class":4275},[4094,28778,4636],{"class":4279},[4094,28780,25410],{"class":4302},[4094,28782,5082],{"class":4275},[4094,28784,28785,28787,28789,28791,28793,28795,28797,28799,28801,28803,28805,28807,28809,28811],{"class":4096,"line":25326},[4094,28786,16201],{"class":4279},[4094,28788,4276],{"class":4275},[4094,28790,5190],{"class":4279},[4094,28792,5193],{"class":4302},[4094,28794,3519],{"class":4275},[4094,28796,6570],{"class":4279},[4094,28798,6573],{"class":4302},[4094,28800,3519],{"class":4275},[4094,28802,5076],{"class":4279},[4094,28804,5240],{"class":4812},[4094,28806,3519],{"class":4275},[4094,28808,4809],{"class":4279},[4094,28810,5079],{"class":4812},[4094,28812,5082],{"class":4275},[4094,28814,28815,28817],{"class":4096,"line":25335},[4094,28816,16237],{"class":4279},[4094,28818,5115],{"class":4275},[4094,28820,28821,28823,28825],{"class":4096,"line":25344},[4094,28822,5217],{"class":4279},[4094,28824,16246],{"class":4302},[4094,28826,5127],{"class":4275},[4094,28828,28829,28831,28833],{"class":4096,"line":25353},[4094,28830,6775],{"class":4279},[4094,28832,9852],{"class":4812},[4094,28834,5127],{"class":4275},[4094,28836,28837,28839,28841],{"class":4096,"line":25362},[4094,28838,5121],{"class":4279},[4094,28840,5280],{"class":4302},[4094,28842,5127],{"class":4275},[4094,28844,28845,28847,28849],{"class":4096,"line":25374},[4094,28846,5133],{"class":4279},[4094,28848,5136],{"class":4812},[4094,28850,5127],{"class":4275},[4094,28852,28853,28855,28857],{"class":4096,"line":25383},[4094,28854,6735],{"class":4279},[4094,28856,5057],{"class":4812},[4094,28858,5127],{"class":4275},[4094,28860,28861,28863,28865],{"class":4096,"line":25388},[4094,28862,6746],{"class":4279},[4094,28864,19650],{"class":4302},[4094,28866,5127],{"class":4275},[4094,28868,28869,28871,28873],{"class":4096,"line":25415},[4094,28870,5248],{"class":4279},[4094,28872,5201],{"class":4302},[4094,28874,5127],{"class":4275},[4094,28876,28877,28879,28881],{"class":4096,"line":25446},[4094,28878,5258],{"class":4279},[4094,28880,5201],{"class":4302},[4094,28882,5127],{"class":4275},[4094,28884,28885],{"class":4096,"line":25453},[4094,28886,5164],{"class":4275},[4094,28888,28889,28891],{"class":4096,"line":25462},[4094,28890,18814],{"class":4279},[4094,28892,5115],{"class":4275},[4094,28894,28895,28897,28899],{"class":4096,"line":25471},[4094,28896,6706],{"class":4279},[4094,28898,5057],{"class":4812},[4094,28900,5127],{"class":4275},[4094,28902,28903,28905,28907],{"class":4096,"line":25480},[4094,28904,5248],{"class":4279},[4094,28906,5201],{"class":4302},[4094,28908,5127],{"class":4275},[4094,28910,28911,28913,28915],{"class":4096,"line":25489},[4094,28912,5258],{"class":4279},[4094,28914,5201],{"class":4302},[4094,28916,5127],{"class":4275},[4094,28918,28919,28921,28923],{"class":4096,"line":25498},[4094,28920,5144],{"class":4279},[4094,28922,18847],{"class":4812},[4094,28924,5127],{"class":4275},[4094,28926,28927,28929,28931],{"class":4096,"line":25507},[4094,28928,5154],{"class":4279},[4094,28930,5240],{"class":4812},[4094,28932,5127],{"class":4275},[4094,28934,28935],{"class":4096,"line":25516},[4094,28936,5164],{"class":4275},[4094,28938,28939,28941,28943,28945,28947,28949,28951,28953],{"class":4096,"line":25525},[4094,28940,25590],{"class":4279},[4094,28942,4276],{"class":4275},[4094,28944,5093],{"class":4279},[4094,28946,6821],{"class":4812},[4094,28948,3519],{"class":4275},[4094,28950,13642],{"class":4279},[4094,28952,13645],{"class":4812},[4094,28954,5082],{"class":4275},[4094,28956,28957],{"class":4096,"line":25530},[4094,28958,5330],{"class":4275},[3628,28960,28961,28962,28965],{},"Міні-проєкт навмисно без tokens і ",[3516,28963,28964],{},"@\u002F"," — фокус на flex. У Nomad нижче ті самі ідеї з design tokens і feature-структурою.",[3688,28967],{},[3507,28969,28971],{"id":28970},"nomad-shell-стрічки-header-list-sticky-cta","Nomad: shell стрічки (header \u002F list \u002F sticky CTA)",[4250,28973,28975],{"id":28974},"навіщо-користувачу","Навіщо користувачу",[3512,28977,28978,28979,28981],{},"На домашньому екрані важливо: зрозуміти «де я», бачити поїздки й ",[3540,28980,19290],{}," мати під рукою «Нова поїздка». Це класичний mobile shell, не «все в одному ScrollView».",[4250,28983,28985],{"id":28984},"нитка-проєкту","Нитка проєкту",[3512,28987,28988,28991,28992,28995],{},[3540,28989,28990],{},"Уже є"," (з попередніх статей — ",[3540,28993,28994],{},"не викидаємо","):",[3898,28997,28998,29008],{},[3578,28999,29000,29001,5463,29004,29007],{},"Mock-картки ",[3516,29002,29003],{},"TripCard",[3516,29005,29006],{},"mockTrips"," (стаття 06).",[3578,29009,29010,29011,29013],{},"Стрічка через ",[3516,29012,6092],{}," (поки без віртуалізації).",[3512,29015,29016],{},[3540,29017,29018],{},"Додаємо в цій статті:",[3898,29020,29021,29031,29038],{},[3578,29022,29023,29024,29027,29028,29030],{},"Layout ",[3540,29025,29026],{},"shell",": sticky header + прокручуваний список (",[3516,29029,3857],{},") + sticky footer з «Нова поїздка».",[3578,29032,29033,29034,29037],{},"Мета «N поїздок» і ",[3540,29035,29036],{},"empty state",", якщо масив порожній.",[3578,29039,29040,29041,29043],{},"Кнопка CTA ",[3540,29042,5446],{}," ховається в кінці довгого скролу.",[4250,29045,29047],{"id":29046},"повний-знімок-проєкту-після-цієї-статті","Повний знімок проєкту після цієї статті",[3666,29049,29050,3566,29053,29059,29060,29063,29064,29067],{},[3540,29051,29052],{},"Готовий код 1:1",[29054,29055,3625],"a",{"href":29056,"rel":29057},"https:\u002F\u002Fgithub.com\u002Farakviel\u002Fnomad",[29058],"nofollow",". Найшвидший шлях: ",[3516,29061,29062],{},"git pull"," у клоні репо. Нижче — ",[3540,29065,29066],{},"весь"," проєкт на момент цієї статті (усі файли з кодом), не фрагмент «лише нові папки». Клік по файлу в дереві → повний вміст для копіпасту.",[4085,29069,29071],{"className":22023,"code":29070,"language":22025,"meta":4090,"style":4090},"cd \u002Fpath\u002Fto\u002Fnomad\ngit pull\nnpm install\nnpx expo start\n",[3516,29072,29073,29080,29088,29096],{"__ignoreMap":4090},[4094,29074,29075,29077],{"class":4096,"line":4097},[4094,29076,22032],{"class":4319},[4094,29078,29079],{"class":4302}," \u002Fpath\u002Fto\u002Fnomad\n",[4094,29081,29082,29085],{"class":4096,"line":4103},[4094,29083,29084],{"class":4319},"git",[4094,29086,29087],{"class":4302}," pull\n",[4094,29089,29090,29093],{"class":4096,"line":4109},[4094,29091,29092],{"class":4319},"npm",[4094,29094,29095],{"class":4302}," install\n",[4094,29097,29098,29100,29102],{"class":4096,"line":4115},[4094,29099,22043],{"class":4319},[4094,29101,22069],{"class":4302},[4094,29103,22072],{"class":4302},[29105,29106,29107,29379,29660,29762,29899,31142,31204,31412,31489,32471,32513,32899,33353,33819,34053],"code-tree",{},[4085,29108,29113],{"className":29109,"code":29110,"filename":29111,"language":29112,"meta":4090,"style":4090},"language-json shiki shiki-themes light-plus dark-plus dark-plus","{\n  \"name\": \"nomad\",\n  \"version\": \"1.0.0\",\n  \"main\": \"expo-router\u002Fentry\",\n  \"scripts\": {\n    \"start\": \"expo start\",\n    \"android\": \"expo start --android\",\n    \"ios\": \"expo start --ios\",\n    \"web\": \"expo start --web\"\n  },\n  \"dependencies\": {\n    \"expo\": \"~54.0.35\",\n    \"expo-constants\": \"~18.0.13\",\n    \"expo-linking\": \"~8.0.12\",\n    \"expo-router\": \"~6.0.24\",\n    \"expo-status-bar\": \"~3.0.9\",\n    \"react\": \"19.1.0\",\n    \"react-native\": \"0.81.5\",\n    \"react-native-safe-area-context\": \"~5.6.0\",\n    \"react-native-screens\": \"~4.16.0\"\n  },\n  \"devDependencies\": {\n    \"@types\u002Freact\": \"~19.1.0\",\n    \"typescript\": \"~5.9.2\"\n  },\n  \"private\": true\n}\n","package.json","json",[3516,29114,29115,29120,29133,29145,29157,29165,29177,29189,29201,29211,29215,29222,29234,29246,29258,29270,29282,29294,29306,29318,29328,29332,29339,29351,29361,29365,29375],{"__ignoreMap":4090},[4094,29116,29117],{"class":4096,"line":4097},[4094,29118,29119],{"class":4275},"{\n",[4094,29121,29122,29126,29128,29131],{"class":4096,"line":4103},[4094,29123,29125],{"class":29124},"sLwNe","  \"name\"",[4094,29127,4339],{"class":4275},[4094,29129,29130],{"class":4302},"\"nomad\"",[4094,29132,5127],{"class":4275},[4094,29134,29135,29138,29140,29143],{"class":4096,"line":4109},[4094,29136,29137],{"class":29124},"  \"version\"",[4094,29139,4339],{"class":4275},[4094,29141,29142],{"class":4302},"\"1.0.0\"",[4094,29144,5127],{"class":4275},[4094,29146,29147,29150,29152,29155],{"class":4096,"line":4115},[4094,29148,29149],{"class":29124},"  \"main\"",[4094,29151,4339],{"class":4275},[4094,29153,29154],{"class":4302},"\"expo-router\u002Fentry\"",[4094,29156,5127],{"class":4275},[4094,29158,29159,29162],{"class":4096,"line":4121},[4094,29160,29161],{"class":29124},"  \"scripts\"",[4094,29163,29164],{"class":4275},": {\n",[4094,29166,29167,29170,29172,29175],{"class":4096,"line":4128},[4094,29168,29169],{"class":29124},"    \"start\"",[4094,29171,4339],{"class":4275},[4094,29173,29174],{"class":4302},"\"expo start\"",[4094,29176,5127],{"class":4275},[4094,29178,29179,29182,29184,29187],{"class":4096,"line":4134},[4094,29180,29181],{"class":29124},"    \"android\"",[4094,29183,4339],{"class":4275},[4094,29185,29186],{"class":4302},"\"expo start --android\"",[4094,29188,5127],{"class":4275},[4094,29190,29191,29194,29196,29199],{"class":4096,"line":4140},[4094,29192,29193],{"class":29124},"    \"ios\"",[4094,29195,4339],{"class":4275},[4094,29197,29198],{"class":4302},"\"expo start --ios\"",[4094,29200,5127],{"class":4275},[4094,29202,29203,29206,29208],{"class":4096,"line":4146},[4094,29204,29205],{"class":29124},"    \"web\"",[4094,29207,4339],{"class":4275},[4094,29209,29210],{"class":4302},"\"expo start --web\"\n",[4094,29212,29213],{"class":4096,"line":4152},[4094,29214,5164],{"class":4275},[4094,29216,29217,29220],{"class":4096,"line":4158},[4094,29218,29219],{"class":29124},"  \"dependencies\"",[4094,29221,29164],{"class":4275},[4094,29223,29224,29227,29229,29232],{"class":4096,"line":4164},[4094,29225,29226],{"class":29124},"    \"expo\"",[4094,29228,4339],{"class":4275},[4094,29230,29231],{"class":4302},"\"~54.0.35\"",[4094,29233,5127],{"class":4275},[4094,29235,29236,29239,29241,29244],{"class":4096,"line":4170},[4094,29237,29238],{"class":29124},"    \"expo-constants\"",[4094,29240,4339],{"class":4275},[4094,29242,29243],{"class":4302},"\"~18.0.13\"",[4094,29245,5127],{"class":4275},[4094,29247,29248,29251,29253,29256],{"class":4096,"line":4176},[4094,29249,29250],{"class":29124},"    \"expo-linking\"",[4094,29252,4339],{"class":4275},[4094,29254,29255],{"class":4302},"\"~8.0.12\"",[4094,29257,5127],{"class":4275},[4094,29259,29260,29263,29265,29268],{"class":4096,"line":4182},[4094,29261,29262],{"class":29124},"    \"expo-router\"",[4094,29264,4339],{"class":4275},[4094,29266,29267],{"class":4302},"\"~6.0.24\"",[4094,29269,5127],{"class":4275},[4094,29271,29272,29275,29277,29280],{"class":4096,"line":4187},[4094,29273,29274],{"class":29124},"    \"expo-status-bar\"",[4094,29276,4339],{"class":4275},[4094,29278,29279],{"class":4302},"\"~3.0.9\"",[4094,29281,5127],{"class":4275},[4094,29283,29284,29287,29289,29292],{"class":4096,"line":4193},[4094,29285,29286],{"class":29124},"    \"react\"",[4094,29288,4339],{"class":4275},[4094,29290,29291],{"class":4302},"\"19.1.0\"",[4094,29293,5127],{"class":4275},[4094,29295,29296,29299,29301,29304],{"class":4096,"line":4199},[4094,29297,29298],{"class":29124},"    \"react-native\"",[4094,29300,4339],{"class":4275},[4094,29302,29303],{"class":4302},"\"0.81.5\"",[4094,29305,5127],{"class":4275},[4094,29307,29308,29311,29313,29316],{"class":4096,"line":4205},[4094,29309,29310],{"class":29124},"    \"react-native-safe-area-context\"",[4094,29312,4339],{"class":4275},[4094,29314,29315],{"class":4302},"\"~5.6.0\"",[4094,29317,5127],{"class":4275},[4094,29319,29320,29323,29325],{"class":4096,"line":4211},[4094,29321,29322],{"class":29124},"    \"react-native-screens\"",[4094,29324,4339],{"class":4275},[4094,29326,29327],{"class":4302},"\"~4.16.0\"\n",[4094,29329,29330],{"class":4096,"line":4217},[4094,29331,5164],{"class":4275},[4094,29333,29334,29337],{"class":4096,"line":4223},[4094,29335,29336],{"class":29124},"  \"devDependencies\"",[4094,29338,29164],{"class":4275},[4094,29340,29341,29344,29346,29349],{"class":4096,"line":4229},[4094,29342,29343],{"class":29124},"    \"@types\u002Freact\"",[4094,29345,4339],{"class":4275},[4094,29347,29348],{"class":4302},"\"~19.1.0\"",[4094,29350,5127],{"class":4275},[4094,29352,29353,29356,29358],{"class":4096,"line":4235},[4094,29354,29355],{"class":29124},"    \"typescript\"",[4094,29357,4339],{"class":4275},[4094,29359,29360],{"class":4302},"\"~5.9.2\"\n",[4094,29362,29363],{"class":4096,"line":4240},[4094,29364,5164],{"class":4275},[4094,29366,29367,29370,29372],{"class":4096,"line":4245},[4094,29368,29369],{"class":29124},"  \"private\"",[4094,29371,4339],{"class":4275},[4094,29373,29374],{"class":4315},"true\n",[4094,29376,29377],{"class":4096,"line":4876},[4094,29378,4179],{"class":4275},[4085,29380,29382],{"className":29109,"code":29381,"filename":19708,"language":29112,"meta":4090,"style":4090},"{\n  \"expo\": {\n    \"name\": \"Nomad\",\n    \"slug\": \"nomad\",\n    \"version\": \"1.0.0\",\n    \"orientation\": \"portrait\",\n    \"icon\": \".\u002Fassets\u002Ficon.png\",\n    \"userInterfaceStyle\": \"light\",\n    \"scheme\": \"nomad\",\n    \"newArchEnabled\": true,\n    \"splash\": {\n      \"image\": \".\u002Fassets\u002Fsplash-icon.png\",\n      \"resizeMode\": \"contain\",\n      \"backgroundColor\": \"#ffffff\"\n    },\n    \"ios\": {\n      \"supportsTablet\": true\n    },\n    \"android\": {\n      \"adaptiveIcon\": {\n        \"foregroundImage\": \".\u002Fassets\u002Fadaptive-icon.png\",\n        \"backgroundColor\": \"#ffffff\"\n      },\n      \"edgeToEdgeEnabled\": true,\n      \"predictiveBackGestureEnabled\": false\n    },\n    \"web\": {\n      \"favicon\": \".\u002Fassets\u002Ffavicon.png\"\n    },\n    \"plugins\": [\"expo-router\"]\n  }\n}\n",[3516,29383,29384,29388,29395,29407,29418,29429,29441,29453,29465,29476,29488,29495,29507,29519,29529,29534,29540,29549,29553,29559,29566,29578,29587,29592,29603,29613,29617,29623,29633,29637,29651,29656],{"__ignoreMap":4090},[4094,29385,29386],{"class":4096,"line":4097},[4094,29387,29119],{"class":4275},[4094,29389,29390,29393],{"class":4096,"line":4103},[4094,29391,29392],{"class":29124},"  \"expo\"",[4094,29394,29164],{"class":4275},[4094,29396,29397,29400,29402,29405],{"class":4096,"line":4109},[4094,29398,29399],{"class":29124},"    \"name\"",[4094,29401,4339],{"class":4275},[4094,29403,29404],{"class":4302},"\"Nomad\"",[4094,29406,5127],{"class":4275},[4094,29408,29409,29412,29414,29416],{"class":4096,"line":4115},[4094,29410,29411],{"class":29124},"    \"slug\"",[4094,29413,4339],{"class":4275},[4094,29415,29130],{"class":4302},[4094,29417,5127],{"class":4275},[4094,29419,29420,29423,29425,29427],{"class":4096,"line":4121},[4094,29421,29422],{"class":29124},"    \"version\"",[4094,29424,4339],{"class":4275},[4094,29426,29142],{"class":4302},[4094,29428,5127],{"class":4275},[4094,29430,29431,29434,29436,29439],{"class":4096,"line":4128},[4094,29432,29433],{"class":29124},"    \"orientation\"",[4094,29435,4339],{"class":4275},[4094,29437,29438],{"class":4302},"\"portrait\"",[4094,29440,5127],{"class":4275},[4094,29442,29443,29446,29448,29451],{"class":4096,"line":4134},[4094,29444,29445],{"class":29124},"    \"icon\"",[4094,29447,4339],{"class":4275},[4094,29449,29450],{"class":4302},"\".\u002Fassets\u002Ficon.png\"",[4094,29452,5127],{"class":4275},[4094,29454,29455,29458,29460,29463],{"class":4096,"line":4140},[4094,29456,29457],{"class":29124},"    \"userInterfaceStyle\"",[4094,29459,4339],{"class":4275},[4094,29461,29462],{"class":4302},"\"light\"",[4094,29464,5127],{"class":4275},[4094,29466,29467,29470,29472,29474],{"class":4096,"line":4146},[4094,29468,29469],{"class":29124},"    \"scheme\"",[4094,29471,4339],{"class":4275},[4094,29473,29130],{"class":4302},[4094,29475,5127],{"class":4275},[4094,29477,29478,29481,29483,29486],{"class":4096,"line":4152},[4094,29479,29480],{"class":29124},"    \"newArchEnabled\"",[4094,29482,4339],{"class":4275},[4094,29484,29485],{"class":4315},"true",[4094,29487,5127],{"class":4275},[4094,29489,29490,29493],{"class":4096,"line":4158},[4094,29491,29492],{"class":29124},"    \"splash\"",[4094,29494,29164],{"class":4275},[4094,29496,29497,29500,29502,29505],{"class":4096,"line":4164},[4094,29498,29499],{"class":29124},"      \"image\"",[4094,29501,4339],{"class":4275},[4094,29503,29504],{"class":4302},"\".\u002Fassets\u002Fsplash-icon.png\"",[4094,29506,5127],{"class":4275},[4094,29508,29509,29512,29514,29517],{"class":4096,"line":4170},[4094,29510,29511],{"class":29124},"      \"resizeMode\"",[4094,29513,4339],{"class":4275},[4094,29515,29516],{"class":4302},"\"contain\"",[4094,29518,5127],{"class":4275},[4094,29520,29521,29524,29526],{"class":4096,"line":4176},[4094,29522,29523],{"class":29124},"      \"backgroundColor\"",[4094,29525,4339],{"class":4275},[4094,29527,29528],{"class":4302},"\"#ffffff\"\n",[4094,29530,29531],{"class":4096,"line":4182},[4094,29532,29533],{"class":4275},"    },\n",[4094,29535,29536,29538],{"class":4096,"line":4187},[4094,29537,29193],{"class":29124},[4094,29539,29164],{"class":4275},[4094,29541,29542,29545,29547],{"class":4096,"line":4193},[4094,29543,29544],{"class":29124},"      \"supportsTablet\"",[4094,29546,4339],{"class":4275},[4094,29548,29374],{"class":4315},[4094,29550,29551],{"class":4096,"line":4199},[4094,29552,29533],{"class":4275},[4094,29554,29555,29557],{"class":4096,"line":4205},[4094,29556,29181],{"class":29124},[4094,29558,29164],{"class":4275},[4094,29560,29561,29564],{"class":4096,"line":4211},[4094,29562,29563],{"class":29124},"      \"adaptiveIcon\"",[4094,29565,29164],{"class":4275},[4094,29567,29568,29571,29573,29576],{"class":4096,"line":4217},[4094,29569,29570],{"class":29124},"        \"foregroundImage\"",[4094,29572,4339],{"class":4275},[4094,29574,29575],{"class":4302},"\".\u002Fassets\u002Fadaptive-icon.png\"",[4094,29577,5127],{"class":4275},[4094,29579,29580,29583,29585],{"class":4096,"line":4223},[4094,29581,29582],{"class":29124},"        \"backgroundColor\"",[4094,29584,4339],{"class":4275},[4094,29586,29528],{"class":4302},[4094,29588,29589],{"class":4096,"line":4229},[4094,29590,29591],{"class":4275},"      },\n",[4094,29593,29594,29597,29599,29601],{"class":4096,"line":4235},[4094,29595,29596],{"class":29124},"      \"edgeToEdgeEnabled\"",[4094,29598,4339],{"class":4275},[4094,29600,29485],{"class":4315},[4094,29602,5127],{"class":4275},[4094,29604,29605,29608,29610],{"class":4096,"line":4240},[4094,29606,29607],{"class":29124},"      \"predictiveBackGestureEnabled\"",[4094,29609,4339],{"class":4275},[4094,29611,29612],{"class":4315},"false\n",[4094,29614,29615],{"class":4096,"line":4245},[4094,29616,29533],{"class":4275},[4094,29618,29619,29621],{"class":4096,"line":4876},[4094,29620,29205],{"class":29124},[4094,29622,29164],{"class":4275},[4094,29624,29625,29628,29630],{"class":4096,"line":4897},[4094,29626,29627],{"class":29124},"      \"favicon\"",[4094,29629,4339],{"class":4275},[4094,29631,29632],{"class":4302},"\".\u002Fassets\u002Ffavicon.png\"\n",[4094,29634,29635],{"class":4096,"line":4918},[4094,29636,29533],{"class":4275},[4094,29638,29639,29642,29645,29648],{"class":4096,"line":4939},[4094,29640,29641],{"class":29124},"    \"plugins\"",[4094,29643,29644],{"class":4275},": [",[4094,29646,29647],{"class":4302},"\"expo-router\"",[4094,29649,29650],{"class":4275},"]\n",[4094,29652,29653],{"class":4096,"line":4948},[4094,29654,29655],{"class":4275},"  }\n",[4094,29657,29658],{"class":4096,"line":4953},[4094,29659,4179],{"class":4275},[4085,29661,29664],{"className":29109,"code":29662,"filename":29663,"language":29112,"meta":4090,"style":4090},"{\n  \"extends\": \"expo\u002Ftsconfig.base\",\n  \"compilerOptions\": {\n    \"strict\": true,\n    \"paths\": {\n      \"@\u002F*\": [\n        \".\u002Fsrc\u002F*\"\n      ]\n    }\n  },\n  \"include\": [\n    \"**\u002F*.ts\",\n    \"**\u002F*.tsx\"\n  ]\n}\n","tsconfig.json",[3516,29665,29666,29670,29682,29689,29700,29707,29715,29720,29725,29730,29734,29741,29748,29753,29758],{"__ignoreMap":4090},[4094,29667,29668],{"class":4096,"line":4097},[4094,29669,29119],{"class":4275},[4094,29671,29672,29675,29677,29680],{"class":4096,"line":4103},[4094,29673,29674],{"class":29124},"  \"extends\"",[4094,29676,4339],{"class":4275},[4094,29678,29679],{"class":4302},"\"expo\u002Ftsconfig.base\"",[4094,29681,5127],{"class":4275},[4094,29683,29684,29687],{"class":4096,"line":4109},[4094,29685,29686],{"class":29124},"  \"compilerOptions\"",[4094,29688,29164],{"class":4275},[4094,29690,29691,29694,29696,29698],{"class":4096,"line":4115},[4094,29692,29693],{"class":29124},"    \"strict\"",[4094,29695,4339],{"class":4275},[4094,29697,29485],{"class":4315},[4094,29699,5127],{"class":4275},[4094,29701,29702,29705],{"class":4096,"line":4121},[4094,29703,29704],{"class":29124},"    \"paths\"",[4094,29706,29164],{"class":4275},[4094,29708,29709,29712],{"class":4096,"line":4128},[4094,29710,29711],{"class":29124},"      \"@\u002F*\"",[4094,29713,29714],{"class":4275},": [\n",[4094,29716,29717],{"class":4096,"line":4134},[4094,29718,29719],{"class":4302},"        \".\u002Fsrc\u002F*\"\n",[4094,29721,29722],{"class":4096,"line":4140},[4094,29723,29724],{"class":4275},"      ]\n",[4094,29726,29727],{"class":4096,"line":4146},[4094,29728,29729],{"class":4275},"    }\n",[4094,29731,29732],{"class":4096,"line":4152},[4094,29733,5164],{"class":4275},[4094,29735,29736,29739],{"class":4096,"line":4158},[4094,29737,29738],{"class":29124},"  \"include\"",[4094,29740,29714],{"class":4275},[4094,29742,29743,29746],{"class":4096,"line":4164},[4094,29744,29745],{"class":4302},"    \"**\u002F*.ts\"",[4094,29747,5127],{"class":4275},[4094,29749,29750],{"class":4096,"line":4170},[4094,29751,29752],{"class":4302},"    \"**\u002F*.tsx\"\n",[4094,29754,29755],{"class":4096,"line":4176},[4094,29756,29757],{"class":4275},"  ]\n",[4094,29759,29760],{"class":4096,"line":4182},[4094,29761,4179],{"class":4275},[4085,29763,29766],{"className":4262,"code":29764,"filename":29765,"language":4264,"meta":4090,"style":4090},"import { Stack } from 'expo-router';\nimport { StatusBar } from 'expo-status-bar';\n\nexport default function RootLayout() {\n  return (\n    \u003C>\n      \u003CStatusBar style=\"dark\" \u002F>\n      \u003CStack screenOptions={{ headerShown: false, contentStyle: { backgroundColor: '#F8FAFC' } }} \u002F>\n    \u003C\u002F>\n  );\n}\n","app\u002F_layout.tsx",[3516,29767,29768,29786,29804,29808,29821,29827,29832,29847,29886,29891,29895],{"__ignoreMap":4090},[4094,29769,29770,29772,29774,29777,29779,29781,29784],{"class":4096,"line":4097},[4094,29771,4272],{"class":4271},[4094,29773,4276],{"class":4275},[4094,29775,29776],{"class":4279},"Stack",[4094,29778,4296],{"class":4275},[4094,29780,4299],{"class":4271},[4094,29782,29783],{"class":4302}," 'expo-router'",[4094,29785,4306],{"class":4275},[4094,29787,29788,29790,29792,29795,29797,29799,29802],{"class":4096,"line":4103},[4094,29789,4272],{"class":4271},[4094,29791,4276],{"class":4275},[4094,29793,29794],{"class":4279},"StatusBar",[4094,29796,4296],{"class":4275},[4094,29798,4299],{"class":4271},[4094,29800,29801],{"class":4302}," 'expo-status-bar'",[4094,29803,4306],{"class":4275},[4094,29805,29806],{"class":4096,"line":4109},[4094,29807,4125],{"emptyLinePlaceholder":4124},[4094,29809,29810,29812,29814,29816,29819],{"class":4096,"line":4115},[4094,29811,4476],{"class":4271},[4094,29813,4479],{"class":4271},[4094,29815,4482],{"class":4315},[4094,29817,29818],{"class":4319}," RootLayout",[4094,29820,4488],{"class":4275},[4094,29822,29823,29825],{"class":4096,"line":4121},[4094,29824,4360],{"class":4271},[4094,29826,4363],{"class":4275},[4094,29828,29829],{"class":4096,"line":4128},[4094,29830,29831],{"class":4368},"    \u003C>\n",[4094,29833,29834,29836,29838,29840,29842,29845],{"class":4096,"line":4134},[4094,29835,4416],{"class":4368},[4094,29837,29794],{"class":4342},[4094,29839,4375],{"class":4374},[4094,29841,4378],{"class":4275},[4094,29843,29844],{"class":4302},"\"dark\"",[4094,29846,4721],{"class":4368},[4094,29848,29849,29851,29853,29856,29858,29860,29862,29865,29868,29870,29873,29875,29877,29879,29882,29884],{"class":4096,"line":4140},[4094,29850,4416],{"class":4368},[4094,29852,29776],{"class":4342},[4094,29854,29855],{"class":4374}," screenOptions",[4094,29857,4378],{"class":4275},[4094,29859,4381],{"class":4315},[4094,29861,16958],{"class":4384},[4094,29863,29864],{"class":4279},"headerShown:",[4094,29866,29867],{"class":4315}," false",[4094,29869,3519],{"class":4384},[4094,29871,29872],{"class":4279},"contentStyle:",[4094,29874,4276],{"class":4384},[4094,29876,4399],{"class":4279},[4094,29878,5064],{"class":4302},[4094,29880,29881],{"class":4384}," } }",[4094,29883,4408],{"class":4315},[4094,29885,4721],{"class":4368},[4094,29887,29888],{"class":4096,"line":4146},[4094,29889,29890],{"class":4368},"    \u003C\u002F>\n",[4094,29892,29893],{"class":4096,"line":4152},[4094,29894,4463],{"class":4275},[4094,29896,29897],{"class":4096,"line":4158},[4094,29898,4179],{"class":4275},[4085,29900,29903],{"className":4262,"code":29901,"filename":29902,"language":4264,"meta":4090,"style":4090},"import { ScrollView, StyleSheet, View } from 'react-native';\nimport { mockTrips, TripCard, type Trip } from '@\u002Ffeatures\u002Ftrips';\nimport { tokens } from '@\u002Fshared\u002Ftheme';\nimport { AppText, Button, Screen } from '@\u002Fshared\u002Fui';\nexport default function HomeScreen() {\n  const handleOpenTrip = (trip: Trip) => console.log('TODO', trip.id);\n  const hasTrips = mockTrips.length > 0;\n  return (\n    \u003CScreen style={styles.screen}>\n      \u003CView style={styles.header}>\n        \u003CAppText variant=\"title\">Мандрівник\u003C\u002FAppText>\n        \u003CAppText variant=\"caption\" style={styles.caption}>Щоденник подорожей\u003C\u002FAppText>\n        \u003CAppText variant=\"caption\" style={styles.meta}>\n          {hasTrips ? `${mockTrips.length} поїздки у списку` : 'Список порожній'}\n        \u003C\u002FAppText>\n      \u003C\u002FView>\n      {hasTrips ? (\n        \u003CScrollView style={styles.list} contentContainerStyle={styles.scrollContent} showsVerticalScrollIndicator={false}>\n          \u003CAppText style={styles.sectionLabel}>Ваші поїздки\u003C\u002FAppText>\n          \u003CView style={styles.cards}>\n            {mockTrips.map((trip) => \u003CTripCard key={trip.id} trip={trip} onPress={handleOpenTrip} \u002F>)}\n          \u003C\u002FView>\n        \u003C\u002FScrollView>\n      ) : (\n        \u003CView style={styles.empty}>\n          \u003CAppText variant=\"subtitle\" style={styles.emptyTitle}>Поки немає поїздок\u003C\u002FAppText>\n          \u003CAppText variant=\"caption\" style={styles.emptyDesc}>Створіть першу — і тут з’явиться стрічка.\u003C\u002FAppText>\n        \u003C\u002FView>\n      )}\n      \u003CView style={styles.footer}>\n        \u003CButton label=\"Нова поїздка\" onPress={() => console.log('TODO')} \u002F>\n      \u003C\u002FView>\n    \u003C\u002FScreen>\n  );\n}\nconst styles = StyleSheet.create({\n  screen: { paddingHorizontal: 0 },\n  header: { paddingHorizontal: tokens.spacing.md, paddingTop: tokens.spacing.sm, paddingBottom: tokens.spacing.md, gap: tokens.spacing.xs, borderBottomWidth: 1, borderBottomColor: tokens.colors.border },\n  caption: { marginTop: tokens.spacing.xs },\n  meta: { marginTop: tokens.spacing.xs, color: tokens.colors.primary, fontWeight: '600' },\n  list: { flex: 1 },\n  scrollContent: { paddingHorizontal: tokens.spacing.md, paddingTop: tokens.spacing.md, paddingBottom: tokens.spacing.md },\n  sectionLabel: { marginBottom: tokens.spacing.sm, fontWeight: '600' },\n  cards: { gap: tokens.spacing.md },\n  empty: { flex: 1, alignItems: 'center', justifyContent: 'center', paddingHorizontal: tokens.spacing.xl, gap: tokens.spacing.sm },\n  emptyTitle: { textAlign: 'center' },\n  emptyDesc: { textAlign: 'center', color: tokens.colors.textSecondary },\n  footer: { paddingHorizontal: tokens.spacing.md, paddingTop: tokens.spacing.sm, paddingBottom: tokens.spacing.md, borderTopWidth: 1, borderTopColor: tokens.colors.border, backgroundColor: tokens.colors.background },\n});\n","app\u002Findex.tsx",[3516,29904,29905,29929,29957,29975,30002,30015,30060,30083,30089,30111,30133,30158,30197,30225,30258,30266,30274,30285,30330,30362,30385,30449,30457,30465,30474,30496,30534,30572,30580,30587,30609,30648,30656,30664,30668,30672,30688,30700,30790,30811,30852,30864,30913,30940,30961,31014,31027,31055,31138],{"__ignoreMap":4090},[4094,29906,29907,29909,29911,29913,29915,29917,29919,29921,29923,29925,29927],{"class":4096,"line":4097},[4094,29908,4272],{"class":4271},[4094,29910,4276],{"class":4275},[4094,29912,3531],{"class":4279},[4094,29914,3519],{"class":4275},[4094,29916,4288],{"class":4279},[4094,29918,3519],{"class":4275},[4094,29920,3518],{"class":4279},[4094,29922,4296],{"class":4275},[4094,29924,4299],{"class":4271},[4094,29926,4303],{"class":4302},[4094,29928,4306],{"class":4275},[4094,29930,29931,29933,29935,29937,29939,29941,29943,29945,29948,29950,29952,29955],{"class":4096,"line":4103},[4094,29932,4272],{"class":4271},[4094,29934,4276],{"class":4275},[4094,29936,29006],{"class":4279},[4094,29938,3519],{"class":4275},[4094,29940,29003],{"class":4279},[4094,29942,3519],{"class":4275},[4094,29944,5537],{"class":4271},[4094,29946,29947],{"class":4279}," Trip",[4094,29949,4296],{"class":4275},[4094,29951,4299],{"class":4271},[4094,29953,29954],{"class":4302}," '@\u002Ffeatures\u002Ftrips'",[4094,29956,4306],{"class":4275},[4094,29958,29959,29961,29963,29966,29968,29970,29973],{"class":4096,"line":4109},[4094,29960,4272],{"class":4271},[4094,29962,4276],{"class":4275},[4094,29964,29965],{"class":4279},"tokens",[4094,29967,4296],{"class":4275},[4094,29969,4299],{"class":4271},[4094,29971,29972],{"class":4302}," '@\u002Fshared\u002Ftheme'",[4094,29974,4306],{"class":4275},[4094,29976,29977,29979,29981,29984,29986,29989,29991,29993,29995,29997,30000],{"class":4096,"line":4115},[4094,29978,4272],{"class":4271},[4094,29980,4276],{"class":4275},[4094,29982,29983],{"class":4279},"AppText",[4094,29985,3519],{"class":4275},[4094,29987,29988],{"class":4279},"Button",[4094,29990,3519],{"class":4275},[4094,29992,8346],{"class":4279},[4094,29994,4296],{"class":4275},[4094,29996,4299],{"class":4271},[4094,29998,29999],{"class":4302}," '@\u002Fshared\u002Fui'",[4094,30001,4306],{"class":4275},[4094,30003,30004,30006,30008,30010,30013],{"class":4096,"line":4121},[4094,30005,4476],{"class":4271},[4094,30007,4479],{"class":4271},[4094,30009,4482],{"class":4315},[4094,30011,30012],{"class":4319}," HomeScreen",[4094,30014,4488],{"class":4275},[4094,30016,30017,30019,30022,30025,30028,30030,30033,30035,30037,30040,30042,30045,30047,30050,30052,30054,30056,30058],{"class":4096,"line":4128},[4094,30018,4493],{"class":4315},[4094,30020,30021],{"class":4319}," handleOpenTrip",[4094,30023,30024],{"class":4275}," = (",[4094,30026,30027],{"class":4279},"trip",[4094,30029,4339],{"class":4275},[4094,30031,30032],{"class":4342},"Trip",[4094,30034,6101],{"class":4275},[4094,30036,5724],{"class":4315},[4094,30038,30039],{"class":4279}," console",[4094,30041,3536],{"class":4275},[4094,30043,30044],{"class":4319},"log",[4094,30046,6168],{"class":4275},[4094,30048,30049],{"class":4302},"'TODO'",[4094,30051,3519],{"class":4275},[4094,30053,30027],{"class":4279},[4094,30055,3536],{"class":4275},[4094,30057,22230],{"class":4279},[4094,30059,5911],{"class":4275},[4094,30061,30062,30064,30067,30069,30071,30073,30076,30079,30081],{"class":4096,"line":4134},[4094,30063,4493],{"class":4315},[4094,30065,30066],{"class":4496}," hasTrips",[4094,30068,4500],{"class":4275},[4094,30070,29006],{"class":4279},[4094,30072,3536],{"class":4275},[4094,30074,30075],{"class":4279},"length",[4094,30077,30078],{"class":4275}," > ",[4094,30080,9106],{"class":4812},[4094,30082,4306],{"class":4275},[4094,30084,30085,30087],{"class":4096,"line":4140},[4094,30086,4360],{"class":4271},[4094,30088,4363],{"class":4275},[4094,30090,30091,30093,30095,30097,30099,30101,30103,30105,30107,30109],{"class":4096,"line":4146},[4094,30092,4369],{"class":4368},[4094,30094,8346],{"class":4342},[4094,30096,4375],{"class":4374},[4094,30098,4378],{"class":4275},[4094,30100,4381],{"class":4315},[4094,30102,4388],{"class":4279},[4094,30104,3536],{"class":4384},[4094,30106,4590],{"class":4279},[4094,30108,4408],{"class":4315},[4094,30110,4411],{"class":4368},[4094,30112,30113,30115,30117,30119,30121,30123,30125,30127,30129,30131],{"class":4096,"line":4152},[4094,30114,4416],{"class":4368},[4094,30116,3518],{"class":4342},[4094,30118,4375],{"class":4374},[4094,30120,4378],{"class":4275},[4094,30122,4381],{"class":4315},[4094,30124,4388],{"class":4279},[4094,30126,3536],{"class":4384},[4094,30128,16660],{"class":4279},[4094,30130,4408],{"class":4315},[4094,30132,4411],{"class":4368},[4094,30134,30135,30137,30139,30142,30144,30147,30149,30152,30154,30156],{"class":4096,"line":4158},[4094,30136,4700],{"class":4368},[4094,30138,29983],{"class":4342},[4094,30140,30141],{"class":4374}," variant",[4094,30143,4378],{"class":4275},[4094,30145,30146],{"class":4302},"\"title\"",[4094,30148,4436],{"class":4368},[4094,30150,30151],{"class":4275},"Мандрівник",[4094,30153,4445],{"class":4368},[4094,30155,29983],{"class":4342},[4094,30157,4411],{"class":4368},[4094,30159,30160,30162,30164,30166,30168,30171,30173,30175,30177,30179,30181,30184,30186,30188,30191,30193,30195],{"class":4096,"line":4164},[4094,30161,4700],{"class":4368},[4094,30163,29983],{"class":4342},[4094,30165,30141],{"class":4374},[4094,30167,4378],{"class":4275},[4094,30169,30170],{"class":4302},"\"caption\"",[4094,30172,4375],{"class":4374},[4094,30174,4378],{"class":4275},[4094,30176,4381],{"class":4315},[4094,30178,4388],{"class":4279},[4094,30180,3536],{"class":4384},[4094,30182,30183],{"class":4279},"caption",[4094,30185,4408],{"class":4315},[4094,30187,4436],{"class":4368},[4094,30189,30190],{"class":4275},"Щоденник подорожей",[4094,30192,4445],{"class":4368},[4094,30194,29983],{"class":4342},[4094,30196,4411],{"class":4368},[4094,30198,30199,30201,30203,30205,30207,30209,30211,30213,30215,30217,30219,30221,30223],{"class":4096,"line":4170},[4094,30200,4700],{"class":4368},[4094,30202,29983],{"class":4342},[4094,30204,30141],{"class":4374},[4094,30206,4378],{"class":4275},[4094,30208,30170],{"class":4302},[4094,30210,4375],{"class":4374},[4094,30212,4378],{"class":4275},[4094,30214,4381],{"class":4315},[4094,30216,4388],{"class":4279},[4094,30218,3536],{"class":4384},[4094,30220,21547],{"class":4279},[4094,30222,4408],{"class":4315},[4094,30224,4411],{"class":4368},[4094,30226,30227,30230,30233,30235,30238,30240,30242,30244,30246,30248,30251,30253,30256],{"class":4096,"line":4176},[4094,30228,30229],{"class":4315},"          {",[4094,30231,30232],{"class":4279},"hasTrips",[4094,30234,17736],{"class":4275},[4094,30236,30237],{"class":4302}," `",[4094,30239,6397],{"class":4315},[4094,30241,29006],{"class":4279},[4094,30243,3536],{"class":4384},[4094,30245,30075],{"class":4279},[4094,30247,4408],{"class":4315},[4094,30249,30250],{"class":4302}," поїздки у списку`",[4094,30252,17741],{"class":4275},[4094,30254,30255],{"class":4302}," 'Список порожній'",[4094,30257,4179],{"class":4315},[4094,30259,30260,30262,30264],{"class":4096,"line":4182},[4094,30261,8638],{"class":4368},[4094,30263,29983],{"class":4342},[4094,30265,4411],{"class":4368},[4094,30267,30268,30270,30272],{"class":4096,"line":4187},[4094,30269,4770],{"class":4368},[4094,30271,3518],{"class":4342},[4094,30273,4411],{"class":4368},[4094,30275,30276,30279,30281,30283],{"class":4096,"line":4193},[4094,30277,30278],{"class":4315},"      {",[4094,30280,30232],{"class":4279},[4094,30282,17736],{"class":4275},[4094,30284,4363],{"class":4384},[4094,30286,30287,30289,30291,30293,30295,30297,30299,30301,30303,30305,30307,30309,30311,30313,30315,30318,30320,30323,30325,30328],{"class":4096,"line":4199},[4094,30288,4700],{"class":4368},[4094,30290,3531],{"class":4342},[4094,30292,4375],{"class":4374},[4094,30294,4378],{"class":4275},[4094,30296,4381],{"class":4315},[4094,30298,4388],{"class":4279},[4094,30300,3536],{"class":4384},[4094,30302,14718],{"class":4279},[4094,30304,4408],{"class":4315},[4094,30306,16799],{"class":4374},[4094,30308,4378],{"class":4275},[4094,30310,4381],{"class":4315},[4094,30312,4388],{"class":4279},[4094,30314,3536],{"class":4384},[4094,30316,30317],{"class":4279},"scrollContent",[4094,30319,4408],{"class":4315},[4094,30321,30322],{"class":4374}," showsVerticalScrollIndicator",[4094,30324,4378],{"class":4275},[4094,30326,30327],{"class":4315},"{false}",[4094,30329,4411],{"class":4368},[4094,30331,30332,30334,30336,30338,30340,30342,30344,30346,30349,30351,30353,30356,30358,30360],{"class":4096,"line":4205},[4094,30333,6110],{"class":4368},[4094,30335,29983],{"class":4342},[4094,30337,4375],{"class":4374},[4094,30339,4378],{"class":4275},[4094,30341,4381],{"class":4315},[4094,30343,4388],{"class":4279},[4094,30345,3536],{"class":4384},[4094,30347,30348],{"class":4279},"sectionLabel",[4094,30350,4408],{"class":4315},[4094,30352,4436],{"class":4368},[4094,30354,30355],{"class":4384},"Ваші поїздки",[4094,30357,4445],{"class":4368},[4094,30359,29983],{"class":4342},[4094,30361,4411],{"class":4368},[4094,30363,30364,30366,30368,30370,30372,30374,30376,30378,30381,30383],{"class":4096,"line":4211},[4094,30365,6110],{"class":4368},[4094,30367,3518],{"class":4342},[4094,30369,4375],{"class":4374},[4094,30371,4378],{"class":4275},[4094,30373,4381],{"class":4315},[4094,30375,4388],{"class":4279},[4094,30377,3536],{"class":4384},[4094,30379,30380],{"class":4279},"cards",[4094,30382,4408],{"class":4315},[4094,30384,4411],{"class":4368},[4094,30386,30387,30389,30391,30393,30395,30397,30399,30401,30403,30405,30407,30409,30411,30413,30415,30417,30419,30421,30424,30426,30428,30430,30432,30434,30436,30438,30441,30443,30445,30447],{"class":4096,"line":4217},[4094,30388,24256],{"class":4315},[4094,30390,29006],{"class":4279},[4094,30392,3536],{"class":4384},[4094,30394,6092],{"class":4319},[4094,30396,6095],{"class":4384},[4094,30398,30027],{"class":4279},[4094,30400,6101],{"class":4384},[4094,30402,5724],{"class":4315},[4094,30404,22727],{"class":4368},[4094,30406,29003],{"class":4342},[4094,30408,6116],{"class":4374},[4094,30410,4378],{"class":4275},[4094,30412,4381],{"class":4315},[4094,30414,30027],{"class":4279},[4094,30416,3536],{"class":4384},[4094,30418,22230],{"class":4279},[4094,30420,4408],{"class":4315},[4094,30422,30423],{"class":4374}," trip",[4094,30425,4378],{"class":4275},[4094,30427,4381],{"class":4315},[4094,30429,30027],{"class":4279},[4094,30431,4408],{"class":4315},[4094,30433,5749],{"class":4374},[4094,30435,4378],{"class":4275},[4094,30437,4381],{"class":4315},[4094,30439,30440],{"class":4279},"handleOpenTrip",[4094,30442,4408],{"class":4315},[4094,30444,22733],{"class":4368},[4094,30446,6173],{"class":4384},[4094,30448,4179],{"class":4315},[4094,30450,30451,30453,30455],{"class":4096,"line":4223},[4094,30452,11365],{"class":4368},[4094,30454,3518],{"class":4342},[4094,30456,4411],{"class":4368},[4094,30458,30459,30461,30463],{"class":4096,"line":4229},[4094,30460,8638],{"class":4368},[4094,30462,3531],{"class":4342},[4094,30464,4411],{"class":4368},[4094,30466,30467,30470,30472],{"class":4096,"line":4235},[4094,30468,30469],{"class":4384},"      ) ",[4094,30471,20797],{"class":4275},[4094,30473,4363],{"class":4384},[4094,30475,30476,30478,30480,30482,30484,30486,30488,30490,30492,30494],{"class":4096,"line":4240},[4094,30477,4700],{"class":4368},[4094,30479,3518],{"class":4342},[4094,30481,4375],{"class":4374},[4094,30483,4378],{"class":4275},[4094,30485,4381],{"class":4315},[4094,30487,4388],{"class":4279},[4094,30489,3536],{"class":4384},[4094,30491,18501],{"class":4279},[4094,30493,4408],{"class":4315},[4094,30495,4411],{"class":4368},[4094,30497,30498,30500,30502,30504,30506,30509,30511,30513,30515,30517,30519,30522,30524,30526,30528,30530,30532],{"class":4096,"line":4245},[4094,30499,6110],{"class":4368},[4094,30501,29983],{"class":4342},[4094,30503,30141],{"class":4374},[4094,30505,4378],{"class":4275},[4094,30507,30508],{"class":4302},"\"subtitle\"",[4094,30510,4375],{"class":4374},[4094,30512,4378],{"class":4275},[4094,30514,4381],{"class":4315},[4094,30516,4388],{"class":4279},[4094,30518,3536],{"class":4384},[4094,30520,30521],{"class":4279},"emptyTitle",[4094,30523,4408],{"class":4315},[4094,30525,4436],{"class":4368},[4094,30527,18602],{"class":4384},[4094,30529,4445],{"class":4368},[4094,30531,29983],{"class":4342},[4094,30533,4411],{"class":4368},[4094,30535,30536,30538,30540,30542,30544,30546,30548,30550,30552,30554,30556,30559,30561,30563,30566,30568,30570],{"class":4096,"line":4876},[4094,30537,6110],{"class":4368},[4094,30539,29983],{"class":4342},[4094,30541,30141],{"class":4374},[4094,30543,4378],{"class":4275},[4094,30545,30170],{"class":4302},[4094,30547,4375],{"class":4374},[4094,30549,4378],{"class":4275},[4094,30551,4381],{"class":4315},[4094,30553,4388],{"class":4279},[4094,30555,3536],{"class":4384},[4094,30557,30558],{"class":4279},"emptyDesc",[4094,30560,4408],{"class":4315},[4094,30562,4436],{"class":4368},[4094,30564,30565],{"class":4384},"Створіть першу — і тут з’явиться стрічка.",[4094,30567,4445],{"class":4368},[4094,30569,29983],{"class":4342},[4094,30571,4411],{"class":4368},[4094,30573,30574,30576,30578],{"class":4096,"line":4897},[4094,30575,8638],{"class":4368},[4094,30577,3518],{"class":4342},[4094,30579,4411],{"class":4368},[4094,30581,30582,30585],{"class":4096,"line":4918},[4094,30583,30584],{"class":4384},"      )",[4094,30586,4179],{"class":4315},[4094,30588,30589,30591,30593,30595,30597,30599,30601,30603,30605,30607],{"class":4096,"line":4939},[4094,30590,4416],{"class":4368},[4094,30592,3518],{"class":4342},[4094,30594,4375],{"class":4374},[4094,30596,4378],{"class":4275},[4094,30598,4381],{"class":4315},[4094,30600,4388],{"class":4279},[4094,30602,3536],{"class":4384},[4094,30604,17031],{"class":4279},[4094,30606,4408],{"class":4315},[4094,30608,4411],{"class":4368},[4094,30610,30611,30613,30615,30617,30619,30622,30624,30626,30628,30630,30632,30634,30636,30638,30640,30642,30644,30646],{"class":4096,"line":4948},[4094,30612,4700],{"class":4368},[4094,30614,29988],{"class":4342},[4094,30616,4706],{"class":4374},[4094,30618,4378],{"class":4275},[4094,30620,30621],{"class":4302},"\"Нова поїздка\"",[4094,30623,5749],{"class":4374},[4094,30625,4378],{"class":4275},[4094,30627,4381],{"class":4315},[4094,30629,6160],{"class":4384},[4094,30631,5724],{"class":4315},[4094,30633,30039],{"class":4279},[4094,30635,3536],{"class":4384},[4094,30637,30044],{"class":4319},[4094,30639,6168],{"class":4384},[4094,30641,30049],{"class":4302},[4094,30643,6173],{"class":4384},[4094,30645,4408],{"class":4315},[4094,30647,4721],{"class":4368},[4094,30649,30650,30652,30654],{"class":4096,"line":4953},[4094,30651,4770],{"class":4368},[4094,30653,3518],{"class":4342},[4094,30655,4411],{"class":4368},[4094,30657,30658,30660,30662],{"class":4096,"line":4987},[4094,30659,4454],{"class":4368},[4094,30661,8346],{"class":4342},[4094,30663,4411],{"class":4368},[4094,30665,30666],{"class":4096,"line":4993},[4094,30667,4463],{"class":4275},[4094,30669,30670],{"class":4096,"line":5002},[4094,30671,4179],{"class":4275},[4094,30673,30674,30676,30678,30680,30682,30684,30686],{"class":4096,"line":5011},[4094,30675,5029],{"class":4315},[4094,30677,4683],{"class":4496},[4094,30679,4500],{"class":4275},[4094,30681,4288],{"class":4279},[4094,30683,3536],{"class":4275},[4094,30685,5040],{"class":4319},[4094,30687,5043],{"class":4275},[4094,30689,30690,30692,30694,30696,30698],{"class":4096,"line":5016},[4094,30691,5049],{"class":4279},[4094,30693,4276],{"class":4275},[4094,30695,28048],{"class":4279},[4094,30697,9948],{"class":4812},[4094,30699,5082],{"class":4275},[4094,30701,30702,30704,30706,30708,30711,30713,30716,30718,30721,30723,30725,30727,30729,30731,30733,30736,30738,30740,30742,30744,30746,30748,30750,30752,30754,30756,30758,30760,30762,30765,30767,30770,30772,30774,30776,30778,30780,30783,30785,30788],{"class":4096,"line":5021},[4094,30703,17175],{"class":4279},[4094,30705,4276],{"class":4275},[4094,30707,28048],{"class":4279},[4094,30709,30710],{"class":4279}," tokens",[4094,30712,3536],{"class":4275},[4094,30714,30715],{"class":4279},"spacing",[4094,30717,3536],{"class":4275},[4094,30719,30720],{"class":4279},"md",[4094,30722,3519],{"class":4275},[4094,30724,18787],{"class":4279},[4094,30726,30710],{"class":4279},[4094,30728,3536],{"class":4275},[4094,30730,30715],{"class":4279},[4094,30732,3536],{"class":4275},[4094,30734,30735],{"class":4279},"sm",[4094,30737,3519],{"class":4275},[4094,30739,17291],{"class":4279},[4094,30741,30710],{"class":4279},[4094,30743,3536],{"class":4275},[4094,30745,30715],{"class":4279},[4094,30747,3536],{"class":4275},[4094,30749,30720],{"class":4279},[4094,30751,3519],{"class":4275},[4094,30753,5076],{"class":4279},[4094,30755,30710],{"class":4279},[4094,30757,3536],{"class":4275},[4094,30759,30715],{"class":4279},[4094,30761,3536],{"class":4275},[4094,30763,30764],{"class":4279},"xs",[4094,30766,3519],{"class":4275},[4094,30768,30769],{"class":4279},"borderBottomWidth:",[4094,30771,5057],{"class":4812},[4094,30773,3519],{"class":4275},[4094,30775,16671],{"class":4279},[4094,30777,30710],{"class":4279},[4094,30779,3536],{"class":4275},[4094,30781,30782],{"class":4279},"colors",[4094,30784,3536],{"class":4275},[4094,30786,30787],{"class":4279},"border",[4094,30789,5082],{"class":4275},[4094,30791,30792,30795,30797,30799,30801,30803,30805,30807,30809],{"class":4096,"line":5026},[4094,30793,30794],{"class":4279},"  caption:",[4094,30796,4276],{"class":4275},[4094,30798,4809],{"class":4279},[4094,30800,30710],{"class":4279},[4094,30802,3536],{"class":4275},[4094,30804,30715],{"class":4279},[4094,30806,3536],{"class":4275},[4094,30808,30764],{"class":4279},[4094,30810,5082],{"class":4275},[4094,30812,30813,30815,30817,30819,30821,30823,30825,30827,30829,30831,30833,30835,30837,30839,30841,30844,30846,30848,30850],{"class":4096,"line":5046},[4094,30814,21870],{"class":4279},[4094,30816,4276],{"class":4275},[4094,30818,4809],{"class":4279},[4094,30820,30710],{"class":4279},[4094,30822,3536],{"class":4275},[4094,30824,30715],{"class":4279},[4094,30826,3536],{"class":4275},[4094,30828,30764],{"class":4279},[4094,30830,3519],{"class":4275},[4094,30832,4636],{"class":4279},[4094,30834,30710],{"class":4279},[4094,30836,3536],{"class":4275},[4094,30838,30782],{"class":4279},[4094,30840,3536],{"class":4275},[4094,30842,30843],{"class":4279},"primary",[4094,30845,3519],{"class":4275},[4094,30847,5101],{"class":4279},[4094,30849,6669],{"class":4302},[4094,30851,5082],{"class":4275},[4094,30853,30854,30856,30858,30860,30862],{"class":4096,"line":5085},[4094,30855,15136],{"class":4279},[4094,30857,4276],{"class":4275},[4094,30859,5054],{"class":4279},[4094,30861,5057],{"class":4812},[4094,30863,5082],{"class":4275},[4094,30865,30866,30869,30871,30873,30875,30877,30879,30881,30883,30885,30887,30889,30891,30893,30895,30897,30899,30901,30903,30905,30907,30909,30911],{"class":4096,"line":5109},[4094,30867,30868],{"class":4279},"  scrollContent:",[4094,30870,4276],{"class":4275},[4094,30872,28048],{"class":4279},[4094,30874,30710],{"class":4279},[4094,30876,3536],{"class":4275},[4094,30878,30715],{"class":4279},[4094,30880,3536],{"class":4275},[4094,30882,30720],{"class":4279},[4094,30884,3519],{"class":4275},[4094,30886,18787],{"class":4279},[4094,30888,30710],{"class":4279},[4094,30890,3536],{"class":4275},[4094,30892,30715],{"class":4279},[4094,30894,3536],{"class":4275},[4094,30896,30720],{"class":4279},[4094,30898,3519],{"class":4275},[4094,30900,17291],{"class":4279},[4094,30902,30710],{"class":4279},[4094,30904,3536],{"class":4275},[4094,30906,30715],{"class":4279},[4094,30908,3536],{"class":4275},[4094,30910,30720],{"class":4279},[4094,30912,5082],{"class":4275},[4094,30914,30915,30918,30920,30922,30924,30926,30928,30930,30932,30934,30936,30938],{"class":4096,"line":5118},[4094,30916,30917],{"class":4279},"  sectionLabel:",[4094,30919,4276],{"class":4275},[4094,30921,13642],{"class":4279},[4094,30923,30710],{"class":4279},[4094,30925,3536],{"class":4275},[4094,30927,30715],{"class":4279},[4094,30929,3536],{"class":4275},[4094,30931,30735],{"class":4279},[4094,30933,3519],{"class":4275},[4094,30935,5101],{"class":4279},[4094,30937,6669],{"class":4302},[4094,30939,5082],{"class":4275},[4094,30941,30942,30945,30947,30949,30951,30953,30955,30957,30959],{"class":4096,"line":5130},[4094,30943,30944],{"class":4279},"  cards:",[4094,30946,4276],{"class":4275},[4094,30948,5076],{"class":4279},[4094,30950,30710],{"class":4279},[4094,30952,3536],{"class":4275},[4094,30954,30715],{"class":4279},[4094,30956,3536],{"class":4275},[4094,30958,30720],{"class":4279},[4094,30960,5082],{"class":4275},[4094,30962,30963,30965,30967,30969,30971,30973,30975,30977,30979,30981,30983,30985,30987,30989,30991,30993,30995,30998,31000,31002,31004,31006,31008,31010,31012],{"class":4096,"line":5141},[4094,30964,18814],{"class":4279},[4094,30966,4276],{"class":4275},[4094,30968,5054],{"class":4279},[4094,30970,5057],{"class":4812},[4094,30972,3519],{"class":4275},[4094,30974,5198],{"class":4279},[4094,30976,5201],{"class":4302},[4094,30978,3519],{"class":4275},[4094,30980,6222],{"class":4279},[4094,30982,5201],{"class":4302},[4094,30984,3519],{"class":4275},[4094,30986,28048],{"class":4279},[4094,30988,30710],{"class":4279},[4094,30990,3536],{"class":4275},[4094,30992,30715],{"class":4279},[4094,30994,3536],{"class":4275},[4094,30996,30997],{"class":4279},"xl",[4094,30999,3519],{"class":4275},[4094,31001,5076],{"class":4279},[4094,31003,30710],{"class":4279},[4094,31005,3536],{"class":4275},[4094,31007,30715],{"class":4279},[4094,31009,3536],{"class":4275},[4094,31011,30735],{"class":4279},[4094,31013,5082],{"class":4275},[4094,31015,31016,31019,31021,31023,31025],{"class":4096,"line":5151},[4094,31017,31018],{"class":4279},"  emptyTitle:",[4094,31020,4276],{"class":4275},[4094,31022,18069],{"class":4279},[4094,31024,5201],{"class":4302},[4094,31026,5082],{"class":4275},[4094,31028,31029,31032,31034,31036,31038,31040,31042,31044,31046,31048,31050,31053],{"class":4096,"line":5161},[4094,31030,31031],{"class":4279},"  emptyDesc:",[4094,31033,4276],{"class":4275},[4094,31035,18069],{"class":4279},[4094,31037,5201],{"class":4302},[4094,31039,3519],{"class":4275},[4094,31041,4636],{"class":4279},[4094,31043,30710],{"class":4279},[4094,31045,3536],{"class":4275},[4094,31047,30782],{"class":4279},[4094,31049,3536],{"class":4275},[4094,31051,31052],{"class":4279},"textSecondary",[4094,31054,5082],{"class":4275},[4094,31056,31057,31059,31061,31063,31065,31067,31069,31071,31073,31075,31077,31079,31081,31083,31085,31087,31089,31091,31093,31095,31097,31099,31101,31103,31105,31107,31109,31111,31113,31115,31117,31119,31121,31123,31125,31127,31129,31131,31133,31136],{"class":4096,"line":5167},[4094,31058,17363],{"class":4279},[4094,31060,4276],{"class":4275},[4094,31062,28048],{"class":4279},[4094,31064,30710],{"class":4279},[4094,31066,3536],{"class":4275},[4094,31068,30715],{"class":4279},[4094,31070,3536],{"class":4275},[4094,31072,30720],{"class":4279},[4094,31074,3519],{"class":4275},[4094,31076,18787],{"class":4279},[4094,31078,30710],{"class":4279},[4094,31080,3536],{"class":4275},[4094,31082,30715],{"class":4279},[4094,31084,3536],{"class":4275},[4094,31086,30735],{"class":4279},[4094,31088,3519],{"class":4275},[4094,31090,17291],{"class":4279},[4094,31092,30710],{"class":4279},[4094,31094,3536],{"class":4275},[4094,31096,30715],{"class":4279},[4094,31098,3536],{"class":4275},[4094,31100,30720],{"class":4279},[4094,31102,3519],{"class":4275},[4094,31104,20710],{"class":4279},[4094,31106,5057],{"class":4812},[4094,31108,3519],{"class":4275},[4094,31110,17042],{"class":4279},[4094,31112,30710],{"class":4279},[4094,31114,3536],{"class":4275},[4094,31116,30782],{"class":4279},[4094,31118,3536],{"class":4275},[4094,31120,30787],{"class":4279},[4094,31122,3519],{"class":4275},[4094,31124,4399],{"class":4279},[4094,31126,30710],{"class":4279},[4094,31128,3536],{"class":4275},[4094,31130,30782],{"class":4279},[4094,31132,3536],{"class":4275},[4094,31134,31135],{"class":4279},"background",[4094,31137,5082],{"class":4275},[4094,31139,31140],{"class":4096,"line":5182},[4094,31141,5330],{"class":4275},[4085,31143,31148],{"className":31144,"code":31145,"filename":31146,"language":31147,"meta":4090,"style":4090},"language-ts shiki shiki-themes light-plus dark-plus dark-plus","export { mockTrips } from '.\u002Fmodel\u002FmockTrips';\nexport type { Trip } from '.\u002Fmodel\u002Ftypes';\nexport { TripCard } from '.\u002Fui\u002FTripCard';\n","src\u002Ffeatures\u002Ftrips\u002Findex.ts","ts",[3516,31149,31150,31167,31187],{"__ignoreMap":4090},[4094,31151,31152,31154,31156,31158,31160,31162,31165],{"class":4096,"line":4097},[4094,31153,4476],{"class":4271},[4094,31155,4276],{"class":4275},[4094,31157,29006],{"class":4279},[4094,31159,4296],{"class":4275},[4094,31161,4299],{"class":4271},[4094,31163,31164],{"class":4302}," '.\u002Fmodel\u002FmockTrips'",[4094,31166,4306],{"class":4275},[4094,31168,31169,31171,31174,31176,31178,31180,31182,31185],{"class":4096,"line":4103},[4094,31170,4476],{"class":4271},[4094,31172,31173],{"class":4271}," type",[4094,31175,4276],{"class":4275},[4094,31177,30032],{"class":4279},[4094,31179,4296],{"class":4275},[4094,31181,4299],{"class":4271},[4094,31183,31184],{"class":4302}," '.\u002Fmodel\u002Ftypes'",[4094,31186,4306],{"class":4275},[4094,31188,31189,31191,31193,31195,31197,31199,31202],{"class":4096,"line":4109},[4094,31190,4476],{"class":4271},[4094,31192,4276],{"class":4275},[4094,31194,29003],{"class":4279},[4094,31196,4296],{"class":4275},[4094,31198,4299],{"class":4271},[4094,31200,31201],{"class":4302}," '.\u002Fui\u002FTripCard'",[4094,31203,4306],{"class":4275},[4085,31205,31208],{"className":31144,"code":31206,"filename":31207,"language":31147,"meta":4090,"style":4090},"import type { Trip } from '.\u002Ftypes';\n\nexport const mockTrips: Trip[] = [\n  {\n    id: '1',\n    title: 'Карпати на вихідні',\n    dateLabel: '12–14 бер. 2026',\n    description: 'Говерла, полонини й вечірній чай біля каміну в котеджі.',\n    coverUri: 'https:\u002F\u002Fimages.unsplash.com\u002Fphoto-1464822759023-fed622ff2c3b?w=800&q=80',\n  },\n  {\n    id: '2',\n    title: 'Львівський вікенд',\n    dateLabel: '2–4 трав. 2026',\n    description: 'Кава, площа Ринок, закапелки й нічний трамвай.',\n    coverUri: 'https:\u002F\u002Fimages.unsplash.com\u002Fphoto-1555881400-74d7acaacd8b?w=800&q=80',\n  },\n  {\n    id: '3',\n    title: 'Одеса біля моря',\n    dateLabel: '18–22 лип. 2026',\n    description: 'Схід сонця на набережній, рибний ринок і вечірній Привоз.',\n    coverUri: 'https:\u002F\u002Fimages.unsplash.com\u002Fphoto-1507525428034-b723cf961d3e?w=800&q=80',\n  },\n];\n","src\u002Ffeatures\u002Ftrips\u002Fmodel\u002FmockTrips.ts",[3516,31209,31210,31229,31233,31249,31253,31263,31272,31282,31292,31302,31306,31310,31319,31327,31335,31344,31353,31357,31361,31370,31378,31386,31395,31404,31408],{"__ignoreMap":4090},[4094,31211,31212,31214,31216,31218,31220,31222,31224,31227],{"class":4096,"line":4097},[4094,31213,4272],{"class":4271},[4094,31215,31173],{"class":4271},[4094,31217,4276],{"class":4275},[4094,31219,30032],{"class":4279},[4094,31221,4296],{"class":4275},[4094,31223,4299],{"class":4271},[4094,31225,31226],{"class":4302}," '.\u002Ftypes'",[4094,31228,4306],{"class":4275},[4094,31230,31231],{"class":4096,"line":4103},[4094,31232,4125],{"emptyLinePlaceholder":4124},[4094,31234,31235,31237,31240,31243,31245,31247],{"class":4096,"line":4109},[4094,31236,4476],{"class":4271},[4094,31238,31239],{"class":4315}," const",[4094,31241,31242],{"class":4496}," mockTrips",[4094,31244,4339],{"class":4275},[4094,31246,30032],{"class":4342},[4094,31248,5607],{"class":4275},[4094,31250,31251],{"class":4096,"line":4115},[4094,31252,14346],{"class":4275},[4094,31254,31255,31258,31261],{"class":4096,"line":4121},[4094,31256,31257],{"class":4279},"    id:",[4094,31259,31260],{"class":4302}," '1'",[4094,31262,5127],{"class":4275},[4094,31264,31265,31267,31270],{"class":4096,"line":4128},[4094,31266,14351],{"class":4279},[4094,31268,31269],{"class":4302}," 'Карпати на вихідні'",[4094,31271,5127],{"class":4275},[4094,31273,31274,31277,31280],{"class":4096,"line":4134},[4094,31275,31276],{"class":4279},"    dateLabel:",[4094,31278,31279],{"class":4302}," '12–14 бер. 2026'",[4094,31281,5127],{"class":4275},[4094,31283,31284,31287,31290],{"class":4096,"line":4140},[4094,31285,31286],{"class":4279},"    description:",[4094,31288,31289],{"class":4302}," 'Говерла, полонини й вечірній чай біля каміну в котеджі.'",[4094,31291,5127],{"class":4275},[4094,31293,31294,31297,31300],{"class":4096,"line":4146},[4094,31295,31296],{"class":4279},"    coverUri:",[4094,31298,31299],{"class":4302}," 'https:\u002F\u002Fimages.unsplash.com\u002Fphoto-1464822759023-fed622ff2c3b?w=800&q=80'",[4094,31301,5127],{"class":4275},[4094,31303,31304],{"class":4096,"line":4152},[4094,31305,5164],{"class":4275},[4094,31307,31308],{"class":4096,"line":4158},[4094,31309,14346],{"class":4275},[4094,31311,31312,31314,31317],{"class":4096,"line":4164},[4094,31313,31257],{"class":4279},[4094,31315,31316],{"class":4302}," '2'",[4094,31318,5127],{"class":4275},[4094,31320,31321,31323,31325],{"class":4096,"line":4170},[4094,31322,14351],{"class":4279},[4094,31324,20928],{"class":4302},[4094,31326,5127],{"class":4275},[4094,31328,31329,31331,31333],{"class":4096,"line":4176},[4094,31330,31276],{"class":4279},[4094,31332,20935],{"class":4302},[4094,31334,5127],{"class":4275},[4094,31336,31337,31339,31342],{"class":4096,"line":4182},[4094,31338,31286],{"class":4279},[4094,31340,31341],{"class":4302}," 'Кава, площа Ринок, закапелки й нічний трамвай.'",[4094,31343,5127],{"class":4275},[4094,31345,31346,31348,31351],{"class":4096,"line":4187},[4094,31347,31296],{"class":4279},[4094,31349,31350],{"class":4302}," 'https:\u002F\u002Fimages.unsplash.com\u002Fphoto-1555881400-74d7acaacd8b?w=800&q=80'",[4094,31352,5127],{"class":4275},[4094,31354,31355],{"class":4096,"line":4193},[4094,31356,5164],{"class":4275},[4094,31358,31359],{"class":4096,"line":4199},[4094,31360,14346],{"class":4275},[4094,31362,31363,31365,31368],{"class":4096,"line":4205},[4094,31364,31257],{"class":4279},[4094,31366,31367],{"class":4302}," '3'",[4094,31369,5127],{"class":4275},[4094,31371,31372,31374,31376],{"class":4096,"line":4211},[4094,31373,14351],{"class":4279},[4094,31375,20953],{"class":4302},[4094,31377,5127],{"class":4275},[4094,31379,31380,31382,31384],{"class":4096,"line":4217},[4094,31381,31276],{"class":4279},[4094,31383,20960],{"class":4302},[4094,31385,5127],{"class":4275},[4094,31387,31388,31390,31393],{"class":4096,"line":4223},[4094,31389,31286],{"class":4279},[4094,31391,31392],{"class":4302}," 'Схід сонця на набережній, рибний ринок і вечірній Привоз.'",[4094,31394,5127],{"class":4275},[4094,31396,31397,31399,31402],{"class":4096,"line":4229},[4094,31398,31296],{"class":4279},[4094,31400,31401],{"class":4302}," 'https:\u002F\u002Fimages.unsplash.com\u002Fphoto-1507525428034-b723cf961d3e?w=800&q=80'",[4094,31403,5127],{"class":4275},[4094,31405,31406],{"class":4096,"line":4235},[4094,31407,5164],{"class":4275},[4094,31409,31410],{"class":4096,"line":4240},[4094,31411,5654],{"class":4275},[4085,31413,31416],{"className":31144,"code":31414,"filename":31415,"language":31147,"meta":4090,"style":4090},"export type Trip = {\n  id: string;\n  title: string;\n  dateLabel: string;\n  description: string;\n  coverUri: string;\n};\n","src\u002Ffeatures\u002Ftrips\u002Fmodel\u002Ftypes.ts",[3516,31417,31418,31429,31440,31451,31462,31473,31484],{"__ignoreMap":4090},[4094,31419,31420,31422,31424,31426],{"class":4096,"line":4097},[4094,31421,4476],{"class":4271},[4094,31423,31173],{"class":4315},[4094,31425,29947],{"class":4342},[4094,31427,31428],{"class":4275}," = {\n",[4094,31430,31431,31434,31436,31438],{"class":4096,"line":4103},[4094,31432,31433],{"class":4279},"  id",[4094,31435,4339],{"class":4275},[4094,31437,4343],{"class":4342},[4094,31439,4306],{"class":4275},[4094,31441,31442,31445,31447,31449],{"class":4096,"line":4109},[4094,31443,31444],{"class":4279},"  title",[4094,31446,4339],{"class":4275},[4094,31448,4343],{"class":4342},[4094,31450,4306],{"class":4275},[4094,31452,31453,31456,31458,31460],{"class":4096,"line":4115},[4094,31454,31455],{"class":4279},"  dateLabel",[4094,31457,4339],{"class":4275},[4094,31459,4343],{"class":4342},[4094,31461,4306],{"class":4275},[4094,31463,31464,31467,31469,31471],{"class":4096,"line":4121},[4094,31465,31466],{"class":4279},"  description",[4094,31468,4339],{"class":4275},[4094,31470,4343],{"class":4342},[4094,31472,4306],{"class":4275},[4094,31474,31475,31478,31480,31482],{"class":4096,"line":4128},[4094,31476,31477],{"class":4279},"  coverUri",[4094,31479,4339],{"class":4275},[4094,31481,4343],{"class":4342},[4094,31483,4306],{"class":4275},[4094,31485,31486],{"class":4096,"line":4134},[4094,31487,31488],{"class":4275},"};\n",[4085,31490,31493],{"className":4262,"code":31491,"filename":31492,"language":4264,"meta":4090,"style":4090},"import { Image, Platform, Pressable, StyleSheet, View } from 'react-native';\nimport type { Trip } from '@\u002Ffeatures\u002Ftrips\u002Fmodel\u002Ftypes';\nimport { tokens } from '@\u002Fshared\u002Ftheme';\nimport { AppText } from '@\u002Fshared\u002Fui';\ntype TripCardProps = { trip: Trip; onPress?: (trip: Trip) => void };\nexport function TripCard({ trip, onPress }: TripCardProps) {\n  return (\n    \u003CPressable accessibilityRole=\"button\" accessibilityLabel={`Поїздка ${trip.title}`}\n      onPress={() => onPress?.(trip)} style={({ pressed }) => [styles.card, pressed && styles.cardPressed]}>\n      \u003CImage source={{ uri: trip.coverUri }} style={styles.cover} resizeMode=\"cover\" accessibilityIgnoresInvertColors \u002F>\n      \u003CView style={styles.body}>\n        \u003CView style={styles.titleRow}>\n          \u003CAppText variant=\"subtitle\" numberOfLines={1} style={styles.titleFlex}>{trip.title}\u003C\u002FAppText>\n          \u003CAppText variant=\"caption\" style={styles.dates}>{trip.dateLabel}\u003C\u002FAppText>\n        \u003C\u002FView>\n        \u003CAppText numberOfLines={2} style={styles.description}>{trip.description}\u003C\u002FAppText>\n        \u003CView style={styles.footer}>\u003CAppText variant=\"caption\" color={tokens.colors.primary}>Відкрити\u003C\u002FAppText>\u003C\u002FView>\n      \u003C\u002FView>\n    \u003C\u002FPressable>\n  );\n}\nconst styles = StyleSheet.create({\n  card: { backgroundColor: tokens.colors.surface, borderRadius: tokens.radius.lg, borderWidth: 1, borderColor: tokens.colors.border, overflow: 'hidden',\n    ...Platform.select({ ios: { shadowColor: '#000', shadowOpacity: 0.08, shadowRadius: 10, shadowOffset: { width: 0, height: 4 } }, android: { elevation: 3 }, default: {} }) },\n  cardPressed: { opacity: 0.92 },\n  cover: { width: '100%', height: 160, backgroundColor: tokens.colors.border },\n  body: { padding: tokens.spacing.md, gap: tokens.spacing.xs },\n  titleRow: { flexDirection: 'row', alignItems: 'center', gap: tokens.spacing.sm },\n  titleFlex: { flex: 1 },\n  dates: { flexShrink: 0 },\n  description: { marginTop: tokens.spacing.xs, color: tokens.colors.textSecondary },\n  footer: { marginTop: tokens.spacing.sm, alignItems: 'flex-start' },\n});\n","src\u002Ffeatures\u002Ftrips\u002Fui\u002FTripCard.tsx",[3516,31494,31495,31527,31546,31562,31578,31616,31642,31648,31687,31754,31811,31833,31856,31911,31957,31965,32014,32079,32087,32095,32099,32103,32119,32185,32262,32277,32311,32345,32378,32391,32405,32440,32467],{"__ignoreMap":4090},[4094,31496,31497,31499,31501,31503,31505,31507,31509,31511,31513,31515,31517,31519,31521,31523,31525],{"class":4096,"line":4097},[4094,31498,4272],{"class":4271},[4094,31500,4276],{"class":4275},[4094,31502,3525],{"class":4279},[4094,31504,3519],{"class":4275},[4094,31506,19419],{"class":4279},[4094,31508,3519],{"class":4275},[4094,31510,3528],{"class":4279},[4094,31512,3519],{"class":4275},[4094,31514,4288],{"class":4279},[4094,31516,3519],{"class":4275},[4094,31518,3518],{"class":4279},[4094,31520,4296],{"class":4275},[4094,31522,4299],{"class":4271},[4094,31524,4303],{"class":4302},[4094,31526,4306],{"class":4275},[4094,31528,31529,31531,31533,31535,31537,31539,31541,31544],{"class":4096,"line":4103},[4094,31530,4272],{"class":4271},[4094,31532,31173],{"class":4271},[4094,31534,4276],{"class":4275},[4094,31536,30032],{"class":4279},[4094,31538,4296],{"class":4275},[4094,31540,4299],{"class":4271},[4094,31542,31543],{"class":4302}," '@\u002Ffeatures\u002Ftrips\u002Fmodel\u002Ftypes'",[4094,31545,4306],{"class":4275},[4094,31547,31548,31550,31552,31554,31556,31558,31560],{"class":4096,"line":4109},[4094,31549,4272],{"class":4271},[4094,31551,4276],{"class":4275},[4094,31553,29965],{"class":4279},[4094,31555,4296],{"class":4275},[4094,31557,4299],{"class":4271},[4094,31559,29972],{"class":4302},[4094,31561,4306],{"class":4275},[4094,31563,31564,31566,31568,31570,31572,31574,31576],{"class":4096,"line":4115},[4094,31565,4272],{"class":4271},[4094,31567,4276],{"class":4275},[4094,31569,29983],{"class":4279},[4094,31571,4296],{"class":4275},[4094,31573,4299],{"class":4271},[4094,31575,29999],{"class":4302},[4094,31577,4306],{"class":4275},[4094,31579,31580,31582,31585,31588,31590,31592,31594,31596,31598,31601,31603,31605,31607,31609,31611,31613],{"class":4096,"line":4121},[4094,31581,5537],{"class":4315},[4094,31583,31584],{"class":4342}," TripCardProps",[4094,31586,31587],{"class":4275}," = { ",[4094,31589,30027],{"class":4279},[4094,31591,4339],{"class":4275},[4094,31593,30032],{"class":4342},[4094,31595,4346],{"class":4275},[4094,31597,5756],{"class":4319},[4094,31599,31600],{"class":4275},"?: (",[4094,31602,30027],{"class":4279},[4094,31604,4339],{"class":4275},[4094,31606,30032],{"class":4342},[4094,31608,6101],{"class":4275},[4094,31610,5724],{"class":4315},[4094,31612,5727],{"class":4342},[4094,31614,31615],{"class":4275}," };\n",[4094,31617,31618,31620,31622,31625,31627,31629,31631,31633,31636,31639],{"class":4096,"line":4128},[4094,31619,4476],{"class":4271},[4094,31621,4482],{"class":4315},[4094,31623,31624],{"class":4319}," TripCard",[4094,31626,4323],{"class":4275},[4094,31628,30027],{"class":4279},[4094,31630,3519],{"class":4275},[4094,31632,5756],{"class":4279},[4094,31634,31635],{"class":4275}," }: ",[4094,31637,31638],{"class":4342},"TripCardProps",[4094,31640,31641],{"class":4275},") {\n",[4094,31643,31644,31646],{"class":4096,"line":4134},[4094,31645,4360],{"class":4271},[4094,31647,4363],{"class":4275},[4094,31649,31650,31652,31654,31657,31659,31662,31665,31667,31669,31672,31674,31676,31678,31680,31682,31685],{"class":4096,"line":4140},[4094,31651,4369],{"class":4368},[4094,31653,3528],{"class":4342},[4094,31655,31656],{"class":4374}," accessibilityRole",[4094,31658,4378],{"class":4275},[4094,31660,31661],{"class":4302},"\"button\"",[4094,31663,31664],{"class":4374}," accessibilityLabel",[4094,31666,4378],{"class":4275},[4094,31668,4381],{"class":4315},[4094,31670,31671],{"class":4302},"`Поїздка ",[4094,31673,6397],{"class":4315},[4094,31675,30027],{"class":4279},[4094,31677,3536],{"class":4384},[4094,31679,4631],{"class":4279},[4094,31681,4408],{"class":4315},[4094,31683,31684],{"class":4302},"`",[4094,31686,4179],{"class":4315},[4094,31688,31689,31692,31694,31696,31698,31700,31702,31705,31707,31709,31711,31713,31715,31717,31719,31722,31725,31727,31729,31731,31733,31735,31737,31739,31741,31743,31745,31748,31750,31752],{"class":4096,"line":4146},[4094,31690,31691],{"class":4374},"      onPress",[4094,31693,4378],{"class":4275},[4094,31695,4381],{"class":4315},[4094,31697,6160],{"class":4384},[4094,31699,5724],{"class":4315},[4094,31701,5749],{"class":4319},[4094,31703,31704],{"class":4384},"?.(",[4094,31706,30027],{"class":4279},[4094,31708,6173],{"class":4384},[4094,31710,4408],{"class":4315},[4094,31712,4375],{"class":4374},[4094,31714,4378],{"class":4275},[4094,31716,4381],{"class":4315},[4094,31718,4323],{"class":4384},[4094,31720,31721],{"class":4279},"pressed",[4094,31723,31724],{"class":4384}," }) ",[4094,31726,5724],{"class":4315},[4094,31728,5884],{"class":4384},[4094,31730,4388],{"class":4279},[4094,31732,3536],{"class":4384},[4094,31734,16880],{"class":4279},[4094,31736,3519],{"class":4384},[4094,31738,31721],{"class":4279},[4094,31740,4597],{"class":4275},[4094,31742,4683],{"class":4279},[4094,31744,3536],{"class":4384},[4094,31746,31747],{"class":4279},"cardPressed",[4094,31749,4691],{"class":4384},[4094,31751,4408],{"class":4315},[4094,31753,4411],{"class":4368},[4094,31755,31756,31758,31760,31763,31765,31767,31769,31772,31774,31776,31779,31781,31783,31785,31787,31789,31791,31793,31796,31798,31801,31803,31806,31809],{"class":4096,"line":4152},[4094,31757,4416],{"class":4368},[4094,31759,3525],{"class":4342},[4094,31761,31762],{"class":4374}," source",[4094,31764,4378],{"class":4275},[4094,31766,4381],{"class":4315},[4094,31768,16958],{"class":4384},[4094,31770,31771],{"class":4279},"uri:",[4094,31773,30423],{"class":4279},[4094,31775,3536],{"class":4384},[4094,31777,31778],{"class":4279},"coverUri",[4094,31780,16971],{"class":4384},[4094,31782,4408],{"class":4315},[4094,31784,4375],{"class":4374},[4094,31786,4378],{"class":4275},[4094,31788,4381],{"class":4315},[4094,31790,4388],{"class":4279},[4094,31792,3536],{"class":4384},[4094,31794,31795],{"class":4279},"cover",[4094,31797,4408],{"class":4315},[4094,31799,31800],{"class":4374}," resizeMode",[4094,31802,4378],{"class":4275},[4094,31804,31805],{"class":4302},"\"cover\"",[4094,31807,31808],{"class":4374}," accessibilityIgnoresInvertColors",[4094,31810,4721],{"class":4368},[4094,31812,31813,31815,31817,31819,31821,31823,31825,31827,31829,31831],{"class":4096,"line":4158},[4094,31814,4416],{"class":4368},[4094,31816,3518],{"class":4342},[4094,31818,4375],{"class":4374},[4094,31820,4378],{"class":4275},[4094,31822,4381],{"class":4315},[4094,31824,4388],{"class":4279},[4094,31826,3536],{"class":4384},[4094,31828,16794],{"class":4279},[4094,31830,4408],{"class":4315},[4094,31832,4411],{"class":4368},[4094,31834,31835,31837,31839,31841,31843,31845,31847,31849,31852,31854],{"class":4096,"line":4164},[4094,31836,4700],{"class":4368},[4094,31838,3518],{"class":4342},[4094,31840,4375],{"class":4374},[4094,31842,4378],{"class":4275},[4094,31844,4381],{"class":4315},[4094,31846,4388],{"class":4279},[4094,31848,3536],{"class":4384},[4094,31850,31851],{"class":4279},"titleRow",[4094,31853,4408],{"class":4315},[4094,31855,4411],{"class":4368},[4094,31857,31858,31860,31862,31864,31866,31868,31870,31872,31874,31876,31878,31880,31882,31884,31886,31888,31891,31893,31895,31897,31899,31901,31903,31905,31907,31909],{"class":4096,"line":4170},[4094,31859,6110],{"class":4368},[4094,31861,29983],{"class":4342},[4094,31863,30141],{"class":4374},[4094,31865,4378],{"class":4275},[4094,31867,30508],{"class":4302},[4094,31869,11331],{"class":4374},[4094,31871,4378],{"class":4275},[4094,31873,4381],{"class":4315},[4094,31875,9112],{"class":4812},[4094,31877,4408],{"class":4315},[4094,31879,4375],{"class":4374},[4094,31881,4378],{"class":4275},[4094,31883,4381],{"class":4315},[4094,31885,4388],{"class":4279},[4094,31887,3536],{"class":4384},[4094,31889,31890],{"class":4279},"titleFlex",[4094,31892,4408],{"class":4315},[4094,31894,4436],{"class":4368},[4094,31896,4381],{"class":4315},[4094,31898,30027],{"class":4279},[4094,31900,3536],{"class":4384},[4094,31902,4631],{"class":4279},[4094,31904,4408],{"class":4315},[4094,31906,4445],{"class":4368},[4094,31908,29983],{"class":4342},[4094,31910,4411],{"class":4368},[4094,31912,31913,31915,31917,31919,31921,31923,31925,31927,31929,31931,31933,31936,31938,31940,31942,31944,31946,31949,31951,31953,31955],{"class":4096,"line":4176},[4094,31914,6110],{"class":4368},[4094,31916,29983],{"class":4342},[4094,31918,30141],{"class":4374},[4094,31920,4378],{"class":4275},[4094,31922,30170],{"class":4302},[4094,31924,4375],{"class":4374},[4094,31926,4378],{"class":4275},[4094,31928,4381],{"class":4315},[4094,31930,4388],{"class":4279},[4094,31932,3536],{"class":4384},[4094,31934,31935],{"class":4279},"dates",[4094,31937,4408],{"class":4315},[4094,31939,4436],{"class":4368},[4094,31941,4381],{"class":4315},[4094,31943,30027],{"class":4279},[4094,31945,3536],{"class":4384},[4094,31947,31948],{"class":4279},"dateLabel",[4094,31950,4408],{"class":4315},[4094,31952,4445],{"class":4368},[4094,31954,29983],{"class":4342},[4094,31956,4411],{"class":4368},[4094,31958,31959,31961,31963],{"class":4096,"line":4182},[4094,31960,8638],{"class":4368},[4094,31962,3518],{"class":4342},[4094,31964,4411],{"class":4368},[4094,31966,31967,31969,31971,31973,31975,31977,31979,31981,31983,31985,31987,31989,31991,31994,31996,31998,32000,32002,32004,32006,32008,32010,32012],{"class":4096,"line":4187},[4094,31968,4700],{"class":4368},[4094,31970,29983],{"class":4342},[4094,31972,11331],{"class":4374},[4094,31974,4378],{"class":4275},[4094,31976,4381],{"class":4315},[4094,31978,9122],{"class":4812},[4094,31980,4408],{"class":4315},[4094,31982,4375],{"class":4374},[4094,31984,4378],{"class":4275},[4094,31986,4381],{"class":4315},[4094,31988,4388],{"class":4279},[4094,31990,3536],{"class":4384},[4094,31992,31993],{"class":4279},"description",[4094,31995,4408],{"class":4315},[4094,31997,4436],{"class":4368},[4094,31999,4381],{"class":4315},[4094,32001,30027],{"class":4279},[4094,32003,3536],{"class":4384},[4094,32005,31993],{"class":4279},[4094,32007,4408],{"class":4315},[4094,32009,4445],{"class":4368},[4094,32011,29983],{"class":4342},[4094,32013,4411],{"class":4368},[4094,32015,32016,32018,32020,32022,32024,32026,32028,32030,32032,32034,32037,32039,32041,32043,32045,32047,32049,32051,32053,32055,32057,32059,32061,32063,32065,32068,32070,32072,32075,32077],{"class":4096,"line":4193},[4094,32017,4700],{"class":4368},[4094,32019,3518],{"class":4342},[4094,32021,4375],{"class":4374},[4094,32023,4378],{"class":4275},[4094,32025,4381],{"class":4315},[4094,32027,4388],{"class":4279},[4094,32029,3536],{"class":4384},[4094,32031,17031],{"class":4279},[4094,32033,4408],{"class":4315},[4094,32035,32036],{"class":4368},">\u003C",[4094,32038,29983],{"class":4342},[4094,32040,30141],{"class":4374},[4094,32042,4378],{"class":4275},[4094,32044,30170],{"class":4302},[4094,32046,4402],{"class":4374},[4094,32048,4378],{"class":4275},[4094,32050,4381],{"class":4315},[4094,32052,29965],{"class":4279},[4094,32054,3536],{"class":4384},[4094,32056,30782],{"class":4279},[4094,32058,3536],{"class":4384},[4094,32060,30843],{"class":4279},[4094,32062,4408],{"class":4315},[4094,32064,4436],{"class":4368},[4094,32066,32067],{"class":4275},"Відкрити",[4094,32069,4445],{"class":4368},[4094,32071,29983],{"class":4342},[4094,32073,32074],{"class":4368},">\u003C\u002F",[4094,32076,3518],{"class":4342},[4094,32078,4411],{"class":4368},[4094,32080,32081,32083,32085],{"class":4096,"line":4199},[4094,32082,4770],{"class":4368},[4094,32084,3518],{"class":4342},[4094,32086,4411],{"class":4368},[4094,32088,32089,32091,32093],{"class":4096,"line":4205},[4094,32090,4454],{"class":4368},[4094,32092,3528],{"class":4342},[4094,32094,4411],{"class":4368},[4094,32096,32097],{"class":4096,"line":4211},[4094,32098,4463],{"class":4275},[4094,32100,32101],{"class":4096,"line":4217},[4094,32102,4179],{"class":4275},[4094,32104,32105,32107,32109,32111,32113,32115,32117],{"class":4096,"line":4223},[4094,32106,5029],{"class":4315},[4094,32108,4683],{"class":4496},[4094,32110,4500],{"class":4275},[4094,32112,4288],{"class":4279},[4094,32114,3536],{"class":4275},[4094,32116,5040],{"class":4319},[4094,32118,5043],{"class":4275},[4094,32120,32121,32123,32125,32127,32129,32131,32133,32135,32138,32140,32142,32144,32146,32149,32151,32154,32156,32159,32161,32163,32165,32167,32169,32171,32173,32175,32177,32180,32183],{"class":4096,"line":4229},[4094,32122,17301],{"class":4279},[4094,32124,4276],{"class":4275},[4094,32126,4399],{"class":4279},[4094,32128,30710],{"class":4279},[4094,32130,3536],{"class":4275},[4094,32132,30782],{"class":4279},[4094,32134,3536],{"class":4275},[4094,32136,32137],{"class":4279},"surface",[4094,32139,3519],{"class":4275},[4094,32141,6826],{"class":4279},[4094,32143,30710],{"class":4279},[4094,32145,3536],{"class":4275},[4094,32147,32148],{"class":4279},"radius",[4094,32150,3536],{"class":4275},[4094,32152,32153],{"class":4279},"lg",[4094,32155,3519],{"class":4275},[4094,32157,32158],{"class":4279},"borderWidth:",[4094,32160,5057],{"class":4812},[4094,32162,3519],{"class":4275},[4094,32164,6802],{"class":4279},[4094,32166,30710],{"class":4279},[4094,32168,3536],{"class":4275},[4094,32170,30782],{"class":4279},[4094,32172,3536],{"class":4275},[4094,32174,30787],{"class":4279},[4094,32176,3519],{"class":4275},[4094,32178,32179],{"class":4279},"overflow:",[4094,32181,32182],{"class":4302}," 'hidden'",[4094,32184,5127],{"class":4275},[4094,32186,32187,32190,32192,32194,32197,32199,32202,32204,32207,32209,32211,32214,32217,32219,32222,32224,32226,32229,32231,32233,32235,32237,32239,32241,32244,32247,32249,32252,32254,32256,32259],{"class":4096,"line":4235},[4094,32188,32189],{"class":4275},"    ...",[4094,32191,19419],{"class":4279},[4094,32193,3536],{"class":4275},[4094,32195,32196],{"class":4319},"select",[4094,32198,4323],{"class":4275},[4094,32200,32201],{"class":4279},"ios:",[4094,32203,4276],{"class":4275},[4094,32205,32206],{"class":4279},"shadowColor:",[4094,32208,4604],{"class":4302},[4094,32210,3519],{"class":4275},[4094,32212,32213],{"class":4279},"shadowOpacity:",[4094,32215,32216],{"class":4812}," 0.08",[4094,32218,3519],{"class":4275},[4094,32220,32221],{"class":4279},"shadowRadius:",[4094,32223,5240],{"class":4812},[4094,32225,3519],{"class":4275},[4094,32227,32228],{"class":4279},"shadowOffset:",[4094,32230,4276],{"class":4275},[4094,32232,8210],{"class":4279},[4094,32234,9948],{"class":4812},[4094,32236,3519],{"class":4275},[4094,32238,6818],{"class":4279},[4094,32240,13645],{"class":4812},[4094,32242,32243],{"class":4275}," } }, ",[4094,32245,32246],{"class":4279},"android:",[4094,32248,4276],{"class":4275},[4094,32250,32251],{"class":4279},"elevation:",[4094,32253,8745],{"class":4812},[4094,32255,6228],{"class":4275},[4094,32257,32258],{"class":4279},"default:",[4094,32260,32261],{"class":4275}," {} }) },\n",[4094,32263,32264,32267,32269,32272,32275],{"class":4096,"line":4240},[4094,32265,32266],{"class":4279},"  cardPressed:",[4094,32268,4276],{"class":4275},[4094,32270,32271],{"class":4279},"opacity:",[4094,32273,32274],{"class":4812}," 0.92",[4094,32276,5082],{"class":4275},[4094,32278,32279,32282,32284,32286,32289,32291,32293,32295,32297,32299,32301,32303,32305,32307,32309],{"class":4096,"line":4245},[4094,32280,32281],{"class":4279},"  cover:",[4094,32283,4276],{"class":4275},[4094,32285,8210],{"class":4279},[4094,32287,32288],{"class":4302}," '100%'",[4094,32290,3519],{"class":4275},[4094,32292,6818],{"class":4279},[4094,32294,8119],{"class":4812},[4094,32296,3519],{"class":4275},[4094,32298,4399],{"class":4279},[4094,32300,30710],{"class":4279},[4094,32302,3536],{"class":4275},[4094,32304,30782],{"class":4279},[4094,32306,3536],{"class":4275},[4094,32308,30787],{"class":4279},[4094,32310,5082],{"class":4275},[4094,32312,32313,32315,32317,32319,32321,32323,32325,32327,32329,32331,32333,32335,32337,32339,32341,32343],{"class":4096,"line":4876},[4094,32314,17261],{"class":4279},[4094,32316,4276],{"class":4275},[4094,32318,5069],{"class":4279},[4094,32320,30710],{"class":4279},[4094,32322,3536],{"class":4275},[4094,32324,30715],{"class":4279},[4094,32326,3536],{"class":4275},[4094,32328,30720],{"class":4279},[4094,32330,3519],{"class":4275},[4094,32332,5076],{"class":4279},[4094,32334,30710],{"class":4279},[4094,32336,3536],{"class":4275},[4094,32338,30715],{"class":4279},[4094,32340,3536],{"class":4275},[4094,32342,30764],{"class":4279},[4094,32344,5082],{"class":4275},[4094,32346,32347,32350,32352,32354,32356,32358,32360,32362,32364,32366,32368,32370,32372,32374,32376],{"class":4096,"line":4897},[4094,32348,32349],{"class":4279},"  titleRow:",[4094,32351,4276],{"class":4275},[4094,32353,5190],{"class":4279},[4094,32355,5193],{"class":4302},[4094,32357,3519],{"class":4275},[4094,32359,5198],{"class":4279},[4094,32361,5201],{"class":4302},[4094,32363,3519],{"class":4275},[4094,32365,5076],{"class":4279},[4094,32367,30710],{"class":4279},[4094,32369,3536],{"class":4275},[4094,32371,30715],{"class":4279},[4094,32373,3536],{"class":4275},[4094,32375,30735],{"class":4279},[4094,32377,5082],{"class":4275},[4094,32379,32380,32383,32385,32387,32389],{"class":4096,"line":4918},[4094,32381,32382],{"class":4279},"  titleFlex:",[4094,32384,4276],{"class":4275},[4094,32386,5054],{"class":4279},[4094,32388,5057],{"class":4812},[4094,32390,5082],{"class":4275},[4094,32392,32393,32396,32398,32401,32403],{"class":4096,"line":4939},[4094,32394,32395],{"class":4279},"  dates:",[4094,32397,4276],{"class":4275},[4094,32399,32400],{"class":4279},"flexShrink:",[4094,32402,9948],{"class":4812},[4094,32404,5082],{"class":4275},[4094,32406,32407,32410,32412,32414,32416,32418,32420,32422,32424,32426,32428,32430,32432,32434,32436,32438],{"class":4096,"line":4948},[4094,32408,32409],{"class":4279},"  description:",[4094,32411,4276],{"class":4275},[4094,32413,4809],{"class":4279},[4094,32415,30710],{"class":4279},[4094,32417,3536],{"class":4275},[4094,32419,30715],{"class":4279},[4094,32421,3536],{"class":4275},[4094,32423,30764],{"class":4279},[4094,32425,3519],{"class":4275},[4094,32427,4636],{"class":4279},[4094,32429,30710],{"class":4279},[4094,32431,3536],{"class":4275},[4094,32433,30782],{"class":4279},[4094,32435,3536],{"class":4275},[4094,32437,31052],{"class":4279},[4094,32439,5082],{"class":4275},[4094,32441,32442,32444,32446,32448,32450,32452,32454,32456,32458,32460,32462,32465],{"class":4096,"line":4953},[4094,32443,17363],{"class":4279},[4094,32445,4276],{"class":4275},[4094,32447,4809],{"class":4279},[4094,32449,30710],{"class":4279},[4094,32451,3536],{"class":4275},[4094,32453,30715],{"class":4279},[4094,32455,3536],{"class":4275},[4094,32457,30735],{"class":4279},[4094,32459,3519],{"class":4275},[4094,32461,5198],{"class":4279},[4094,32463,32464],{"class":4302}," 'flex-start'",[4094,32466,5082],{"class":4275},[4094,32468,32469],{"class":4096,"line":4987},[4094,32470,5330],{"class":4275},[4085,32472,32475],{"className":31144,"code":32473,"filename":32474,"language":31147,"meta":4090,"style":4090},"export { tokens } from '.\u002Ftokens';\nexport type { Tokens } from '.\u002Ftokens';\n","src\u002Fshared\u002Ftheme\u002Findex.ts",[3516,32476,32477,32494],{"__ignoreMap":4090},[4094,32478,32479,32481,32483,32485,32487,32489,32492],{"class":4096,"line":4097},[4094,32480,4476],{"class":4271},[4094,32482,4276],{"class":4275},[4094,32484,29965],{"class":4279},[4094,32486,4296],{"class":4275},[4094,32488,4299],{"class":4271},[4094,32490,32491],{"class":4302}," '.\u002Ftokens'",[4094,32493,4306],{"class":4275},[4094,32495,32496,32498,32500,32502,32505,32507,32509,32511],{"class":4096,"line":4103},[4094,32497,4476],{"class":4271},[4094,32499,31173],{"class":4271},[4094,32501,4276],{"class":4275},[4094,32503,32504],{"class":4279},"Tokens",[4094,32506,4296],{"class":4275},[4094,32508,4299],{"class":4271},[4094,32510,32491],{"class":4302},[4094,32512,4306],{"class":4275},[4085,32514,32517],{"className":31144,"code":32515,"filename":32516,"language":31147,"meta":4090,"style":4090},"\u002F**\n * Токени, що **не** залежать від light\u002Fdark:\n * відступи, радіуси, розміри шрифтів.\n * Кольори — у colors.ts + ThemeProvider.\n *\u002F\n\nexport const space = {\n  xs: 4,\n  sm: 8,\n  md: 16,\n  lg: 24,\n  xl: 32,\n} as const;\n\nexport const radius = {\n  sm: 8,\n  md: 12,\n  lg: 16,\n} as const;\n\nexport const fontSize = {\n  sm: 14,\n  md: 16,\n  lg: 20,\n  xl: 28,\n} as const;\n\n\u002F** @deprecated Використовуйте useTheme() для кольорів; space\u002Fradius\u002FfontSize — нижче. *\u002F\nexport const tokens = {\n  \u002F** Світла палітра (fallback, якщо хтось імпортує tokens.colors без теми). *\u002F\n  colors: {\n    background: '#F8FAFC',\n    surface: '#FFFFFF',\n    text: '#0F172A',\n    textSecondary: '#64748B',\n    primary: '#2563EB',\n    primaryPressed: '#1D4ED8',\n    border: '#E2E8F0',\n    danger: '#DC2626',\n    onPrimary: '#FFFFFF',\n  },\n  spacing: space,\n  radius,\n  fontSize,\n} as const;\n\nexport type Tokens = typeof tokens;\n","src\u002Fshared\u002Ftheme\u002Ftokens.ts",[3516,32518,32519,32524,32529,32534,32539,32544,32548,32559,32568,32577,32586,32595,32604,32614,32618,32629,32637,32645,32653,32663,32667,32678,32686,32694,32702,32710,32720,32724,32735,32745,32750,32757,32766,32776,32785,32794,32803,32813,32822,32831,32840,32844,32853,32860,32867,32877,32881],{"__ignoreMap":4090},[4094,32520,32521],{"class":4096,"line":4097},[4094,32522,32523],{"class":11759},"\u002F**\n",[4094,32525,32526],{"class":4096,"line":4103},[4094,32527,32528],{"class":11759}," * Токени, що **не** залежать від light\u002Fdark:\n",[4094,32530,32531],{"class":4096,"line":4109},[4094,32532,32533],{"class":11759}," * відступи, радіуси, розміри шрифтів.\n",[4094,32535,32536],{"class":4096,"line":4115},[4094,32537,32538],{"class":11759}," * Кольори — у colors.ts + ThemeProvider.\n",[4094,32540,32541],{"class":4096,"line":4121},[4094,32542,32543],{"class":11759}," *\u002F\n",[4094,32545,32546],{"class":4096,"line":4128},[4094,32547,4125],{"emptyLinePlaceholder":4124},[4094,32549,32550,32552,32554,32557],{"class":4096,"line":4134},[4094,32551,4476],{"class":4271},[4094,32553,31239],{"class":4315},[4094,32555,32556],{"class":4496}," space",[4094,32558,31428],{"class":4275},[4094,32560,32561,32564,32566],{"class":4096,"line":4140},[4094,32562,32563],{"class":4279},"  xs:",[4094,32565,13645],{"class":4812},[4094,32567,5127],{"class":4275},[4094,32569,32570,32573,32575],{"class":4096,"line":4146},[4094,32571,32572],{"class":4279},"  sm:",[4094,32574,5079],{"class":4812},[4094,32576,5127],{"class":4275},[4094,32578,32579,32582,32584],{"class":4096,"line":4152},[4094,32580,32581],{"class":4279},"  md:",[4094,32583,5293],{"class":4812},[4094,32585,5127],{"class":4275},[4094,32587,32588,32591,32593],{"class":4096,"line":4158},[4094,32589,32590],{"class":4279},"  lg:",[4094,32592,17294],{"class":4812},[4094,32594,5127],{"class":4275},[4094,32596,32597,32600,32602],{"class":4096,"line":4164},[4094,32598,32599],{"class":4279},"  xl:",[4094,32601,18847],{"class":4812},[4094,32603,5127],{"class":4275},[4094,32605,32606,32608,32610,32612],{"class":4096,"line":4170},[4094,32607,19356],{"class":4275},[4094,32609,12565],{"class":4271},[4094,32611,31239],{"class":4315},[4094,32613,4306],{"class":4275},[4094,32615,32616],{"class":4096,"line":4176},[4094,32617,4125],{"emptyLinePlaceholder":4124},[4094,32619,32620,32622,32624,32627],{"class":4096,"line":4182},[4094,32621,4476],{"class":4271},[4094,32623,31239],{"class":4315},[4094,32625,32626],{"class":4496}," radius",[4094,32628,31428],{"class":4275},[4094,32630,32631,32633,32635],{"class":4096,"line":4187},[4094,32632,32572],{"class":4279},[4094,32634,5079],{"class":4812},[4094,32636,5127],{"class":4275},[4094,32638,32639,32641,32643],{"class":4096,"line":4193},[4094,32640,32581],{"class":4279},[4094,32642,5136],{"class":4812},[4094,32644,5127],{"class":4275},[4094,32646,32647,32649,32651],{"class":4096,"line":4199},[4094,32648,32590],{"class":4279},[4094,32650,5293],{"class":4812},[4094,32652,5127],{"class":4275},[4094,32654,32655,32657,32659,32661],{"class":4096,"line":4205},[4094,32656,19356],{"class":4275},[4094,32658,12565],{"class":4271},[4094,32660,31239],{"class":4315},[4094,32662,4306],{"class":4275},[4094,32664,32665],{"class":4096,"line":4211},[4094,32666,4125],{"emptyLinePlaceholder":4124},[4094,32668,32669,32671,32673,32676],{"class":4096,"line":4217},[4094,32670,4476],{"class":4271},[4094,32672,31239],{"class":4315},[4094,32674,32675],{"class":4496}," fontSize",[4094,32677,31428],{"class":4275},[4094,32679,32680,32682,32684],{"class":4096,"line":4223},[4094,32681,32572],{"class":4279},[4094,32683,6524],{"class":4812},[4094,32685,5127],{"class":4275},[4094,32687,32688,32690,32692],{"class":4096,"line":4229},[4094,32689,32581],{"class":4279},[4094,32691,5293],{"class":4812},[4094,32693,5127],{"class":4275},[4094,32695,32696,32698,32700],{"class":4096,"line":4235},[4094,32697,32590],{"class":4279},[4094,32699,4813],{"class":4812},[4094,32701,5127],{"class":4275},[4094,32703,32704,32706,32708],{"class":4096,"line":4240},[4094,32705,32599],{"class":4279},[4094,32707,24954],{"class":4812},[4094,32709,5127],{"class":4275},[4094,32711,32712,32714,32716,32718],{"class":4096,"line":4245},[4094,32713,19356],{"class":4275},[4094,32715,12565],{"class":4271},[4094,32717,31239],{"class":4315},[4094,32719,4306],{"class":4275},[4094,32721,32722],{"class":4096,"line":4876},[4094,32723,4125],{"emptyLinePlaceholder":4124},[4094,32725,32726,32729,32732],{"class":4096,"line":4897},[4094,32727,32728],{"class":11759},"\u002F** ",[4094,32730,32731],{"class":4315},"@deprecated",[4094,32733,32734],{"class":11759}," Використовуйте useTheme() для кольорів; space\u002Fradius\u002FfontSize — нижче. *\u002F\n",[4094,32736,32737,32739,32741,32743],{"class":4096,"line":4918},[4094,32738,4476],{"class":4271},[4094,32740,31239],{"class":4315},[4094,32742,30710],{"class":4496},[4094,32744,31428],{"class":4275},[4094,32746,32747],{"class":4096,"line":4939},[4094,32748,32749],{"class":11759},"  \u002F** Світла палітра (fallback, якщо хтось імпортує tokens.colors без теми). *\u002F\n",[4094,32751,32752,32755],{"class":4096,"line":4948},[4094,32753,32754],{"class":4279},"  colors:",[4094,32756,5115],{"class":4275},[4094,32758,32759,32762,32764],{"class":4096,"line":4953},[4094,32760,32761],{"class":4279},"    background:",[4094,32763,5064],{"class":4302},[4094,32765,5127],{"class":4275},[4094,32767,32768,32771,32774],{"class":4096,"line":4987},[4094,32769,32770],{"class":4279},"    surface:",[4094,32772,32773],{"class":4302}," '#FFFFFF'",[4094,32775,5127],{"class":4275},[4094,32777,32778,32781,32783],{"class":4096,"line":4993},[4094,32779,32780],{"class":4279},"    text:",[4094,32782,24857],{"class":4302},[4094,32784,5127],{"class":4275},[4094,32786,32787,32790,32792],{"class":4096,"line":5002},[4094,32788,32789],{"class":4279},"    textSecondary:",[4094,32791,25109],{"class":4302},[4094,32793,5127],{"class":4275},[4094,32795,32796,32799,32801],{"class":4096,"line":5011},[4094,32797,32798],{"class":4279},"    primary:",[4094,32800,6273],{"class":4302},[4094,32802,5127],{"class":4275},[4094,32804,32805,32808,32811],{"class":4096,"line":5016},[4094,32806,32807],{"class":4279},"    primaryPressed:",[4094,32809,32810],{"class":4302}," '#1D4ED8'",[4094,32812,5127],{"class":4275},[4094,32814,32815,32818,32820],{"class":4096,"line":5021},[4094,32816,32817],{"class":4279},"    border:",[4094,32819,19650],{"class":4302},[4094,32821,5127],{"class":4275},[4094,32823,32824,32827,32829],{"class":4096,"line":5026},[4094,32825,32826],{"class":4279},"    danger:",[4094,32828,6339],{"class":4302},[4094,32830,5127],{"class":4275},[4094,32832,32833,32836,32838],{"class":4096,"line":5046},[4094,32834,32835],{"class":4279},"    onPrimary:",[4094,32837,32773],{"class":4302},[4094,32839,5127],{"class":4275},[4094,32841,32842],{"class":4096,"line":5085},[4094,32843,5164],{"class":4275},[4094,32845,32846,32849,32851],{"class":4096,"line":5109},[4094,32847,32848],{"class":4279},"  spacing:",[4094,32850,32556],{"class":4279},[4094,32852,5127],{"class":4275},[4094,32854,32855,32858],{"class":4096,"line":5118},[4094,32856,32857],{"class":4279},"  radius",[4094,32859,5127],{"class":4275},[4094,32861,32862,32865],{"class":4096,"line":5130},[4094,32863,32864],{"class":4279},"  fontSize",[4094,32866,5127],{"class":4275},[4094,32868,32869,32871,32873,32875],{"class":4096,"line":5141},[4094,32870,19356],{"class":4275},[4094,32872,12565],{"class":4271},[4094,32874,31239],{"class":4315},[4094,32876,4306],{"class":4275},[4094,32878,32879],{"class":4096,"line":5151},[4094,32880,4125],{"emptyLinePlaceholder":4124},[4094,32882,32883,32885,32887,32890,32892,32895,32897],{"class":4096,"line":5161},[4094,32884,4476],{"class":4271},[4094,32886,31173],{"class":4315},[4094,32888,32889],{"class":4342}," Tokens",[4094,32891,4500],{"class":4275},[4094,32893,32894],{"class":4315},"typeof",[4094,32896,30710],{"class":4279},[4094,32898,4306],{"class":4275},[4085,32900,32903],{"className":4262,"code":32901,"filename":32902,"language":4264,"meta":4090,"style":4090},"import { ReactNode } from 'react';\nimport { StyleSheet, Text, TextProps, TextStyle } from 'react-native';\nimport { tokens } from '@\u002Fshared\u002Ftheme';\ntype AppTextVariant = 'body' | 'title' | 'subtitle' | 'caption';\ntype AppTextProps = TextProps & { children: ReactNode; variant?: AppTextVariant; color?: string; style?: TextStyle | TextStyle[] };\nexport function AppText({ children, variant = 'body', color = tokens.colors.text, style, ...rest }: AppTextProps) {\n  return \u003CText style={[styles.base, styles[variant], { color }, style]} {...rest}>{children}\u003C\u002FText>;\n}\nconst styles = StyleSheet.create({\n  base: { color: tokens.colors.text },\n  body: { fontSize: tokens.fontSize.md, lineHeight: 24 },\n  title: { fontSize: tokens.fontSize.xl, fontWeight: '700', lineHeight: 34 },\n  subtitle: { fontSize: tokens.fontSize.lg, fontWeight: '600', lineHeight: 28 },\n  caption: { fontSize: tokens.fontSize.sm, color: tokens.colors.textSecondary, lineHeight: 20 },\n});\n","src\u002Fshared\u002Fui\u002FAppText.tsx",[3516,32904,32905,32922,32952,32968,32997,33051,33105,33175,33179,33195,33216,33243,33276,33309,33349],{"__ignoreMap":4090},[4094,32906,32907,32909,32911,32914,32916,32918,32920],{"class":4096,"line":4097},[4094,32908,4272],{"class":4271},[4094,32910,4276],{"class":4275},[4094,32912,32913],{"class":4279},"ReactNode",[4094,32915,4296],{"class":4275},[4094,32917,4299],{"class":4271},[4094,32919,5494],{"class":4302},[4094,32921,4306],{"class":4275},[4094,32923,32924,32926,32928,32930,32932,32934,32936,32939,32941,32944,32946,32948,32950],{"class":4096,"line":4103},[4094,32925,4272],{"class":4271},[4094,32927,4276],{"class":4275},[4094,32929,4288],{"class":4279},[4094,32931,3519],{"class":4275},[4094,32933,3522],{"class":4279},[4094,32935,3519],{"class":4275},[4094,32937,32938],{"class":4279},"TextProps",[4094,32940,3519],{"class":4275},[4094,32942,32943],{"class":4279},"TextStyle",[4094,32945,4296],{"class":4275},[4094,32947,4299],{"class":4271},[4094,32949,4303],{"class":4302},[4094,32951,4306],{"class":4275},[4094,32953,32954,32956,32958,32960,32962,32964,32966],{"class":4096,"line":4109},[4094,32955,4272],{"class":4271},[4094,32957,4276],{"class":4275},[4094,32959,29965],{"class":4279},[4094,32961,4296],{"class":4275},[4094,32963,4299],{"class":4271},[4094,32965,29972],{"class":4302},[4094,32967,4306],{"class":4275},[4094,32969,32970,32972,32975,32977,32980,32982,32985,32987,32990,32992,32995],{"class":4096,"line":4115},[4094,32971,5537],{"class":4315},[4094,32973,32974],{"class":4342}," AppTextVariant",[4094,32976,4500],{"class":4275},[4094,32978,32979],{"class":4302},"'body'",[4094,32981,7065],{"class":4275},[4094,32983,32984],{"class":4302},"'title'",[4094,32986,7065],{"class":4275},[4094,32988,32989],{"class":4302},"'subtitle'",[4094,32991,7065],{"class":4275},[4094,32993,32994],{"class":4302},"'caption'",[4094,32996,4306],{"class":4275},[4094,32998,32999,33001,33004,33006,33008,33011,33013,33015,33017,33019,33022,33025,33028,33030,33032,33034,33036,33038,33040,33042,33044,33046,33048],{"class":4096,"line":4121},[4094,33000,5537],{"class":4315},[4094,33002,33003],{"class":4342}," AppTextProps",[4094,33005,4500],{"class":4275},[4094,33007,32938],{"class":4342},[4094,33009,33010],{"class":4275}," & { ",[4094,33012,3551],{"class":4279},[4094,33014,4339],{"class":4275},[4094,33016,32913],{"class":4342},[4094,33018,4346],{"class":4275},[4094,33020,33021],{"class":4279},"variant",[4094,33023,33024],{"class":4275},"?: ",[4094,33026,33027],{"class":4342},"AppTextVariant",[4094,33029,4346],{"class":4275},[4094,33031,4331],{"class":4279},[4094,33033,33024],{"class":4275},[4094,33035,4343],{"class":4342},[4094,33037,4346],{"class":4275},[4094,33039,21949],{"class":4279},[4094,33041,33024],{"class":4275},[4094,33043,32943],{"class":4342},[4094,33045,7065],{"class":4275},[4094,33047,32943],{"class":4342},[4094,33049,33050],{"class":4275},"[] };\n",[4094,33052,33053,33055,33057,33060,33062,33064,33066,33068,33070,33072,33074,33076,33078,33080,33082,33084,33086,33088,33090,33092,33095,33098,33100,33103],{"class":4096,"line":4128},[4094,33054,4476],{"class":4271},[4094,33056,4482],{"class":4315},[4094,33058,33059],{"class":4319}," AppText",[4094,33061,4323],{"class":4275},[4094,33063,3551],{"class":4279},[4094,33065,3519],{"class":4275},[4094,33067,33021],{"class":4279},[4094,33069,4500],{"class":4275},[4094,33071,32979],{"class":4302},[4094,33073,3519],{"class":4275},[4094,33075,4331],{"class":4279},[4094,33077,4500],{"class":4275},[4094,33079,29965],{"class":4279},[4094,33081,3536],{"class":4275},[4094,33083,30782],{"class":4279},[4094,33085,3536],{"class":4275},[4094,33087,8326],{"class":4279},[4094,33089,3519],{"class":4275},[4094,33091,21949],{"class":4279},[4094,33093,33094],{"class":4275},", ...",[4094,33096,33097],{"class":4279},"rest",[4094,33099,31635],{"class":4275},[4094,33101,33102],{"class":4342},"AppTextProps",[4094,33104,31641],{"class":4275},[4094,33106,33107,33109,33111,33113,33115,33117,33119,33121,33123,33125,33128,33130,33132,33134,33136,33139,33141,33143,33145,33147,33149,33152,33155,33157,33159,33161,33163,33165,33167,33169,33171,33173],{"class":4096,"line":4134},[4094,33108,4360],{"class":4271},[4094,33110,22727],{"class":4368},[4094,33112,3522],{"class":4342},[4094,33114,4375],{"class":4374},[4094,33116,4378],{"class":4275},[4094,33118,4381],{"class":4315},[4094,33120,4385],{"class":4384},[4094,33122,4388],{"class":4279},[4094,33124,3536],{"class":4384},[4094,33126,33127],{"class":4279},"base",[4094,33129,3519],{"class":4384},[4094,33131,4388],{"class":4279},[4094,33133,4385],{"class":4384},[4094,33135,33021],{"class":4279},[4094,33137,33138],{"class":4384},"], { ",[4094,33140,4331],{"class":4279},[4094,33142,6228],{"class":4384},[4094,33144,21949],{"class":4279},[4094,33146,4691],{"class":4384},[4094,33148,4408],{"class":4315},[4094,33150,33151],{"class":4315}," {",[4094,33153,33154],{"class":4275},"...",[4094,33156,33097],{"class":4279},[4094,33158,4408],{"class":4315},[4094,33160,4436],{"class":4368},[4094,33162,4381],{"class":4315},[4094,33164,3551],{"class":4279},[4094,33166,4408],{"class":4315},[4094,33168,4445],{"class":4368},[4094,33170,3522],{"class":4342},[4094,33172,4436],{"class":4368},[4094,33174,4306],{"class":4275},[4094,33176,33177],{"class":4096,"line":4140},[4094,33178,4179],{"class":4275},[4094,33180,33181,33183,33185,33187,33189,33191,33193],{"class":4096,"line":4146},[4094,33182,5029],{"class":4315},[4094,33184,4683],{"class":4496},[4094,33186,4500],{"class":4275},[4094,33188,4288],{"class":4279},[4094,33190,3536],{"class":4275},[4094,33192,5040],{"class":4319},[4094,33194,5043],{"class":4275},[4094,33196,33197,33200,33202,33204,33206,33208,33210,33212,33214],{"class":4096,"line":4152},[4094,33198,33199],{"class":4279},"  base:",[4094,33201,4276],{"class":4275},[4094,33203,4636],{"class":4279},[4094,33205,30710],{"class":4279},[4094,33207,3536],{"class":4275},[4094,33209,30782],{"class":4279},[4094,33211,3536],{"class":4275},[4094,33213,8326],{"class":4279},[4094,33215,5082],{"class":4275},[4094,33217,33218,33220,33222,33224,33226,33228,33231,33233,33235,33237,33239,33241],{"class":4096,"line":4158},[4094,33219,17261],{"class":4279},[4094,33221,4276],{"class":4275},[4094,33223,5093],{"class":4279},[4094,33225,30710],{"class":4279},[4094,33227,3536],{"class":4275},[4094,33229,33230],{"class":4279},"fontSize",[4094,33232,3536],{"class":4275},[4094,33234,30720],{"class":4279},[4094,33236,3519],{"class":4275},[4094,33238,5313],{"class":4279},[4094,33240,17294],{"class":4812},[4094,33242,5082],{"class":4275},[4094,33244,33245,33247,33249,33251,33253,33255,33257,33259,33261,33263,33265,33267,33269,33271,33274],{"class":4096,"line":4164},[4094,33246,5088],{"class":4279},[4094,33248,4276],{"class":4275},[4094,33250,5093],{"class":4279},[4094,33252,30710],{"class":4279},[4094,33254,3536],{"class":4275},[4094,33256,33230],{"class":4279},[4094,33258,3536],{"class":4275},[4094,33260,30997],{"class":4279},[4094,33262,3519],{"class":4275},[4094,33264,5101],{"class":4279},[4094,33266,5104],{"class":4302},[4094,33268,3519],{"class":4275},[4094,33270,5313],{"class":4279},[4094,33272,33273],{"class":4812}," 34",[4094,33275,5082],{"class":4275},[4094,33277,33278,33281,33283,33285,33287,33289,33291,33293,33295,33297,33299,33301,33303,33305,33307],{"class":4096,"line":4170},[4094,33279,33280],{"class":4279},"  subtitle:",[4094,33282,4276],{"class":4275},[4094,33284,5093],{"class":4279},[4094,33286,30710],{"class":4279},[4094,33288,3536],{"class":4275},[4094,33290,33230],{"class":4279},[4094,33292,3536],{"class":4275},[4094,33294,32153],{"class":4279},[4094,33296,3519],{"class":4275},[4094,33298,5101],{"class":4279},[4094,33300,6669],{"class":4302},[4094,33302,3519],{"class":4275},[4094,33304,5313],{"class":4279},[4094,33306,24954],{"class":4812},[4094,33308,5082],{"class":4275},[4094,33310,33311,33313,33315,33317,33319,33321,33323,33325,33327,33329,33331,33333,33335,33337,33339,33341,33343,33345,33347],{"class":4096,"line":4176},[4094,33312,30794],{"class":4279},[4094,33314,4276],{"class":4275},[4094,33316,5093],{"class":4279},[4094,33318,30710],{"class":4279},[4094,33320,3536],{"class":4275},[4094,33322,33230],{"class":4279},[4094,33324,3536],{"class":4275},[4094,33326,30735],{"class":4279},[4094,33328,3519],{"class":4275},[4094,33330,4636],{"class":4279},[4094,33332,30710],{"class":4279},[4094,33334,3536],{"class":4275},[4094,33336,30782],{"class":4279},[4094,33338,3536],{"class":4275},[4094,33340,31052],{"class":4279},[4094,33342,3519],{"class":4275},[4094,33344,5313],{"class":4279},[4094,33346,4813],{"class":4812},[4094,33348,5082],{"class":4275},[4094,33350,33351],{"class":4096,"line":4182},[4094,33352,5330],{"class":4275},[4085,33354,33357],{"className":4262,"code":33355,"filename":33356,"language":4264,"meta":4090,"style":4090},"import { Pressable, StyleSheet, Text, ViewStyle } from 'react-native';\nimport { tokens } from '@\u002Fshared\u002Ftheme';\ntype ButtonProps = { label: string; onPress: () => void; disabled?: boolean; style?: ViewStyle };\nexport function Button({ label, onPress, disabled = false, style }: ButtonProps) {\n  return (\n    \u003CPressable accessibilityRole=\"button\" disabled={disabled} onPress={onPress}\n      style={({ pressed }) => [styles.base, pressed && !disabled ? styles.pressed : null, disabled ? styles.disabled : null, style]}>\n      \u003CText style={styles.label}>{label}\u003C\u002FText>\n    \u003C\u002FPressable>\n  );\n}\nconst styles = StyleSheet.create({\n  base: { backgroundColor: tokens.colors.primary, paddingVertical: tokens.spacing.sm + 4, paddingHorizontal: tokens.spacing.md, borderRadius: tokens.radius.md, alignItems: 'center' },\n  pressed: { backgroundColor: tokens.colors.primaryPressed },\n  disabled: { opacity: 0.5 },\n  label: { color: tokens.colors.onPrimary, fontSize: tokens.fontSize.md, fontWeight: '600' },\n});\n","src\u002Fshared\u002Fui\u002FButton.tsx",[3516,33358,33359,33388,33404,33448,33485,33491,33524,33598,33632,33640,33644,33648,33664,33738,33760,33774,33815],{"__ignoreMap":4090},[4094,33360,33361,33363,33365,33367,33369,33371,33373,33375,33377,33380,33382,33384,33386],{"class":4096,"line":4097},[4094,33362,4272],{"class":4271},[4094,33364,4276],{"class":4275},[4094,33366,3528],{"class":4279},[4094,33368,3519],{"class":4275},[4094,33370,4288],{"class":4279},[4094,33372,3519],{"class":4275},[4094,33374,3522],{"class":4279},[4094,33376,3519],{"class":4275},[4094,33378,33379],{"class":4279},"ViewStyle",[4094,33381,4296],{"class":4275},[4094,33383,4299],{"class":4271},[4094,33385,4303],{"class":4302},[4094,33387,4306],{"class":4275},[4094,33389,33390,33392,33394,33396,33398,33400,33402],{"class":4096,"line":4103},[4094,33391,4272],{"class":4271},[4094,33393,4276],{"class":4275},[4094,33395,29965],{"class":4279},[4094,33397,4296],{"class":4275},[4094,33399,4299],{"class":4271},[4094,33401,29972],{"class":4302},[4094,33403,4306],{"class":4275},[4094,33405,33406,33408,33411,33413,33415,33417,33419,33421,33423,33425,33427,33429,33431,33434,33436,33438,33440,33442,33444,33446],{"class":4096,"line":4109},[4094,33407,5537],{"class":4315},[4094,33409,33410],{"class":4342}," ButtonProps",[4094,33412,31587],{"class":4275},[4094,33414,4326],{"class":4279},[4094,33416,4339],{"class":4275},[4094,33418,4343],{"class":4342},[4094,33420,4346],{"class":4275},[4094,33422,5756],{"class":4319},[4094,33424,5721],{"class":4275},[4094,33426,5724],{"class":4315},[4094,33428,5727],{"class":4342},[4094,33430,4346],{"class":4275},[4094,33432,33433],{"class":4279},"disabled",[4094,33435,33024],{"class":4275},[4094,33437,5712],{"class":4342},[4094,33439,4346],{"class":4275},[4094,33441,21949],{"class":4279},[4094,33443,33024],{"class":4275},[4094,33445,33379],{"class":4342},[4094,33447,31615],{"class":4275},[4094,33449,33450,33452,33454,33457,33459,33461,33463,33465,33467,33469,33471,33474,33476,33478,33480,33483],{"class":4096,"line":4115},[4094,33451,4476],{"class":4271},[4094,33453,4482],{"class":4315},[4094,33455,33456],{"class":4319}," Button",[4094,33458,4323],{"class":4275},[4094,33460,4326],{"class":4279},[4094,33462,3519],{"class":4275},[4094,33464,5756],{"class":4279},[4094,33466,3519],{"class":4275},[4094,33468,33433],{"class":4279},[4094,33470,4500],{"class":4275},[4094,33472,33473],{"class":4315},"false",[4094,33475,3519],{"class":4275},[4094,33477,21949],{"class":4279},[4094,33479,31635],{"class":4275},[4094,33481,33482],{"class":4342},"ButtonProps",[4094,33484,31641],{"class":4275},[4094,33486,33487,33489],{"class":4096,"line":4121},[4094,33488,4360],{"class":4271},[4094,33490,4363],{"class":4275},[4094,33492,33493,33495,33497,33499,33501,33503,33506,33508,33510,33512,33514,33516,33518,33520,33522],{"class":4096,"line":4128},[4094,33494,4369],{"class":4368},[4094,33496,3528],{"class":4342},[4094,33498,31656],{"class":4374},[4094,33500,4378],{"class":4275},[4094,33502,31661],{"class":4302},[4094,33504,33505],{"class":4374}," disabled",[4094,33507,4378],{"class":4275},[4094,33509,4381],{"class":4315},[4094,33511,33433],{"class":4279},[4094,33513,4408],{"class":4315},[4094,33515,5749],{"class":4374},[4094,33517,4378],{"class":4275},[4094,33519,4381],{"class":4315},[4094,33521,5756],{"class":4279},[4094,33523,4179],{"class":4315},[4094,33525,33526,33528,33530,33532,33534,33536,33538,33540,33542,33544,33546,33548,33550,33552,33554,33557,33559,33561,33563,33565,33567,33569,33572,33574,33576,33578,33580,33582,33584,33586,33588,33590,33592,33594,33596],{"class":4096,"line":4134},[4094,33527,19395],{"class":4374},[4094,33529,4378],{"class":4275},[4094,33531,4381],{"class":4315},[4094,33533,4323],{"class":4384},[4094,33535,31721],{"class":4279},[4094,33537,31724],{"class":4384},[4094,33539,5724],{"class":4315},[4094,33541,5884],{"class":4384},[4094,33543,4388],{"class":4279},[4094,33545,3536],{"class":4384},[4094,33547,33127],{"class":4279},[4094,33549,3519],{"class":4384},[4094,33551,31721],{"class":4279},[4094,33553,4597],{"class":4275},[4094,33555,33556],{"class":4275}," !",[4094,33558,33433],{"class":4279},[4094,33560,17736],{"class":4275},[4094,33562,4683],{"class":4279},[4094,33564,3536],{"class":4384},[4094,33566,31721],{"class":4279},[4094,33568,17741],{"class":4275},[4094,33570,33571],{"class":4315}," null",[4094,33573,3519],{"class":4384},[4094,33575,33433],{"class":4279},[4094,33577,17736],{"class":4275},[4094,33579,4683],{"class":4279},[4094,33581,3536],{"class":4384},[4094,33583,33433],{"class":4279},[4094,33585,17741],{"class":4275},[4094,33587,33571],{"class":4315},[4094,33589,3519],{"class":4384},[4094,33591,21949],{"class":4279},[4094,33593,4691],{"class":4384},[4094,33595,4408],{"class":4315},[4094,33597,4411],{"class":4368},[4094,33599,33600,33602,33604,33606,33608,33610,33612,33614,33616,33618,33620,33622,33624,33626,33628,33630],{"class":4096,"line":4140},[4094,33601,4416],{"class":4368},[4094,33603,3522],{"class":4342},[4094,33605,4375],{"class":4374},[4094,33607,4378],{"class":4275},[4094,33609,4381],{"class":4315},[4094,33611,4388],{"class":4279},[4094,33613,3536],{"class":4384},[4094,33615,4326],{"class":4279},[4094,33617,4408],{"class":4315},[4094,33619,4436],{"class":4368},[4094,33621,4381],{"class":4315},[4094,33623,4326],{"class":4279},[4094,33625,4408],{"class":4315},[4094,33627,4445],{"class":4368},[4094,33629,3522],{"class":4342},[4094,33631,4411],{"class":4368},[4094,33633,33634,33636,33638],{"class":4096,"line":4146},[4094,33635,4454],{"class":4368},[4094,33637,3528],{"class":4342},[4094,33639,4411],{"class":4368},[4094,33641,33642],{"class":4096,"line":4152},[4094,33643,4463],{"class":4275},[4094,33645,33646],{"class":4096,"line":4158},[4094,33647,4179],{"class":4275},[4094,33649,33650,33652,33654,33656,33658,33660,33662],{"class":4096,"line":4164},[4094,33651,5029],{"class":4315},[4094,33653,4683],{"class":4496},[4094,33655,4500],{"class":4275},[4094,33657,4288],{"class":4279},[4094,33659,3536],{"class":4275},[4094,33661,5040],{"class":4319},[4094,33663,5043],{"class":4275},[4094,33665,33666,33668,33670,33672,33674,33676,33678,33680,33682,33684,33687,33689,33691,33693,33695,33697,33699,33702,33704,33706,33708,33710,33712,33714,33716,33718,33720,33722,33724,33726,33728,33730,33732,33734,33736],{"class":4096,"line":4170},[4094,33667,33199],{"class":4279},[4094,33669,4276],{"class":4275},[4094,33671,4399],{"class":4279},[4094,33673,30710],{"class":4279},[4094,33675,3536],{"class":4275},[4094,33677,30782],{"class":4279},[4094,33679,3536],{"class":4275},[4094,33681,30843],{"class":4279},[4094,33683,3519],{"class":4275},[4094,33685,33686],{"class":4279},"paddingVertical:",[4094,33688,30710],{"class":4279},[4094,33690,3536],{"class":4275},[4094,33692,30715],{"class":4279},[4094,33694,3536],{"class":4275},[4094,33696,30735],{"class":4279},[4094,33698,5463],{"class":4275},[4094,33700,33701],{"class":4812},"4",[4094,33703,3519],{"class":4275},[4094,33705,28048],{"class":4279},[4094,33707,30710],{"class":4279},[4094,33709,3536],{"class":4275},[4094,33711,30715],{"class":4279},[4094,33713,3536],{"class":4275},[4094,33715,30720],{"class":4279},[4094,33717,3519],{"class":4275},[4094,33719,6826],{"class":4279},[4094,33721,30710],{"class":4279},[4094,33723,3536],{"class":4275},[4094,33725,32148],{"class":4279},[4094,33727,3536],{"class":4275},[4094,33729,30720],{"class":4279},[4094,33731,3519],{"class":4275},[4094,33733,5198],{"class":4279},[4094,33735,5201],{"class":4302},[4094,33737,5082],{"class":4275},[4094,33739,33740,33743,33745,33747,33749,33751,33753,33755,33758],{"class":4096,"line":4176},[4094,33741,33742],{"class":4279},"  pressed:",[4094,33744,4276],{"class":4275},[4094,33746,4399],{"class":4279},[4094,33748,30710],{"class":4279},[4094,33750,3536],{"class":4275},[4094,33752,30782],{"class":4279},[4094,33754,3536],{"class":4275},[4094,33756,33757],{"class":4279},"primaryPressed",[4094,33759,5082],{"class":4275},[4094,33761,33762,33765,33767,33769,33772],{"class":4096,"line":4182},[4094,33763,33764],{"class":4279},"  disabled:",[4094,33766,4276],{"class":4275},[4094,33768,32271],{"class":4279},[4094,33770,33771],{"class":4812}," 0.5",[4094,33773,5082],{"class":4275},[4094,33775,33776,33778,33780,33782,33784,33786,33788,33790,33793,33795,33797,33799,33801,33803,33805,33807,33809,33811,33813],{"class":4096,"line":4187},[4094,33777,8947],{"class":4279},[4094,33779,4276],{"class":4275},[4094,33781,4636],{"class":4279},[4094,33783,30710],{"class":4279},[4094,33785,3536],{"class":4275},[4094,33787,30782],{"class":4279},[4094,33789,3536],{"class":4275},[4094,33791,33792],{"class":4279},"onPrimary",[4094,33794,3519],{"class":4275},[4094,33796,5093],{"class":4279},[4094,33798,30710],{"class":4279},[4094,33800,3536],{"class":4275},[4094,33802,33230],{"class":4279},[4094,33804,3536],{"class":4275},[4094,33806,30720],{"class":4279},[4094,33808,3519],{"class":4275},[4094,33810,5101],{"class":4279},[4094,33812,6669],{"class":4302},[4094,33814,5082],{"class":4275},[4094,33816,33817],{"class":4096,"line":4193},[4094,33818,5330],{"class":4275},[4085,33820,33823],{"className":4262,"code":33821,"filename":33822,"language":4264,"meta":4090,"style":4090},"import { ReactNode } from 'react';\nimport { StyleSheet, ViewStyle } from 'react-native';\nimport { SafeAreaView } from 'react-native-safe-area-context';\nimport { tokens } from '@\u002Fshared\u002Ftheme';\ntype ScreenProps = { children: ReactNode; style?: ViewStyle };\nexport function Screen({ children, style }: ScreenProps) {\n  return \u003CSafeAreaView style={[styles.root, style]}>{children}\u003C\u002FSafeAreaView>;\n}\nconst styles = StyleSheet.create({\n  root: { flex: 1, backgroundColor: tokens.colors.background, paddingHorizontal: tokens.spacing.md },\n});\n","src\u002Fshared\u002Fui\u002FScreen.tsx",[3516,33824,33825,33841,33861,33878,33894,33919,33943,33989,33993,34009,34049],{"__ignoreMap":4090},[4094,33826,33827,33829,33831,33833,33835,33837,33839],{"class":4096,"line":4097},[4094,33828,4272],{"class":4271},[4094,33830,4276],{"class":4275},[4094,33832,32913],{"class":4279},[4094,33834,4296],{"class":4275},[4094,33836,4299],{"class":4271},[4094,33838,5494],{"class":4302},[4094,33840,4306],{"class":4275},[4094,33842,33843,33845,33847,33849,33851,33853,33855,33857,33859],{"class":4096,"line":4103},[4094,33844,4272],{"class":4271},[4094,33846,4276],{"class":4275},[4094,33848,4288],{"class":4279},[4094,33850,3519],{"class":4275},[4094,33852,33379],{"class":4279},[4094,33854,4296],{"class":4275},[4094,33856,4299],{"class":4271},[4094,33858,4303],{"class":4302},[4094,33860,4306],{"class":4275},[4094,33862,33863,33865,33867,33869,33871,33873,33876],{"class":4096,"line":4109},[4094,33864,4272],{"class":4271},[4094,33866,4276],{"class":4275},[4094,33868,8349],{"class":4279},[4094,33870,4296],{"class":4275},[4094,33872,4299],{"class":4271},[4094,33874,33875],{"class":4302}," 'react-native-safe-area-context'",[4094,33877,4306],{"class":4275},[4094,33879,33880,33882,33884,33886,33888,33890,33892],{"class":4096,"line":4115},[4094,33881,4272],{"class":4271},[4094,33883,4276],{"class":4275},[4094,33885,29965],{"class":4279},[4094,33887,4296],{"class":4275},[4094,33889,4299],{"class":4271},[4094,33891,29972],{"class":4302},[4094,33893,4306],{"class":4275},[4094,33895,33896,33898,33901,33903,33905,33907,33909,33911,33913,33915,33917],{"class":4096,"line":4121},[4094,33897,5537],{"class":4315},[4094,33899,33900],{"class":4342}," ScreenProps",[4094,33902,31587],{"class":4275},[4094,33904,3551],{"class":4279},[4094,33906,4339],{"class":4275},[4094,33908,32913],{"class":4342},[4094,33910,4346],{"class":4275},[4094,33912,21949],{"class":4279},[4094,33914,33024],{"class":4275},[4094,33916,33379],{"class":4342},[4094,33918,31615],{"class":4275},[4094,33920,33921,33923,33925,33928,33930,33932,33934,33936,33938,33941],{"class":4096,"line":4128},[4094,33922,4476],{"class":4271},[4094,33924,4482],{"class":4315},[4094,33926,33927],{"class":4319}," Screen",[4094,33929,4323],{"class":4275},[4094,33931,3551],{"class":4279},[4094,33933,3519],{"class":4275},[4094,33935,21949],{"class":4279},[4094,33937,31635],{"class":4275},[4094,33939,33940],{"class":4342},"ScreenProps",[4094,33942,31641],{"class":4275},[4094,33944,33945,33947,33949,33951,33953,33955,33957,33959,33961,33963,33965,33967,33969,33971,33973,33975,33977,33979,33981,33983,33985,33987],{"class":4096,"line":4134},[4094,33946,4360],{"class":4271},[4094,33948,22727],{"class":4368},[4094,33950,8349],{"class":4342},[4094,33952,4375],{"class":4374},[4094,33954,4378],{"class":4275},[4094,33956,4381],{"class":4315},[4094,33958,4385],{"class":4384},[4094,33960,4388],{"class":4279},[4094,33962,3536],{"class":4384},[4094,33964,16627],{"class":4279},[4094,33966,3519],{"class":4384},[4094,33968,21949],{"class":4279},[4094,33970,4691],{"class":4384},[4094,33972,4408],{"class":4315},[4094,33974,4436],{"class":4368},[4094,33976,4381],{"class":4315},[4094,33978,3551],{"class":4279},[4094,33980,4408],{"class":4315},[4094,33982,4445],{"class":4368},[4094,33984,8349],{"class":4342},[4094,33986,4436],{"class":4368},[4094,33988,4306],{"class":4275},[4094,33990,33991],{"class":4096,"line":4140},[4094,33992,4179],{"class":4275},[4094,33994,33995,33997,33999,34001,34003,34005,34007],{"class":4096,"line":4146},[4094,33996,5029],{"class":4315},[4094,33998,4683],{"class":4496},[4094,34000,4500],{"class":4275},[4094,34002,4288],{"class":4279},[4094,34004,3536],{"class":4275},[4094,34006,5040],{"class":4319},[4094,34008,5043],{"class":4275},[4094,34010,34011,34013,34015,34017,34019,34021,34023,34025,34027,34029,34031,34033,34035,34037,34039,34041,34043,34045,34047],{"class":4096,"line":4152},[4094,34012,17162],{"class":4279},[4094,34014,4276],{"class":4275},[4094,34016,5054],{"class":4279},[4094,34018,5057],{"class":4812},[4094,34020,3519],{"class":4275},[4094,34022,4399],{"class":4279},[4094,34024,30710],{"class":4279},[4094,34026,3536],{"class":4275},[4094,34028,30782],{"class":4279},[4094,34030,3536],{"class":4275},[4094,34032,31135],{"class":4279},[4094,34034,3519],{"class":4275},[4094,34036,28048],{"class":4279},[4094,34038,30710],{"class":4279},[4094,34040,3536],{"class":4275},[4094,34042,30715],{"class":4279},[4094,34044,3536],{"class":4275},[4094,34046,30720],{"class":4279},[4094,34048,5082],{"class":4275},[4094,34050,34051],{"class":4096,"line":4158},[4094,34052,5330],{"class":4275},[4085,34054,34057],{"className":31144,"code":34055,"filename":34056,"language":31147,"meta":4090,"style":4090},"export { Screen } from '.\u002FScreen';\nexport { AppText } from '.\u002FAppText';\nexport { Button } from '.\u002FButton';\n","src\u002Fshared\u002Fui\u002Findex.ts",[3516,34058,34059,34076,34093],{"__ignoreMap":4090},[4094,34060,34061,34063,34065,34067,34069,34071,34074],{"class":4096,"line":4097},[4094,34062,4476],{"class":4271},[4094,34064,4276],{"class":4275},[4094,34066,8346],{"class":4279},[4094,34068,4296],{"class":4275},[4094,34070,4299],{"class":4271},[4094,34072,34073],{"class":4302}," '.\u002FScreen'",[4094,34075,4306],{"class":4275},[4094,34077,34078,34080,34082,34084,34086,34088,34091],{"class":4096,"line":4103},[4094,34079,4476],{"class":4271},[4094,34081,4276],{"class":4275},[4094,34083,29983],{"class":4279},[4094,34085,4296],{"class":4275},[4094,34087,4299],{"class":4271},[4094,34089,34090],{"class":4302}," '.\u002FAppText'",[4094,34092,4306],{"class":4275},[4094,34094,34095,34097,34099,34101,34103,34105,34108],{"class":4096,"line":4109},[4094,34096,4476],{"class":4271},[4094,34098,4276],{"class":4275},[4094,34100,29988],{"class":4279},[4094,34102,4296],{"class":4275},[4094,34104,4299],{"class":4271},[4094,34106,34107],{"class":4302}," '.\u002FButton'",[4094,34109,4306],{"class":4275},[4250,34111,34113],{"id":34112},"перевірка","Перевірка",[3575,34115,34116,34119,34124],{},[3578,34117,34118],{},"Шапка й кнопка «Нова поїздка» лишаються на місці під час скролу списку.",[3578,34120,34121,34122,3664],{},"Список займає середню зону (",[3516,34123,3857],{},[3578,34125,34126,34127,34130],{},"Якщо тимчасово ",[3516,34128,34129],{},"mockTrips = []"," — видно empty state (потім поверніть дані).",[4250,34132,34134],{"id":34133},"коміт","Коміт",[3512,34136,34137,34138,34140],{},"Якщо збирали вручну (не через ",[3516,34139,29062],{}," на вже запушений репо):",[4085,34142,34144],{"className":22023,"code":34143,"language":22025,"meta":4090,"style":4090},"cd \u002Fpath\u002Fto\u002Fnomad\ngit add -A\ngit commit -m \"$(cat \u003C\u003C'EOF'\nfeat: trips list shell layout with sticky CTA\n\nMaterial: content\u002F15.react-native\u002F07.flexbox-and-layout.md\nEOF\n)\"\ngit push\n",[3516,34145,34146,34152,34162,34184,34189,34193,34198,34203,34208],{"__ignoreMap":4090},[4094,34147,34148,34150],{"class":4096,"line":4097},[4094,34149,22032],{"class":4319},[4094,34151,29079],{"class":4302},[4094,34153,34154,34156,34159],{"class":4096,"line":4103},[4094,34155,29084],{"class":4319},[4094,34157,34158],{"class":4302}," add",[4094,34160,34161],{"class":4315}," -A\n",[4094,34163,34164,34166,34169,34172,34175,34178,34181],{"class":4096,"line":4109},[4094,34165,29084],{"class":4319},[4094,34167,34168],{"class":4302}," commit",[4094,34170,34171],{"class":4315}," -m",[4094,34173,34174],{"class":4302}," \"$(",[4094,34176,34177],{"class":4319},"cat",[4094,34179,34180],{"class":4275}," \u003C\u003C",[4094,34182,34183],{"class":4302},"'EOF'\n",[4094,34185,34186],{"class":4096,"line":4115},[4094,34187,34188],{"class":4302},"feat: trips list shell layout with sticky CTA\n",[4094,34190,34191],{"class":4096,"line":4121},[4094,34192,4125],{"emptyLinePlaceholder":4124},[4094,34194,34195],{"class":4096,"line":4128},[4094,34196,34197],{"class":4302},"Material: content\u002F15.react-native\u002F07.flexbox-and-layout.md\n",[4094,34199,34200],{"class":4096,"line":4134},[4094,34201,34202],{"class":4302},"EOF\n",[4094,34204,34205],{"class":4096,"line":4140},[4094,34206,34207],{"class":4302},")\"\n",[4094,34209,34210,34212],{"class":4096,"line":4146},[4094,34211,29084],{"class":4319},[4094,34213,34214],{"class":4302}," push\n",[3512,34216,34217,34218,34221,34222,34224],{},"У публічному репо цей коміт ",[3540,34219,34220],{},"уже є"," — після ",[3516,34223,29062],{}," повторно комітити не потрібно, якщо ви не змінювали код локально.",[4250,34226,34228],{"id":34227},"результат-превю","Результат (прев’ю)",[4255,34230,34233],{"device":4257,"filename":34231,"title":34232,"height":11913},"NomadShell.tsx","Nomad · shell стрічки",[4085,34234,34236],{"className":4262,"code":34235,"language":4264,"meta":4090,"style":4090},"import { View, Text, ScrollView, Pressable, Image, StyleSheet } from 'react-native';\n\nconst TRIPS = [\n  {\n    id: '1',\n    title: 'Київ — Карпати',\n    dateLabel: '12–18 черв. 2026',\n    description: 'Гори, полонини і ранки з кавою на терасі.',\n    coverUri: 'https:\u002F\u002Fimages.unsplash.com\u002Fphoto-1464822759023-fed622ff2c3b?w=800&q=80',\n  },\n  {\n    id: '2',\n    title: 'Львівський вікенд',\n    dateLabel: '2–4 трав. 2026',\n    description: 'Кава, площа Ринок, закапелки й нічний трамвай.',\n    coverUri: 'https:\u002F\u002Fimages.unsplash.com\u002Fphoto-1555881400-74d7acaacd8b?w=800&q=80',\n  },\n  {\n    id: '3',\n    title: 'Одеса біля моря',\n    dateLabel: '18–22 лип. 2026',\n    description: 'Схід сонця на набережній і вечірній Привоз.',\n    coverUri: 'https:\u002F\u002Fimages.unsplash.com\u002Fphoto-1507525428034-b723cf961d3e?w=800&q=80',\n  },\n];\n\nexport default function App() {\n  return (\n    \u003CView style={styles.screen}>\n      \u003CView style={styles.header}>\n        \u003CText style={styles.title}>Мандрівник\u003C\u002FText>\n        \u003CText style={styles.caption}>Щоденник подорожей\u003C\u002FText>\n        \u003CText style={styles.meta}>{TRIPS.length} поїздки у списку\u003C\u002FText>\n      \u003C\u002FView>\n\n      \u003CScrollView style={styles.list} contentContainerStyle={styles.listContent}>\n        \u003CText style={styles.section}>Ваші поїздки\u003C\u002FText>\n        \u003CView style={styles.cards}>\n          {TRIPS.map((trip) => (\n            \u003CView key={trip.id} style={styles.card}>\n              \u003CImage source={{ uri: trip.coverUri }} style={styles.cover} \u002F>\n              \u003CView style={styles.body}>\n                \u003CView style={styles.titleRow}>\n                  \u003CText style={styles.cardTitle} numberOfLines={1}>\n                    {trip.title}\n                  \u003C\u002FText>\n                  \u003CText style={styles.dates}>{trip.dateLabel}\u003C\u002FText>\n                \u003C\u002FView>\n                \u003CText style={styles.desc} numberOfLines={2}>\n                  {trip.description}\n                \u003C\u002FText>\n              \u003C\u002FView>\n            \u003C\u002FView>\n          ))}\n        \u003C\u002FView>\n      \u003C\u002FScrollView>\n\n      \u003CView style={styles.footer}>\n        \u003CPressable style={styles.cta}>\n          \u003CText style={styles.ctaText}>Нова поїздка\u003C\u002FText>\n        \u003C\u002FPressable>\n      \u003C\u002FView>\n    \u003C\u002FView>\n  );\n}\n\nconst styles = StyleSheet.create({\n  screen: { flex: 1, backgroundColor: '#F8FAFC' },\n  header: {\n    paddingHorizontal: 16,\n    paddingTop: 12,\n    paddingBottom: 16,\n    gap: 4,\n    borderBottomWidth: 1,\n    borderBottomColor: '#E2E8F0',\n    backgroundColor: '#F8FAFC',\n  },\n  title: { fontSize: 28, fontWeight: '700', color: '#0F172A' },\n  caption: { fontSize: 14, color: '#64748B' },\n  meta: { fontSize: 14, color: '#2563EB', fontWeight: '600', marginTop: 4 },\n  list: { flex: 1 },\n  listContent: { padding: 16, paddingBottom: 8 },\n  section: { fontSize: 16, fontWeight: '600', marginBottom: 12, color: '#0F172A' },\n  cards: { gap: 16 },\n  card: {\n    backgroundColor: '#fff',\n    borderRadius: 16,\n    borderWidth: 1,\n    borderColor: '#E2E8F0',\n    overflow: 'hidden',\n  },\n  cover: { width: '100%', height: 140, backgroundColor: '#E2E8F0' },\n  body: { padding: 14, gap: 8 },\n  titleRow: { flexDirection: 'row', alignItems: 'center', gap: 8 },\n  cardTitle: { flex: 1, fontSize: 17, fontWeight: '700', color: '#0F172A' },\n  dates: { fontSize: 12, color: '#64748B', flexShrink: 0 },\n  desc: { fontSize: 14, lineHeight: 20, color: '#64748B' },\n  footer: {\n    padding: 16,\n    borderTopWidth: 1,\n    borderTopColor: '#E2E8F0',\n    backgroundColor: '#F8FAFC',\n  },\n  cta: {\n    backgroundColor: '#2563EB',\n    borderRadius: 12,\n    paddingVertical: 14,\n    alignItems: 'center',\n  },\n  ctaText: { color: '#fff', fontWeight: '700', fontSize: 16 },\n});\n",[3516,34237,34238,34274,34278,34287,34291,34299,34307,34315,34324,34332,34336,34340,34348,34356,34364,34372,34380,34384,34388,34396,34404,34412,34421,34429,34433,34437,34441,34453,34459,34481,34503,34533,34563,34605,34613,34617,34654,34685,34707,34727,34763,34805,34827,34850,34883,34896,34905,34943,34952,34984,34997,35005,35013,35021,35028,35036,35044,35048,35070,35092,35122,35130,35138,35146,35150,35154,35158,35174,35192,35198,35206,35214,35222,35230,35238,35246,35254,35258,35282,35300,35330,35342,35361,35392,35404,35410,35418,35426,35434,35442,35451,35455,35480,35498,35522,35552,35576,35600,35606,35614,35622,35630,35638,35642,35648,35656,35664,35672,35680,35684,35708],{"__ignoreMap":4090},[4094,34239,34240,34242,34244,34246,34248,34250,34252,34254,34256,34258,34260,34262,34264,34266,34268,34270,34272],{"class":4096,"line":4097},[4094,34241,4272],{"class":4271},[4094,34243,4276],{"class":4275},[4094,34245,3518],{"class":4279},[4094,34247,3519],{"class":4275},[4094,34249,3522],{"class":4279},[4094,34251,3519],{"class":4275},[4094,34253,3531],{"class":4279},[4094,34255,3519],{"class":4275},[4094,34257,3528],{"class":4279},[4094,34259,3519],{"class":4275},[4094,34261,3525],{"class":4279},[4094,34263,3519],{"class":4275},[4094,34265,4288],{"class":4279},[4094,34267,4296],{"class":4275},[4094,34269,4299],{"class":4271},[4094,34271,4303],{"class":4302},[4094,34273,4306],{"class":4275},[4094,34275,34276],{"class":4096,"line":4103},[4094,34277,4125],{"emptyLinePlaceholder":4124},[4094,34279,34280,34282,34285],{"class":4096,"line":4109},[4094,34281,5029],{"class":4315},[4094,34283,34284],{"class":4496}," TRIPS",[4094,34286,14341],{"class":4275},[4094,34288,34289],{"class":4096,"line":4115},[4094,34290,14346],{"class":4275},[4094,34292,34293,34295,34297],{"class":4096,"line":4121},[4094,34294,31257],{"class":4279},[4094,34296,31260],{"class":4302},[4094,34298,5127],{"class":4275},[4094,34300,34301,34303,34305],{"class":4096,"line":4128},[4094,34302,14351],{"class":4279},[4094,34304,20901],{"class":4302},[4094,34306,5127],{"class":4275},[4094,34308,34309,34311,34313],{"class":4096,"line":4134},[4094,34310,31276],{"class":4279},[4094,34312,20909],{"class":4302},[4094,34314,5127],{"class":4275},[4094,34316,34317,34319,34322],{"class":4096,"line":4140},[4094,34318,31286],{"class":4279},[4094,34320,34321],{"class":4302}," 'Гори, полонини і ранки з кавою на терасі.'",[4094,34323,5127],{"class":4275},[4094,34325,34326,34328,34330],{"class":4096,"line":4146},[4094,34327,31296],{"class":4279},[4094,34329,31299],{"class":4302},[4094,34331,5127],{"class":4275},[4094,34333,34334],{"class":4096,"line":4152},[4094,34335,5164],{"class":4275},[4094,34337,34338],{"class":4096,"line":4158},[4094,34339,14346],{"class":4275},[4094,34341,34342,34344,34346],{"class":4096,"line":4164},[4094,34343,31257],{"class":4279},[4094,34345,31316],{"class":4302},[4094,34347,5127],{"class":4275},[4094,34349,34350,34352,34354],{"class":4096,"line":4170},[4094,34351,14351],{"class":4279},[4094,34353,20928],{"class":4302},[4094,34355,5127],{"class":4275},[4094,34357,34358,34360,34362],{"class":4096,"line":4176},[4094,34359,31276],{"class":4279},[4094,34361,20935],{"class":4302},[4094,34363,5127],{"class":4275},[4094,34365,34366,34368,34370],{"class":4096,"line":4182},[4094,34367,31286],{"class":4279},[4094,34369,31341],{"class":4302},[4094,34371,5127],{"class":4275},[4094,34373,34374,34376,34378],{"class":4096,"line":4187},[4094,34375,31296],{"class":4279},[4094,34377,31350],{"class":4302},[4094,34379,5127],{"class":4275},[4094,34381,34382],{"class":4096,"line":4193},[4094,34383,5164],{"class":4275},[4094,34385,34386],{"class":4096,"line":4199},[4094,34387,14346],{"class":4275},[4094,34389,34390,34392,34394],{"class":4096,"line":4205},[4094,34391,31257],{"class":4279},[4094,34393,31367],{"class":4302},[4094,34395,5127],{"class":4275},[4094,34397,34398,34400,34402],{"class":4096,"line":4211},[4094,34399,14351],{"class":4279},[4094,34401,20953],{"class":4302},[4094,34403,5127],{"class":4275},[4094,34405,34406,34408,34410],{"class":4096,"line":4217},[4094,34407,31276],{"class":4279},[4094,34409,20960],{"class":4302},[4094,34411,5127],{"class":4275},[4094,34413,34414,34416,34419],{"class":4096,"line":4223},[4094,34415,31286],{"class":4279},[4094,34417,34418],{"class":4302}," 'Схід сонця на набережній і вечірній Привоз.'",[4094,34420,5127],{"class":4275},[4094,34422,34423,34425,34427],{"class":4096,"line":4229},[4094,34424,31296],{"class":4279},[4094,34426,31401],{"class":4302},[4094,34428,5127],{"class":4275},[4094,34430,34431],{"class":4096,"line":4235},[4094,34432,5164],{"class":4275},[4094,34434,34435],{"class":4096,"line":4240},[4094,34436,5654],{"class":4275},[4094,34438,34439],{"class":4096,"line":4245},[4094,34440,4125],{"emptyLinePlaceholder":4124},[4094,34442,34443,34445,34447,34449,34451],{"class":4096,"line":4876},[4094,34444,4476],{"class":4271},[4094,34446,4479],{"class":4271},[4094,34448,4482],{"class":4315},[4094,34450,4485],{"class":4319},[4094,34452,4488],{"class":4275},[4094,34454,34455,34457],{"class":4096,"line":4897},[4094,34456,4360],{"class":4271},[4094,34458,4363],{"class":4275},[4094,34460,34461,34463,34465,34467,34469,34471,34473,34475,34477,34479],{"class":4096,"line":4918},[4094,34462,4369],{"class":4368},[4094,34464,3518],{"class":4342},[4094,34466,4375],{"class":4374},[4094,34468,4378],{"class":4275},[4094,34470,4381],{"class":4315},[4094,34472,4388],{"class":4279},[4094,34474,3536],{"class":4384},[4094,34476,4590],{"class":4279},[4094,34478,4408],{"class":4315},[4094,34480,4411],{"class":4368},[4094,34482,34483,34485,34487,34489,34491,34493,34495,34497,34499,34501],{"class":4096,"line":4939},[4094,34484,4416],{"class":4368},[4094,34486,3518],{"class":4342},[4094,34488,4375],{"class":4374},[4094,34490,4378],{"class":4275},[4094,34492,4381],{"class":4315},[4094,34494,4388],{"class":4279},[4094,34496,3536],{"class":4384},[4094,34498,16660],{"class":4279},[4094,34500,4408],{"class":4315},[4094,34502,4411],{"class":4368},[4094,34504,34505,34507,34509,34511,34513,34515,34517,34519,34521,34523,34525,34527,34529,34531],{"class":4096,"line":4948},[4094,34506,4700],{"class":4368},[4094,34508,3522],{"class":4342},[4094,34510,4375],{"class":4374},[4094,34512,4378],{"class":4275},[4094,34514,4381],{"class":4315},[4094,34516,4388],{"class":4279},[4094,34518,3536],{"class":4384},[4094,34520,4631],{"class":4279},[4094,34522,4408],{"class":4315},[4094,34524,4436],{"class":4368},[4094,34526,30151],{"class":4275},[4094,34528,4445],{"class":4368},[4094,34530,3522],{"class":4342},[4094,34532,4411],{"class":4368},[4094,34534,34535,34537,34539,34541,34543,34545,34547,34549,34551,34553,34555,34557,34559,34561],{"class":4096,"line":4953},[4094,34536,4700],{"class":4368},[4094,34538,3522],{"class":4342},[4094,34540,4375],{"class":4374},[4094,34542,4378],{"class":4275},[4094,34544,4381],{"class":4315},[4094,34546,4388],{"class":4279},[4094,34548,3536],{"class":4384},[4094,34550,30183],{"class":4279},[4094,34552,4408],{"class":4315},[4094,34554,4436],{"class":4368},[4094,34556,30190],{"class":4275},[4094,34558,4445],{"class":4368},[4094,34560,3522],{"class":4342},[4094,34562,4411],{"class":4368},[4094,34564,34565,34567,34569,34571,34573,34575,34577,34579,34581,34583,34585,34587,34590,34592,34594,34596,34599,34601,34603],{"class":4096,"line":4987},[4094,34566,4700],{"class":4368},[4094,34568,3522],{"class":4342},[4094,34570,4375],{"class":4374},[4094,34572,4378],{"class":4275},[4094,34574,4381],{"class":4315},[4094,34576,4388],{"class":4279},[4094,34578,3536],{"class":4384},[4094,34580,21547],{"class":4279},[4094,34582,4408],{"class":4315},[4094,34584,4436],{"class":4368},[4094,34586,4381],{"class":4315},[4094,34588,34589],{"class":4496},"TRIPS",[4094,34591,3536],{"class":4384},[4094,34593,30075],{"class":4279},[4094,34595,4408],{"class":4315},[4094,34597,34598],{"class":4275}," поїздки у списку",[4094,34600,4445],{"class":4368},[4094,34602,3522],{"class":4342},[4094,34604,4411],{"class":4368},[4094,34606,34607,34609,34611],{"class":4096,"line":4993},[4094,34608,4770],{"class":4368},[4094,34610,3518],{"class":4342},[4094,34612,4411],{"class":4368},[4094,34614,34615],{"class":4096,"line":5002},[4094,34616,4125],{"emptyLinePlaceholder":4124},[4094,34618,34619,34621,34623,34625,34627,34629,34631,34633,34635,34637,34639,34641,34643,34645,34647,34650,34652],{"class":4096,"line":5011},[4094,34620,4416],{"class":4368},[4094,34622,3531],{"class":4342},[4094,34624,4375],{"class":4374},[4094,34626,4378],{"class":4275},[4094,34628,4381],{"class":4315},[4094,34630,4388],{"class":4279},[4094,34632,3536],{"class":4384},[4094,34634,14718],{"class":4279},[4094,34636,4408],{"class":4315},[4094,34638,16799],{"class":4374},[4094,34640,4378],{"class":4275},[4094,34642,4381],{"class":4315},[4094,34644,4388],{"class":4279},[4094,34646,3536],{"class":4384},[4094,34648,34649],{"class":4279},"listContent",[4094,34651,4408],{"class":4315},[4094,34653,4411],{"class":4368},[4094,34655,34656,34658,34660,34662,34664,34666,34668,34670,34673,34675,34677,34679,34681,34683],{"class":4096,"line":5016},[4094,34657,4700],{"class":4368},[4094,34659,3522],{"class":4342},[4094,34661,4375],{"class":4374},[4094,34663,4378],{"class":4275},[4094,34665,4381],{"class":4315},[4094,34667,4388],{"class":4279},[4094,34669,3536],{"class":4384},[4094,34671,34672],{"class":4279},"section",[4094,34674,4408],{"class":4315},[4094,34676,4436],{"class":4368},[4094,34678,30355],{"class":4275},[4094,34680,4445],{"class":4368},[4094,34682,3522],{"class":4342},[4094,34684,4411],{"class":4368},[4094,34686,34687,34689,34691,34693,34695,34697,34699,34701,34703,34705],{"class":4096,"line":5021},[4094,34688,4700],{"class":4368},[4094,34690,3518],{"class":4342},[4094,34692,4375],{"class":4374},[4094,34694,4378],{"class":4275},[4094,34696,4381],{"class":4315},[4094,34698,4388],{"class":4279},[4094,34700,3536],{"class":4384},[4094,34702,30380],{"class":4279},[4094,34704,4408],{"class":4315},[4094,34706,4411],{"class":4368},[4094,34708,34709,34711,34713,34715,34717,34719,34721,34723,34725],{"class":4096,"line":5026},[4094,34710,30229],{"class":4315},[4094,34712,34589],{"class":4496},[4094,34714,3536],{"class":4384},[4094,34716,6092],{"class":4319},[4094,34718,6095],{"class":4384},[4094,34720,30027],{"class":4279},[4094,34722,6101],{"class":4384},[4094,34724,5724],{"class":4315},[4094,34726,4363],{"class":4384},[4094,34728,34729,34731,34733,34735,34737,34739,34741,34743,34745,34747,34749,34751,34753,34755,34757,34759,34761],{"class":4096,"line":5046},[4094,34730,14810],{"class":4368},[4094,34732,3518],{"class":4342},[4094,34734,6116],{"class":4374},[4094,34736,4378],{"class":4275},[4094,34738,4381],{"class":4315},[4094,34740,30027],{"class":4279},[4094,34742,3536],{"class":4384},[4094,34744,22230],{"class":4279},[4094,34746,4408],{"class":4315},[4094,34748,4375],{"class":4374},[4094,34750,4378],{"class":4275},[4094,34752,4381],{"class":4315},[4094,34754,4388],{"class":4279},[4094,34756,3536],{"class":4384},[4094,34758,16880],{"class":4279},[4094,34760,4408],{"class":4315},[4094,34762,4411],{"class":4368},[4094,34764,34765,34767,34769,34771,34773,34775,34777,34779,34781,34783,34785,34787,34789,34791,34793,34795,34797,34799,34801,34803],{"class":4096,"line":5085},[4094,34766,14834],{"class":4368},[4094,34768,3525],{"class":4342},[4094,34770,31762],{"class":4374},[4094,34772,4378],{"class":4275},[4094,34774,4381],{"class":4315},[4094,34776,16958],{"class":4384},[4094,34778,31771],{"class":4279},[4094,34780,30423],{"class":4279},[4094,34782,3536],{"class":4384},[4094,34784,31778],{"class":4279},[4094,34786,16971],{"class":4384},[4094,34788,4408],{"class":4315},[4094,34790,4375],{"class":4374},[4094,34792,4378],{"class":4275},[4094,34794,4381],{"class":4315},[4094,34796,4388],{"class":4279},[4094,34798,3536],{"class":4384},[4094,34800,31795],{"class":4279},[4094,34802,4408],{"class":4315},[4094,34804,4721],{"class":4368},[4094,34806,34807,34809,34811,34813,34815,34817,34819,34821,34823,34825],{"class":4096,"line":5109},[4094,34808,14834],{"class":4368},[4094,34810,3518],{"class":4342},[4094,34812,4375],{"class":4374},[4094,34814,4378],{"class":4275},[4094,34816,4381],{"class":4315},[4094,34818,4388],{"class":4279},[4094,34820,3536],{"class":4384},[4094,34822,16794],{"class":4279},[4094,34824,4408],{"class":4315},[4094,34826,4411],{"class":4368},[4094,34828,34829,34832,34834,34836,34838,34840,34842,34844,34846,34848],{"class":4096,"line":5118},[4094,34830,34831],{"class":4368},"                \u003C",[4094,34833,3518],{"class":4342},[4094,34835,4375],{"class":4374},[4094,34837,4378],{"class":4275},[4094,34839,4381],{"class":4315},[4094,34841,4388],{"class":4279},[4094,34843,3536],{"class":4384},[4094,34845,31851],{"class":4279},[4094,34847,4408],{"class":4315},[4094,34849,4411],{"class":4368},[4094,34851,34852,34855,34857,34859,34861,34863,34865,34867,34869,34871,34873,34875,34877,34879,34881],{"class":4096,"line":5130},[4094,34853,34854],{"class":4368},"                  \u003C",[4094,34856,3522],{"class":4342},[4094,34858,4375],{"class":4374},[4094,34860,4378],{"class":4275},[4094,34862,4381],{"class":4315},[4094,34864,4388],{"class":4279},[4094,34866,3536],{"class":4384},[4094,34868,16919],{"class":4279},[4094,34870,4408],{"class":4315},[4094,34872,11331],{"class":4374},[4094,34874,4378],{"class":4275},[4094,34876,4381],{"class":4315},[4094,34878,9112],{"class":4812},[4094,34880,4408],{"class":4315},[4094,34882,4411],{"class":4368},[4094,34884,34885,34888,34890,34892,34894],{"class":4096,"line":5141},[4094,34886,34887],{"class":4315},"                    {",[4094,34889,30027],{"class":4279},[4094,34891,3536],{"class":4384},[4094,34893,4631],{"class":4279},[4094,34895,4179],{"class":4315},[4094,34897,34898,34901,34903],{"class":4096,"line":5151},[4094,34899,34900],{"class":4368},"                  \u003C\u002F",[4094,34902,3522],{"class":4342},[4094,34904,4411],{"class":4368},[4094,34906,34907,34909,34911,34913,34915,34917,34919,34921,34923,34925,34927,34929,34931,34933,34935,34937,34939,34941],{"class":4096,"line":5161},[4094,34908,34854],{"class":4368},[4094,34910,3522],{"class":4342},[4094,34912,4375],{"class":4374},[4094,34914,4378],{"class":4275},[4094,34916,4381],{"class":4315},[4094,34918,4388],{"class":4279},[4094,34920,3536],{"class":4384},[4094,34922,31935],{"class":4279},[4094,34924,4408],{"class":4315},[4094,34926,4436],{"class":4368},[4094,34928,4381],{"class":4315},[4094,34930,30027],{"class":4279},[4094,34932,3536],{"class":4384},[4094,34934,31948],{"class":4279},[4094,34936,4408],{"class":4315},[4094,34938,4445],{"class":4368},[4094,34940,3522],{"class":4342},[4094,34942,4411],{"class":4368},[4094,34944,34945,34948,34950],{"class":4096,"line":5167},[4094,34946,34947],{"class":4368},"                \u003C\u002F",[4094,34949,3518],{"class":4342},[4094,34951,4411],{"class":4368},[4094,34953,34954,34956,34958,34960,34962,34964,34966,34968,34970,34972,34974,34976,34978,34980,34982],{"class":4096,"line":5182},[4094,34955,34831],{"class":4368},[4094,34957,3522],{"class":4342},[4094,34959,4375],{"class":4374},[4094,34961,4378],{"class":4275},[4094,34963,4381],{"class":4315},[4094,34965,4388],{"class":4279},[4094,34967,3536],{"class":4384},[4094,34969,18629],{"class":4279},[4094,34971,4408],{"class":4315},[4094,34973,11331],{"class":4374},[4094,34975,4378],{"class":4275},[4094,34977,4381],{"class":4315},[4094,34979,9122],{"class":4812},[4094,34981,4408],{"class":4315},[4094,34983,4411],{"class":4368},[4094,34985,34986,34989,34991,34993,34995],{"class":4096,"line":5206},[4094,34987,34988],{"class":4315},"                  {",[4094,34990,30027],{"class":4279},[4094,34992,3536],{"class":4384},[4094,34994,31993],{"class":4279},[4094,34996,4179],{"class":4315},[4094,34998,34999,35001,35003],{"class":4096,"line":5214},[4094,35000,34947],{"class":4368},[4094,35002,3522],{"class":4342},[4094,35004,4411],{"class":4368},[4094,35006,35007,35009,35011],{"class":4096,"line":5225},[4094,35008,21454],{"class":4368},[4094,35010,3518],{"class":4342},[4094,35012,4411],{"class":4368},[4094,35014,35015,35017,35019],{"class":4096,"line":5235},[4094,35016,14889],{"class":4368},[4094,35018,3518],{"class":4342},[4094,35020,4411],{"class":4368},[4094,35022,35023,35026],{"class":4096,"line":5245},[4094,35024,35025],{"class":4384},"          ))",[4094,35027,4179],{"class":4315},[4094,35029,35030,35032,35034],{"class":4096,"line":5255},[4094,35031,8638],{"class":4368},[4094,35033,3518],{"class":4342},[4094,35035,4411],{"class":4368},[4094,35037,35038,35040,35042],{"class":4096,"line":5265},[4094,35039,4770],{"class":4368},[4094,35041,3531],{"class":4342},[4094,35043,4411],{"class":4368},[4094,35045,35046],{"class":4096,"line":5270},[4094,35047,4125],{"emptyLinePlaceholder":4124},[4094,35049,35050,35052,35054,35056,35058,35060,35062,35064,35066,35068],{"class":4096,"line":5298},[4094,35051,4416],{"class":4368},[4094,35053,3518],{"class":4342},[4094,35055,4375],{"class":4374},[4094,35057,4378],{"class":4275},[4094,35059,4381],{"class":4315},[4094,35061,4388],{"class":4279},[4094,35063,3536],{"class":4384},[4094,35065,17031],{"class":4279},[4094,35067,4408],{"class":4315},[4094,35069,4411],{"class":4368},[4094,35071,35072,35074,35076,35078,35080,35082,35084,35086,35088,35090],{"class":4096,"line":5327},[4094,35073,4700],{"class":4368},[4094,35075,3528],{"class":4342},[4094,35077,4375],{"class":4374},[4094,35079,4378],{"class":4275},[4094,35081,4381],{"class":4315},[4094,35083,4388],{"class":4279},[4094,35085,3536],{"class":4384},[4094,35087,17069],{"class":4279},[4094,35089,4408],{"class":4315},[4094,35091,4411],{"class":4368},[4094,35093,35094,35096,35098,35100,35102,35104,35106,35108,35110,35112,35114,35116,35118,35120],{"class":4096,"line":6447},[4094,35095,6110],{"class":4368},[4094,35097,3522],{"class":4342},[4094,35099,4375],{"class":4374},[4094,35101,4378],{"class":4275},[4094,35103,4381],{"class":4315},[4094,35105,4388],{"class":4279},[4094,35107,3536],{"class":4384},[4094,35109,17092],{"class":4279},[4094,35111,4408],{"class":4315},[4094,35113,4436],{"class":4368},[4094,35115,17099],{"class":4275},[4094,35117,4445],{"class":4368},[4094,35119,3522],{"class":4342},[4094,35121,4411],{"class":4368},[4094,35123,35124,35126,35128],{"class":4096,"line":6453},[4094,35125,8638],{"class":4368},[4094,35127,3528],{"class":4342},[4094,35129,4411],{"class":4368},[4094,35131,35132,35134,35136],{"class":4096,"line":6462},[4094,35133,4770],{"class":4368},[4094,35135,3518],{"class":4342},[4094,35137,4411],{"class":4368},[4094,35139,35140,35142,35144],{"class":4096,"line":6471},[4094,35141,4454],{"class":4368},[4094,35143,3518],{"class":4342},[4094,35145,4411],{"class":4368},[4094,35147,35148],{"class":4096,"line":6476},[4094,35149,4463],{"class":4275},[4094,35151,35152],{"class":4096,"line":6481},[4094,35153,4179],{"class":4275},[4094,35155,35156],{"class":4096,"line":6486},[4094,35157,4125],{"emptyLinePlaceholder":4124},[4094,35159,35160,35162,35164,35166,35168,35170,35172],{"class":4096,"line":6503},[4094,35161,5029],{"class":4315},[4094,35163,4683],{"class":4496},[4094,35165,4500],{"class":4275},[4094,35167,4288],{"class":4279},[4094,35169,3536],{"class":4275},[4094,35171,5040],{"class":4319},[4094,35173,5043],{"class":4275},[4094,35175,35176,35178,35180,35182,35184,35186,35188,35190],{"class":4096,"line":6535},[4094,35177,5049],{"class":4279},[4094,35179,4276],{"class":4275},[4094,35181,5054],{"class":4279},[4094,35183,5057],{"class":4812},[4094,35185,3519],{"class":4275},[4094,35187,4399],{"class":4279},[4094,35189,5064],{"class":4302},[4094,35191,5082],{"class":4275},[4094,35193,35194,35196],{"class":4096,"line":6556},[4094,35195,17175],{"class":4279},[4094,35197,5115],{"class":4275},[4094,35199,35200,35202,35204],{"class":4096,"line":6585},[4094,35201,6596],{"class":4279},[4094,35203,5293],{"class":4812},[4094,35205,5127],{"class":4275},[4094,35207,35208,35210,35212],{"class":4096,"line":6593},[4094,35209,17190],{"class":4279},[4094,35211,5136],{"class":4812},[4094,35213,5127],{"class":4275},[4094,35215,35216,35218,35220],{"class":4096,"line":6603},[4094,35217,17199],{"class":4279},[4094,35219,5293],{"class":4812},[4094,35221,5127],{"class":4275},[4094,35223,35224,35226,35228],{"class":4096,"line":6614},[4094,35225,5154],{"class":4279},[4094,35227,13645],{"class":4812},[4094,35229,5127],{"class":4275},[4094,35231,35232,35234,35236],{"class":4096,"line":6623},[4094,35233,17208],{"class":4279},[4094,35235,5057],{"class":4812},[4094,35237,5127],{"class":4275},[4094,35239,35240,35242,35244],{"class":4096,"line":6633},[4094,35241,24751],{"class":4279},[4094,35243,19650],{"class":4302},[4094,35245,5127],{"class":4275},[4094,35247,35248,35250,35252],{"class":4096,"line":6638},[4094,35249,5121],{"class":4279},[4094,35251,5064],{"class":4302},[4094,35253,5127],{"class":4275},[4094,35255,35256],{"class":4096,"line":6652},[4094,35257,5164],{"class":4275},[4094,35259,35260,35262,35264,35266,35268,35270,35272,35274,35276,35278,35280],{"class":4096,"line":6681},[4094,35261,5088],{"class":4279},[4094,35263,4276],{"class":4275},[4094,35265,5093],{"class":4279},[4094,35267,24954],{"class":4812},[4094,35269,3519],{"class":4275},[4094,35271,5101],{"class":4279},[4094,35273,5104],{"class":4302},[4094,35275,3519],{"class":4275},[4094,35277,4636],{"class":4279},[4094,35279,24857],{"class":4302},[4094,35281,5082],{"class":4275},[4094,35283,35284,35286,35288,35290,35292,35294,35296,35298],{"class":4096,"line":6695},[4094,35285,30794],{"class":4279},[4094,35287,4276],{"class":4275},[4094,35289,5093],{"class":4279},[4094,35291,6524],{"class":4812},[4094,35293,3519],{"class":4275},[4094,35295,4636],{"class":4279},[4094,35297,25109],{"class":4302},[4094,35299,5082],{"class":4275},[4094,35301,35302,35304,35306,35308,35310,35312,35314,35316,35318,35320,35322,35324,35326,35328],{"class":4096,"line":6703},[4094,35303,21870],{"class":4279},[4094,35305,4276],{"class":4275},[4094,35307,5093],{"class":4279},[4094,35309,6524],{"class":4812},[4094,35311,3519],{"class":4275},[4094,35313,4636],{"class":4279},[4094,35315,6273],{"class":4302},[4094,35317,3519],{"class":4275},[4094,35319,5101],{"class":4279},[4094,35321,6669],{"class":4302},[4094,35323,3519],{"class":4275},[4094,35325,4809],{"class":4279},[4094,35327,13645],{"class":4812},[4094,35329,5082],{"class":4275},[4094,35331,35332,35334,35336,35338,35340],{"class":4096,"line":6713},[4094,35333,15136],{"class":4279},[4094,35335,4276],{"class":4275},[4094,35337,5054],{"class":4279},[4094,35339,5057],{"class":4812},[4094,35341,5082],{"class":4275},[4094,35343,35344,35347,35349,35351,35353,35355,35357,35359],{"class":4096,"line":6723},[4094,35345,35346],{"class":4279},"  listContent:",[4094,35348,4276],{"class":4275},[4094,35350,5069],{"class":4279},[4094,35352,5293],{"class":4812},[4094,35354,3519],{"class":4275},[4094,35356,17291],{"class":4279},[4094,35358,5079],{"class":4812},[4094,35360,5082],{"class":4275},[4094,35362,35363,35366,35368,35370,35372,35374,35376,35378,35380,35382,35384,35386,35388,35390],{"class":4096,"line":6732},[4094,35364,35365],{"class":4279},"  section:",[4094,35367,4276],{"class":4275},[4094,35369,5093],{"class":4279},[4094,35371,5293],{"class":4812},[4094,35373,3519],{"class":4275},[4094,35375,5101],{"class":4279},[4094,35377,6669],{"class":4302},[4094,35379,3519],{"class":4275},[4094,35381,13642],{"class":4279},[4094,35383,5136],{"class":4812},[4094,35385,3519],{"class":4275},[4094,35387,4636],{"class":4279},[4094,35389,24857],{"class":4302},[4094,35391,5082],{"class":4275},[4094,35393,35394,35396,35398,35400,35402],{"class":4096,"line":6743},[4094,35395,30944],{"class":4279},[4094,35397,4276],{"class":4275},[4094,35399,5076],{"class":4279},[4094,35401,5293],{"class":4812},[4094,35403,5082],{"class":4275},[4094,35405,35406,35408],{"class":4096,"line":6754},[4094,35407,17301],{"class":4279},[4094,35409,5115],{"class":4275},[4094,35411,35412,35414,35416],{"class":4096,"line":6763},[4094,35413,5121],{"class":4279},[4094,35415,5280],{"class":4302},[4094,35417,5127],{"class":4275},[4094,35419,35420,35422,35424],{"class":4096,"line":6772},[4094,35421,5133],{"class":4279},[4094,35423,5293],{"class":4812},[4094,35425,5127],{"class":4275},[4094,35427,35428,35430,35432],{"class":4096,"line":6783},[4094,35429,6735],{"class":4279},[4094,35431,5057],{"class":4812},[4094,35433,5127],{"class":4275},[4094,35435,35436,35438,35440],{"class":4096,"line":6788},[4094,35437,6746],{"class":4279},[4094,35439,19650],{"class":4302},[4094,35441,5127],{"class":4275},[4094,35443,35444,35447,35449],{"class":4096,"line":6810},[4094,35445,35446],{"class":4279},"    overflow:",[4094,35448,32182],{"class":4302},[4094,35450,5127],{"class":4275},[4094,35452,35453],{"class":4096,"line":6833},[4094,35454,5164],{"class":4275},[4094,35456,35457,35459,35461,35463,35465,35467,35469,35472,35474,35476,35478],{"class":4096,"line":6855},[4094,35458,32281],{"class":4279},[4094,35460,4276],{"class":4275},[4094,35462,8210],{"class":4279},[4094,35464,32288],{"class":4302},[4094,35466,3519],{"class":4275},[4094,35468,6818],{"class":4279},[4094,35470,35471],{"class":4812}," 140",[4094,35473,3519],{"class":4275},[4094,35475,4399],{"class":4279},[4094,35477,19650],{"class":4302},[4094,35479,5082],{"class":4275},[4094,35481,35482,35484,35486,35488,35490,35492,35494,35496],{"class":4096,"line":6874},[4094,35483,17261],{"class":4279},[4094,35485,4276],{"class":4275},[4094,35487,5069],{"class":4279},[4094,35489,6524],{"class":4812},[4094,35491,3519],{"class":4275},[4094,35493,5076],{"class":4279},[4094,35495,5079],{"class":4812},[4094,35497,5082],{"class":4275},[4094,35499,35500,35502,35504,35506,35508,35510,35512,35514,35516,35518,35520],{"class":4096,"line":13575},[4094,35501,32349],{"class":4279},[4094,35503,4276],{"class":4275},[4094,35505,5190],{"class":4279},[4094,35507,5193],{"class":4302},[4094,35509,3519],{"class":4275},[4094,35511,5198],{"class":4279},[4094,35513,5201],{"class":4302},[4094,35515,3519],{"class":4275},[4094,35517,5076],{"class":4279},[4094,35519,5079],{"class":4812},[4094,35521,5082],{"class":4275},[4094,35523,35524,35526,35528,35530,35532,35534,35536,35538,35540,35542,35544,35546,35548,35550],{"class":4096,"line":13592},[4094,35525,17344],{"class":4279},[4094,35527,4276],{"class":4275},[4094,35529,5054],{"class":4279},[4094,35531,5057],{"class":4812},[4094,35533,3519],{"class":4275},[4094,35535,5093],{"class":4279},[4094,35537,6545],{"class":4812},[4094,35539,3519],{"class":4275},[4094,35541,5101],{"class":4279},[4094,35543,5104],{"class":4302},[4094,35545,3519],{"class":4275},[4094,35547,4636],{"class":4279},[4094,35549,24857],{"class":4302},[4094,35551,5082],{"class":4275},[4094,35553,35554,35556,35558,35560,35562,35564,35566,35568,35570,35572,35574],{"class":4096,"line":13623},[4094,35555,32395],{"class":4279},[4094,35557,4276],{"class":4275},[4094,35559,5093],{"class":4279},[4094,35561,5136],{"class":4812},[4094,35563,3519],{"class":4275},[4094,35565,4636],{"class":4279},[4094,35567,25109],{"class":4302},[4094,35569,3519],{"class":4275},[4094,35571,32400],{"class":4279},[4094,35573,9948],{"class":4812},[4094,35575,5082],{"class":4275},[4094,35577,35578,35580,35582,35584,35586,35588,35590,35592,35594,35596,35598],{"class":4096,"line":13650},[4094,35579,18972],{"class":4279},[4094,35581,4276],{"class":4275},[4094,35583,5093],{"class":4279},[4094,35585,6524],{"class":4812},[4094,35587,3519],{"class":4275},[4094,35589,5313],{"class":4279},[4094,35591,4813],{"class":4812},[4094,35593,3519],{"class":4275},[4094,35595,4636],{"class":4279},[4094,35597,25109],{"class":4302},[4094,35599,5082],{"class":4275},[4094,35601,35602,35604],{"class":4096,"line":13658},[4094,35603,17363],{"class":4279},[4094,35605,5115],{"class":4275},[4094,35607,35608,35610,35612],{"class":4096,"line":13667},[4094,35609,5144],{"class":4279},[4094,35611,5293],{"class":4812},[4094,35613,5127],{"class":4275},[4094,35615,35616,35618,35620],{"class":4096,"line":13676},[4094,35617,17378],{"class":4279},[4094,35619,5057],{"class":4812},[4094,35621,5127],{"class":4275},[4094,35623,35624,35626,35628],{"class":4096,"line":13685},[4094,35625,25055],{"class":4279},[4094,35627,19650],{"class":4302},[4094,35629,5127],{"class":4275},[4094,35631,35632,35634,35636],{"class":4096,"line":13696},[4094,35633,5121],{"class":4279},[4094,35635,5064],{"class":4302},[4094,35637,5127],{"class":4275},[4094,35639,35640],{"class":4096,"line":13701},[4094,35641,5164],{"class":4275},[4094,35643,35644,35646],{"class":4096,"line":13726},[4094,35645,17391],{"class":4279},[4094,35647,5115],{"class":4275},[4094,35649,35650,35652,35654],{"class":4096,"line":13733},[4094,35651,5121],{"class":4279},[4094,35653,6273],{"class":4302},[4094,35655,5127],{"class":4275},[4094,35657,35658,35660,35662],{"class":4096,"line":13742},[4094,35659,5133],{"class":4279},[4094,35661,5136],{"class":4812},[4094,35663,5127],{"class":4275},[4094,35665,35666,35668,35670],{"class":4096,"line":13751},[4094,35667,6606],{"class":4279},[4094,35669,6524],{"class":4812},[4094,35671,5127],{"class":4275},[4094,35673,35674,35676,35678],{"class":4096,"line":13760},[4094,35675,5248],{"class":4279},[4094,35677,5201],{"class":4302},[4094,35679,5127],{"class":4275},[4094,35681,35682],{"class":4096,"line":13769},[4094,35683,5164],{"class":4275},[4094,35685,35686,35688,35690,35692,35694,35696,35698,35700,35702,35704,35706],{"class":4096,"line":13774},[4094,35687,17434],{"class":4279},[4094,35689,4276],{"class":4275},[4094,35691,4636],{"class":4279},[4094,35693,5280],{"class":4302},[4094,35695,3519],{"class":4275},[4094,35697,5101],{"class":4279},[4094,35699,5104],{"class":4302},[4094,35701,3519],{"class":4275},[4094,35703,5093],{"class":4279},[4094,35705,5293],{"class":4812},[4094,35707,5082],{"class":4275},[4094,35709,35710],{"class":4096,"line":13787},[4094,35711,5330],{"class":4275},[3688,35713],{},[3507,35715,35717],{"id":35716},"підсумок","Підсумок",[16369,35719,35720,35724,35728,35732,35736,35740,35744,35748],{},[4250,35721,35723],{"id":35722},"view-уже-flex-default-column","View уже flex; default — column",[4250,35725,35727],{"id":35726},"main-axis-justifycontent-cross-axis-alignitems","Main axis → justifyContent; cross axis → alignItems",[4250,35729,35731],{"id":35730},"flex-1-віддає-решту-місця-header-body-footer","flex: 1 віддає «решту» місця (header \u002F body \u002F footer)",[4250,35733,35735],{"id":35734},"basis-grow-вільне-місце-shrink-тісно-playground-для-трьох","basis → grow (вільне місце) → shrink (тісно); playground для трьох",[4250,35737,35739],{"id":35738},"gap-і-wrap-проміжки-та-сітки-без-css-grid","gap і wrap — проміжки та сітки без CSS Grid",[4250,35741,35743],{"id":35742},"sticky-cta-поза-scrollview-empty-center-у-flex1","Sticky CTA — поза ScrollView; empty — center у flex:1",[4250,35745,35747],{"id":35746},"safe-area-keyboardavoidingview-краї-екрана-і-клавіатура","Safe area + KeyboardAvoidingView — краї екрана і клавіатура",[4250,35749,35751],{"id":35750},"nomad-shell-стрічки-з-лічильником-і-кнопкою-внизу","Nomad — shell стрічки з лічильником і кнопкою внизу",[3512,35753,35754,35755,35758],{},"Далі — ",[3540,35756,35757],{},"StyleSheet і теми",": світла\u002Fтемна, семантичні токени, як не розмазати кольори по всьому проєкту.",[3688,35760],{},[3507,35762,35764],{"id":35763},"практичні-завдання","Практичні завдання",[4250,35766,35768],{"id":35767},"базовий-рівень","Базовий рівень",[3575,35770,35771,35782,35787],{},[3578,35772,35773,35774,35776,35777,35779,35780,3536],{},"Пояснити своїми словами, чим ",[3516,35775,3597],{}," відрізняється від ",[3516,35778,3600],{}," у ",[3540,35781,6889],{},[3578,35783,35784,35785,3536],{},"Зібрати рядок «аватар + ім’я + шеврон» на ",[3516,35786,3867],{},[3578,35788,35789,35790,35792,35793,35795],{},"На екрані з ",[3516,35791,3857],{}," відцентрувати один ",[3516,35794,3522],{}," по вертикалі й горизонталі.",[4250,35797,35799],{"id":35798},"середній-рівень","Середній рівень",[3575,35801,35802,35809,35815],{},[3578,35803,35804,35805,5463,35807,3536],{},"У layout-lab додати шостий таб «Form» з ",[3516,35806,19506],{},[3516,35808,3618],{},[3578,35810,35811,35812,35814],{},"Зробити сітку 3 колонки (",[3516,35813,6981],{}," ≈ 30% + gap) для 9 плиток.",[3578,35816,35817,35818,35821],{},"У Nomad тимчасово підставити ",[3516,35819,35820],{},"const trips: Trip[] = []"," і перевірити empty state + sticky CTA.",[4250,35823,35825],{"id":35824},"професійний-рівень","Професійний рівень",[3575,35827,35828,35837,35846],{},[3578,35829,35830,35831,35833,35834,35836],{},"Sticky footer з ",[3516,35832,18205],{}," (або padding у ",[3516,35835,8346],{}," edges) — щоб кнопка не лізла на home indicator, якщо вимкнути bottom safe area на корені.",[3578,35838,35839,35840,35843,35844,3664],{},"Картка поїздки в ",[3540,35841,35842],{},"компактному"," режимі: cover зліва фіксованої ширини, текст справа (",[3516,35845,3875],{},[3578,35847,35848],{},"Порівняти (абзац у нотатках) absolute CTA vs footer-flex: плюси\u002Fмінуси для accessibility і клавіатури.",[3688,35850],{},[3507,35852,35854],{"id":35853},"часті-запитання","Часті запитання",[21896,35856,35857,35869,35880,35887,35903],{},[21899,35858,35861,35862,35865,35866,35868],{"icon":35859,"label":35860},"i-lucide-circle-help","Чому в браузері row, а в RN column?","Історичне рішення RN під мобільні екрани: природний напрямок UI — зверху вниз. CSS Flexbox за замовчуванням орієнтований на горизонтальний «ряд» у документі. Просто ",[3540,35863,35864],{},"пам’ятайте різницю"," і задавайте ",[3516,35867,3649],{}," свідомо.",[21899,35870,35872,35873,35875,35876,35879],{"icon":35859,"label":35871},"Чи потрібен display: 'flex'?","Для звичайного ",[3516,35874,3518],{}," — ні, він уже бере участь у flex-layout. Окремі випадки з ",[3516,35877,35878],{},"display"," у новіших RN існують, але на старті курсу їх можна не чіпати.",[21899,35881,35883,35884,35886],{"icon":35859,"label":35882},"gap не спрацьовує","Потрібен відносно сучасний React Native. У дуже старих проєктах заміняють margin. У Expo SDK курсу ",[3516,35885,3603],{}," підтримується.",[21899,35888,35890,35891,35893,35894,35896,35897,35899,35900,35902],{"icon":35859,"label":35889},"KeyboardAvoidingView «нічого не робить»","Перевірте: ",[3516,35892,19274],{}," задано; на контейнері є ",[3516,35895,3857],{},"; Android soft input mode; ",[3516,35898,19297],{}," під ваш header; тест ",[3540,35901,5446],{}," лише в react-native-web прев’ю.",[21899,35904,35906,35907,35909],{"icon":35859,"label":35905},"Коли вже FlatList?","Коли елементів багато (десятки+) і важливий перформанс прокрутки. Наступні статті модуля — списки й віртуалізація. Поки карток мало, ",[3516,35908,3531],{}," + flex-патерни достатньо.",[21949,35911,35912],{},"html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .s8xlr, html code.shiki .s8xlr{--shiki-light:#AF00DB;--shiki-default:#C586C0;--shiki-dark:#C586C0}html pre.shiki code .sHH4Y, html code.shiki .sHH4Y{--shiki-light:#000000;--shiki-default:#D4D4D4;--shiki-dark:#D4D4D4}html pre.shiki code .siwwj, html code.shiki .siwwj{--shiki-light:#001080;--shiki-default:#9CDCFE;--shiki-dark:#9CDCFE}html pre.shiki code .sbdoH, html code.shiki .sbdoH{--shiki-light:#A31515;--shiki-default:#CE9178;--shiki-dark:#CE9178}html pre.shiki code .su1O8, html code.shiki .su1O8{--shiki-light:#0000FF;--shiki-default:#569CD6;--shiki-dark:#569CD6}html pre.shiki code .s8Opu, html code.shiki .s8Opu{--shiki-light:#795E26;--shiki-default:#DCDCAA;--shiki-dark:#DCDCAA}html pre.shiki code .sN1BT, html code.shiki .sN1BT{--shiki-light:#267F99;--shiki-default:#4EC9B0;--shiki-dark:#4EC9B0}html pre.shiki code .s0P7L, html code.shiki .s0P7L{--shiki-light:#800000;--shiki-default:#808080;--shiki-dark:#808080}html pre.shiki code .sa4r_, html code.shiki .sa4r_{--shiki-light:#E50000;--shiki-default:#9CDCFE;--shiki-dark:#9CDCFE}html pre.shiki code .sD7JJ, html code.shiki .sD7JJ{--shiki-light:#000000FF;--shiki-default:#D4D4D4;--shiki-dark:#D4D4D4}html pre.shiki code .s-QsJ, html code.shiki .s-QsJ{--shiki-light:#0070C1;--shiki-default:#4FC1FF;--shiki-dark:#4FC1FF}html pre.shiki code .sJj4R, html code.shiki .sJj4R{--shiki-light:#098658;--shiki-default:#B5CEA8;--shiki-dark:#B5CEA8}html pre.shiki code .sjcCO, html code.shiki .sjcCO{--shiki-light:#EE0000;--shiki-default:#D7BA7D;--shiki-dark:#D7BA7D}html pre.shiki code .spJ8K, html code.shiki .spJ8K{--shiki-light:#008000;--shiki-default:#6A9955;--shiki-dark:#6A9955}html pre.shiki code .s5IvJ, html code.shiki .s5IvJ{--shiki-light:#000000;--shiki-default:#C8C8C8;--shiki-dark:#C8C8C8}html pre.shiki code .sLwNe, html code.shiki .sLwNe{--shiki-light:#0451A5;--shiki-default:#9CDCFE;--shiki-dark:#9CDCFE}",{"title":4090,"searchDepth":4103,"depth":4103,"links":35914},[35915,35916,35917,35920,35924,35928,35934,35940,35950,35951,35952,35953,35958,35962,35963,35964,35980,35988,35998,36003],{"id":3509,"depth":4103,"text":3510},{"id":3692,"depth":4103,"text":3693},{"id":3885,"depth":4103,"text":3886,"children":35918},[35919],{"id":4252,"depth":4109,"text":4253},{"id":5335,"depth":4103,"text":35921,"children":35922},"justifyContent — місце вздовж головної осі",[35923],{"id":5468,"depth":4109,"text":5469},{"id":6881,"depth":4103,"text":35925,"children":35926},"alignItems — вирівнювання по cross axis",[35927],{"id":6988,"depth":4109,"text":6989},{"id":8266,"depth":4103,"text":35929,"children":35930},"flex: 1 і «хто з’їдає вільне місце»",[35931,35932],{"id":8362,"depth":4109,"text":8363},{"id":8974,"depth":4109,"text":35933},"Grow, shrink, basis — три важелі замість «магічного» flex: 1",{"id":15486,"depth":4103,"text":35935,"children":35936},"gap, flexWrap і «сітка» без CSS Grid",[35937,35938,35939],{"id":3603,"depth":4109,"text":3603},{"id":15558,"depth":4109,"text":15561},{"id":15598,"depth":4109,"text":15599},{"id":16352,"depth":4103,"text":16353,"children":35941},[35942,35944,35946,35948],{"id":16373,"depth":4109,"text":35943},"Корінь flex: 1",{"id":16382,"depth":4109,"text":35945},"Header без flex",{"id":16391,"depth":4109,"text":35947},"Body з flex: 1",{"id":16413,"depth":4109,"text":35949},"Footer без flex",{"id":17482,"depth":4103,"text":17483},{"id":18165,"depth":4103,"text":18166},{"id":18217,"depth":4103,"text":18218},{"id":19083,"depth":4103,"text":19084,"children":35954},[35955,35956,35957],{"id":19097,"depth":4109,"text":19098},{"id":19168,"depth":4109,"text":19154},{"id":19228,"depth":4109,"text":19229},{"id":19244,"depth":4103,"text":35959,"children":35960},"Клавіатура: KeyboardAvoidingView",[35961],{"id":19772,"depth":4109,"text":19773},{"id":20789,"depth":4103,"text":20790},{"id":21893,"depth":4103,"text":21894},{"id":21964,"depth":4103,"text":21965,"children":35965},[35966,35967,35968,35970,35971,35972,35974,35975,35976,35977,35978,35979],{"id":21979,"depth":4109,"text":21980},{"id":22019,"depth":4109,"text":22020},{"id":22078,"depth":4109,"text":35969},"Крок 2. Замінити App.tsx",{"id":25612,"depth":4109,"text":25613},{"id":25618,"depth":4109,"text":25619},{"id":25632,"depth":4109,"text":35973},"stage з flex: 1",{"id":25645,"depth":4109,"text":25646},{"id":25661,"depth":4109,"text":17488},{"id":15946,"depth":4109,"text":22001},{"id":18501,"depth":4109,"text":22012},{"id":25692,"depth":4109,"text":25693},{"id":25745,"depth":4109,"text":25746},{"id":28970,"depth":4103,"text":28971,"children":35981},[35982,35983,35984,35985,35986,35987],{"id":28974,"depth":4109,"text":28975},{"id":28984,"depth":4109,"text":28985},{"id":29046,"depth":4109,"text":29047},{"id":34112,"depth":4109,"text":34113},{"id":34133,"depth":4109,"text":34134},{"id":34227,"depth":4109,"text":34228},{"id":35716,"depth":4103,"text":35717,"children":35989},[35990,35991,35992,35993,35994,35995,35996,35997],{"id":35722,"depth":4109,"text":35723},{"id":35726,"depth":4109,"text":35727},{"id":35730,"depth":4109,"text":35731},{"id":35734,"depth":4109,"text":35735},{"id":35738,"depth":4109,"text":35739},{"id":35742,"depth":4109,"text":35743},{"id":35746,"depth":4109,"text":35747},{"id":35750,"depth":4109,"text":35751},{"id":35763,"depth":4103,"text":35764,"children":35999},[36000,36001,36002],{"id":35767,"depth":4109,"text":35768},{"id":35798,"depth":4109,"text":35799},{"id":35824,"depth":4109,"text":35825},{"id":35853,"depth":4103,"text":35854},"Колонка за замовчуванням, осі, align\u002Fjustify, flex і gap, safe area, клавіатура — і п’ять типових екранів для мобільної верстки",null,{},{"title":3392,"description":36004},"-wtofM6yC-L1v4UQkfn5ksVSfVmmqiOLvAQ47Oka7n4",[36010,36012],{"title":3388,"path":3389,"stem":3390,"description":36011,"children":-1},"View, Text, Image, Pressable, ScrollView, Safe Area та Platform — будівельні блоки екранів і mock-картка поїздки в Nomad",{"title":3396,"path":3397,"stem":3398,"description":36013,"children":-1},"StyleSheet.create, масиви стилів, семантичні токени кольорів, useColorScheme і перемикач світлої\u002Fтемної теми в Nomad",1785915327414]