[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"library-viewthatfits":3},{"parentElement":4,"elements":12},{"id":5,"name":6,"description":7,"documentationUrl":8,"iconName":9,"order":5,"createdAt":10,"updatedAt":10,"elements":11},23,"ViewThatFits","A view that adapts to the available space by providing the first child view that fits.","https:\u002F\u002Fdeveloper.apple.com\u002Fdocumentation\u002Fswiftui\u002Fviewthatfits",null,"2025-05-28T05:35:44.329Z",[],[13,49],{"id":14,"title":15,"code":16,"description":17,"documentationUrl":18,"videoUrl":9,"videoUrlDark":9,"imagePosition":19,"preferredDuoMode":20,"iosVersionMin":21,"ipadosVersionMin":21,"macosVersionMin":22,"watchosVersionMin":23,"tvosVersionMin":21,"visionosVersionMin":24,"parentElementId":5,"subTag":25,"otherTags":26,"published":27,"createdAt":28,"updatedAt":29,"createdById":30,"parentElement":31,"createdBy":32,"imageVariants":35,"hasImageDataIos":27,"hasImageDataIosDark":27,"hasImageDataIosDuo":48,"hasImageDataIosDuoDark":48,"hasImageDataIpados":48,"hasImageDataIpadosDark":48,"hasImageDataMacos":48,"hasImageDataMacosDark":48,"hasImageDataWatchos":48,"hasImageDataWatchosDark":48,"hasImageDataTvos":48,"hasImageDataTvosDark":48,"hasImageDataVisionos":48,"hasImageDataVisionosDark":48,"hasImageDataLiquidGlassIos":48,"hasImageDataLiquidGlassIosDark":48,"hasImageDataLiquidGlassIosDuo":48,"hasImageDataLiquidGlassIosDuoDark":48,"hasImageDataLiquidGlassIpados":48,"hasImageDataLiquidGlassIpadosDark":48,"hasImageDataLiquidGlassMacos":48,"hasImageDataLiquidGlassMacosDark":48,"hasImageDataLiquidGlassWatchos":48,"hasImageDataLiquidGlassWatchosDark":48,"hasImageDataLiquidGlassTvos":48,"hasImageDataLiquidGlassTvosDark":48},6,"ViewThatFits Vertical","var body: some View {\n  VStack(alignment: .leading) {\n    testContent\n      .background(.red)\n      .frame(maxWidth: 200)\n    testContent\n      .background(.red.secondary)\n      .frame(maxHeight: 20)\n    testContent\n      .background(.red.tertiary)\n      .frame(maxHeight: 9)\n  }\n}\n\n@ViewBuilder\nvar testContent: some View {\n  ViewThatFits(in: .vertical) {\n    Text(\"Size w300 h30\")\n      .frame(width: 300, height: 30)\n      .foregroundStyle(.white)\n    Text(\"Size w200 h20\")\n      .frame(width: 200, height: 20)\n      .foregroundStyle(.white)\n    Text(\"Fallback\")\n      .frame(width: 80, height: 10)\n      .foregroundStyle(.white)\n  }\n}","A view that adapts to the available vertical space by providing the first child view that fits.","https:\u002F\u002Fdeveloper.apple.com\u002Fdocumentation\u002Fswiftui\u002Fviewthatfits\u002Finit(in:content:)","center","landscape-fullyOpen","16.0","13.0","9.0","1.0","initializer","[]",true,"2025-05-29T08:17:10.282Z","2025-05-31T17:49:54.655Z",1,{"id":5,"name":6,"description":7,"documentationUrl":8,"iconName":9,"order":5,"createdAt":10,"updatedAt":10},{"id":30,"name":33,"email":34},"Admin User","admin@typogenius.com",[36,45],{"id":37,"platform":38,"device":39,"orientation":40,"posture":41,"appearance":42,"design":43,"updatedAt":44},20,"ios","single","portrait","default","light","flat","2026-09-22T10:37:58.842Z",{"id":46,"platform":38,"device":39,"orientation":40,"posture":41,"appearance":47,"design":43,"updatedAt":44},21,"dark",false,{"id":50,"title":6,"code":51,"description":7,"documentationUrl":8,"videoUrl":9,"videoUrlDark":9,"imagePosition":19,"preferredDuoMode":20,"iosVersionMin":21,"ipadosVersionMin":21,"macosVersionMin":22,"watchosVersionMin":23,"tvosVersionMin":21,"visionosVersionMin":24,"parentElementId":5,"subTag":25,"otherTags":26,"published":27,"createdAt":52,"updatedAt":53,"createdById":30,"parentElement":54,"createdBy":55,"imageVariants":56,"hasImageDataIos":27,"hasImageDataIosDark":27,"hasImageDataIosDuo":48,"hasImageDataIosDuoDark":48,"hasImageDataIpados":48,"hasImageDataIpadosDark":48,"hasImageDataMacos":48,"hasImageDataMacosDark":48,"hasImageDataWatchos":48,"hasImageDataWatchosDark":48,"hasImageDataTvos":48,"hasImageDataTvosDark":48,"hasImageDataVisionos":48,"hasImageDataVisionosDark":48,"hasImageDataLiquidGlassIos":48,"hasImageDataLiquidGlassIosDark":48,"hasImageDataLiquidGlassIosDuo":48,"hasImageDataLiquidGlassIosDuoDark":48,"hasImageDataLiquidGlassIpados":48,"hasImageDataLiquidGlassIpadosDark":48,"hasImageDataLiquidGlassMacos":48,"hasImageDataLiquidGlassMacosDark":48,"hasImageDataLiquidGlassWatchos":48,"hasImageDataLiquidGlassWatchosDark":48,"hasImageDataLiquidGlassTvos":48,"hasImageDataLiquidGlassTvosDark":48},5,"var body: some View {\n  VStack(alignment: .leading) {\n    testContent\n      .background(.red)\n      .frame(maxWidth: 300)\n    testContent\n      .background(.red.secondary)\n      .frame(maxWidth: 200)\n    testContent\n      .background(.red.tertiary)\n      .frame(maxWidth: 100)\n    testContent\n      .background(.red.quaternary)\n      .frame(maxWidth: 50)\n  }\n}\n\n@ViewBuilder\nvar testContent: some View {\n  ViewThatFits {\n    Text(\"Available width 300\")\n      .frame(width: 300, height: 20)\n      .foregroundStyle(.white)\n    Text(\"Available width 200\")\n      .frame(width: 200, height: 20)\n      .foregroundStyle(.white)\n    Text(\"A. w. 100\")\n      .frame(width: 100, height: 20)\n      .foregroundStyle(.white)\n    Text(\"Fallback\")\n      .frame(width: 80, height: 20)\n      .foregroundStyle(.white)\n  }\n}","2025-05-29T08:01:23.868Z","2025-05-31T17:50:47.220Z",{"id":5,"name":6,"description":7,"documentationUrl":8,"iconName":9,"order":5,"createdAt":10,"updatedAt":10},{"id":30,"name":33,"email":34},[57,58],{"id":30,"platform":38,"device":39,"orientation":40,"posture":41,"appearance":42,"design":43,"updatedAt":44},{"id":59,"platform":38,"device":39,"orientation":40,"posture":41,"appearance":47,"design":43,"updatedAt":44},2]