From 73018960dd757af34db34a988ae4f95464838a1d Mon Sep 17 00:00:00 2001
From: Carson Katri <Carson.katri@gmail.com>
Date: Thu, 2 Jan 2025 12:49:07 -0500
Subject: [PATCH 1/8] Updates for v0.4.0 API changes

---
 .../components/core_components.swiftui.ex     |   4 +-
 lib/cookbook_web/live/cookbook_live.ex        |   3 +-
 .../live/cookbook_live.swiftui.ex             |   5 +
 .../drill_down_navigation_live.swiftui.ex     |   2 +
 .../live/recipes/file_upload_live.ex          |  58 +++++
 .../live/recipes/file_upload_live.swiftui.ex  | 198 +++++++++++++++++
 lib/cookbook_web/router.ex                    | 207 +++++++++---------
 7 files changed, 376 insertions(+), 101 deletions(-)
 create mode 100644 lib/cookbook_web/live/recipes/file_upload_live.ex
 create mode 100644 lib/cookbook_web/live/recipes/file_upload_live.swiftui.ex

diff --git a/lib/cookbook_web/components/core_components.swiftui.ex b/lib/cookbook_web/components/core_components.swiftui.ex
index 83c276b..25d517c 100644
--- a/lib/cookbook_web/components/core_components.swiftui.ex
+++ b/lib/cookbook_web/components/core_components.swiftui.ex
@@ -423,7 +423,7 @@ defmodule CookbookWeb.CoreComponents.SwiftUI do
   def button(%{ type: "submit" } = assigns) do
     ~LVN"""
     <Section>
-      <LiveSubmitButton style={[
+      <LiveButton type="submit" style={[
         "buttonStyle(.borderedProminent)",
         "controlSize(.large)",
         "listRowInsets(EdgeInsets())",
@@ -435,7 +435,7 @@ defmodule CookbookWeb.CoreComponents.SwiftUI do
         ]}>
           <%= render_slot(@inner_block) %>
         </Group>
-      </LiveSubmitButton>
+      </LiveButton>
     </Section>
     """
   end
diff --git a/lib/cookbook_web/live/cookbook_live.ex b/lib/cookbook_web/live/cookbook_live.ex
index 43973eb..500507e 100644
--- a/lib/cookbook_web/live/cookbook_live.ex
+++ b/lib/cookbook_web/live/cookbook_live.ex
@@ -17,7 +17,8 @@ defmodule CookbookWeb.CookbookLive do
     {:noreply,
      socket
      |> assign(:qr, qr)
-     |> assign(:uri, uri)}
+     |> assign(:uri, uri)
+     |> assign(:dead, connected?(socket))}
   end
 
   def mount(_params, _session, socket) do
diff --git a/lib/cookbook_web/live/cookbook_live.swiftui.ex b/lib/cookbook_web/live/cookbook_live.swiftui.ex
index d7e69b6..8ad85b5 100644
--- a/lib/cookbook_web/live/cookbook_live.swiftui.ex
+++ b/lib/cookbook_web/live/cookbook_live.swiftui.ex
@@ -70,6 +70,11 @@ defmodule CookbookWeb.CookbookLive.SwiftUI do
           :for={recipe <- @recipes}
           navigate={recipe.path}
         >
+          <ProgressView
+            template="destination"
+            style='navigationTitle(attr("title"))'
+            title={recipe.metadata.title}
+          />
           <Label>
             <VStack alignment="leading" template="title">
               <Text><%= recipe.metadata.title %></Text>
diff --git a/lib/cookbook_web/live/recipes/drill_down_navigation_live.swiftui.ex b/lib/cookbook_web/live/recipes/drill_down_navigation_live.swiftui.ex
index eacdf92..66f05eb 100644
--- a/lib/cookbook_web/live/recipes/drill_down_navigation_live.swiftui.ex
+++ b/lib/cookbook_web/live/recipes/drill_down_navigation_live.swiftui.ex
@@ -11,6 +11,8 @@ defmodule CookbookWeb.DrillDownNavigationLive.SwiftUI do
         navigate={~p"/recipes/drill-down-navigation?index=#{i}"}
       >
         Item <%= i %>
+
+        <VStack template="destination" style='navigationTitle(attr("title"))' title={i} />
       </.link>
     </List>
     """
diff --git a/lib/cookbook_web/live/recipes/file_upload_live.ex b/lib/cookbook_web/live/recipes/file_upload_live.ex
new file mode 100644
index 0000000..a7f28be
--- /dev/null
+++ b/lib/cookbook_web/live/recipes/file_upload_live.ex
@@ -0,0 +1,58 @@
+defmodule CookbookWeb.FileUploadLive do
+  use CookbookWeb, :live_view
+  use CookbookNative, :live_view
+
+  def mount(_params, _session, socket) do
+    {:ok, socket
+      |> assign(:uploaded_files, ["No files uploaded..."])
+      |> allow_upload(:avatar, accept: ~w(.png .jpg .jpeg), max_entries: 2)
+      |> assign(:show_file_picker, false)}
+  end
+
+  def render(assigns) do
+    ~H""
+  end
+
+  def handle_event("toggle-file-picker", _params, socket) do
+    {:noreply, assign(socket, :show_file_picker, not socket.assigns.show_file_picker)}
+  end
+
+  @impl Phoenix.LiveView
+  def handle_event("validate", params, socket) do
+    {:noreply, assign(socket, :show_file_picker, false)}
+  end
+
+  @impl Phoenix.LiveView
+  def handle_event("cancel-upload", %{"ref" => ref}, socket) do
+    {:noreply, cancel_upload(socket, :avatar, ref)}
+  end
+
+  @impl Phoenix.LiveView
+  def handle_event("save", _params, socket) do
+    Process.send_after(self(), :tick, 10)
+    uploaded_files =
+      consume_uploaded_entries(socket, :avatar, fn %{path: path}, entry ->
+        dbg entry
+        {:ok, Path.basename(path)}
+      end)
+
+    {:noreply,
+      socket
+        |> update(:uploaded_files, &(&1 ++ uploaded_files))
+    }
+  end
+
+  def handle_info(:tick, socket) do
+    {:noreply, assign(
+      socket,
+      :uploaded_files,
+      (if length(socket.assigns.uploaded_files) == 1,
+        do: socket.assigns.uploaded_files,
+        else: tl(socket.assigns.uploaded_files))
+    )}
+  end
+
+  defp error_to_string(:too_large), do: "Too large"
+  defp error_to_string(:not_accepted), do: "You have selected an unacceptable file type"
+  defp error_to_string(:too_many_files), do: "You have selected too many files"
+end
diff --git a/lib/cookbook_web/live/recipes/file_upload_live.swiftui.ex b/lib/cookbook_web/live/recipes/file_upload_live.swiftui.ex
new file mode 100644
index 0000000..68b118d
--- /dev/null
+++ b/lib/cookbook_web/live/recipes/file_upload_live.swiftui.ex
@@ -0,0 +1,198 @@
+defmodule CookbookWeb.FileUploadLive.SwiftUI do
+  use CookbookNative, [:render_component, format: :swiftui]
+
+  import LiveViewNative.SwiftUI.Component
+
+  def render(assigns) do
+    ~LVN"""
+    <Form style='navigationTitle("File Upload");'>
+      <LiveForm id="upload-form" phx-submit="save" phx-change="validate">
+        <.button phx-click="toggle-file-picker" style="background(content: :importer);">
+          <Label systemImage="folder">
+            Choose File...
+          </Label>
+          <Group template="importer">
+            <.live_file_input upload={@uploads.avatar} :if={@show_file_picker} />
+          </Group>
+        </.button>
+        <.button type="submit">
+          <HStack>
+            <Image systemName="arrow.up.square.fill" />
+            Upload
+          </HStack>
+        </.button>
+      </LiveForm>
+      <%!-- use phx-drop-target with the upload ref to enable file drag and drop --%>
+      <Section phx-drop-target={@uploads.avatar.ref}>
+        <Text template="header" :if={not Enum.empty?(@uploads.avatar.entries)}>Queued Uploads</Text>
+
+        <%!-- render each avatar entry --%>
+        <%= for entry <- @uploads.avatar.entries do %>
+          <VStack
+            alignment="leading"
+            style="swipeActions(content: :swipe_actions); listRowInsets(EdgeInsets(top: 8, leading: 8, bottom: 8, trailing: 8));"
+          >
+            <.live_img_preview entry={entry} style="resizable(); scaledToFit(); clipShape(.rect(cornerRadius: 4));" />
+
+            <%!-- entry.progress will update automatically for in-flight entries --%>
+            <ProgressView value={entry.progress} total="100">
+              <%= entry.client_name %>
+              <Text template="currentValueLabel"><%= entry.progress%>%</Text>
+            </ProgressView>
+
+            <%!-- Phoenix.Component.upload_errors/2 returns a list of error atoms --%>
+            <%= for err <- upload_errors(@uploads.avatar, entry) do %>
+              <Text style="foregroundStyle(.red); bold();"><%= error_to_string(err) %></Text>
+            <% end %>
+
+            <%!-- a regular click event whose handler will invoke Phoenix.LiveView.cancel_upload/3 --%>
+            <.button
+              template="swipe_actions"
+              role="destructive"
+              phx-click="cancel-upload"
+              phx-value-ref={entry.ref}
+            >
+              <Image systemName="trash" />
+            </.button>
+          </VStack>
+        <% end %>
+
+        <%!-- Phoenix.Component.upload_errors/1 returns a list of error atoms --%>
+        <%= for err <- upload_errors(@uploads.avatar) do %>
+          <Text style="foregroundStyle(.red); bold();"><%= error_to_string(err) %></Text>
+        <% end %>
+
+      </Section>
+
+      <Section>
+        <Text template="header">Latest Upload</Text>
+        <Text id={file} :for={file <- @uploaded_files}>
+          <%= file %>
+        </Text>
+      </Section>
+    </Form>
+    """
+  end
+
+  defp error_to_string(:too_large), do: "Too large"
+  defp error_to_string(:not_accepted), do: "You have selected an unacceptable file type"
+  defp error_to_string(:too_many_files), do: "You have selected too many files"
+
+  @doc """
+  Builds a file input tag for a LiveView upload.
+
+  [INSERT LVATTRDOCS]
+
+  ## Drag and Drop
+
+  Drag and drop is supported by annotating the droppable container with a `phx-drop-target`
+  attribute pointing to the UploadConfig `ref`, so the following markup is all that is required
+  for drag and drop support:
+
+  ```heex
+  <div class="container" phx-drop-target={@uploads.avatar.ref}>
+    <!-- ... -->
+    <.live_file_input upload={@uploads.avatar} />
+  </div>
+  ```
+
+  ## Examples
+
+  Rendering a file input:
+
+  ```heex
+  <.live_file_input upload={@uploads.avatar} />
+  ```
+
+  Rendering a file input with a label:
+
+  ```heex
+  <label for={@uploads.avatar.ref}>Avatar</label>
+  <.live_file_input upload={@uploads.avatar} />
+  ```
+  """
+  @doc type: :component
+
+  attr :upload, Phoenix.LiveView.UploadConfig,
+    required: true,
+    doc: "The `Phoenix.LiveView.UploadConfig` struct"
+
+  attr :accept, :string,
+    doc:
+      "the optional override for the accept attribute. Defaults to :accept specified by allow_upload"
+
+  attr :rest, :global, include: ~w(webkitdirectory required disabled capture form)
+
+  def live_file_input(%{upload: upload} = assigns) do
+    assigns = assign_new(assigns, :accept, fn -> upload.accept != :any && upload.accept end)
+
+    ~LVN"""
+    <VStack
+      style='fileImporter(id: attr("id"), name: attr("name"), isPresented: attr("is-presented"), allowedContentTypes: attr("accept"), allowsMultipleSelection: attr("multiple"))'
+      is-presented
+      id={@upload.ref}
+      name={@upload.name}
+      accept={@accept}
+      data-phx-update="ignore"
+      data-phx-upload-ref={@upload.ref}
+      data-phx-active-refs={join_refs(for(entry <- @upload.entries, do: entry.ref))}
+      data-phx-done-refs={join_refs(for(entry <- @upload.entries, entry.done?, do: entry.ref))}
+      data-phx-preflighted-refs={join_refs(for(entry <- @upload.entries, entry.preflighted?, do: entry.ref))}
+      data-phx-auto-upload={@upload.auto_upload?}
+      {if @upload.max_entries > 1, do: Map.put(@rest, :multiple, true), else: @rest}
+    />
+    """
+  end
+
+  defp join_refs(entries), do: Enum.join(entries, ",")
+
+  @doc ~S"""
+  Generates an image preview on the client for a selected file.
+
+  [INSERT LVATTRDOCS]
+
+  ## Examples
+
+  ```heex
+  <%= for entry <- @uploads.avatar.entries do %>
+    <.live_img_preview entry={entry} width="75" />
+  <% end %>
+  ```
+
+  When you need to use it multiple times, make sure that they have distinct ids
+
+  ```heex
+  <%= for entry <- @uploads.avatar.entries do %>
+    <.live_img_preview entry={entry} width="75" />
+  <% end %>
+
+  <%= for entry <- @uploads.avatar.entries do %>
+    <.live_img_preview id={"modal-#{entry.ref}"} entry={entry} width="500" />
+  <% end %>
+  ```
+  """
+  @doc type: :component
+
+  attr :entry, Phoenix.LiveView.UploadEntry,
+    required: true,
+    doc: "The `Phoenix.LiveView.UploadEntry` struct"
+
+  attr :id, :string,
+    default: nil,
+    doc:
+      "the id of the img tag. Derived by default from the entry ref, but can be overridden as needed if you need to render a preview of the same entry multiple times on the same page"
+
+  attr :rest, :global, []
+
+  def live_img_preview(assigns) do
+    ~LVN"""
+    <Image
+      id={@id || "phx-preview-#{@entry.ref}"}
+      data-phx-upload-ref={@entry.upload_ref}
+      data-phx-entry-ref={@entry.ref}
+      data-phx-update="ignore"
+      {@rest}
+    />
+    """
+  end
+end
diff --git a/lib/cookbook_web/router.ex b/lib/cookbook_web/router.ex
index 6e75907..c449205 100644
--- a/lib/cookbook_web/router.ex
+++ b/lib/cookbook_web/router.ex
@@ -22,105 +22,116 @@ defmodule CookbookWeb.Router do
   scope "/", CookbookWeb do
     pipe_through :browser
 
-    live "/", CookbookLive
+    live_session :default do
+      live "/", CookbookLive
+      # live "/", FileUploadLive
+    end
 
-    scope "/recipes" do
-      live "/card-row", CardRowLive, metadata: %{
-        title: "Card Row",
-        icon: "square.stack.fill",
-        description: "Auto-sized cards that snap when scrolling",
-        category: "UI"
-      }
-      live "/charts", ChartsLive, metadata: %{
-        title: "Charts",
-        icon: "chart.xyaxis.line",
-        description: "Swift Charts addon library",
-        category: "Addons"
-      }
-      live "/drill-down-navigation", DrillDownNavigationLive, metadata: %{
-        title: "Drill-Down Navigation",
-        icon: "list.bullet.indent",
-        description: "Navigation method that navigates to nested pages",
-        category: "Navigation"
-      }
-      live "/gesture", GestureLive, metadata: %{
-        title: "Gesture",
-        icon: "hand.draw.fill",
-        description: "Use `gesture_state` to create fluid interactions",
-        category: "UI"
-      }
-      live "/hub-and-spoke-navigation", HubAndSpokeNavigationLive, metadata: %{
-        title: "Hub & Spoke Navigation",
-        icon: "arrow.up.left.and.down.right.and.arrow.up.right.and.down.left",
-        description: "Navigation method that navigates to and from independent pages",
-        category: "Navigation"
-      }
-      live "/maps", MapsLive, metadata: %{
-        title: "Maps",
-        icon: "mappin.and.ellipse",
-        description: "MapKit addon library",
-        category: "Addons"
-      }
-      live "/media-overview", MediaOverviewLive, metadata: %{
-        title: "Media Overview",
-        icon: "play.square.stack",
-        description: "Apple Music/Podcasts-styled album overview",
-        category: "UI"
-      }
-      live "/message-thread", MessageThreadLive, metadata: %{
-        title: "Message Thread",
-        icon: "message.fill",
-        description: "A list of message bubbles that starts at the bottom",
-        category: "UI"
-      }
-      live "/onboarding", OnboardingLive, metadata: %{
-        title: "Onboarding",
-        icon: "list.star",
-        description: "A list of features available in the app",
-        category: "UI"
-      }
-      live "/playback-bar", PlaybackBarLive, metadata: %{
-        title: "Playback Bar",
-        icon: "playpause.fill",
-        description: "An expandable bar that shows currently playing media",
-        category: "UI"
-      }
-      live "/pyramid-navigation", PyramidNavigationLive, metadata: %{
-        title: "Pyramid Navigation",
-        icon: "point.3.filled.connected.trianglepath.dotted",
-        description: "Navigation method that allows navigation between sibling pages",
-        category: "Navigation"
-      }
-      live "/scroll-automation", ScrollAutomationLive, metadata: %{
-        title: "Scroll Automation",
-        icon: "arrow.up.and.down.text.horizontal",
-        description: "Programatically change the scroll position",
-        category: "UI"
-      }
-      live "/search", SearchLive, metadata: %{
-        title: "Search",
-        icon: "magnifyingglass",
-        description: "A search bar that sends live updates, and detects the submit button.",
-        category: "UI"
-      }
-      live "/sectioned-grid", SectionedGridLive, metadata: %{
-        title: "Sectioned Grid",
-        icon: "square.grid.3x3.fill",
-        description: "A grid of items divided into pinned section headers",
-        category: "UI"
-      }
-      live "/tabs", TabsLive, metadata: %{
-        title: "Tabs",
-        icon: "rectangle.split.3x1.fill",
-        description: "Navigation method that uses a system tab bar",
-        category: "Navigation"
-      }
-      live "/video", VideoLive, metadata: %{
-        title: "Video",
-        icon: "play.rectangle.fill",
-        description: "AVKit addon library for video playback",
-        category: "Addons"
-      }
+    live_session :recipes do
+      scope "/recipes" do
+        live "/card-row", CardRowLive, metadata: %{
+          title: "Card Row",
+          icon: "square.stack.fill",
+          description: "Auto-sized cards that snap when scrolling",
+          category: "UI"
+        }
+        live "/charts", ChartsLive, metadata: %{
+          title: "Charts",
+          icon: "chart.xyaxis.line",
+          description: "Swift Charts addon library",
+          category: "Addons"
+        }
+        live "/drill-down-navigation", DrillDownNavigationLive, metadata: %{
+          title: "Drill-Down Navigation",
+          icon: "list.bullet.indent",
+          description: "Navigation method that navigates to nested pages",
+          category: "Navigation"
+        }
+        live "/file-upload", FileUploadLive, metadata: %{
+          title: "File Upload",
+          icon: "folder",
+          description: "Upload files with the fileImporter modifier",
+          category: "UI"
+        }
+        live "/gesture", GestureLive, metadata: %{
+          title: "Gesture",
+          icon: "hand.draw.fill",
+          description: "Use `gesture_state` to create fluid interactions",
+          category: "UI"
+        }
+        live "/hub-and-spoke-navigation", HubAndSpokeNavigationLive, metadata: %{
+          title: "Hub & Spoke Navigation",
+          icon: "arrow.up.left.and.down.right.and.arrow.up.right.and.down.left",
+          description: "Navigation method that navigates to and from independent pages",
+          category: "Navigation"
+        }
+        live "/maps", MapsLive, metadata: %{
+          title: "Maps",
+          icon: "mappin.and.ellipse",
+          description: "MapKit addon library",
+          category: "Addons"
+        }
+        live "/media-overview", MediaOverviewLive, metadata: %{
+          title: "Media Overview",
+          icon: "play.square.stack",
+          description: "Apple Music/Podcasts-styled album overview",
+          category: "UI"
+        }
+        live "/message-thread", MessageThreadLive, metadata: %{
+          title: "Message Thread",
+          icon: "message.fill",
+          description: "A list of message bubbles that starts at the bottom",
+          category: "UI"
+        }
+        live "/onboarding", OnboardingLive, metadata: %{
+          title: "Onboarding",
+          icon: "list.star",
+          description: "A list of features available in the app",
+          category: "UI"
+        }
+        live "/playback-bar", PlaybackBarLive, metadata: %{
+          title: "Playback Bar",
+          icon: "playpause.fill",
+          description: "An expandable bar that shows currently playing media",
+          category: "UI"
+        }
+        live "/pyramid-navigation", PyramidNavigationLive, metadata: %{
+          title: "Pyramid Navigation",
+          icon: "point.3.filled.connected.trianglepath.dotted",
+          description: "Navigation method that allows navigation between sibling pages",
+          category: "Navigation"
+        }
+        live "/scroll-automation", ScrollAutomationLive, metadata: %{
+          title: "Scroll Automation",
+          icon: "arrow.up.and.down.text.horizontal",
+          description: "Programatically change the scroll position",
+          category: "UI"
+        }
+        live "/search", SearchLive, metadata: %{
+          title: "Search",
+          icon: "magnifyingglass",
+          description: "A search bar that sends live updates, and detects the submit button.",
+          category: "UI"
+        }
+        live "/sectioned-grid", SectionedGridLive, metadata: %{
+          title: "Sectioned Grid",
+          icon: "square.grid.3x3.fill",
+          description: "A grid of items divided into pinned section headers",
+          category: "UI"
+        }
+        live "/tabs", TabsLive, metadata: %{
+          title: "Tabs",
+          icon: "rectangle.split.3x1.fill",
+          description: "Navigation method that uses a system tab bar",
+          category: "Navigation"
+        }
+        live "/video", VideoLive, metadata: %{
+          title: "Video",
+          icon: "play.rectangle.fill",
+          description: "AVKit addon library for video playback",
+          category: "Addons"
+        }
+      end
     end
   end
 

From d3df5a47c8a7b88c05d36c76a00abf5478c7e875 Mon Sep 17 00:00:00 2001
From: Carson Katri <Carson.katri@gmail.com>
Date: Thu, 2 Jan 2025 16:52:16 -0500
Subject: [PATCH 2/8] Fix component style includes and update deps

---
 config/config.exs                             |   3 +-
 .../live/recipes/file_upload_live.swiftui.ex  | 265 ++++++------------
 lib/cookbook_web/live/recipes/search_live.ex  |   2 +-
 .../live/recipes/search_live.swiftui.ex       |  16 +-
 lib/cookbook_web/router.ex                    | 214 +++++++-------
 mix.exs                                       |  12 +-
 mix.lock                                      |  40 +--
 7 files changed, 240 insertions(+), 312 deletions(-)

diff --git a/config/config.exs b/config/config.exs
index b05f04d..4ea6ced 100644
--- a/config/config.exs
+++ b/config/config.exs
@@ -72,7 +72,8 @@ config :live_view_native_stylesheet,
   content: [
     swiftui: [
       "lib/**/swiftui/*",
-      "lib/**/*swiftui*"
+      "lib/**/*swiftui*",
+      {:live_view_native_swiftui, "lib/**/swiftui/*"}
     ]
   ],
   output: "priv/static/assets"
diff --git a/lib/cookbook_web/live/recipes/file_upload_live.swiftui.ex b/lib/cookbook_web/live/recipes/file_upload_live.swiftui.ex
index 68b118d..0ac9368 100644
--- a/lib/cookbook_web/live/recipes/file_upload_live.swiftui.ex
+++ b/lib/cookbook_web/live/recipes/file_upload_live.swiftui.ex
@@ -5,194 +5,115 @@ defmodule CookbookWeb.FileUploadLive.SwiftUI do
 
   def render(assigns) do
     ~LVN"""
-    <Form style='navigationTitle("File Upload");'>
-      <LiveForm id="upload-form" phx-submit="save" phx-change="validate">
-        <.button phx-click="toggle-file-picker" style="background(content: :importer);">
-          <Label systemImage="folder">
-            Choose File...
-          </Label>
-          <Group template="importer">
-            <.live_file_input upload={@uploads.avatar} :if={@show_file_picker} />
-          </Group>
-        </.button>
-        <.button type="submit">
-          <HStack>
-            <Image systemName="arrow.up.square.fill" />
-            Upload
-          </HStack>
-        </.button>
-      </LiveForm>
-      <%!-- use phx-drop-target with the upload ref to enable file drag and drop --%>
-      <Section phx-drop-target={@uploads.avatar.ref}>
-        <Text template="header" :if={not Enum.empty?(@uploads.avatar.entries)}>Queued Uploads</Text>
-
-        <%!-- render each avatar entry --%>
-        <%= for entry <- @uploads.avatar.entries do %>
-          <VStack
-            alignment="leading"
-            style="swipeActions(content: :swipe_actions); listRowInsets(EdgeInsets(top: 8, leading: 8, bottom: 8, trailing: 8));"
-          >
-            <.live_img_preview entry={entry} style="resizable(); scaledToFit(); clipShape(.rect(cornerRadius: 4));" />
-
-            <%!-- entry.progress will update automatically for in-flight entries --%>
-            <ProgressView value={entry.progress} total="100">
-              <%= entry.client_name %>
-              <Text template="currentValueLabel"><%= entry.progress%>%</Text>
-            </ProgressView>
-
-            <%!-- Phoenix.Component.upload_errors/2 returns a list of error atoms --%>
-            <%= for err <- upload_errors(@uploads.avatar, entry) do %>
-              <Text style="foregroundStyle(.red); bold();"><%= error_to_string(err) %></Text>
-            <% end %>
-
-            <%!-- a regular click event whose handler will invoke Phoenix.LiveView.cancel_upload/3 --%>
-            <.button
-              template="swipe_actions"
-              role="destructive"
-              phx-click="cancel-upload"
-              phx-value-ref={entry.ref}
-            >
-              <Image systemName="trash" />
-            </.button>
-          </VStack>
-        <% end %>
-
-        <%!-- Phoenix.Component.upload_errors/1 returns a list of error atoms --%>
-        <%= for err <- upload_errors(@uploads.avatar) do %>
-          <Text style="foregroundStyle(.red); bold();"><%= error_to_string(err) %></Text>
-        <% end %>
-
-      </Section>
-
+    <Form style='navigationTitle("File Upload");' :interface-target="ios">
+      <.upload_form uploads={@uploads} show_file_picker={@show_file_picker} />
+      <.upload_entries uploads={@uploads} />
       <Section>
-        <Text template="header">Latest Upload</Text>
-        <Text id={file} :for={file <- @uploaded_files}>
-          <%= file %>
-        </Text>
+        <.latest_uploads uploaded_files={@uploaded_files} />
       </Section>
     </Form>
-    """
-  end
-
-  defp error_to_string(:too_large), do: "Too large"
-  defp error_to_string(:not_accepted), do: "You have selected an unacceptable file type"
-  defp error_to_string(:too_many_files), do: "You have selected too many files"
-
-  @doc """
-  Builds a file input tag for a LiveView upload.
-
-  [INSERT LVATTRDOCS]
-
-  ## Drag and Drop
-
-  Drag and drop is supported by annotating the droppable container with a `phx-drop-target`
-  attribute pointing to the UploadConfig `ref`, so the following markup is all that is required
-  for drag and drop support:
-
-  ```heex
-  <div class="container" phx-drop-target={@uploads.avatar.ref}>
-    <!-- ... -->
-    <.live_file_input upload={@uploads.avatar} />
-  </div>
-  ```
-
-  ## Examples
-
-  Rendering a file input:
-
-  ```heex
-  <.live_file_input upload={@uploads.avatar} />
-  ```
-
-  Rendering a file input with a label:
-
-  ```heex
-  <label for={@uploads.avatar.ref}>Avatar</label>
-  <.live_file_input upload={@uploads.avatar} />
-  ```
-  """
-  @doc type: :component
 
-  attr :upload, Phoenix.LiveView.UploadConfig,
-    required: true,
-    doc: "The `Phoenix.LiveView.UploadConfig` struct"
+    <Form style='padding(); navigationTitle("File Upload");' :interface-target="macos">
+      <.upload_form uploads={@uploads} show_file_picker={@show_file_picker} />
+      <.upload_entries uploads={@uploads} />
+      <.latest_uploads uploaded_files={@uploaded_files} />
+    </Form>
 
-  attr :accept, :string,
-    doc:
-      "the optional override for the accept attribute. Defaults to :accept specified by allow_upload"
+    <Form style='navigationTitle("File Upload");' :interface-target="visionos">
+      <.upload_form uploads={@uploads} show_file_picker={@show_file_picker} />
+      <.upload_entries uploads={@uploads} />
+      <.latest_uploads uploaded_files={@uploaded_files} />
+    </Form>
 
-  attr :rest, :global, include: ~w(webkitdirectory required disabled capture form)
+    <ContentUnavailableView style='navigationTitle("File Upload");' :interface-target="tvos">
+      <Label systemImage="xmark.bin.fill">File uploads are not available for tvOS</Label>
+    </ContentUnavailableView>
 
-  def live_file_input(%{upload: upload} = assigns) do
-    assigns = assign_new(assigns, :accept, fn -> upload.accept != :any && upload.accept end)
+    <ContentUnavailableView style='navigationTitle("File Upload");' :interface-target="watchos">
+      <Label systemImage="xmark.bin.fill">File uploads are not available for watchOS</Label>
+    </ContentUnavailableView>
+    """
+  end
 
+  defp upload_form(assigns) do
     ~LVN"""
-    <VStack
-      style='fileImporter(id: attr("id"), name: attr("name"), isPresented: attr("is-presented"), allowedContentTypes: attr("accept"), allowsMultipleSelection: attr("multiple"))'
-      is-presented
-      id={@upload.ref}
-      name={@upload.name}
-      accept={@accept}
-      data-phx-update="ignore"
-      data-phx-upload-ref={@upload.ref}
-      data-phx-active-refs={join_refs(for(entry <- @upload.entries, do: entry.ref))}
-      data-phx-done-refs={join_refs(for(entry <- @upload.entries, entry.done?, do: entry.ref))}
-      data-phx-preflighted-refs={join_refs(for(entry <- @upload.entries, entry.preflighted?, do: entry.ref))}
-      data-phx-auto-upload={@upload.auto_upload?}
-      {if @upload.max_entries > 1, do: Map.put(@rest, :multiple, true), else: @rest}
-    />
+    <LiveForm id="upload-form" phx-submit="save" phx-change="validate">
+      <.button phx-click="toggle-file-picker" style="background(content: :importer);">
+        <Label systemImage="folder">
+          Choose File...
+        </Label>
+        <Group template="importer">
+          <.live_file_input upload={@uploads.avatar} :if={@show_file_picker} />
+        </Group>
+      </.button>
+      <.button type="submit">
+        <HStack>
+          <Image systemName="arrow.up.square.fill" />
+          Upload
+        </HStack>
+      </.button>
+    </LiveForm>
     """
   end
 
-  defp join_refs(entries), do: Enum.join(entries, ",")
-
-  @doc ~S"""
-  Generates an image preview on the client for a selected file.
-
-  [INSERT LVATTRDOCS]
-
-  ## Examples
-
-  ```heex
-  <%= for entry <- @uploads.avatar.entries do %>
-    <.live_img_preview entry={entry} width="75" />
-  <% end %>
-  ```
-
-  When you need to use it multiple times, make sure that they have distinct ids
-
-  ```heex
-  <%= for entry <- @uploads.avatar.entries do %>
-    <.live_img_preview entry={entry} width="75" />
-  <% end %>
-
-  <%= for entry <- @uploads.avatar.entries do %>
-    <.live_img_preview id={"modal-#{entry.ref}"} entry={entry} width="500" />
-  <% end %>
-  ```
-  """
-  @doc type: :component
-
-  attr :entry, Phoenix.LiveView.UploadEntry,
-    required: true,
-    doc: "The `Phoenix.LiveView.UploadEntry` struct"
+  defp upload_entries(assigns) do
+    ~LVN"""
+    <%!-- use phx-drop-target with the upload ref to enable file drag and drop --%>
+    <Section phx-drop-target={@uploads.avatar.ref}>
+      <Text template="header" :if={not Enum.empty?(@uploads.avatar.entries)}>Queued Uploads</Text>
+
+      <%!-- render each avatar entry --%>
+      <%= for entry <- @uploads.avatar.entries do %>
+        <VStack
+          alignment="leading"
+          style="swipeActions(content: :swipe_actions); listRowInsets(EdgeInsets(top: 8, leading: 8, bottom: 8, trailing: 8));"
+        >
+          <.live_img_preview entry={entry} style="resizable(); scaledToFit(); clipShape(.rect(cornerRadius: 4));" />
+
+          <%!-- entry.progress will update automatically for in-flight entries --%>
+          <ProgressView value={entry.progress} total="100">
+            <%= entry.client_name %>
+            <Text template="currentValueLabel"><%= entry.progress%>%</Text>
+          </ProgressView>
+
+          <%!-- Phoenix.Component.upload_errors/2 returns a list of error atoms --%>
+          <%= for err <- upload_errors(@uploads.avatar, entry) do %>
+            <Text style="foregroundStyle(.red); bold();"><%= error_to_string(err) %></Text>
+          <% end %>
+
+          <%!-- a regular click event whose handler will invoke Phoenix.LiveView.cancel_upload/3 --%>
+          <.button
+            template="swipe_actions"
+            role="destructive"
+            phx-click="cancel-upload"
+            phx-value-ref={entry.ref}
+          >
+            <Image systemName="trash" />
+          </.button>
+        </VStack>
+      <% end %>
 
-  attr :id, :string,
-    default: nil,
-    doc:
-      "the id of the img tag. Derived by default from the entry ref, but can be overridden as needed if you need to render a preview of the same entry multiple times on the same page"
+      <%!-- Phoenix.Component.upload_errors/1 returns a list of error atoms --%>
+      <%= for err <- upload_errors(@uploads.avatar) do %>
+        <Text style="foregroundStyle(.red); bold();"><%= error_to_string(err) %></Text>
+      <% end %>
 
-  attr :rest, :global, []
+    </Section>
+    """
+  end
 
-  def live_img_preview(assigns) do
+  defp latest_uploads(assigns) do
     ~LVN"""
-    <Image
-      id={@id || "phx-preview-#{@entry.ref}"}
-      data-phx-upload-ref={@entry.upload_ref}
-      data-phx-entry-ref={@entry.ref}
-      data-phx-update="ignore"
-      {@rest}
-    />
+    <Section>
+      <Text template="header">Latest Upload</Text>
+      <Text id={file} :for={file <- @uploaded_files}>
+        <%= file %>
+      </Text>
+    </Section>
     """
   end
+
+  defp error_to_string(:too_large), do: "Too large"
+  defp error_to_string(:not_accepted), do: "You have selected an unacceptable file type"
+  defp error_to_string(:too_many_files), do: "You have selected too many files"
 end
diff --git a/lib/cookbook_web/live/recipes/search_live.ex b/lib/cookbook_web/live/recipes/search_live.ex
index e95ef5a..ca7cb07 100644
--- a/lib/cookbook_web/live/recipes/search_live.ex
+++ b/lib/cookbook_web/live/recipes/search_live.ex
@@ -3,7 +3,7 @@ defmodule CookbookWeb.SearchLive do
   use CookbookNative, :live_view
 
   def mount(_params, _session, socket) do
-    {:ok, assign(socket, search_text: "", entered_search: "Pull down to search")}
+    {:ok, assign(socket, search_text: "", entered_search: "")}
   end
 
   @spec handle_event(<<_::48, _::_*64>>, any(), any()) :: {:noreply, any()}
diff --git a/lib/cookbook_web/live/recipes/search_live.swiftui.ex b/lib/cookbook_web/live/recipes/search_live.swiftui.ex
index 7a88dc6..c92127e 100644
--- a/lib/cookbook_web/live/recipes/search_live.swiftui.ex
+++ b/lib/cookbook_web/live/recipes/search_live.swiftui.ex
@@ -3,7 +3,7 @@ defmodule CookbookWeb.SearchLive.SwiftUI do
 
   def render(assigns) do
     ~LVN"""
-    <List
+    <VStack
       style={[
         ~s[navigationTitle("Search")],
         ~s[searchable(text: attr("searchText"), prompt: "Search for something...")],
@@ -13,8 +13,18 @@ defmodule CookbookWeb.SearchLive.SwiftUI do
       phx-change="search-changed"
       phx-debounce={250}
     >
-      <Text><%= @entered_search %></Text>
-    </List>
+      <LabeledContent :if={@entered_search != ""} style="padding();">
+        <Text template="label" style="bold();">Entered Search</Text>
+        <%= @entered_search %>
+      </LabeledContent>
+      <ContentUnavailableView :if={@entered_search == ""}>
+        <Label systemImage="magnifyingglass">
+          No Results
+        </Label>
+        <Text template="description">Search in the top bar.</Text>
+        <Text :interface-target="macos" template="description">Press enter to perform the search.</Text>
+      </ContentUnavailableView>
+    </VStack>
     """
   end
 end
diff --git a/lib/cookbook_web/router.ex b/lib/cookbook_web/router.ex
index c449205..32cac77 100644
--- a/lib/cookbook_web/router.ex
+++ b/lib/cookbook_web/router.ex
@@ -22,116 +22,110 @@ defmodule CookbookWeb.Router do
   scope "/", CookbookWeb do
     pipe_through :browser
 
-    live_session :default do
-      live "/", CookbookLive
-      # live "/", FileUploadLive
-    end
-
-    live_session :recipes do
-      scope "/recipes" do
-        live "/card-row", CardRowLive, metadata: %{
-          title: "Card Row",
-          icon: "square.stack.fill",
-          description: "Auto-sized cards that snap when scrolling",
-          category: "UI"
-        }
-        live "/charts", ChartsLive, metadata: %{
-          title: "Charts",
-          icon: "chart.xyaxis.line",
-          description: "Swift Charts addon library",
-          category: "Addons"
-        }
-        live "/drill-down-navigation", DrillDownNavigationLive, metadata: %{
-          title: "Drill-Down Navigation",
-          icon: "list.bullet.indent",
-          description: "Navigation method that navigates to nested pages",
-          category: "Navigation"
-        }
-        live "/file-upload", FileUploadLive, metadata: %{
-          title: "File Upload",
-          icon: "folder",
-          description: "Upload files with the fileImporter modifier",
-          category: "UI"
-        }
-        live "/gesture", GestureLive, metadata: %{
-          title: "Gesture",
-          icon: "hand.draw.fill",
-          description: "Use `gesture_state` to create fluid interactions",
-          category: "UI"
-        }
-        live "/hub-and-spoke-navigation", HubAndSpokeNavigationLive, metadata: %{
-          title: "Hub & Spoke Navigation",
-          icon: "arrow.up.left.and.down.right.and.arrow.up.right.and.down.left",
-          description: "Navigation method that navigates to and from independent pages",
-          category: "Navigation"
-        }
-        live "/maps", MapsLive, metadata: %{
-          title: "Maps",
-          icon: "mappin.and.ellipse",
-          description: "MapKit addon library",
-          category: "Addons"
-        }
-        live "/media-overview", MediaOverviewLive, metadata: %{
-          title: "Media Overview",
-          icon: "play.square.stack",
-          description: "Apple Music/Podcasts-styled album overview",
-          category: "UI"
-        }
-        live "/message-thread", MessageThreadLive, metadata: %{
-          title: "Message Thread",
-          icon: "message.fill",
-          description: "A list of message bubbles that starts at the bottom",
-          category: "UI"
-        }
-        live "/onboarding", OnboardingLive, metadata: %{
-          title: "Onboarding",
-          icon: "list.star",
-          description: "A list of features available in the app",
-          category: "UI"
-        }
-        live "/playback-bar", PlaybackBarLive, metadata: %{
-          title: "Playback Bar",
-          icon: "playpause.fill",
-          description: "An expandable bar that shows currently playing media",
-          category: "UI"
-        }
-        live "/pyramid-navigation", PyramidNavigationLive, metadata: %{
-          title: "Pyramid Navigation",
-          icon: "point.3.filled.connected.trianglepath.dotted",
-          description: "Navigation method that allows navigation between sibling pages",
-          category: "Navigation"
-        }
-        live "/scroll-automation", ScrollAutomationLive, metadata: %{
-          title: "Scroll Automation",
-          icon: "arrow.up.and.down.text.horizontal",
-          description: "Programatically change the scroll position",
-          category: "UI"
-        }
-        live "/search", SearchLive, metadata: %{
-          title: "Search",
-          icon: "magnifyingglass",
-          description: "A search bar that sends live updates, and detects the submit button.",
-          category: "UI"
-        }
-        live "/sectioned-grid", SectionedGridLive, metadata: %{
-          title: "Sectioned Grid",
-          icon: "square.grid.3x3.fill",
-          description: "A grid of items divided into pinned section headers",
-          category: "UI"
-        }
-        live "/tabs", TabsLive, metadata: %{
-          title: "Tabs",
-          icon: "rectangle.split.3x1.fill",
-          description: "Navigation method that uses a system tab bar",
-          category: "Navigation"
-        }
-        live "/video", VideoLive, metadata: %{
-          title: "Video",
-          icon: "play.rectangle.fill",
-          description: "AVKit addon library for video playback",
-          category: "Addons"
-        }
-      end
+    live "/", FileUploadLive
+    scope "/recipes" do
+      live "/card-row", CardRowLive, metadata: %{
+        title: "Card Row",
+        icon: "square.stack.fill",
+        description: "Auto-sized cards that snap when scrolling",
+        category: "UI"
+      }
+      live "/charts", ChartsLive, metadata: %{
+        title: "Charts",
+        icon: "chart.xyaxis.line",
+        description: "Swift Charts addon library",
+        category: "Addons"
+      }
+      live "/drill-down-navigation", DrillDownNavigationLive, metadata: %{
+        title: "Drill-Down Navigation",
+        icon: "list.bullet.indent",
+        description: "Navigation method that navigates to nested pages",
+        category: "Navigation"
+      }
+      live "/file-upload", FileUploadLive, metadata: %{
+        title: "File Upload",
+        icon: "folder",
+        description: "Upload files with the fileImporter modifier",
+        category: "UI"
+      }
+      live "/gesture", GestureLive, metadata: %{
+        title: "Gesture",
+        icon: "hand.draw.fill",
+        description: "Use `gesture_state` to create fluid interactions",
+        category: "UI"
+      }
+      live "/hub-and-spoke-navigation", HubAndSpokeNavigationLive, metadata: %{
+        title: "Hub & Spoke Navigation",
+        icon: "arrow.up.left.and.down.right.and.arrow.up.right.and.down.left",
+        description: "Navigation method that navigates to and from independent pages",
+        category: "Navigation"
+      }
+      live "/maps", MapsLive, metadata: %{
+        title: "Maps",
+        icon: "mappin.and.ellipse",
+        description: "MapKit addon library",
+        category: "Addons"
+      }
+      live "/media-overview", MediaOverviewLive, metadata: %{
+        title: "Media Overview",
+        icon: "play.square.stack",
+        description: "Apple Music/Podcasts-styled album overview",
+        category: "UI"
+      }
+      live "/message-thread", MessageThreadLive, metadata: %{
+        title: "Message Thread",
+        icon: "message.fill",
+        description: "A list of message bubbles that starts at the bottom",
+        category: "UI"
+      }
+      live "/onboarding", OnboardingLive, metadata: %{
+        title: "Onboarding",
+        icon: "list.star",
+        description: "A list of features available in the app",
+        category: "UI"
+      }
+      live "/playback-bar", PlaybackBarLive, metadata: %{
+        title: "Playback Bar",
+        icon: "playpause.fill",
+        description: "An expandable bar that shows currently playing media",
+        category: "UI"
+      }
+      live "/pyramid-navigation", PyramidNavigationLive, metadata: %{
+        title: "Pyramid Navigation",
+        icon: "point.3.filled.connected.trianglepath.dotted",
+        description: "Navigation method that allows navigation between sibling pages",
+        category: "Navigation"
+      }
+      live "/scroll-automation", ScrollAutomationLive, metadata: %{
+        title: "Scroll Automation",
+        icon: "arrow.up.and.down.text.horizontal",
+        description: "Programatically change the scroll position",
+        category: "UI"
+      }
+      live "/search", SearchLive, metadata: %{
+        title: "Search",
+        icon: "magnifyingglass",
+        description: "A search bar that sends live updates, and detects the submit button.",
+        category: "UI"
+      }
+      live "/sectioned-grid", SectionedGridLive, metadata: %{
+        title: "Sectioned Grid",
+        icon: "square.grid.3x3.fill",
+        description: "A grid of items divided into pinned section headers",
+        category: "UI"
+      }
+      live "/tabs", TabsLive, metadata: %{
+        title: "Tabs",
+        icon: "rectangle.split.3x1.fill",
+        description: "Navigation method that uses a system tab bar",
+        category: "Navigation"
+      }
+      live "/video", VideoLive, metadata: %{
+        title: "Video",
+        icon: "play.rectangle.fill",
+        description: "AVKit addon library for video playback",
+        category: "Addons"
+      }
     end
   end
 
diff --git a/mix.exs b/mix.exs
index f627fa0..3270170 100644
--- a/mix.exs
+++ b/mix.exs
@@ -35,7 +35,7 @@ defmodule Cookbook.MixProject do
       {:phoenix, "~> 1.7.11"},
       {:phoenix_html, "~> 4.0"},
       {:phoenix_live_reload, "~> 1.2", only: :dev},
-      {:phoenix_live_view, "~> 0.20.2"},
+      {:phoenix_live_view, "~> 1.0.1"},
       {:floki, ">= 0.30.0", only: :test},
       {:phoenix_live_dashboard, "~> 0.8.3"},
       {:esbuild, "~> 0.8", runtime: Mix.env() == :dev},
@@ -53,10 +53,12 @@ defmodule Cookbook.MixProject do
       {:jason, "~> 1.2"},
       {:dns_cluster, "~> 0.1.1"},
       {:bandit, "~> 1.2"},
-      {:live_view_native, "~> 0.3.0"},
-      {:live_view_native_stylesheet, "~> 0.3.0"},
-      {:live_view_native_swiftui, "~> 0.3.0"},
-      {:live_view_native_live_form, "~> 0.3.0"},
+
+      {:live_view_native, "~> 0.4.0-rc.0"},
+      {:live_view_native_stylesheet, "~> 0.3.2"},
+      {:live_view_native_swiftui, "~> 0.4.0-rc.0"},
+      {:live_view_native_live_form, "~> 0.4.0-rc.0"},
+
       {:qr_code, "~> 3.1.0"}
     ]
   end
diff --git a/mix.lock b/mix.lock
index 6c2f41a..5f707da 100644
--- a/mix.lock
+++ b/mix.lock
@@ -1,6 +1,6 @@
 %{
-  "bandit": {:hex, :bandit, "1.5.7", "6856b1e1df4f2b0cb3df1377eab7891bec2da6a7fd69dc78594ad3e152363a50", [:mix], [{:hpax, "~> 1.0.0", [hex: :hpax, repo: "hexpm", optional: false]}, {:plug, "~> 1.14", [hex: :plug, repo: "hexpm", optional: false]}, {:telemetry, "~> 0.4 or ~> 1.0", [hex: :telemetry, repo: "hexpm", optional: false]}, {:thousand_island, "~> 1.0", [hex: :thousand_island, repo: "hexpm", optional: false]}, {:websock, "~> 0.5", [hex: :websock, repo: "hexpm", optional: false]}], "hexpm", "f2dd92ae87d2cbea2fa9aa1652db157b6cba6c405cb44d4f6dd87abba41371cd"},
-  "castore": {:hex, :castore, "1.0.8", "dedcf20ea746694647f883590b82d9e96014057aff1d44d03ec90f36a5c0dc6e", [:mix], [], "hexpm", "0b2b66d2ee742cb1d9cb8c8be3b43c3a70ee8651f37b75a8b982e036752983f1"},
+  "bandit": {:hex, :bandit, "1.6.1", "9e01b93d72ddc21d8c576a704949e86ee6cde7d11270a1d3073787876527a48f", [:mix], [{:hpax, "~> 1.0", [hex: :hpax, repo: "hexpm", optional: false]}, {:plug, "~> 1.14", [hex: :plug, repo: "hexpm", optional: false]}, {:telemetry, "~> 0.4 or ~> 1.0", [hex: :telemetry, repo: "hexpm", optional: false]}, {:thousand_island, "~> 1.0", [hex: :thousand_island, repo: "hexpm", optional: false]}, {:websock, "~> 0.5", [hex: :websock, repo: "hexpm", optional: false]}], "hexpm", "5a904bf010ea24b67979835e0507688e31ac873d4ffc8ed0e5413e8d77455031"},
+  "castore": {:hex, :castore, "1.0.11", "4bbd584741601eb658007339ea730b082cc61f3554cf2e8f39bf693a11b49073", [:mix], [], "hexpm", "e03990b4db988df56262852f20de0f659871c35154691427a5047f4967a16a62"},
   "cowboy": {:hex, :cowboy, "2.12.0", "f276d521a1ff88b2b9b4c54d0e753da6c66dd7be6c9fca3d9418b561828a3731", [:make, :rebar3], [{:cowlib, "2.13.0", [hex: :cowlib, repo: "hexpm", optional: false]}, {:ranch, "1.8.0", [hex: :ranch, repo: "hexpm", optional: false]}], "hexpm", "8a7abe6d183372ceb21caa2709bec928ab2b72e18a3911aa1771639bef82651e"},
   "cowboy_telemetry": {:hex, :cowboy_telemetry, "0.4.0", "f239f68b588efa7707abce16a84d0d2acf3a0f50571f8bb7f56a15865aae820c", [:rebar3], [{:cowboy, "~> 2.7", [hex: :cowboy, repo: "hexpm", optional: false]}, {:telemetry, "~> 1.0", [hex: :telemetry, repo: "hexpm", optional: false]}], "hexpm", "7d98bac1ee4565d31b62d59f8823dfd8356a169e7fcbb83831b8a5397404c9de"},
   "cowlib": {:hex, :cowlib, "2.13.0", "db8f7505d8332d98ef50a3ef34b34c1afddec7506e4ee4dd4a3a266285d282ca", [:make, :rebar3], [], "hexpm", "e1e1284dc3fc030a64b1ad0d8382ae7e99da46c3246b815318a4b848873800a4"},
@@ -9,45 +9,45 @@
   "ex_maybe": {:hex, :ex_maybe, "1.1.1", "95c0188191b43bd278e876ae4f0a688922e3ca016a9efd97ee7a0b741a61b899", [:mix], [], "hexpm", "1af8c78c915c7f119a513b300a1702fc5cc9fed42d54fd85995265e4c4b763d2"},
   "expo": {:hex, :expo, "1.0.0", "647639267e088717232f4d4451526e7a9de31a3402af7fcbda09b27e9a10395a", [:mix], [], "hexpm", "18d2093d344d97678e8a331ca0391e85d29816f9664a25653fd7e6166827827c"},
   "file_system": {:hex, :file_system, "1.0.1", "79e8ceaddb0416f8b8cd02a0127bdbababe7bf4a23d2a395b983c1f8b3f73edd", [:mix], [], "hexpm", "4414d1f38863ddf9120720cd976fce5bdde8e91d8283353f0e31850fa89feb9e"},
-  "floki": {:hex, :floki, "0.36.2", "a7da0193538c93f937714a6704369711998a51a6164a222d710ebd54020aa7a3", [:mix], [], "hexpm", "a8766c0bc92f074e5cb36c4f9961982eda84c5d2b8e979ca67f5c268ec8ed580"},
+  "floki": {:hex, :floki, "0.37.0", "b83e0280bbc6372f2a403b2848013650b16640cd2470aea6701f0632223d719e", [:mix], [], "hexpm", "516a0c15a69f78c47dc8e0b9b3724b29608aa6619379f91b1ffa47109b5d0dd3"},
   "gettext": {:hex, :gettext, "0.26.1", "38e14ea5dcf962d1fc9f361b63ea07c0ce715a8ef1f9e82d3dfb8e67e0416715", [:mix], [{:expo, "~> 0.5.1 or ~> 1.0", [hex: :expo, repo: "hexpm", optional: false]}], "hexpm", "01ce56f188b9dc28780a52783d6529ad2bc7124f9744e571e1ee4ea88bf08734"},
   "heroicons": {:git, "https://github.com/tailwindlabs/heroicons.git", "88ab3a0d790e6a47404cba02800a6b25d2afae50", [tag: "v2.1.1", sparse: "optimized", depth: 1]},
-  "hpax": {:hex, :hpax, "1.0.0", "28dcf54509fe2152a3d040e4e3df5b265dcb6cb532029ecbacf4ce52caea3fd2", [:mix], [], "hexpm", "7f1314731d711e2ca5fdc7fd361296593fc2542570b3105595bb0bc6d0fad601"},
+  "hpax": {:hex, :hpax, "1.0.2", "762df951b0c399ff67cc57c3995ec3cf46d696e41f0bba17da0518d94acd4aac", [:mix], [], "hexpm", "2f09b4c1074e0abd846747329eaa26d535be0eb3d189fa69d812bfb8bfefd32f"},
   "jason": {:hex, :jason, "1.4.4", "b9226785a9aa77b6857ca22832cffa5d5011a667207eb2a0ad56adb5db443b8a", [:mix], [{:decimal, "~> 1.0 or ~> 2.0", [hex: :decimal, repo: "hexpm", optional: true]}], "hexpm", "c5eb0cab91f094599f94d55bc63409236a8ec69a21a67814529e8d5f6cc90b3b"},
-  "live_view_native": {:hex, :live_view_native, "0.3.0", "a99d773740c7ca0178fdf609e4585dbd9859e1e29f65b67e3301da9afccc0e9c", [:mix], [{:jason, "~> 1.2", [hex: :jason, repo: "hexpm", optional: false]}, {:phoenix, "~> 1.7.0", [hex: :phoenix, repo: "hexpm", optional: false]}, {:phoenix_html, "~> 3.3 or ~> 4.0", [hex: :phoenix_html, repo: "hexpm", optional: false]}, {:phoenix_live_view, "~> 0.20.10", [hex: :phoenix_live_view, repo: "hexpm", optional: false]}, {:phoenix_template, "~> 1.0.4", [hex: :phoenix_template, repo: "hexpm", optional: false]}, {:phoenix_view, "~> 2.0", [hex: :phoenix_view, repo: "hexpm", optional: false]}, {:plug, "~> 1.15", [hex: :plug, repo: "hexpm", optional: false]}, {:plug_cowboy, "~> 2.5", [hex: :plug_cowboy, repo: "hexpm", optional: false]}, {:sourceror, "~> 1.5", [hex: :sourceror, repo: "hexpm", optional: false]}, {:text_diff, "~> 0.1", [hex: :text_diff, repo: "hexpm", optional: false]}], "hexpm", "7a343414c210f8f088b4aa5981490a1db8ef39a629ce55f79843919813e92e8c"},
-  "live_view_native_live_form": {:hex, :live_view_native_live_form, "0.3.0", "71452bd34b065baeacc16bf32ea274a87c8d2489c0fd70346661ff9cd4b8a52a", [:mix], [{:live_view_native, "~> 0.3.0", [hex: :live_view_native, repo: "hexpm", optional: false]}, {:phoenix_live_view, "~> 0.20.4", [hex: :phoenix_live_view, repo: "hexpm", optional: false]}], "hexpm", "5799d8615197d120b4000f5dd375437223c47f04605be71c7cb41a9e1af5ecb1"},
-  "live_view_native_stylesheet": {:hex, :live_view_native_stylesheet, "0.3.0", "decd7a02ee490406045649e911426d5ea515543023a29256dca95a409ca9079b", [:mix], [{:live_view_native, "~> 0.3.0", [hex: :live_view_native, repo: "hexpm", optional: false]}, {:nimble_parsec, "~> 1.3", [hex: :nimble_parsec, repo: "hexpm", optional: false]}], "hexpm", "cec8e41b12c5177e1ffd63c061a6eab6455617d53d99c506c3787c8970de7c19"},
-  "live_view_native_swiftui": {:hex, :live_view_native_swiftui, "0.3.0", "ce6f14c926fd0d6d790eee6195e5e71e32fca15ae11632b5692d885e93e24843", [:mix], [{:live_view_native, "~> 0.3.0", [hex: :live_view_native, repo: "hexpm", optional: false]}, {:makeup_eex, ">= 0.1.1", [hex: :makeup_eex, repo: "hexpm", optional: false]}, {:nimble_parsec, "~> 1.3", [hex: :nimble_parsec, repo: "hexpm", optional: false]}], "hexpm", "be3c1a807445795beb6029f35e4fd6718cc1761db591c7af5fae8f5639c97895"},
-  "makeup": {:hex, :makeup, "1.1.2", "9ba8837913bdf757787e71c1581c21f9d2455f4dd04cfca785c70bbfff1a76a3", [:mix], [{:nimble_parsec, "~> 1.2.2 or ~> 1.3", [hex: :nimble_parsec, repo: "hexpm", optional: false]}], "hexpm", "cce1566b81fbcbd21eca8ffe808f33b221f9eee2cbc7a1706fc3da9ff18e6cac"},
-  "makeup_eex": {:hex, :makeup_eex, "0.1.2", "93a5ef3d28ed753215dba2d59cb40408b37cccb4a8205e53ef9b5319a992b700", [:mix], [{:makeup, "~> 1.0", [hex: :makeup, repo: "hexpm", optional: false]}, {:makeup_elixir, "~> 0.16 or ~> 1.0", [hex: :makeup_elixir, repo: "hexpm", optional: false]}, {:makeup_html, "~> 0.1.0 or ~> 1.0", [hex: :makeup_html, repo: "hexpm", optional: false]}, {:nimble_parsec, "~> 1.2", [hex: :nimble_parsec, repo: "hexpm", optional: false]}], "hexpm", "6140eafb28215ad7182282fd21d9aa6dcffbfbe0eb876283bc6b768a6c57b0c3"},
-  "makeup_elixir": {:hex, :makeup_elixir, "0.16.2", "627e84b8e8bf22e60a2579dad15067c755531fea049ae26ef1020cad58fe9578", [:mix], [{:makeup, "~> 1.0", [hex: :makeup, repo: "hexpm", optional: false]}, {:nimble_parsec, "~> 1.2.3 or ~> 1.3", [hex: :nimble_parsec, repo: "hexpm", optional: false]}], "hexpm", "41193978704763f6bbe6cc2758b84909e62984c7752b3784bd3c218bb341706b"},
-  "makeup_html": {:hex, :makeup_html, "0.1.1", "c3d4abd39d5f7e925faca72ada6e9cc5c6f5fa7cd5bc0158315832656cf14d7f", [:mix], [{:makeup, "~> 1.0", [hex: :makeup, repo: "hexpm", optional: false]}], "hexpm", "44f2a61bc5243645dd7fafeaa6cc28793cd22f3c76b861e066168f9a5b2c26a4"},
+  "live_view_native": {:hex, :live_view_native, "0.4.0-rc.0", "a04edaf52f583e1282080c4f6d4b6da82d563ee325db6b2c6aa12a1f10c77d8c", [:mix], [{:jason, "~> 1.2", [hex: :jason, repo: "hexpm", optional: false]}, {:phoenix, "~> 1.7.0", [hex: :phoenix, repo: "hexpm", optional: false]}, {:phoenix_html, "~> 3.3 or ~> 4.0", [hex: :phoenix_html, repo: "hexpm", optional: false]}, {:phoenix_live_view, "~> 1.0.1", [hex: :phoenix_live_view, repo: "hexpm", optional: false]}, {:phoenix_template, "~> 1.0.4", [hex: :phoenix_template, repo: "hexpm", optional: false]}, {:phoenix_view, "~> 2.0", [hex: :phoenix_view, repo: "hexpm", optional: false]}, {:plug, "~> 1.15", [hex: :plug, repo: "hexpm", optional: false]}, {:plug_cowboy, "~> 2.5", [hex: :plug_cowboy, repo: "hexpm", optional: false]}, {:sourceror, "~> 1.5", [hex: :sourceror, repo: "hexpm", optional: false]}, {:text_diff, "~> 0.1", [hex: :text_diff, repo: "hexpm", optional: false]}], "hexpm", "f2d9398d9bea5b0390175d199999d97bc727398c724e647915c05f283844664f"},
+  "live_view_native_live_form": {:hex, :live_view_native_live_form, "0.4.0-rc.0", "b8d8582ca468015c35f6f40cf11b82407d9ebb559a28b59588b46ca7223d8d16", [:mix], [{:live_view_native, "~> 0.4.0-rc.0", [hex: :live_view_native, repo: "hexpm", optional: false]}], "hexpm", "1b01cc5e51c18518ec0bcb2d5bb747a77d2b8947dda624d580b2828f6fd9d153"},
+  "live_view_native_stylesheet": {:hex, :live_view_native_stylesheet, "0.3.2", "b0d48b07ab5cceb3229ec729a8dba54e59b47cc7179ee002d5eaa7e3571920f3", [:mix], [{:live_view_native, "~> 0.3", [hex: :live_view_native, repo: "hexpm", optional: false]}, {:nimble_parsec, "~> 1.3", [hex: :nimble_parsec, repo: "hexpm", optional: false]}], "hexpm", "a2afeeecc95f8434b85e78c495047846e5a8ed2b3ade3995fb744530724aac29"},
+  "live_view_native_swiftui": {:hex, :live_view_native_swiftui, "0.4.0-rc.0", "09ec6ff6a0ae0538de99ec8e7d5589ef6544dd4ae9082ae200faddcafe386398", [:mix], [{:live_view_native, "~> 0.4.0-rc.0", [hex: :live_view_native, repo: "hexpm", optional: false]}, {:makeup_eex, ">= 0.1.1", [hex: :makeup_eex, repo: "hexpm", optional: false]}, {:nimble_parsec, "~> 1.3", [hex: :nimble_parsec, repo: "hexpm", optional: false]}], "hexpm", "7aad4110d36858ebf3dd23d855b6a0f7cfc574ae0bad15c0dbbbda27ae8c0b9e"},
+  "makeup": {:hex, :makeup, "1.2.1", "e90ac1c65589ef354378def3ba19d401e739ee7ee06fb47f94c687016e3713d1", [:mix], [{:nimble_parsec, "~> 1.4", [hex: :nimble_parsec, repo: "hexpm", optional: false]}], "hexpm", "d36484867b0bae0fea568d10131197a4c2e47056a6fbe84922bf6ba71c8d17ce"},
+  "makeup_eex": {:hex, :makeup_eex, "1.0.0", "436d4c00204c250b17a775d64e197798aaf374627e6a4f2d3fd3074a8db61db4", [:mix], [{:makeup, "~> 1.2.1 or ~> 1.3", [hex: :makeup, repo: "hexpm", optional: false]}, {:makeup_elixir, "~> 1.0", [hex: :makeup_elixir, repo: "hexpm", optional: false]}, {:makeup_html, "~> 0.1.0 or ~> 1.0", [hex: :makeup_html, repo: "hexpm", optional: false]}, {:nimble_parsec, "~> 1.2", [hex: :nimble_parsec, repo: "hexpm", optional: false]}], "hexpm", "3bb699bc519e4f509f1bf8a2e0ba0e08429edf3580053cd31a4f9c1bc5da86c8"},
+  "makeup_elixir": {:hex, :makeup_elixir, "1.0.1", "e928a4f984e795e41e3abd27bfc09f51db16ab8ba1aebdba2b3a575437efafc2", [:mix], [{:makeup, "~> 1.0", [hex: :makeup, repo: "hexpm", optional: false]}, {:nimble_parsec, "~> 1.2.3 or ~> 1.3", [hex: :nimble_parsec, repo: "hexpm", optional: false]}], "hexpm", "7284900d412a3e5cfd97fdaed4f5ed389b8f2b4cb49efc0eb3bd10e2febf9507"},
+  "makeup_html": {:hex, :makeup_html, "0.1.2", "19d4050c0978a4f1618ffe43054c0049f91fe5feeb9ae8d845b5dc79c6008ae5", [:mix], [{:makeup, "~> 1.2", [hex: :makeup, repo: "hexpm", optional: false]}], "hexpm", "b7fb9afedd617d167e6644a0430e49c1279764bfd3153da716d4d2459b0998c5"},
   "matrix_reloaded": {:hex, :matrix_reloaded, "2.3.0", "eea41bc6713021f8f51dde0c2d6b72e695a99098753baebf0760e10aed8fa777", [:mix], [{:ex_maybe, "~> 1.0", [hex: :ex_maybe, repo: "hexpm", optional: false]}, {:result, "~> 1.7", [hex: :result, repo: "hexpm", optional: false]}], "hexpm", "4013c0cebe5dfffc8f2316675b642fb2f5a1dfc4bdc40d2c0dfa0563358fa496"},
   "mime": {:hex, :mime, "2.0.6", "8f18486773d9b15f95f4f4f1e39b710045fa1de891fada4516559967276e4dc2", [:mix], [], "hexpm", "c9945363a6b26d747389aac3643f8e0e09d30499a138ad64fe8fd1d13d9b153e"},
   "nimble_parsec": {:hex, :nimble_parsec, "1.4.0", "51f9b613ea62cfa97b25ccc2c1b4216e81df970acd8e16e8d1bdc58fef21370d", [:mix], [], "hexpm", "9c565862810fb383e9838c1dd2d7d2c437b3d13b267414ba6af33e50d2d1cf28"},
-  "phoenix": {:hex, :phoenix, "1.7.14", "a7d0b3f1bc95987044ddada111e77bd7f75646a08518942c72a8440278ae7825", [:mix], [{:castore, ">= 0.0.0", [hex: :castore, repo: "hexpm", optional: false]}, {:jason, "~> 1.0", [hex: :jason, repo: "hexpm", optional: true]}, {:phoenix_pubsub, "~> 2.1", [hex: :phoenix_pubsub, repo: "hexpm", optional: false]}, {:phoenix_template, "~> 1.0", [hex: :phoenix_template, repo: "hexpm", optional: false]}, {:phoenix_view, "~> 2.0", [hex: :phoenix_view, repo: "hexpm", optional: true]}, {:plug, "~> 1.14", [hex: :plug, repo: "hexpm", optional: false]}, {:plug_cowboy, "~> 2.7", [hex: :plug_cowboy, repo: "hexpm", optional: true]}, {:plug_crypto, "~> 1.2 or ~> 2.0", [hex: :plug_crypto, repo: "hexpm", optional: false]}, {:telemetry, "~> 0.4 or ~> 1.0", [hex: :telemetry, repo: "hexpm", optional: false]}, {:websock_adapter, "~> 0.5.3", [hex: :websock_adapter, repo: "hexpm", optional: false]}], "hexpm", "c7859bc56cc5dfef19ecfc240775dae358cbaa530231118a9e014df392ace61a"},
-  "phoenix_html": {:hex, :phoenix_html, "4.1.1", "4c064fd3873d12ebb1388425a8f2a19348cef56e7289e1998e2d2fa758aa982e", [:mix], [], "hexpm", "f2f2df5a72bc9a2f510b21497fd7d2b86d932ec0598f0210fed4114adc546c6f"},
+  "phoenix": {:hex, :phoenix, "1.7.18", "5310c21443514be44ed93c422e15870aef254cf1b3619e4f91538e7529d2b2e4", [:mix], [{:castore, ">= 0.0.0", [hex: :castore, repo: "hexpm", optional: false]}, {:jason, "~> 1.0", [hex: :jason, repo: "hexpm", optional: true]}, {:phoenix_pubsub, "~> 2.1", [hex: :phoenix_pubsub, repo: "hexpm", optional: false]}, {:phoenix_template, "~> 1.0", [hex: :phoenix_template, repo: "hexpm", optional: false]}, {:phoenix_view, "~> 2.0", [hex: :phoenix_view, repo: "hexpm", optional: true]}, {:plug, "~> 1.14", [hex: :plug, repo: "hexpm", optional: false]}, {:plug_cowboy, "~> 2.7", [hex: :plug_cowboy, repo: "hexpm", optional: true]}, {:plug_crypto, "~> 1.2 or ~> 2.0", [hex: :plug_crypto, repo: "hexpm", optional: false]}, {:telemetry, "~> 0.4 or ~> 1.0", [hex: :telemetry, repo: "hexpm", optional: false]}, {:websock_adapter, "~> 0.5.3", [hex: :websock_adapter, repo: "hexpm", optional: false]}], "hexpm", "1797fcc82108442a66f2c77a643a62980f342bfeb63d6c9a515ab8294870004e"},
+  "phoenix_html": {:hex, :phoenix_html, "4.2.0", "83a4d351b66f472ebcce242e4ae48af1b781866f00ef0eb34c15030d4e2069ac", [:mix], [], "hexpm", "9713b3f238d07043583a94296cc4bbdceacd3b3a6c74667f4df13971e7866ec8"},
   "phoenix_live_dashboard": {:hex, :phoenix_live_dashboard, "0.8.4", "4508e481f791ce62ec6a096e13b061387158cbeefacca68c6c1928e1305e23ed", [:mix], [{:ecto, "~> 3.6.2 or ~> 3.7", [hex: :ecto, repo: "hexpm", optional: true]}, {:ecto_mysql_extras, "~> 0.5", [hex: :ecto_mysql_extras, repo: "hexpm", optional: true]}, {:ecto_psql_extras, "~> 0.7", [hex: :ecto_psql_extras, repo: "hexpm", optional: true]}, {:ecto_sqlite3_extras, "~> 1.1.7 or ~> 1.2.0", [hex: :ecto_sqlite3_extras, repo: "hexpm", optional: true]}, {:mime, "~> 1.6 or ~> 2.0", [hex: :mime, repo: "hexpm", optional: false]}, {:phoenix_live_view, "~> 0.19 or ~> 1.0", [hex: :phoenix_live_view, repo: "hexpm", optional: false]}, {:telemetry_metrics, "~> 0.6 or ~> 1.0", [hex: :telemetry_metrics, repo: "hexpm", optional: false]}], "hexpm", "2984aae96994fbc5c61795a73b8fb58153b41ff934019cfb522343d2d3817d59"},
   "phoenix_live_reload": {:hex, :phoenix_live_reload, "1.5.3", "f2161c207fda0e4fb55165f650f7f8db23f02b29e3bff00ff7ef161d6ac1f09d", [:mix], [{:file_system, "~> 0.3 or ~> 1.0", [hex: :file_system, repo: "hexpm", optional: false]}, {:phoenix, "~> 1.4", [hex: :phoenix, repo: "hexpm", optional: false]}], "hexpm", "b4ec9cd73cb01ff1bd1cac92e045d13e7030330b74164297d1aee3907b54803c"},
-  "phoenix_live_view": {:hex, :phoenix_live_view, "0.20.17", "f396bbdaf4ba227b82251eb75ac0afa6b3da5e509bc0d030206374237dfc9450", [:mix], [{:floki, "~> 0.36", [hex: :floki, repo: "hexpm", optional: true]}, {:jason, "~> 1.0", [hex: :jason, repo: "hexpm", optional: true]}, {:phoenix, "~> 1.6.15 or ~> 1.7.0", [hex: :phoenix, repo: "hexpm", optional: false]}, {:phoenix_html, "~> 3.3 or ~> 4.0", [hex: :phoenix_html, repo: "hexpm", optional: false]}, {:phoenix_template, "~> 1.0", [hex: :phoenix_template, repo: "hexpm", optional: false]}, {:phoenix_view, "~> 2.0", [hex: :phoenix_view, repo: "hexpm", optional: true]}, {:plug, "~> 1.15", [hex: :plug, repo: "hexpm", optional: false]}, {:telemetry, "~> 0.4.2 or ~> 1.0", [hex: :telemetry, repo: "hexpm", optional: false]}], "hexpm", "a61d741ffb78c85fdbca0de084da6a48f8ceb5261a79165b5a0b59e5f65ce98b"},
+  "phoenix_live_view": {:hex, :phoenix_live_view, "1.0.1", "5389a30658176c0de816636ce276567478bffd063c082515a6e8368b8fc9a0db", [:mix], [{:floki, "~> 0.36", [hex: :floki, repo: "hexpm", optional: true]}, {:jason, "~> 1.0", [hex: :jason, repo: "hexpm", optional: true]}, {:phoenix, "~> 1.6.15 or ~> 1.7.0", [hex: :phoenix, repo: "hexpm", optional: false]}, {:phoenix_html, "~> 3.3 or ~> 4.0", [hex: :phoenix_html, repo: "hexpm", optional: false]}, {:phoenix_template, "~> 1.0", [hex: :phoenix_template, repo: "hexpm", optional: false]}, {:phoenix_view, "~> 2.0", [hex: :phoenix_view, repo: "hexpm", optional: true]}, {:plug, "~> 1.15", [hex: :plug, repo: "hexpm", optional: false]}, {:telemetry, "~> 0.4.2 or ~> 1.0", [hex: :telemetry, repo: "hexpm", optional: false]}], "hexpm", "c0f517e6f290f10dbb94343ac22e0109437fb1fa6f0696e7c73967b789c1c285"},
   "phoenix_pubsub": {:hex, :phoenix_pubsub, "2.1.3", "3168d78ba41835aecad272d5e8cd51aa87a7ac9eb836eabc42f6e57538e3731d", [:mix], [], "hexpm", "bba06bc1dcfd8cb086759f0edc94a8ba2bc8896d5331a1e2c2902bf8e36ee502"},
   "phoenix_template": {:hex, :phoenix_template, "1.0.4", "e2092c132f3b5e5b2d49c96695342eb36d0ed514c5b252a77048d5969330d639", [:mix], [{:phoenix_html, "~> 2.14.2 or ~> 3.0 or ~> 4.0", [hex: :phoenix_html, repo: "hexpm", optional: true]}], "hexpm", "2c0c81f0e5c6753faf5cca2f229c9709919aba34fab866d3bc05060c9c444206"},
   "phoenix_view": {:hex, :phoenix_view, "2.0.4", "b45c9d9cf15b3a1af5fb555c674b525391b6a1fe975f040fb4d913397b31abf4", [:mix], [{:phoenix_html, "~> 2.14.2 or ~> 3.0 or ~> 4.0", [hex: :phoenix_html, repo: "hexpm", optional: true]}, {:phoenix_template, "~> 1.0", [hex: :phoenix_template, repo: "hexpm", optional: false]}], "hexpm", "4e992022ce14f31fe57335db27a28154afcc94e9983266835bb3040243eb620b"},
   "plug": {:hex, :plug, "1.16.1", "40c74619c12f82736d2214557dedec2e9762029b2438d6d175c5074c933edc9d", [:mix], [{:mime, "~> 1.0 or ~> 2.0", [hex: :mime, repo: "hexpm", optional: false]}, {:plug_crypto, "~> 1.1.1 or ~> 1.2 or ~> 2.0", [hex: :plug_crypto, repo: "hexpm", optional: false]}, {:telemetry, "~> 0.4.3 or ~> 1.0", [hex: :telemetry, repo: "hexpm", optional: false]}], "hexpm", "a13ff6b9006b03d7e33874945b2755253841b238c34071ed85b0e86057f8cddc"},
-  "plug_cowboy": {:hex, :plug_cowboy, "2.7.1", "87677ffe3b765bc96a89be7960f81703223fe2e21efa42c125fcd0127dd9d6b2", [:mix], [{:cowboy, "~> 2.7", [hex: :cowboy, repo: "hexpm", optional: false]}, {:cowboy_telemetry, "~> 0.3", [hex: :cowboy_telemetry, repo: "hexpm", optional: false]}, {:plug, "~> 1.14", [hex: :plug, repo: "hexpm", optional: false]}], "hexpm", "02dbd5f9ab571b864ae39418db7811618506256f6d13b4a45037e5fe78dc5de3"},
+  "plug_cowboy": {:hex, :plug_cowboy, "2.7.2", "fdadb973799ae691bf9ecad99125b16625b1c6039999da5fe544d99218e662e4", [:mix], [{:cowboy, "~> 2.7", [hex: :cowboy, repo: "hexpm", optional: false]}, {:cowboy_telemetry, "~> 0.3", [hex: :cowboy_telemetry, repo: "hexpm", optional: false]}, {:plug, "~> 1.14", [hex: :plug, repo: "hexpm", optional: false]}], "hexpm", "245d8a11ee2306094840c000e8816f0cbed69a23fc0ac2bcf8d7835ae019bb2f"},
   "plug_crypto": {:hex, :plug_crypto, "2.1.0", "f44309c2b06d249c27c8d3f65cfe08158ade08418cf540fd4f72d4d6863abb7b", [:mix], [], "hexpm", "131216a4b030b8f8ce0f26038bc4421ae60e4bb95c5cf5395e1421437824c4fa"},
   "pngex": {:hex, :pngex, "0.1.2", "824c2da291fda236397729f236b29f87b98a434d58124ea9f7fa03d3b3cf8587", [:mix], [], "hexpm", "9f9f2d9aa286d03f6c317017a09e1b548fa0aa6b901291e24dbf65d8212b22b0"},
   "qr_code": {:hex, :qr_code, "3.1.0", "102cd634c6ccb0b9b03f8e7866c43f4a839157e3a9a0cc2cfef9dbc81b187ee9", [:mix], [{:ex_maybe, "~> 1.1.1", [hex: :ex_maybe, repo: "hexpm", optional: false]}, {:matrix_reloaded, "~> 2.3", [hex: :matrix_reloaded, repo: "hexpm", optional: false]}, {:pngex, "~> 0.1.0", [hex: :pngex, repo: "hexpm", optional: false]}, {:result, "~> 1.7", [hex: :result, repo: "hexpm", optional: false]}, {:xml_builder, "~> 2.3", [hex: :xml_builder, repo: "hexpm", optional: false]}], "hexpm", "b8b187ae7ac35db52d8ccf6d847c62ce06713e631f051c4460ee387b38365500"},
   "ranch": {:hex, :ranch, "1.8.0", "8c7a100a139fd57f17327b6413e4167ac559fbc04ca7448e9be9057311597a1d", [:make, :rebar3], [], "hexpm", "49fbcfd3682fab1f5d109351b61257676da1a2fdbe295904176d5e521a2ddfe5"},
   "result": {:hex, :result, "1.7.2", "a57c569f7cf5c158d2299d3b5624a48b69bd1520d0771dc711bcf9f3916e8ab6", [:mix], [], "hexpm", "89f98e98cfbf64237ecf4913aa36b76b80463e087775d19953dc4b435a35f087"},
-  "sourceror": {:hex, :sourceror, "1.6.0", "9907884e1449a4bd7dbaabe95088ed4d9a09c3c791fb0103964e6316bc9448a7", [:mix], [], "hexpm", "e90aef8c82dacf32c89c8ef83d1416fc343cd3e5556773eeffd2c1e3f991f699"},
+  "sourceror": {:hex, :sourceror, "1.7.1", "599d78f4cc2be7d55c9c4fd0a8d772fd0478e3a50e726697c20d13d02aa056d4", [:mix], [], "hexpm", "cd6f268fe29fa00afbc535e215158680a0662b357dc784646d7dff28ac65a0fc"},
   "tailwind": {:hex, :tailwind, "0.2.3", "277f08145d407de49650d0a4685dc062174bdd1ae7731c5f1da86163a24dfcdb", [:mix], [{:castore, ">= 0.0.0", [hex: :castore, repo: "hexpm", optional: false]}], "hexpm", "8e45e7a34a676a7747d04f7913a96c770c85e6be810a1d7f91e713d3a3655b5d"},
-  "telemetry": {:hex, :telemetry, "1.2.1", "68fdfe8d8f05a8428483a97d7aab2f268aaff24b49e0f599faa091f1d4e7f61c", [:rebar3], [], "hexpm", "dad9ce9d8effc621708f99eac538ef1cbe05d6a874dd741de2e689c47feafed5"},
+  "telemetry": {:hex, :telemetry, "1.3.0", "fedebbae410d715cf8e7062c96a1ef32ec22e764197f70cda73d82778d61e7a2", [:rebar3], [], "hexpm", "7015fc8919dbe63764f4b4b87a95b7c0996bd539e0d499be6ec9d7f3875b79e6"},
   "telemetry_metrics": {:hex, :telemetry_metrics, "0.6.2", "2caabe9344ec17eafe5403304771c3539f3b6e2f7fb6a6f602558c825d0d0bfb", [:mix], [{:telemetry, "~> 0.4 or ~> 1.0", [hex: :telemetry, repo: "hexpm", optional: false]}], "hexpm", "9b43db0dc33863930b9ef9d27137e78974756f5f198cae18409970ed6fa5b561"},
   "telemetry_poller": {:hex, :telemetry_poller, "1.1.0", "58fa7c216257291caaf8d05678c8d01bd45f4bdbc1286838a28c4bb62ef32999", [:rebar3], [{:telemetry, "~> 1.0", [hex: :telemetry, repo: "hexpm", optional: false]}], "hexpm", "9eb9d9cbfd81cbd7cdd24682f8711b6e2b691289a0de6826e58452f28c103c8f"},
   "text_diff": {:hex, :text_diff, "0.1.0", "1caf3175e11a53a9a139bc9339bd607c47b9e376b073d4571c031913317fecaa", [:mix], [], "hexpm", "d1ffaaecab338e49357b6daa82e435f877e0649041ace7755583a0ea3362dbd7"},
-  "thousand_island": {:hex, :thousand_island, "1.3.5", "6022b6338f1635b3d32406ff98d68b843ba73b3aa95cfc27154223244f3a6ca5", [:mix], [{:telemetry, "~> 0.4 or ~> 1.0", [hex: :telemetry, repo: "hexpm", optional: false]}], "hexpm", "2be6954916fdfe4756af3239fb6b6d75d0b8063b5df03ba76fd8a4c87849e180"},
+  "thousand_island": {:hex, :thousand_island, "1.3.7", "1da7598c0f4f5f50562c097a3f8af308ded48cd35139f0e6f17d9443e4d0c9c5", [:mix], [{:telemetry, "~> 0.4 or ~> 1.0", [hex: :telemetry, repo: "hexpm", optional: false]}], "hexpm", "0139335079953de41d381a6134d8b618d53d084f558c734f2662d1a72818dd12"},
   "websock": {:hex, :websock, "0.5.3", "2f69a6ebe810328555b6fe5c831a851f485e303a7c8ce6c5f675abeb20ebdadc", [:mix], [], "hexpm", "6105453d7fac22c712ad66fab1d45abdf049868f253cf719b625151460b8b453"},
-  "websock_adapter": {:hex, :websock_adapter, "0.5.7", "65fa74042530064ef0570b75b43f5c49bb8b235d6515671b3d250022cb8a1f9e", [:mix], [{:bandit, ">= 0.6.0", [hex: :bandit, repo: "hexpm", optional: true]}, {:plug, "~> 1.14", [hex: :plug, repo: "hexpm", optional: false]}, {:plug_cowboy, "~> 2.6", [hex: :plug_cowboy, repo: "hexpm", optional: true]}, {:websock, "~> 0.5", [hex: :websock, repo: "hexpm", optional: false]}], "hexpm", "d0f478ee64deddfec64b800673fd6e0c8888b079d9f3444dd96d2a98383bdbd1"},
+  "websock_adapter": {:hex, :websock_adapter, "0.5.8", "3b97dc94e407e2d1fc666b2fb9acf6be81a1798a2602294aac000260a7c4a47d", [:mix], [{:bandit, ">= 0.6.0", [hex: :bandit, repo: "hexpm", optional: true]}, {:plug, "~> 1.14", [hex: :plug, repo: "hexpm", optional: false]}, {:plug_cowboy, "~> 2.6", [hex: :plug_cowboy, repo: "hexpm", optional: true]}, {:websock, "~> 0.5", [hex: :websock, repo: "hexpm", optional: false]}], "hexpm", "315b9a1865552212b5f35140ad194e67ce31af45bcee443d4ecb96b5fd3f3782"},
   "xml_builder": {:hex, :xml_builder, "2.3.0", "69d214c6ad41ae1300b36acff4367551cdfd9dc1b860affc16e103c6b1589053", [:mix], [], "hexpm", "972ec33346a225cd5acd14ab23d4e79042bd37cb904e07e24cd06992dde1a0ed"},
 }

From 9f361bfb7edb4c69862b837004a3d698fae461b0 Mon Sep 17 00:00:00 2001
From: Carson Katri <Carson.katri@gmail.com>
Date: Fri, 3 Jan 2025 09:58:35 -0500
Subject: [PATCH 3/8] Add target variants for MapKit sample

---
 .../live/recipes/maps_live.swiftui.ex         | 71 +++++++++++++------
 lib/cookbook_web/router.ex                    |  2 +-
 2 files changed, 52 insertions(+), 21 deletions(-)

diff --git a/lib/cookbook_web/live/recipes/maps_live.swiftui.ex b/lib/cookbook_web/live/recipes/maps_live.swiftui.ex
index 4fe76e5..d490399 100644
--- a/lib/cookbook_web/live/recipes/maps_live.swiftui.ex
+++ b/lib/cookbook_web/live/recipes/maps_live.swiftui.ex
@@ -1,13 +1,41 @@
 defmodule CookbookWeb.MapsLive.SwiftUI do
   use CookbookNative, [:render_component, format: :swiftui]
 
-  def render(assigns, %{ "target" => target } = _interface) do
-    assigns = assign(assigns, :target, target)
+  def render(assigns) do
+    ~LVN"""
+    <Group style="safeAreaInset(edge: .bottom, content: :hint)">
+      <Group :interface-target="ios">
+        <.map {assigns} />
+      </Group>
+      <Group :interface-target="ipados">
+        <.map {assigns} />
+      </Group>
+      <Group :interface-target="visionos">
+        <.map {assigns} />
+      </Group>
+      <Group :interface-target="macos">
+        <.map {assigns} />
+      </Group>
+
+      <ContentUnavailableView :interface-target="tvos">
+        <Label systemImage="mappin.slash.circle.fill">MapKit is not available for tvOS</Label>
+      </ContentUnavailableView>
+
+      <Group :interface-target="ios" template="hint">
+        <.look_around />
+      </Group>
+      <Group :interface-target="ipados" template="hint">
+        <.look_around />
+      </Group>
+    </Group>
+    """
+  end
+
+  defp map(assigns) do
     ~LVN"""
     <Map
       style={[
         ~s[navigationTitle("Maps")],
-        "safeAreaInset(edge: .bottom, content: :hint)",
         ~s/lookAroundViewer(isPresented: attr("is-presented"), initialScene: CLLocationCoordinate2D(latitude: 40.730610, longitude: -73.935242))/
       ]}
       is-presented={@look_around?}
@@ -20,24 +48,27 @@ defmodule CookbookWeb.MapsLive.SwiftUI do
       >
         <%= name %>
       </Marker>
-      <.button
-        template="hint"
-        :if={@target == "ios" or @target == "ipados"}
-        phx-click="look-around"
-        style={[
-          "buttonStyle(.borderedProminent)",
-          "controlSize(.extraLarge)",
-          "padding()"
-        ]}
-      >
-        <Label
-          systemImage="binoculars.fill"
-          style="frame(maxWidth: .infinity);"
-        >
-          Look Around
-        </Label>
-      </.button>
     </Map>
     """
   end
+
+  defp look_around(assigns) do
+    ~LVN"""
+    <.button
+      phx-click="look-around"
+      style={[
+        "buttonStyle(.borderedProminent)",
+        "controlSize(.extraLarge)",
+        "padding()"
+      ]}
+    >
+      <Label
+        systemImage="binoculars.fill"
+        style="frame(maxWidth: .infinity);"
+      >
+        Look Around
+      </Label>
+    </.button>
+    """
+  end
 end
diff --git a/lib/cookbook_web/router.ex b/lib/cookbook_web/router.ex
index 32cac77..1d2513a 100644
--- a/lib/cookbook_web/router.ex
+++ b/lib/cookbook_web/router.ex
@@ -22,7 +22,7 @@ defmodule CookbookWeb.Router do
   scope "/", CookbookWeb do
     pipe_through :browser
 
-    live "/", FileUploadLive
+    live "/", MapsLive
     scope "/recipes" do
       live "/card-row", CardRowLive, metadata: %{
         title: "Card Row",

From 98b86603bd47f23283bd1dd31c4a60fb889d48f2 Mon Sep 17 00:00:00 2001
From: Carson Katri <Carson.katri@gmail.com>
Date: Tue, 14 Jan 2025 10:46:13 -0500
Subject: [PATCH 4/8] Update video demo

---
 .../live/recipes/video_live.swiftui.ex        | 44 ++++++++++++++++++-
 lib/cookbook_web/router.ex                    |  2 +-
 2 files changed, 43 insertions(+), 3 deletions(-)

diff --git a/lib/cookbook_web/live/recipes/video_live.swiftui.ex b/lib/cookbook_web/live/recipes/video_live.swiftui.ex
index 4c2c748..2ef942a 100644
--- a/lib/cookbook_web/live/recipes/video_live.swiftui.ex
+++ b/lib/cookbook_web/live/recipes/video_live.swiftui.ex
@@ -1,7 +1,47 @@
 defmodule CookbookWeb.VideoLive.SwiftUI do
   use CookbookNative, [:render_component, format: :swiftui]
 
-  def render(assigns, _interface) do
+  def render(assigns, interface) do
+    dbg interface
+    ~LVN"""
+    <VideoPlayer
+      :interface-target="tvos"
+      url={@video}
+      autoplay
+      style="ignoresSafeArea();"
+      phx-change="video-changed"
+      phx-debounce={1000}
+    >
+      <VStack
+        style={[
+          ~s[animation(.default, value: attr("value"))],
+          "frame(maxWidth: .infinity, maxHeight: .infinity, alignment: .topLeading)",
+        ]}
+        value={@info || ""}
+      >
+        <.overlay :if={@info} info={@info} />
+      </VStack>
+    </VideoPlayer>
+
+    <Group :interface-target="ios">
+      <.video video={@video} title={@title} author={@author} info={@info} description={@description} />
+    </Group>
+
+    <Group :interface-target="ipados">
+      <.video video={@video} title={@title} author={@author} info={@info} description={@description} />
+    </Group>
+
+    <Group :interface-target="visionos">
+      <.video video={@video} title={@title} author={@author} info={@info} description={@description} />
+    </Group>
+
+    <Group :interface-target="macos">
+      <.video video={@video} title={@title} author={@author} info={@info} description={@description} />
+    </Group>
+    """
+  end
+
+  defp video(assigns) do
     ~LVN"""
     <ScrollView>
       <VideoPlayer
@@ -44,7 +84,7 @@ defmodule CookbookWeb.VideoLive.SwiftUI do
       alignment="leading"
       style={[
         "padding()",
-        "background(.bar, in: .rect(cornerRadius: 8))",
+        "background(.ultraThinMaterial, in: .rect(cornerRadius: 8))",
         "padding()"
       ]}
     >
diff --git a/lib/cookbook_web/router.ex b/lib/cookbook_web/router.ex
index 1d2513a..8b7142f 100644
--- a/lib/cookbook_web/router.ex
+++ b/lib/cookbook_web/router.ex
@@ -22,7 +22,7 @@ defmodule CookbookWeb.Router do
   scope "/", CookbookWeb do
     pipe_through :browser
 
-    live "/", MapsLive
+    live "/", CookbookLive
     scope "/recipes" do
       live "/card-row", CardRowLive, metadata: %{
         title: "Card Row",

From aa3765ec21c2f2bca790283be6adb03c26e7cfcb Mon Sep 17 00:00:00 2001
From: Carson Katri <Carson.katri@gmail.com>
Date: Tue, 14 Jan 2025 10:59:12 -0500
Subject: [PATCH 5/8] Update function components to arity 2

---
 lib/cookbook_native.ex                        |  6 ++--
 .../components/core_components.swiftui.ex     | 34 +++++++++----------
 .../live/cookbook_live.swiftui.ex             |  2 +-
 .../live/recipes/file_upload_live.swiftui.ex  |  6 ++--
 .../live/recipes/maps_live.swiftui.ex         |  4 +--
 .../live/recipes/onboarding_live.swiftui.ex   |  2 +-
 .../live/recipes/playback_bar_live.swiftui.ex |  6 ++--
 .../pyramid_navigation_live.swiftui.ex        |  4 +--
 .../live/recipes/video_live.swiftui.ex        |  4 +--
 mix.exs                                       | 10 +++---
 mix.lock                                      | 14 ++++----
 11 files changed, 46 insertions(+), 46 deletions(-)

diff --git a/lib/cookbook_native.ex b/lib/cookbook_native.ex
index dec1b5a..76be064 100644
--- a/lib/cookbook_native.ex
+++ b/lib/cookbook_native.ex
@@ -113,7 +113,7 @@ defmodule CookbookNative do
     quote do
       use LiveViewNative.Component, unquote(opts)
 
-      import LiveViewNative.Component, only: [csrf_token: 1]
+      import LiveViewNative.Component, only: [csrf_token: 2]
 
       unquote(helpers(opts[:format]))
     end
@@ -123,7 +123,7 @@ defmodule CookbookNative do
     gettext_quoted = quote do
       import CookbookWeb.Gettext
     end
-    
+
     plugin = LiveViewNative.fetch_plugin!(format)
 
     plugin_component_quoted = try do
@@ -159,7 +159,7 @@ defmodule CookbookNative do
         core_component_quoted,
         verified_routes()
       ]
-      
+
   end
 
   @doc """
diff --git a/lib/cookbook_web/components/core_components.swiftui.ex b/lib/cookbook_web/components/core_components.swiftui.ex
index 25d517c..81350b7 100644
--- a/lib/cookbook_web/components/core_components.swiftui.ex
+++ b/lib/cookbook_web/components/core_components.swiftui.ex
@@ -80,7 +80,7 @@ defmodule CookbookWeb.CoreComponents.SwiftUI do
 
   slot :inner_block
 
-  def input(%{field: %Phoenix.HTML.FormField{} = field} = assigns) do
+  def input(%{field: %Phoenix.HTML.FormField{} = field} = assigns, _interface) do
     assigns
     |> assign(field: nil, id: assigns.id || field.id)
     |> assign(:errors, Enum.map(field.errors, &translate_error(&1)))
@@ -229,7 +229,7 @@ defmodule CookbookWeb.CoreComponents.SwiftUI do
   @doc type: :component
   slot :inner_block, required: true
 
-  def error(assigns) do
+  def error(assigns, _interface) do
     ~LVN"""
     <Group style="font(.caption); foregroundStyle(.red)">
       <%= render_slot(@inner_block) %>
@@ -248,7 +248,7 @@ defmodule CookbookWeb.CoreComponents.SwiftUI do
   slot :subtitle
   slot :actions
 
-  def header(assigns) do
+  def header(assigns, _interface) do
     ~LVN"""
     <VStack style={[
       "navigationTitle(:title)",
@@ -290,7 +290,7 @@ defmodule CookbookWeb.CoreComponents.SwiftUI do
   attr :on_cancel, :string, default: nil
   slot :inner_block, required: true
 
-  def modal(assigns) do
+  def modal(assigns, _interface) do
     ~LVN"""
     <VStack
       id={@id}
@@ -322,7 +322,7 @@ defmodule CookbookWeb.CoreComponents.SwiftUI do
 
   slot :inner_block, doc: "the optional inner block that renders the flash message"
 
-  def flash(assigns) do
+  def flash(assigns, _interface) do
     assigns = assign_new(assigns, :id, fn -> "flash-#{assigns.kind}" end)
 
     ~LVN"""
@@ -354,7 +354,7 @@ defmodule CookbookWeb.CoreComponents.SwiftUI do
   attr :flash, :map, required: true, doc: "the map of flash messages"
   attr :id, :string, default: "flash-group", doc: "the optional id of flash container"
 
-  def flash_group(assigns) do
+  def flash_group(assigns, _interface) do
     ~LVN"""
     <Group id={@id}>
       <.flash kind={:info} title={"Success!"} flash={@flash} />
@@ -390,7 +390,7 @@ defmodule CookbookWeb.CoreComponents.SwiftUI do
   slot :inner_block, required: true
   slot :actions, doc: "the slot for form actions, such as a submit button"
 
-  def simple_form(assigns) do
+  def simple_form(assigns, _interface) do
     ~LVN"""
     <.form :let={f} for={@for} as={@as} {@rest}>
       <Form>
@@ -420,7 +420,7 @@ defmodule CookbookWeb.CoreComponents.SwiftUI do
 
   slot :inner_block, required: true
 
-  def button(%{ type: "submit" } = assigns) do
+  def button(%{ type: "submit" } = assigns, _interface) do
     ~LVN"""
     <Section>
       <LiveButton type="submit" style={[
@@ -440,7 +440,7 @@ defmodule CookbookWeb.CoreComponents.SwiftUI do
     """
   end
 
-  def button(assigns) do
+  def button(assigns, _interface) do
     ~LVN"""
     <Button {@rest}>
       <%= render_slot(@inner_block) %>
@@ -474,7 +474,7 @@ defmodule CookbookWeb.CoreComponents.SwiftUI do
 
   slot :action, doc: "the slot for showing user actions in the last table column"
 
-  def table(assigns) do
+  def table(assigns, _interface) do
     ~LVN"""
     <Table id={@id}>
       <Group template="columns">
@@ -514,7 +514,7 @@ defmodule CookbookWeb.CoreComponents.SwiftUI do
     attr :title, :string, required: true
   end
 
-  def list(assigns) do
+  def list(assigns, _interface) do
     ~LVN"""
     <List>
       <LabeledContent :for={item <- @item}>
@@ -538,7 +538,7 @@ defmodule CookbookWeb.CoreComponents.SwiftUI do
   attr :name, :string, required: true
   attr :rest, :global
 
-  def icon(assigns) do
+  def icon(assigns, _interface) do
     ~LVN"""
     <Image systemName={@name} {@rest} />
     """
@@ -592,7 +592,7 @@ defmodule CookbookWeb.CoreComponents.SwiftUI do
     attr :style, :string
   end
 
-  def image(assigns) do
+  def image(assigns, _interface) do
     ~LVN"""
     <AsyncImage url={@url} {@rest}>
       <Group template="phase.empty" :if={@empty != []}>
@@ -604,13 +604,13 @@ defmodule CookbookWeb.CoreComponents.SwiftUI do
     """
   end
 
-  defp image_success(%{ slot: [%{ inner_block: nil }] } = assigns) do
+  defp image_success(%{ slot: [%{ inner_block: nil }] } = assigns, _interface) do
     ~LVN"""
     <AsyncImage image template="phase.success" :for={slot <- @slot} class={Map.get(slot, :class)} {%{ style: Map.get(slot, :style) }} />
     """
   end
 
-  defp image_success(assigns) do
+  defp image_success(assigns, _interface) do
     ~LVN"""
     <Group template="phase.success" :if={@slot != []}>
       <%= render_slot(@slot) %>
@@ -618,13 +618,13 @@ defmodule CookbookWeb.CoreComponents.SwiftUI do
     """
   end
 
-  defp image_failure(%{ slot: [%{ inner_block: nil }] } = assigns) do
+  defp image_failure(%{ slot: [%{ inner_block: nil }] } = assigns, _interface) do
     ~LVN"""
     <AsyncImage error template="phase.failure" :for={slot <- @slot} class={Map.get(slot, :class)} {%{ style: Map.get(slot, :style) }} />
     """
   end
 
-  defp image_failure(assigns) do
+  defp image_failure(assigns, _interface) do
     ~LVN"""
     <Group template="phase.failure" :if={@slot != []}>
       <%= render_slot(@slot) %>
diff --git a/lib/cookbook_web/live/cookbook_live.swiftui.ex b/lib/cookbook_web/live/cookbook_live.swiftui.ex
index 8ad85b5..cc198c9 100644
--- a/lib/cookbook_web/live/cookbook_live.swiftui.ex
+++ b/lib/cookbook_web/live/cookbook_live.swiftui.ex
@@ -90,7 +90,7 @@ defmodule CookbookWeb.CookbookLive.SwiftUI do
 
   attr :recipe, :any
   attr :hue, :float
-  def featured_recipe(assigns) do
+  def featured_recipe(assigns, _interface) do
     ~LVN"""
     <.link navigate={@recipe.path} style="buttonStyle(.plain);">
       <VStack
diff --git a/lib/cookbook_web/live/recipes/file_upload_live.swiftui.ex b/lib/cookbook_web/live/recipes/file_upload_live.swiftui.ex
index 0ac9368..abfb454 100644
--- a/lib/cookbook_web/live/recipes/file_upload_live.swiftui.ex
+++ b/lib/cookbook_web/live/recipes/file_upload_live.swiftui.ex
@@ -35,7 +35,7 @@ defmodule CookbookWeb.FileUploadLive.SwiftUI do
     """
   end
 
-  defp upload_form(assigns) do
+  defp upload_form(assigns, _interface) do
     ~LVN"""
     <LiveForm id="upload-form" phx-submit="save" phx-change="validate">
       <.button phx-click="toggle-file-picker" style="background(content: :importer);">
@@ -56,7 +56,7 @@ defmodule CookbookWeb.FileUploadLive.SwiftUI do
     """
   end
 
-  defp upload_entries(assigns) do
+  defp upload_entries(assigns, _interface) do
     ~LVN"""
     <%!-- use phx-drop-target with the upload ref to enable file drag and drop --%>
     <Section phx-drop-target={@uploads.avatar.ref}>
@@ -102,7 +102,7 @@ defmodule CookbookWeb.FileUploadLive.SwiftUI do
     """
   end
 
-  defp latest_uploads(assigns) do
+  defp latest_uploads(assigns, _interface) do
     ~LVN"""
     <Section>
       <Text template="header">Latest Upload</Text>
diff --git a/lib/cookbook_web/live/recipes/maps_live.swiftui.ex b/lib/cookbook_web/live/recipes/maps_live.swiftui.ex
index d490399..94c08cb 100644
--- a/lib/cookbook_web/live/recipes/maps_live.swiftui.ex
+++ b/lib/cookbook_web/live/recipes/maps_live.swiftui.ex
@@ -31,7 +31,7 @@ defmodule CookbookWeb.MapsLive.SwiftUI do
     """
   end
 
-  defp map(assigns) do
+  defp map(assigns, _interface) do
     ~LVN"""
     <Map
       style={[
@@ -52,7 +52,7 @@ defmodule CookbookWeb.MapsLive.SwiftUI do
     """
   end
 
-  defp look_around(assigns) do
+  defp look_around(assigns, _interface) do
     ~LVN"""
     <.button
       phx-click="look-around"
diff --git a/lib/cookbook_web/live/recipes/onboarding_live.swiftui.ex b/lib/cookbook_web/live/recipes/onboarding_live.swiftui.ex
index c4b36ea..50627aa 100644
--- a/lib/cookbook_web/live/recipes/onboarding_live.swiftui.ex
+++ b/lib/cookbook_web/live/recipes/onboarding_live.swiftui.ex
@@ -37,7 +37,7 @@ defmodule CookbookWeb.OnboardingLive.SwiftUI do
   attr :description, :string
   attr :rest, :global
 
-  def feature(assigns) do
+  def feature(assigns, _interface) do
     ~LVN"""
     <GridRow>
       <Group style="foregroundStyle(.tint); font(.largeTitle); symbolRenderingMode(.hierarchical);">
diff --git a/lib/cookbook_web/live/recipes/playback_bar_live.swiftui.ex b/lib/cookbook_web/live/recipes/playback_bar_live.swiftui.ex
index 669b503..8bcd91d 100644
--- a/lib/cookbook_web/live/recipes/playback_bar_live.swiftui.ex
+++ b/lib/cookbook_web/live/recipes/playback_bar_live.swiftui.ex
@@ -71,7 +71,7 @@ defmodule CookbookWeb.PlaybackBarLive.SwiftUI do
 
   ## Components
 
-  def song_list(assigns) do
+  def song_list(assigns, _interface) do
     ~LVN"""
     <List
       style={[
@@ -87,7 +87,7 @@ defmodule CookbookWeb.PlaybackBarLive.SwiftUI do
     """
   end
 
-  def expanded_player(assigns) do
+  def expanded_player(assigns, _interface) do
     ~LVN"""
     <VStack style={[
       "frame(minHeight: 200)",
@@ -127,7 +127,7 @@ defmodule CookbookWeb.PlaybackBarLive.SwiftUI do
     """
   end
 
-  def collapsed_player(assigns) do
+  def collapsed_player(assigns, _interface) do
     ~LVN"""
     <HStack>
       <RoundedRectangle
diff --git a/lib/cookbook_web/live/recipes/pyramid_navigation_live.swiftui.ex b/lib/cookbook_web/live/recipes/pyramid_navigation_live.swiftui.ex
index 9bcea4b..7b5b0b3 100644
--- a/lib/cookbook_web/live/recipes/pyramid_navigation_live.swiftui.ex
+++ b/lib/cookbook_web/live/recipes/pyramid_navigation_live.swiftui.ex
@@ -33,7 +33,7 @@ defmodule CookbookWeb.PyramidNavigationLive.SwiftUI do
     """
   end
 
-  def item_grid(assigns) do
+  def item_grid(assigns, _interface) do
     ~LVN"""
     <LazyVGrid
       columns={[%{ size: %{ adaptive: %{ minimum: 100 } } }]}
@@ -58,7 +58,7 @@ defmodule CookbookWeb.PyramidNavigationLive.SwiftUI do
 
   attr :selection, :integer
   attr :target, :string
-  def detail_view(assigns) do
+  def detail_view(assigns, _interface) do
     ~LVN"""
     <TabView
       selection={@selection || 0}
diff --git a/lib/cookbook_web/live/recipes/video_live.swiftui.ex b/lib/cookbook_web/live/recipes/video_live.swiftui.ex
index 2ef942a..e438e51 100644
--- a/lib/cookbook_web/live/recipes/video_live.swiftui.ex
+++ b/lib/cookbook_web/live/recipes/video_live.swiftui.ex
@@ -41,7 +41,7 @@ defmodule CookbookWeb.VideoLive.SwiftUI do
     """
   end
 
-  defp video(assigns) do
+  defp video(assigns, _interface) do
     ~LVN"""
     <ScrollView>
       <VideoPlayer
@@ -78,7 +78,7 @@ defmodule CookbookWeb.VideoLive.SwiftUI do
   end
 
   attr :info, :any
-  def overlay(assigns) do
+  def overlay(assigns, _interface) do
     ~LVN"""
     <VStack
       alignment="leading"
diff --git a/mix.exs b/mix.exs
index 3270170..36b039b 100644
--- a/mix.exs
+++ b/mix.exs
@@ -35,7 +35,7 @@ defmodule Cookbook.MixProject do
       {:phoenix, "~> 1.7.11"},
       {:phoenix_html, "~> 4.0"},
       {:phoenix_live_reload, "~> 1.2", only: :dev},
-      {:phoenix_live_view, "~> 1.0.1"},
+      {:phoenix_live_view, "~> 1.0.2"},
       {:floki, ">= 0.30.0", only: :test},
       {:phoenix_live_dashboard, "~> 0.8.3"},
       {:esbuild, "~> 0.8", runtime: Mix.env() == :dev},
@@ -54,10 +54,10 @@ defmodule Cookbook.MixProject do
       {:dns_cluster, "~> 0.1.1"},
       {:bandit, "~> 1.2"},
 
-      {:live_view_native, "~> 0.4.0-rc.0"},
-      {:live_view_native_stylesheet, "~> 0.3.2"},
-      {:live_view_native_swiftui, "~> 0.4.0-rc.0"},
-      {:live_view_native_live_form, "~> 0.4.0-rc.0"},
+      {:live_view_native, [git: "https://github.com/liveview-native/live_view_native", branch: "main", override: true]},
+      {:live_view_native_stylesheet, [git: "https://github.com/liveview-native/live_view_native_stylesheet", branch: "main"]},
+      {:live_view_native_swiftui, [git: "https://github.com/liveview-native/liveview-client-swiftui", branch: "main"]},
+      {:live_view_native_live_form, [git: "https://github.com/liveview-native/liveview-native-live-form", branch: "main"]},
 
       {:qr_code, "~> 3.1.0"}
     ]
diff --git a/mix.lock b/mix.lock
index 5f707da..dfdadd1 100644
--- a/mix.lock
+++ b/mix.lock
@@ -1,5 +1,5 @@
 %{
-  "bandit": {:hex, :bandit, "1.6.1", "9e01b93d72ddc21d8c576a704949e86ee6cde7d11270a1d3073787876527a48f", [:mix], [{:hpax, "~> 1.0", [hex: :hpax, repo: "hexpm", optional: false]}, {:plug, "~> 1.14", [hex: :plug, repo: "hexpm", optional: false]}, {:telemetry, "~> 0.4 or ~> 1.0", [hex: :telemetry, repo: "hexpm", optional: false]}, {:thousand_island, "~> 1.0", [hex: :thousand_island, repo: "hexpm", optional: false]}, {:websock, "~> 0.5", [hex: :websock, repo: "hexpm", optional: false]}], "hexpm", "5a904bf010ea24b67979835e0507688e31ac873d4ffc8ed0e5413e8d77455031"},
+  "bandit": {:hex, :bandit, "1.6.4", "59cbc8e02f84fcad967bfed6b8a8261821c93a7ec4f835b46d1846b1120a91ec", [:mix], [{:hpax, "~> 1.0", [hex: :hpax, repo: "hexpm", optional: false]}, {:plug, "~> 1.14", [hex: :plug, repo: "hexpm", optional: false]}, {:telemetry, "~> 0.4 or ~> 1.0", [hex: :telemetry, repo: "hexpm", optional: false]}, {:thousand_island, "~> 1.0", [hex: :thousand_island, repo: "hexpm", optional: false]}, {:websock, "~> 0.5", [hex: :websock, repo: "hexpm", optional: false]}], "hexpm", "8e156c009a77bb100fd78d5408684d01df1526f549c42614f8f9f27f44f1f7a7"},
   "castore": {:hex, :castore, "1.0.11", "4bbd584741601eb658007339ea730b082cc61f3554cf2e8f39bf693a11b49073", [:mix], [], "hexpm", "e03990b4db988df56262852f20de0f659871c35154691427a5047f4967a16a62"},
   "cowboy": {:hex, :cowboy, "2.12.0", "f276d521a1ff88b2b9b4c54d0e753da6c66dd7be6c9fca3d9418b561828a3731", [:make, :rebar3], [{:cowlib, "2.13.0", [hex: :cowlib, repo: "hexpm", optional: false]}, {:ranch, "1.8.0", [hex: :ranch, repo: "hexpm", optional: false]}], "hexpm", "8a7abe6d183372ceb21caa2709bec928ab2b72e18a3911aa1771639bef82651e"},
   "cowboy_telemetry": {:hex, :cowboy_telemetry, "0.4.0", "f239f68b588efa7707abce16a84d0d2acf3a0f50571f8bb7f56a15865aae820c", [:rebar3], [{:cowboy, "~> 2.7", [hex: :cowboy, repo: "hexpm", optional: false]}, {:telemetry, "~> 1.0", [hex: :telemetry, repo: "hexpm", optional: false]}], "hexpm", "7d98bac1ee4565d31b62d59f8823dfd8356a169e7fcbb83831b8a5397404c9de"},
@@ -14,10 +14,10 @@
   "heroicons": {:git, "https://github.com/tailwindlabs/heroicons.git", "88ab3a0d790e6a47404cba02800a6b25d2afae50", [tag: "v2.1.1", sparse: "optimized", depth: 1]},
   "hpax": {:hex, :hpax, "1.0.2", "762df951b0c399ff67cc57c3995ec3cf46d696e41f0bba17da0518d94acd4aac", [:mix], [], "hexpm", "2f09b4c1074e0abd846747329eaa26d535be0eb3d189fa69d812bfb8bfefd32f"},
   "jason": {:hex, :jason, "1.4.4", "b9226785a9aa77b6857ca22832cffa5d5011a667207eb2a0ad56adb5db443b8a", [:mix], [{:decimal, "~> 1.0 or ~> 2.0", [hex: :decimal, repo: "hexpm", optional: true]}], "hexpm", "c5eb0cab91f094599f94d55bc63409236a8ec69a21a67814529e8d5f6cc90b3b"},
-  "live_view_native": {:hex, :live_view_native, "0.4.0-rc.0", "a04edaf52f583e1282080c4f6d4b6da82d563ee325db6b2c6aa12a1f10c77d8c", [:mix], [{:jason, "~> 1.2", [hex: :jason, repo: "hexpm", optional: false]}, {:phoenix, "~> 1.7.0", [hex: :phoenix, repo: "hexpm", optional: false]}, {:phoenix_html, "~> 3.3 or ~> 4.0", [hex: :phoenix_html, repo: "hexpm", optional: false]}, {:phoenix_live_view, "~> 1.0.1", [hex: :phoenix_live_view, repo: "hexpm", optional: false]}, {:phoenix_template, "~> 1.0.4", [hex: :phoenix_template, repo: "hexpm", optional: false]}, {:phoenix_view, "~> 2.0", [hex: :phoenix_view, repo: "hexpm", optional: false]}, {:plug, "~> 1.15", [hex: :plug, repo: "hexpm", optional: false]}, {:plug_cowboy, "~> 2.5", [hex: :plug_cowboy, repo: "hexpm", optional: false]}, {:sourceror, "~> 1.5", [hex: :sourceror, repo: "hexpm", optional: false]}, {:text_diff, "~> 0.1", [hex: :text_diff, repo: "hexpm", optional: false]}], "hexpm", "f2d9398d9bea5b0390175d199999d97bc727398c724e647915c05f283844664f"},
-  "live_view_native_live_form": {:hex, :live_view_native_live_form, "0.4.0-rc.0", "b8d8582ca468015c35f6f40cf11b82407d9ebb559a28b59588b46ca7223d8d16", [:mix], [{:live_view_native, "~> 0.4.0-rc.0", [hex: :live_view_native, repo: "hexpm", optional: false]}], "hexpm", "1b01cc5e51c18518ec0bcb2d5bb747a77d2b8947dda624d580b2828f6fd9d153"},
-  "live_view_native_stylesheet": {:hex, :live_view_native_stylesheet, "0.3.2", "b0d48b07ab5cceb3229ec729a8dba54e59b47cc7179ee002d5eaa7e3571920f3", [:mix], [{:live_view_native, "~> 0.3", [hex: :live_view_native, repo: "hexpm", optional: false]}, {:nimble_parsec, "~> 1.3", [hex: :nimble_parsec, repo: "hexpm", optional: false]}], "hexpm", "a2afeeecc95f8434b85e78c495047846e5a8ed2b3ade3995fb744530724aac29"},
-  "live_view_native_swiftui": {:hex, :live_view_native_swiftui, "0.4.0-rc.0", "09ec6ff6a0ae0538de99ec8e7d5589ef6544dd4ae9082ae200faddcafe386398", [:mix], [{:live_view_native, "~> 0.4.0-rc.0", [hex: :live_view_native, repo: "hexpm", optional: false]}, {:makeup_eex, ">= 0.1.1", [hex: :makeup_eex, repo: "hexpm", optional: false]}, {:nimble_parsec, "~> 1.3", [hex: :nimble_parsec, repo: "hexpm", optional: false]}], "hexpm", "7aad4110d36858ebf3dd23d855b6a0f7cfc574ae0bad15c0dbbbda27ae8c0b9e"},
+  "live_view_native": {:git, "https://github.com/liveview-native/live_view_native", "ebaa67b8bb252eab794c13d2d37ef004edf634ea", [branch: "main"]},
+  "live_view_native_live_form": {:git, "https://github.com/liveview-native/liveview-native-live-form", "aba3f2ed769436ec0bb4ec0af78a087fcb5a2f33", [branch: "main"]},
+  "live_view_native_stylesheet": {:git, "https://github.com/liveview-native/live_view_native_stylesheet", "adaf914cd0837d9e4d07ff805ef6a47d105ff623", [branch: "main"]},
+  "live_view_native_swiftui": {:git, "https://github.com/liveview-native/liveview-client-swiftui", "bf1b0a5b4b815f37c72befaf4eb59e4e626e5dc0", [branch: "main"]},
   "makeup": {:hex, :makeup, "1.2.1", "e90ac1c65589ef354378def3ba19d401e739ee7ee06fb47f94c687016e3713d1", [:mix], [{:nimble_parsec, "~> 1.4", [hex: :nimble_parsec, repo: "hexpm", optional: false]}], "hexpm", "d36484867b0bae0fea568d10131197a4c2e47056a6fbe84922bf6ba71c8d17ce"},
   "makeup_eex": {:hex, :makeup_eex, "1.0.0", "436d4c00204c250b17a775d64e197798aaf374627e6a4f2d3fd3074a8db61db4", [:mix], [{:makeup, "~> 1.2.1 or ~> 1.3", [hex: :makeup, repo: "hexpm", optional: false]}, {:makeup_elixir, "~> 1.0", [hex: :makeup_elixir, repo: "hexpm", optional: false]}, {:makeup_html, "~> 0.1.0 or ~> 1.0", [hex: :makeup_html, repo: "hexpm", optional: false]}, {:nimble_parsec, "~> 1.2", [hex: :nimble_parsec, repo: "hexpm", optional: false]}], "hexpm", "3bb699bc519e4f509f1bf8a2e0ba0e08429edf3580053cd31a4f9c1bc5da86c8"},
   "makeup_elixir": {:hex, :makeup_elixir, "1.0.1", "e928a4f984e795e41e3abd27bfc09f51db16ab8ba1aebdba2b3a575437efafc2", [:mix], [{:makeup, "~> 1.0", [hex: :makeup, repo: "hexpm", optional: false]}, {:nimble_parsec, "~> 1.2.3 or ~> 1.3", [hex: :nimble_parsec, repo: "hexpm", optional: false]}], "hexpm", "7284900d412a3e5cfd97fdaed4f5ed389b8f2b4cb49efc0eb3bd10e2febf9507"},
@@ -29,7 +29,7 @@
   "phoenix_html": {:hex, :phoenix_html, "4.2.0", "83a4d351b66f472ebcce242e4ae48af1b781866f00ef0eb34c15030d4e2069ac", [:mix], [], "hexpm", "9713b3f238d07043583a94296cc4bbdceacd3b3a6c74667f4df13971e7866ec8"},
   "phoenix_live_dashboard": {:hex, :phoenix_live_dashboard, "0.8.4", "4508e481f791ce62ec6a096e13b061387158cbeefacca68c6c1928e1305e23ed", [:mix], [{:ecto, "~> 3.6.2 or ~> 3.7", [hex: :ecto, repo: "hexpm", optional: true]}, {:ecto_mysql_extras, "~> 0.5", [hex: :ecto_mysql_extras, repo: "hexpm", optional: true]}, {:ecto_psql_extras, "~> 0.7", [hex: :ecto_psql_extras, repo: "hexpm", optional: true]}, {:ecto_sqlite3_extras, "~> 1.1.7 or ~> 1.2.0", [hex: :ecto_sqlite3_extras, repo: "hexpm", optional: true]}, {:mime, "~> 1.6 or ~> 2.0", [hex: :mime, repo: "hexpm", optional: false]}, {:phoenix_live_view, "~> 0.19 or ~> 1.0", [hex: :phoenix_live_view, repo: "hexpm", optional: false]}, {:telemetry_metrics, "~> 0.6 or ~> 1.0", [hex: :telemetry_metrics, repo: "hexpm", optional: false]}], "hexpm", "2984aae96994fbc5c61795a73b8fb58153b41ff934019cfb522343d2d3817d59"},
   "phoenix_live_reload": {:hex, :phoenix_live_reload, "1.5.3", "f2161c207fda0e4fb55165f650f7f8db23f02b29e3bff00ff7ef161d6ac1f09d", [:mix], [{:file_system, "~> 0.3 or ~> 1.0", [hex: :file_system, repo: "hexpm", optional: false]}, {:phoenix, "~> 1.4", [hex: :phoenix, repo: "hexpm", optional: false]}], "hexpm", "b4ec9cd73cb01ff1bd1cac92e045d13e7030330b74164297d1aee3907b54803c"},
-  "phoenix_live_view": {:hex, :phoenix_live_view, "1.0.1", "5389a30658176c0de816636ce276567478bffd063c082515a6e8368b8fc9a0db", [:mix], [{:floki, "~> 0.36", [hex: :floki, repo: "hexpm", optional: true]}, {:jason, "~> 1.0", [hex: :jason, repo: "hexpm", optional: true]}, {:phoenix, "~> 1.6.15 or ~> 1.7.0", [hex: :phoenix, repo: "hexpm", optional: false]}, {:phoenix_html, "~> 3.3 or ~> 4.0", [hex: :phoenix_html, repo: "hexpm", optional: false]}, {:phoenix_template, "~> 1.0", [hex: :phoenix_template, repo: "hexpm", optional: false]}, {:phoenix_view, "~> 2.0", [hex: :phoenix_view, repo: "hexpm", optional: true]}, {:plug, "~> 1.15", [hex: :plug, repo: "hexpm", optional: false]}, {:telemetry, "~> 0.4.2 or ~> 1.0", [hex: :telemetry, repo: "hexpm", optional: false]}], "hexpm", "c0f517e6f290f10dbb94343ac22e0109437fb1fa6f0696e7c73967b789c1c285"},
+  "phoenix_live_view": {:hex, :phoenix_live_view, "1.0.2", "e7b1dd68c86326e2c45cc81da41e332cc8aa7228a7161e2c811dcd7f1dd14db1", [:mix], [{:floki, "~> 0.36", [hex: :floki, repo: "hexpm", optional: true]}, {:jason, "~> 1.0", [hex: :jason, repo: "hexpm", optional: true]}, {:phoenix, "~> 1.6.15 or ~> 1.7.0", [hex: :phoenix, repo: "hexpm", optional: false]}, {:phoenix_html, "~> 3.3 or ~> 4.0", [hex: :phoenix_html, repo: "hexpm", optional: false]}, {:phoenix_template, "~> 1.0", [hex: :phoenix_template, repo: "hexpm", optional: false]}, {:phoenix_view, "~> 2.0", [hex: :phoenix_view, repo: "hexpm", optional: true]}, {:plug, "~> 1.15", [hex: :plug, repo: "hexpm", optional: false]}, {:telemetry, "~> 0.4.2 or ~> 1.0", [hex: :telemetry, repo: "hexpm", optional: false]}], "hexpm", "8a40265b0cd7d3a35f136dfa3cc048e3b198fc3718763411a78c323a44ebebee"},
   "phoenix_pubsub": {:hex, :phoenix_pubsub, "2.1.3", "3168d78ba41835aecad272d5e8cd51aa87a7ac9eb836eabc42f6e57538e3731d", [:mix], [], "hexpm", "bba06bc1dcfd8cb086759f0edc94a8ba2bc8896d5331a1e2c2902bf8e36ee502"},
   "phoenix_template": {:hex, :phoenix_template, "1.0.4", "e2092c132f3b5e5b2d49c96695342eb36d0ed514c5b252a77048d5969330d639", [:mix], [{:phoenix_html, "~> 2.14.2 or ~> 3.0 or ~> 4.0", [hex: :phoenix_html, repo: "hexpm", optional: true]}], "hexpm", "2c0c81f0e5c6753faf5cca2f229c9709919aba34fab866d3bc05060c9c444206"},
   "phoenix_view": {:hex, :phoenix_view, "2.0.4", "b45c9d9cf15b3a1af5fb555c674b525391b6a1fe975f040fb4d913397b31abf4", [:mix], [{:phoenix_html, "~> 2.14.2 or ~> 3.0 or ~> 4.0", [hex: :phoenix_html, repo: "hexpm", optional: true]}, {:phoenix_template, "~> 1.0", [hex: :phoenix_template, repo: "hexpm", optional: false]}], "hexpm", "4e992022ce14f31fe57335db27a28154afcc94e9983266835bb3040243eb620b"},
@@ -46,7 +46,7 @@
   "telemetry_metrics": {:hex, :telemetry_metrics, "0.6.2", "2caabe9344ec17eafe5403304771c3539f3b6e2f7fb6a6f602558c825d0d0bfb", [:mix], [{:telemetry, "~> 0.4 or ~> 1.0", [hex: :telemetry, repo: "hexpm", optional: false]}], "hexpm", "9b43db0dc33863930b9ef9d27137e78974756f5f198cae18409970ed6fa5b561"},
   "telemetry_poller": {:hex, :telemetry_poller, "1.1.0", "58fa7c216257291caaf8d05678c8d01bd45f4bdbc1286838a28c4bb62ef32999", [:rebar3], [{:telemetry, "~> 1.0", [hex: :telemetry, repo: "hexpm", optional: false]}], "hexpm", "9eb9d9cbfd81cbd7cdd24682f8711b6e2b691289a0de6826e58452f28c103c8f"},
   "text_diff": {:hex, :text_diff, "0.1.0", "1caf3175e11a53a9a139bc9339bd607c47b9e376b073d4571c031913317fecaa", [:mix], [], "hexpm", "d1ffaaecab338e49357b6daa82e435f877e0649041ace7755583a0ea3362dbd7"},
-  "thousand_island": {:hex, :thousand_island, "1.3.7", "1da7598c0f4f5f50562c097a3f8af308ded48cd35139f0e6f17d9443e4d0c9c5", [:mix], [{:telemetry, "~> 0.4 or ~> 1.0", [hex: :telemetry, repo: "hexpm", optional: false]}], "hexpm", "0139335079953de41d381a6134d8b618d53d084f558c734f2662d1a72818dd12"},
+  "thousand_island": {:hex, :thousand_island, "1.3.9", "095db3e2650819443e33237891271943fad3b7f9ba341073947581362582ab5a", [:mix], [{:telemetry, "~> 0.4 or ~> 1.0", [hex: :telemetry, repo: "hexpm", optional: false]}], "hexpm", "25ab4c07badadf7f87adb4ab414e0ed374e5f19e72503aa85132caa25776e54f"},
   "websock": {:hex, :websock, "0.5.3", "2f69a6ebe810328555b6fe5c831a851f485e303a7c8ce6c5f675abeb20ebdadc", [:mix], [], "hexpm", "6105453d7fac22c712ad66fab1d45abdf049868f253cf719b625151460b8b453"},
   "websock_adapter": {:hex, :websock_adapter, "0.5.8", "3b97dc94e407e2d1fc666b2fb9acf6be81a1798a2602294aac000260a7c4a47d", [:mix], [{:bandit, ">= 0.6.0", [hex: :bandit, repo: "hexpm", optional: true]}, {:plug, "~> 1.14", [hex: :plug, repo: "hexpm", optional: false]}, {:plug_cowboy, "~> 2.6", [hex: :plug_cowboy, repo: "hexpm", optional: true]}, {:websock, "~> 0.5", [hex: :websock, repo: "hexpm", optional: false]}], "hexpm", "315b9a1865552212b5f35140ad194e67ce31af45bcee443d4ecb96b5fd3f3782"},
   "xml_builder": {:hex, :xml_builder, "2.3.0", "69d214c6ad41ae1300b36acff4367551cdfd9dc1b860affc16e103c6b1589053", [:mix], [], "hexpm", "972ec33346a225cd5acd14ab23d4e79042bd37cb904e07e24cd06992dde1a0ed"},

From 60d6fcdf937cd999bdc9854d3486b453fd539223 Mon Sep 17 00:00:00 2001
From: Carson Katri <Carson.katri@gmail.com>
Date: Tue, 18 Feb 2025 17:20:11 -0500
Subject: [PATCH 6/8] Fix navigation destination templates

---
 .../live/cookbook_live.swiftui.ex             | 11 +++++-----
 .../drill_down_navigation_live.swiftui.ex     |  4 +++-
 .../live/recipes/gesture_live.swiftui.ex      |  4 ++--
 .../recipes/media_overview_live.swiftui.ex    |  4 ++--
 mix.lock                                      | 22 +++++++++----------
 5 files changed, 24 insertions(+), 21 deletions(-)

diff --git a/lib/cookbook_web/live/cookbook_live.swiftui.ex b/lib/cookbook_web/live/cookbook_live.swiftui.ex
index cc198c9..d46449d 100644
--- a/lib/cookbook_web/live/cookbook_live.swiftui.ex
+++ b/lib/cookbook_web/live/cookbook_live.swiftui.ex
@@ -13,11 +13,11 @@ defmodule CookbookWeb.CookbookLive.SwiftUI do
         "toolbar(content: :toolbar)"
       ]}
     >
-      <ToolbarItem template="toolbar">
+      <Group template="toolbar">
         <.link href="https://github.com/liveview-native/cookbook" style="buttonStyle(.automatic);">
           <.icon name="info.circle" />
         </.link>
-      </ToolbarItem>
+      </Group>
       <Section style="listSectionSeparator(.hidden); listSectionSpacing(0);">
         <ScrollView
           axes="horizontal"
@@ -72,9 +72,10 @@ defmodule CookbookWeb.CookbookLive.SwiftUI do
         >
           <ProgressView
             template="destination"
-            style='navigationTitle(attr("title"))'
-            title={recipe.metadata.title}
-          />
+            style="navigationTitle(:title)"
+          >
+            <Text template="title"><%= recipe.metadata.title %></Text>
+          </ProgressView>
           <Label>
             <VStack alignment="leading" template="title">
               <Text><%= recipe.metadata.title %></Text>
diff --git a/lib/cookbook_web/live/recipes/drill_down_navigation_live.swiftui.ex b/lib/cookbook_web/live/recipes/drill_down_navigation_live.swiftui.ex
index 66f05eb..94cbec7 100644
--- a/lib/cookbook_web/live/recipes/drill_down_navigation_live.swiftui.ex
+++ b/lib/cookbook_web/live/recipes/drill_down_navigation_live.swiftui.ex
@@ -12,7 +12,9 @@ defmodule CookbookWeb.DrillDownNavigationLive.SwiftUI do
       >
         Item <%= i %>
 
-        <VStack template="destination" style='navigationTitle(attr("title"))' title={i} />
+        <VStack template="destination" style="navigationTitle(:title)">
+          <Text template="title"><%= i %></Text>
+        </VStack>
       </.link>
     </List>
     """
diff --git a/lib/cookbook_web/live/recipes/gesture_live.swiftui.ex b/lib/cookbook_web/live/recipes/gesture_live.swiftui.ex
index 7a8c8db..c677573 100644
--- a/lib/cookbook_web/live/recipes/gesture_live.swiftui.ex
+++ b/lib/cookbook_web/live/recipes/gesture_live.swiftui.ex
@@ -25,7 +25,7 @@ defmodule CookbookWeb.GestureLive.SwiftUI do
           style={[
             "fill(.green)",
             "frame(width: 100, height: 100)",
-            "scaleEffect(gesture_state(:magnify, .magnification, defaultValue: 1), anchor: gesture_state(:magnify, .startAnchor, defaultValue: .center))",
+            "scaleEffect(gesture_state(:magnify, .magnification, defaultValue: 1), anchor: UnitPoint(x: gesture_state(:magnify, .startAnchor.x, defaultValue: 0.5), y: gesture_state(:magnify, .startAnchor.y, defaultValue: 0.5)))",
             "animation(.bouncy, value: gesture_state(:magnify, .magnification))",
             "simultaneousGesture(MagnifyGesture().updating(:magnify))",
             "frame(maxHeight: .infinity)"
@@ -39,7 +39,7 @@ defmodule CookbookWeb.GestureLive.SwiftUI do
           style={[
             "fill(.blue)",
             "frame(width: 100, height: 100)",
-            "rotationEffect(gesture_state(:rotate, .rotation, defaultValue: .zero), anchor: gesture_state(:rotate, .startAnchor, defaultValue: .center))",
+            "rotationEffect(.degrees(gesture_state(:rotate, .rotation.degrees, defaultValue: 0)), anchor: UnitPoint(x: gesture_state(:magnify, .startAnchor.x, defaultValue: 0.5), y: gesture_state(:magnify, .startAnchor.y, defaultValue: 0.5)))",
             "animation(.bouncy, value: gesture_state(:rotate, .rotation.radians))",
             "simultaneousGesture(RotateGesture().updating(:rotate))",
             "frame(maxHeight: .infinity)"
diff --git a/lib/cookbook_web/live/recipes/media_overview_live.swiftui.ex b/lib/cookbook_web/live/recipes/media_overview_live.swiftui.ex
index 0d15148..e31c4c7 100644
--- a/lib/cookbook_web/live/recipes/media_overview_live.swiftui.ex
+++ b/lib/cookbook_web/live/recipes/media_overview_live.swiftui.ex
@@ -3,7 +3,7 @@ defmodule CookbookWeb.MediaOverviewLive.SwiftUI do
 
   def render(assigns, _interface) do
     ~LVN"""
-    <List style="listStyle(.plain); ignoresSafeArea(edges: .top); toolbarBackground(.hidden, for: .navigationBar); navigationBarBackButtonHidden(true); toolbar(content: :toolbar)">
+    <List style="listStyle(.plain); ignoresSafeArea(edges: .top); toolbarBackgroundVisibility(.hidden, for: .navigationBar); navigationBarBackButtonHidden(true); toolbar(content: :toolbar)">
       <%!-- back button --%>
       <%!-- TODO: add action to go back on button press --%>
       <ToolbarItem template="toolbar" placement="topBarLeading">
@@ -51,7 +51,7 @@ defmodule CookbookWeb.MediaOverviewLive.SwiftUI do
           <%!-- background blur --%>
           <Rectangle
             template="background"
-            style="fill(.thinMaterial); mask(mask: :mask)"
+            style="fill(.thinMaterial); mask(:mask)"
           >
             <Rectangle
               template="mask"
diff --git a/mix.lock b/mix.lock
index dfdadd1..f49319e 100644
--- a/mix.lock
+++ b/mix.lock
@@ -1,35 +1,35 @@
 %{
-  "bandit": {:hex, :bandit, "1.6.4", "59cbc8e02f84fcad967bfed6b8a8261821c93a7ec4f835b46d1846b1120a91ec", [:mix], [{:hpax, "~> 1.0", [hex: :hpax, repo: "hexpm", optional: false]}, {:plug, "~> 1.14", [hex: :plug, repo: "hexpm", optional: false]}, {:telemetry, "~> 0.4 or ~> 1.0", [hex: :telemetry, repo: "hexpm", optional: false]}, {:thousand_island, "~> 1.0", [hex: :thousand_island, repo: "hexpm", optional: false]}, {:websock, "~> 0.5", [hex: :websock, repo: "hexpm", optional: false]}], "hexpm", "8e156c009a77bb100fd78d5408684d01df1526f549c42614f8f9f27f44f1f7a7"},
+  "bandit": {:hex, :bandit, "1.6.7", "42f30e37a1c89a2a12943c5dca76f731a2313e8a2e21c1a95dc8241893e922d1", [:mix], [{:hpax, "~> 1.0", [hex: :hpax, repo: "hexpm", optional: false]}, {:plug, "~> 1.14", [hex: :plug, repo: "hexpm", optional: false]}, {:telemetry, "~> 0.4 or ~> 1.0", [hex: :telemetry, repo: "hexpm", optional: false]}, {:thousand_island, "~> 1.0", [hex: :thousand_island, repo: "hexpm", optional: false]}, {:websock, "~> 0.5", [hex: :websock, repo: "hexpm", optional: false]}], "hexpm", "551ba8ff5e4fc908cbeb8c9f0697775fb6813a96d9de5f7fe02e34e76fd7d184"},
   "castore": {:hex, :castore, "1.0.11", "4bbd584741601eb658007339ea730b082cc61f3554cf2e8f39bf693a11b49073", [:mix], [], "hexpm", "e03990b4db988df56262852f20de0f659871c35154691427a5047f4967a16a62"},
   "cowboy": {:hex, :cowboy, "2.12.0", "f276d521a1ff88b2b9b4c54d0e753da6c66dd7be6c9fca3d9418b561828a3731", [:make, :rebar3], [{:cowlib, "2.13.0", [hex: :cowlib, repo: "hexpm", optional: false]}, {:ranch, "1.8.0", [hex: :ranch, repo: "hexpm", optional: false]}], "hexpm", "8a7abe6d183372ceb21caa2709bec928ab2b72e18a3911aa1771639bef82651e"},
   "cowboy_telemetry": {:hex, :cowboy_telemetry, "0.4.0", "f239f68b588efa7707abce16a84d0d2acf3a0f50571f8bb7f56a15865aae820c", [:rebar3], [{:cowboy, "~> 2.7", [hex: :cowboy, repo: "hexpm", optional: false]}, {:telemetry, "~> 1.0", [hex: :telemetry, repo: "hexpm", optional: false]}], "hexpm", "7d98bac1ee4565d31b62d59f8823dfd8356a169e7fcbb83831b8a5397404c9de"},
   "cowlib": {:hex, :cowlib, "2.13.0", "db8f7505d8332d98ef50a3ef34b34c1afddec7506e4ee4dd4a3a266285d282ca", [:make, :rebar3], [], "hexpm", "e1e1284dc3fc030a64b1ad0d8382ae7e99da46c3246b815318a4b848873800a4"},
   "dns_cluster": {:hex, :dns_cluster, "0.1.3", "0bc20a2c88ed6cc494f2964075c359f8c2d00e1bf25518a6a6c7fd277c9b0c66", [:mix], [], "hexpm", "46cb7c4a1b3e52c7ad4cbe33ca5079fbde4840dedeafca2baf77996c2da1bc33"},
-  "esbuild": {:hex, :esbuild, "0.8.1", "0cbf919f0eccb136d2eeef0df49c4acf55336de864e63594adcea3814f3edf41", [:mix], [{:castore, ">= 0.0.0", [hex: :castore, repo: "hexpm", optional: false]}, {:jason, "~> 1.4", [hex: :jason, repo: "hexpm", optional: false]}], "hexpm", "25fc876a67c13cb0a776e7b5d7974851556baeda2085296c14ab48555ea7560f"},
+  "esbuild": {:hex, :esbuild, "0.8.2", "5f379dfa383ef482b738e7771daf238b2d1cfb0222bef9d3b20d4c8f06c7a7ac", [:mix], [{:castore, ">= 0.0.0", [hex: :castore, repo: "hexpm", optional: false]}, {:jason, "~> 1.4", [hex: :jason, repo: "hexpm", optional: false]}], "hexpm", "558a8a08ed78eb820efbfda1de196569d8bfa9b51e8371a1934fbb31345feda7"},
   "ex_maybe": {:hex, :ex_maybe, "1.1.1", "95c0188191b43bd278e876ae4f0a688922e3ca016a9efd97ee7a0b741a61b899", [:mix], [], "hexpm", "1af8c78c915c7f119a513b300a1702fc5cc9fed42d54fd85995265e4c4b763d2"},
-  "expo": {:hex, :expo, "1.0.0", "647639267e088717232f4d4451526e7a9de31a3402af7fcbda09b27e9a10395a", [:mix], [], "hexpm", "18d2093d344d97678e8a331ca0391e85d29816f9664a25653fd7e6166827827c"},
-  "file_system": {:hex, :file_system, "1.0.1", "79e8ceaddb0416f8b8cd02a0127bdbababe7bf4a23d2a395b983c1f8b3f73edd", [:mix], [], "hexpm", "4414d1f38863ddf9120720cd976fce5bdde8e91d8283353f0e31850fa89feb9e"},
+  "expo": {:hex, :expo, "1.1.0", "f7b9ed7fb5745ebe1eeedf3d6f29226c5dd52897ac67c0f8af62a07e661e5c75", [:mix], [], "hexpm", "fbadf93f4700fb44c331362177bdca9eeb8097e8b0ef525c9cc501cb9917c960"},
+  "file_system": {:hex, :file_system, "1.1.0", "08d232062284546c6c34426997dd7ef6ec9f8bbd090eb91780283c9016840e8f", [:mix], [], "hexpm", "bfcf81244f416871f2a2e15c1b515287faa5db9c6bcf290222206d120b3d43f6"},
   "floki": {:hex, :floki, "0.37.0", "b83e0280bbc6372f2a403b2848013650b16640cd2470aea6701f0632223d719e", [:mix], [], "hexpm", "516a0c15a69f78c47dc8e0b9b3724b29608aa6619379f91b1ffa47109b5d0dd3"},
-  "gettext": {:hex, :gettext, "0.26.1", "38e14ea5dcf962d1fc9f361b63ea07c0ce715a8ef1f9e82d3dfb8e67e0416715", [:mix], [{:expo, "~> 0.5.1 or ~> 1.0", [hex: :expo, repo: "hexpm", optional: false]}], "hexpm", "01ce56f188b9dc28780a52783d6529ad2bc7124f9744e571e1ee4ea88bf08734"},
+  "gettext": {:hex, :gettext, "0.26.2", "5978aa7b21fada6deabf1f6341ddba50bc69c999e812211903b169799208f2a8", [:mix], [{:expo, "~> 0.5.1 or ~> 1.0", [hex: :expo, repo: "hexpm", optional: false]}], "hexpm", "aa978504bcf76511efdc22d580ba08e2279caab1066b76bb9aa81c4a1e0a32a5"},
   "heroicons": {:git, "https://github.com/tailwindlabs/heroicons.git", "88ab3a0d790e6a47404cba02800a6b25d2afae50", [tag: "v2.1.1", sparse: "optimized", depth: 1]},
   "hpax": {:hex, :hpax, "1.0.2", "762df951b0c399ff67cc57c3995ec3cf46d696e41f0bba17da0518d94acd4aac", [:mix], [], "hexpm", "2f09b4c1074e0abd846747329eaa26d535be0eb3d189fa69d812bfb8bfefd32f"},
   "jason": {:hex, :jason, "1.4.4", "b9226785a9aa77b6857ca22832cffa5d5011a667207eb2a0ad56adb5db443b8a", [:mix], [{:decimal, "~> 1.0 or ~> 2.0", [hex: :decimal, repo: "hexpm", optional: true]}], "hexpm", "c5eb0cab91f094599f94d55bc63409236a8ec69a21a67814529e8d5f6cc90b3b"},
   "live_view_native": {:git, "https://github.com/liveview-native/live_view_native", "ebaa67b8bb252eab794c13d2d37ef004edf634ea", [branch: "main"]},
   "live_view_native_live_form": {:git, "https://github.com/liveview-native/liveview-native-live-form", "aba3f2ed769436ec0bb4ec0af78a087fcb5a2f33", [branch: "main"]},
   "live_view_native_stylesheet": {:git, "https://github.com/liveview-native/live_view_native_stylesheet", "adaf914cd0837d9e4d07ff805ef6a47d105ff623", [branch: "main"]},
-  "live_view_native_swiftui": {:git, "https://github.com/liveview-native/liveview-client-swiftui", "bf1b0a5b4b815f37c72befaf4eb59e4e626e5dc0", [branch: "main"]},
+  "live_view_native_swiftui": {:git, "https://github.com/liveview-native/liveview-client-swiftui", "b166e138d9b500632500bf2fee199f13062463c1", [branch: "main"]},
   "makeup": {:hex, :makeup, "1.2.1", "e90ac1c65589ef354378def3ba19d401e739ee7ee06fb47f94c687016e3713d1", [:mix], [{:nimble_parsec, "~> 1.4", [hex: :nimble_parsec, repo: "hexpm", optional: false]}], "hexpm", "d36484867b0bae0fea568d10131197a4c2e47056a6fbe84922bf6ba71c8d17ce"},
   "makeup_eex": {:hex, :makeup_eex, "1.0.0", "436d4c00204c250b17a775d64e197798aaf374627e6a4f2d3fd3074a8db61db4", [:mix], [{:makeup, "~> 1.2.1 or ~> 1.3", [hex: :makeup, repo: "hexpm", optional: false]}, {:makeup_elixir, "~> 1.0", [hex: :makeup_elixir, repo: "hexpm", optional: false]}, {:makeup_html, "~> 0.1.0 or ~> 1.0", [hex: :makeup_html, repo: "hexpm", optional: false]}, {:nimble_parsec, "~> 1.2", [hex: :nimble_parsec, repo: "hexpm", optional: false]}], "hexpm", "3bb699bc519e4f509f1bf8a2e0ba0e08429edf3580053cd31a4f9c1bc5da86c8"},
   "makeup_elixir": {:hex, :makeup_elixir, "1.0.1", "e928a4f984e795e41e3abd27bfc09f51db16ab8ba1aebdba2b3a575437efafc2", [:mix], [{:makeup, "~> 1.0", [hex: :makeup, repo: "hexpm", optional: false]}, {:nimble_parsec, "~> 1.2.3 or ~> 1.3", [hex: :nimble_parsec, repo: "hexpm", optional: false]}], "hexpm", "7284900d412a3e5cfd97fdaed4f5ed389b8f2b4cb49efc0eb3bd10e2febf9507"},
   "makeup_html": {:hex, :makeup_html, "0.1.2", "19d4050c0978a4f1618ffe43054c0049f91fe5feeb9ae8d845b5dc79c6008ae5", [:mix], [{:makeup, "~> 1.2", [hex: :makeup, repo: "hexpm", optional: false]}], "hexpm", "b7fb9afedd617d167e6644a0430e49c1279764bfd3153da716d4d2459b0998c5"},
   "matrix_reloaded": {:hex, :matrix_reloaded, "2.3.0", "eea41bc6713021f8f51dde0c2d6b72e695a99098753baebf0760e10aed8fa777", [:mix], [{:ex_maybe, "~> 1.0", [hex: :ex_maybe, repo: "hexpm", optional: false]}, {:result, "~> 1.7", [hex: :result, repo: "hexpm", optional: false]}], "hexpm", "4013c0cebe5dfffc8f2316675b642fb2f5a1dfc4bdc40d2c0dfa0563358fa496"},
   "mime": {:hex, :mime, "2.0.6", "8f18486773d9b15f95f4f4f1e39b710045fa1de891fada4516559967276e4dc2", [:mix], [], "hexpm", "c9945363a6b26d747389aac3643f8e0e09d30499a138ad64fe8fd1d13d9b153e"},
-  "nimble_parsec": {:hex, :nimble_parsec, "1.4.0", "51f9b613ea62cfa97b25ccc2c1b4216e81df970acd8e16e8d1bdc58fef21370d", [:mix], [], "hexpm", "9c565862810fb383e9838c1dd2d7d2c437b3d13b267414ba6af33e50d2d1cf28"},
-  "phoenix": {:hex, :phoenix, "1.7.18", "5310c21443514be44ed93c422e15870aef254cf1b3619e4f91538e7529d2b2e4", [:mix], [{:castore, ">= 0.0.0", [hex: :castore, repo: "hexpm", optional: false]}, {:jason, "~> 1.0", [hex: :jason, repo: "hexpm", optional: true]}, {:phoenix_pubsub, "~> 2.1", [hex: :phoenix_pubsub, repo: "hexpm", optional: false]}, {:phoenix_template, "~> 1.0", [hex: :phoenix_template, repo: "hexpm", optional: false]}, {:phoenix_view, "~> 2.0", [hex: :phoenix_view, repo: "hexpm", optional: true]}, {:plug, "~> 1.14", [hex: :plug, repo: "hexpm", optional: false]}, {:plug_cowboy, "~> 2.7", [hex: :plug_cowboy, repo: "hexpm", optional: true]}, {:plug_crypto, "~> 1.2 or ~> 2.0", [hex: :plug_crypto, repo: "hexpm", optional: false]}, {:telemetry, "~> 0.4 or ~> 1.0", [hex: :telemetry, repo: "hexpm", optional: false]}, {:websock_adapter, "~> 0.5.3", [hex: :websock_adapter, repo: "hexpm", optional: false]}], "hexpm", "1797fcc82108442a66f2c77a643a62980f342bfeb63d6c9a515ab8294870004e"},
+  "nimble_parsec": {:hex, :nimble_parsec, "1.4.2", "8efba0122db06df95bfaa78f791344a89352ba04baedd3849593bfce4d0dc1c6", [:mix], [], "hexpm", "4b21398942dda052b403bbe1da991ccd03a053668d147d53fb8c4e0efe09c973"},
+  "phoenix": {:hex, :phoenix, "1.7.19", "36617efe5afbd821099a8b994ff4618a340a5bfb25531a1802c4d4c634017a57", [:mix], [{:castore, ">= 0.0.0", [hex: :castore, repo: "hexpm", optional: false]}, {:jason, "~> 1.0", [hex: :jason, repo: "hexpm", optional: true]}, {:phoenix_pubsub, "~> 2.1", [hex: :phoenix_pubsub, repo: "hexpm", optional: false]}, {:phoenix_template, "~> 1.0", [hex: :phoenix_template, repo: "hexpm", optional: false]}, {:phoenix_view, "~> 2.0", [hex: :phoenix_view, repo: "hexpm", optional: true]}, {:plug, "~> 1.14", [hex: :plug, repo: "hexpm", optional: false]}, {:plug_cowboy, "~> 2.7", [hex: :plug_cowboy, repo: "hexpm", optional: true]}, {:plug_crypto, "~> 1.2 or ~> 2.0", [hex: :plug_crypto, repo: "hexpm", optional: false]}, {:telemetry, "~> 0.4 or ~> 1.0", [hex: :telemetry, repo: "hexpm", optional: false]}, {:websock_adapter, "~> 0.5.3", [hex: :websock_adapter, repo: "hexpm", optional: false]}], "hexpm", "ba4dc14458278773f905f8ae6c2ec743d52c3a35b6b353733f64f02dfe096cd6"},
   "phoenix_html": {:hex, :phoenix_html, "4.2.0", "83a4d351b66f472ebcce242e4ae48af1b781866f00ef0eb34c15030d4e2069ac", [:mix], [], "hexpm", "9713b3f238d07043583a94296cc4bbdceacd3b3a6c74667f4df13971e7866ec8"},
-  "phoenix_live_dashboard": {:hex, :phoenix_live_dashboard, "0.8.4", "4508e481f791ce62ec6a096e13b061387158cbeefacca68c6c1928e1305e23ed", [:mix], [{:ecto, "~> 3.6.2 or ~> 3.7", [hex: :ecto, repo: "hexpm", optional: true]}, {:ecto_mysql_extras, "~> 0.5", [hex: :ecto_mysql_extras, repo: "hexpm", optional: true]}, {:ecto_psql_extras, "~> 0.7", [hex: :ecto_psql_extras, repo: "hexpm", optional: true]}, {:ecto_sqlite3_extras, "~> 1.1.7 or ~> 1.2.0", [hex: :ecto_sqlite3_extras, repo: "hexpm", optional: true]}, {:mime, "~> 1.6 or ~> 2.0", [hex: :mime, repo: "hexpm", optional: false]}, {:phoenix_live_view, "~> 0.19 or ~> 1.0", [hex: :phoenix_live_view, repo: "hexpm", optional: false]}, {:telemetry_metrics, "~> 0.6 or ~> 1.0", [hex: :telemetry_metrics, repo: "hexpm", optional: false]}], "hexpm", "2984aae96994fbc5c61795a73b8fb58153b41ff934019cfb522343d2d3817d59"},
+  "phoenix_live_dashboard": {:hex, :phoenix_live_dashboard, "0.8.6", "7b1f0327f54c9eb69845fd09a77accf922f488c549a7e7b8618775eb603a62c7", [:mix], [{:ecto, "~> 3.6.2 or ~> 3.7", [hex: :ecto, repo: "hexpm", optional: true]}, {:ecto_mysql_extras, "~> 0.5", [hex: :ecto_mysql_extras, repo: "hexpm", optional: true]}, {:ecto_psql_extras, "~> 0.7", [hex: :ecto_psql_extras, repo: "hexpm", optional: true]}, {:ecto_sqlite3_extras, "~> 1.1.7 or ~> 1.2.0", [hex: :ecto_sqlite3_extras, repo: "hexpm", optional: true]}, {:mime, "~> 1.6 or ~> 2.0", [hex: :mime, repo: "hexpm", optional: false]}, {:phoenix_live_view, "~> 0.19 or ~> 1.0", [hex: :phoenix_live_view, repo: "hexpm", optional: false]}, {:telemetry_metrics, "~> 0.6 or ~> 1.0", [hex: :telemetry_metrics, repo: "hexpm", optional: false]}], "hexpm", "1681ab813ec26ca6915beb3414aa138f298e17721dc6a2bde9e6eb8a62360ff6"},
   "phoenix_live_reload": {:hex, :phoenix_live_reload, "1.5.3", "f2161c207fda0e4fb55165f650f7f8db23f02b29e3bff00ff7ef161d6ac1f09d", [:mix], [{:file_system, "~> 0.3 or ~> 1.0", [hex: :file_system, repo: "hexpm", optional: false]}, {:phoenix, "~> 1.4", [hex: :phoenix, repo: "hexpm", optional: false]}], "hexpm", "b4ec9cd73cb01ff1bd1cac92e045d13e7030330b74164297d1aee3907b54803c"},
-  "phoenix_live_view": {:hex, :phoenix_live_view, "1.0.2", "e7b1dd68c86326e2c45cc81da41e332cc8aa7228a7161e2c811dcd7f1dd14db1", [:mix], [{:floki, "~> 0.36", [hex: :floki, repo: "hexpm", optional: true]}, {:jason, "~> 1.0", [hex: :jason, repo: "hexpm", optional: true]}, {:phoenix, "~> 1.6.15 or ~> 1.7.0", [hex: :phoenix, repo: "hexpm", optional: false]}, {:phoenix_html, "~> 3.3 or ~> 4.0", [hex: :phoenix_html, repo: "hexpm", optional: false]}, {:phoenix_template, "~> 1.0", [hex: :phoenix_template, repo: "hexpm", optional: false]}, {:phoenix_view, "~> 2.0", [hex: :phoenix_view, repo: "hexpm", optional: true]}, {:plug, "~> 1.15", [hex: :plug, repo: "hexpm", optional: false]}, {:telemetry, "~> 0.4.2 or ~> 1.0", [hex: :telemetry, repo: "hexpm", optional: false]}], "hexpm", "8a40265b0cd7d3a35f136dfa3cc048e3b198fc3718763411a78c323a44ebebee"},
+  "phoenix_live_view": {:hex, :phoenix_live_view, "1.0.4", "327491b033e79db2f887b065c5a2993228449091883d74cfa1baa12f8c98d5eb", [:mix], [{:floki, "~> 0.36", [hex: :floki, repo: "hexpm", optional: true]}, {:jason, "~> 1.0", [hex: :jason, repo: "hexpm", optional: true]}, {:phoenix, "~> 1.6.15 or ~> 1.7.0", [hex: :phoenix, repo: "hexpm", optional: false]}, {:phoenix_html, "~> 3.3 or ~> 4.0", [hex: :phoenix_html, repo: "hexpm", optional: false]}, {:phoenix_template, "~> 1.0", [hex: :phoenix_template, repo: "hexpm", optional: false]}, {:phoenix_view, "~> 2.0", [hex: :phoenix_view, repo: "hexpm", optional: true]}, {:plug, "~> 1.15", [hex: :plug, repo: "hexpm", optional: false]}, {:telemetry, "~> 0.4.2 or ~> 1.0", [hex: :telemetry, repo: "hexpm", optional: false]}], "hexpm", "a9865316ddf8d78f382d63af278d20436b52d262b60239956817a61279514366"},
   "phoenix_pubsub": {:hex, :phoenix_pubsub, "2.1.3", "3168d78ba41835aecad272d5e8cd51aa87a7ac9eb836eabc42f6e57538e3731d", [:mix], [], "hexpm", "bba06bc1dcfd8cb086759f0edc94a8ba2bc8896d5331a1e2c2902bf8e36ee502"},
   "phoenix_template": {:hex, :phoenix_template, "1.0.4", "e2092c132f3b5e5b2d49c96695342eb36d0ed514c5b252a77048d5969330d639", [:mix], [{:phoenix_html, "~> 2.14.2 or ~> 3.0 or ~> 4.0", [hex: :phoenix_html, repo: "hexpm", optional: true]}], "hexpm", "2c0c81f0e5c6753faf5cca2f229c9709919aba34fab866d3bc05060c9c444206"},
   "phoenix_view": {:hex, :phoenix_view, "2.0.4", "b45c9d9cf15b3a1af5fb555c674b525391b6a1fe975f040fb4d913397b31abf4", [:mix], [{:phoenix_html, "~> 2.14.2 or ~> 3.0 or ~> 4.0", [hex: :phoenix_html, repo: "hexpm", optional: true]}, {:phoenix_template, "~> 1.0", [hex: :phoenix_template, repo: "hexpm", optional: false]}], "hexpm", "4e992022ce14f31fe57335db27a28154afcc94e9983266835bb3040243eb620b"},
@@ -41,7 +41,7 @@
   "ranch": {:hex, :ranch, "1.8.0", "8c7a100a139fd57f17327b6413e4167ac559fbc04ca7448e9be9057311597a1d", [:make, :rebar3], [], "hexpm", "49fbcfd3682fab1f5d109351b61257676da1a2fdbe295904176d5e521a2ddfe5"},
   "result": {:hex, :result, "1.7.2", "a57c569f7cf5c158d2299d3b5624a48b69bd1520d0771dc711bcf9f3916e8ab6", [:mix], [], "hexpm", "89f98e98cfbf64237ecf4913aa36b76b80463e087775d19953dc4b435a35f087"},
   "sourceror": {:hex, :sourceror, "1.7.1", "599d78f4cc2be7d55c9c4fd0a8d772fd0478e3a50e726697c20d13d02aa056d4", [:mix], [], "hexpm", "cd6f268fe29fa00afbc535e215158680a0662b357dc784646d7dff28ac65a0fc"},
-  "tailwind": {:hex, :tailwind, "0.2.3", "277f08145d407de49650d0a4685dc062174bdd1ae7731c5f1da86163a24dfcdb", [:mix], [{:castore, ">= 0.0.0", [hex: :castore, repo: "hexpm", optional: false]}], "hexpm", "8e45e7a34a676a7747d04f7913a96c770c85e6be810a1d7f91e713d3a3655b5d"},
+  "tailwind": {:hex, :tailwind, "0.2.4", "5706ec47182d4e7045901302bf3a333e80f3d1af65c442ba9a9eed152fb26c2e", [:mix], [{:castore, ">= 0.0.0", [hex: :castore, repo: "hexpm", optional: false]}], "hexpm", "c6e4a82b8727bab593700c998a4d98cf3d8025678bfde059aed71d0000c3e463"},
   "telemetry": {:hex, :telemetry, "1.3.0", "fedebbae410d715cf8e7062c96a1ef32ec22e764197f70cda73d82778d61e7a2", [:rebar3], [], "hexpm", "7015fc8919dbe63764f4b4b87a95b7c0996bd539e0d499be6ec9d7f3875b79e6"},
   "telemetry_metrics": {:hex, :telemetry_metrics, "0.6.2", "2caabe9344ec17eafe5403304771c3539f3b6e2f7fb6a6f602558c825d0d0bfb", [:mix], [{:telemetry, "~> 0.4 or ~> 1.0", [hex: :telemetry, repo: "hexpm", optional: false]}], "hexpm", "9b43db0dc33863930b9ef9d27137e78974756f5f198cae18409970ed6fa5b561"},
   "telemetry_poller": {:hex, :telemetry_poller, "1.1.0", "58fa7c216257291caaf8d05678c8d01bd45f4bdbc1286838a28c4bb62ef32999", [:rebar3], [{:telemetry, "~> 1.0", [hex: :telemetry, repo: "hexpm", optional: false]}], "hexpm", "9eb9d9cbfd81cbd7cdd24682f8711b6e2b691289a0de6826e58452f28c103c8f"},

From 97e433f8de60e2b05eef62aae355598d3208edc3 Mon Sep 17 00:00:00 2001
From: Carson Katri <Carson.katri@gmail.com>
Date: Wed, 26 Feb 2025 17:21:04 -0500
Subject: [PATCH 7/8] Fix toolbar and scroll automation

---
 lib/cookbook_web/live/cookbook_live.ex                      | 3 ++-
 lib/cookbook_web/live/cookbook_live.swiftui.ex              | 6 +++---
 lib/cookbook_web/live/recipes/scroll_automation_live.ex     | 2 +-
 .../live/recipes/scroll_automation_live.swiftui.ex          | 2 +-
 .../live/recipes/sectioned_grid_live.swiftui.ex             | 2 +-
 5 files changed, 8 insertions(+), 7 deletions(-)

diff --git a/lib/cookbook_web/live/cookbook_live.ex b/lib/cookbook_web/live/cookbook_live.ex
index 500507e..8c5f5b9 100644
--- a/lib/cookbook_web/live/cookbook_live.ex
+++ b/lib/cookbook_web/live/cookbook_live.ex
@@ -18,7 +18,8 @@ defmodule CookbookWeb.CookbookLive do
      socket
      |> assign(:qr, qr)
      |> assign(:uri, uri)
-     |> assign(:dead, connected?(socket))}
+     |> assign(:dead, connected?(socket))
+     |> assign(:count, 0)}
   end
 
   def mount(_params, _session, socket) do
diff --git a/lib/cookbook_web/live/cookbook_live.swiftui.ex b/lib/cookbook_web/live/cookbook_live.swiftui.ex
index d46449d..607e527 100644
--- a/lib/cookbook_web/live/cookbook_live.swiftui.ex
+++ b/lib/cookbook_web/live/cookbook_live.swiftui.ex
@@ -13,16 +13,16 @@ defmodule CookbookWeb.CookbookLive.SwiftUI do
         "toolbar(content: :toolbar)"
       ]}
     >
-      <Group template="toolbar">
+      <ToolbarItem template="toolbar">
         <.link href="https://github.com/liveview-native/cookbook" style="buttonStyle(.automatic);">
           <.icon name="info.circle" />
         </.link>
-      </Group>
+      </ToolbarItem>
       <Section style="listSectionSeparator(.hidden); listSectionSpacing(0);">
         <ScrollView
           axes="horizontal"
           style={[
-            "scrollTargetBehavior(.viewAligned)",
+            "scrollTargetBehavior(.viewAligned(limitBehavior: .alwaysByOne))",
             "scrollIndicators(.hidden)",
             "safeAreaPadding(.horizontal, 16)",
             "listRowInsets(EdgeInsets())",
diff --git a/lib/cookbook_web/live/recipes/scroll_automation_live.ex b/lib/cookbook_web/live/recipes/scroll_automation_live.ex
index 2863a67..483d683 100644
--- a/lib/cookbook_web/live/recipes/scroll_automation_live.ex
+++ b/lib/cookbook_web/live/recipes/scroll_automation_live.ex
@@ -32,7 +32,7 @@ defmodule CookbookWeb.ScrollAutomationLive do
     }
   end
 
-  def handle_event("scroll-position-changed", %{ "scroll-position" => nil }, socket) do
+  def handle_event("scroll-position-changed", %{ "scroll-position" => %{ "isPositionedByUser" => true } }, socket) do
     {:noreply, assign(socket, user_interacted: true)}
   end
 
diff --git a/lib/cookbook_web/live/recipes/scroll_automation_live.swiftui.ex b/lib/cookbook_web/live/recipes/scroll_automation_live.swiftui.ex
index 63d10f1..eea69be 100644
--- a/lib/cookbook_web/live/recipes/scroll_automation_live.swiftui.ex
+++ b/lib/cookbook_web/live/recipes/scroll_automation_live.swiftui.ex
@@ -6,7 +6,7 @@ defmodule CookbookWeb.ScrollAutomationLive.SwiftUI do
     <%!-- use the `scrollPosition` modifier to scroll to a specific ID --%>
     <ScrollView
       axes="vertical"
-      style='safeAreaPadding(); scrollPosition(id: attr("scroll-position"), anchor: .top); animation(.snappy, value: attr("scroll-position")); background(.linearGradient(colors: [.blue, .purple], startPoint: .topLeading, endPoint: .bottomTrailing)); preferredColorScheme(.light);'
+      style='safeAreaPadding(); scrollPosition(attr("scroll-position"), anchor: .top); animation(.snappy, value: attr("scroll-position")); background(.linearGradient(colors: [.blue, .purple], startPoint: .topLeading, endPoint: .bottomTrailing)); preferredColorScheme(.light);'
       scroll-position={if @user_interacted, do: "", else: "line-#{@scroll_position}"}
       phx-change="scroll-position-changed"
     >
diff --git a/lib/cookbook_web/live/recipes/sectioned_grid_live.swiftui.ex b/lib/cookbook_web/live/recipes/sectioned_grid_live.swiftui.ex
index 3b3d9a6..9529686 100644
--- a/lib/cookbook_web/live/recipes/sectioned_grid_live.swiftui.ex
+++ b/lib/cookbook_web/live/recipes/sectioned_grid_live.swiftui.ex
@@ -24,7 +24,7 @@ defmodule CookbookWeb.SectionedGridLive.SwiftUI do
               Section <%= section %>
             </Text>
             <Rectangle
-              :for={i <- 1..50}
+              :for={i <- 1..40}
               style={[
                 ~s[foregroundStyle(Color(hue: attr("hue"), saturation: 1, brightness: 1))],
                 "aspectRatio(1, contentMode: .fill)"

From 074ab78cbabddc64daa1cf0f54575b97e9e28706 Mon Sep 17 00:00:00 2001
From: mobile-bungalow <pwmay.work@gmail.com>
Date: Wed, 26 Feb 2025 20:27:53 -0800
Subject: [PATCH 8/8] update_libs

---
 .gitignore                                    |  2 +-
 .../layouts_swiftui/root.swiftui.neex         |  4 +--
 mix.lock                                      | 32 +++++++++----------
 3 files changed, 19 insertions(+), 19 deletions(-)

diff --git a/.gitignore b/.gitignore
index c7460d5..9de5a34 100644
--- a/.gitignore
+++ b/.gitignore
@@ -34,4 +34,4 @@ cookbook-*.tar
 # In case you use Node.js/npm, you want to ignore these.
 npm-debug.log
 /assets/node_modules/
-
+.DS_Store
diff --git a/lib/cookbook_web/components/layouts_swiftui/root.swiftui.neex b/lib/cookbook_web/components/layouts_swiftui/root.swiftui.neex
index 3ef2df9..cf25324 100644
--- a/lib/cookbook_web/components/layouts_swiftui/root.swiftui.neex
+++ b/lib/cookbook_web/components/layouts_swiftui/root.swiftui.neex
@@ -1,5 +1,5 @@
-<.csrf_token />
+<csrf-token value={Phoenix.Controller.get_csrf_token()}/>
 <Style url={~p"/assets/app.swiftui.styles"} />
 <NavigationStack>
   <%= @inner_content %>
-</NavigationStack>
\ No newline at end of file
+</NavigationStack>
diff --git a/mix.lock b/mix.lock
index f49319e..c8efedf 100644
--- a/mix.lock
+++ b/mix.lock
@@ -1,11 +1,11 @@
 %{
   "bandit": {:hex, :bandit, "1.6.7", "42f30e37a1c89a2a12943c5dca76f731a2313e8a2e21c1a95dc8241893e922d1", [:mix], [{:hpax, "~> 1.0", [hex: :hpax, repo: "hexpm", optional: false]}, {:plug, "~> 1.14", [hex: :plug, repo: "hexpm", optional: false]}, {:telemetry, "~> 0.4 or ~> 1.0", [hex: :telemetry, repo: "hexpm", optional: false]}, {:thousand_island, "~> 1.0", [hex: :thousand_island, repo: "hexpm", optional: false]}, {:websock, "~> 0.5", [hex: :websock, repo: "hexpm", optional: false]}], "hexpm", "551ba8ff5e4fc908cbeb8c9f0697775fb6813a96d9de5f7fe02e34e76fd7d184"},
-  "castore": {:hex, :castore, "1.0.11", "4bbd584741601eb658007339ea730b082cc61f3554cf2e8f39bf693a11b49073", [:mix], [], "hexpm", "e03990b4db988df56262852f20de0f659871c35154691427a5047f4967a16a62"},
-  "cowboy": {:hex, :cowboy, "2.12.0", "f276d521a1ff88b2b9b4c54d0e753da6c66dd7be6c9fca3d9418b561828a3731", [:make, :rebar3], [{:cowlib, "2.13.0", [hex: :cowlib, repo: "hexpm", optional: false]}, {:ranch, "1.8.0", [hex: :ranch, repo: "hexpm", optional: false]}], "hexpm", "8a7abe6d183372ceb21caa2709bec928ab2b72e18a3911aa1771639bef82651e"},
+  "castore": {:hex, :castore, "1.0.12", "053f0e32700cbec356280c0e835df425a3be4bc1e0627b714330ad9d0f05497f", [:mix], [], "hexpm", "3dca286b2186055ba0c9449b4e95b97bf1b57b47c1f2644555879e659960c224"},
+  "cowboy": {:hex, :cowboy, "2.13.0", "09d770dd5f6a22cc60c071f432cd7cb87776164527f205c5a6b0f24ff6b38990", [:make, :rebar3], [{:cowlib, ">= 2.14.0 and < 3.0.0", [hex: :cowlib, repo: "hexpm", optional: false]}, {:ranch, ">= 1.8.0 and < 3.0.0", [hex: :ranch, repo: "hexpm", optional: false]}], "hexpm", "e724d3a70995025d654c1992c7b11dbfea95205c047d86ff9bf1cda92ddc5614"},
   "cowboy_telemetry": {:hex, :cowboy_telemetry, "0.4.0", "f239f68b588efa7707abce16a84d0d2acf3a0f50571f8bb7f56a15865aae820c", [:rebar3], [{:cowboy, "~> 2.7", [hex: :cowboy, repo: "hexpm", optional: false]}, {:telemetry, "~> 1.0", [hex: :telemetry, repo: "hexpm", optional: false]}], "hexpm", "7d98bac1ee4565d31b62d59f8823dfd8356a169e7fcbb83831b8a5397404c9de"},
-  "cowlib": {:hex, :cowlib, "2.13.0", "db8f7505d8332d98ef50a3ef34b34c1afddec7506e4ee4dd4a3a266285d282ca", [:make, :rebar3], [], "hexpm", "e1e1284dc3fc030a64b1ad0d8382ae7e99da46c3246b815318a4b848873800a4"},
+  "cowlib": {:hex, :cowlib, "2.14.0", "623791c56c1cc9df54a71a9c55147a401549917f00a2e48a6ae12b812c586ced", [:make, :rebar3], [], "hexpm", "0af652d1550c8411c3b58eed7a035a7fb088c0b86aff6bc504b0bc3b7f791aa2"},
   "dns_cluster": {:hex, :dns_cluster, "0.1.3", "0bc20a2c88ed6cc494f2964075c359f8c2d00e1bf25518a6a6c7fd277c9b0c66", [:mix], [], "hexpm", "46cb7c4a1b3e52c7ad4cbe33ca5079fbde4840dedeafca2baf77996c2da1bc33"},
-  "esbuild": {:hex, :esbuild, "0.8.2", "5f379dfa383ef482b738e7771daf238b2d1cfb0222bef9d3b20d4c8f06c7a7ac", [:mix], [{:castore, ">= 0.0.0", [hex: :castore, repo: "hexpm", optional: false]}, {:jason, "~> 1.4", [hex: :jason, repo: "hexpm", optional: false]}], "hexpm", "558a8a08ed78eb820efbfda1de196569d8bfa9b51e8371a1934fbb31345feda7"},
+  "esbuild": {:hex, :esbuild, "0.9.0", "f043eeaca4932ca8e16e5429aebd90f7766f31ac160a25cbd9befe84f2bc068f", [:mix], [{:jason, "~> 1.4", [hex: :jason, repo: "hexpm", optional: false]}], "hexpm", "b415027f71d5ab57ef2be844b2a10d0c1b5a492d431727f43937adce22ba45ae"},
   "ex_maybe": {:hex, :ex_maybe, "1.1.1", "95c0188191b43bd278e876ae4f0a688922e3ca016a9efd97ee7a0b741a61b899", [:mix], [], "hexpm", "1af8c78c915c7f119a513b300a1702fc5cc9fed42d54fd85995265e4c4b763d2"},
   "expo": {:hex, :expo, "1.1.0", "f7b9ed7fb5745ebe1eeedf3d6f29226c5dd52897ac67c0f8af62a07e661e5c75", [:mix], [], "hexpm", "fbadf93f4700fb44c331362177bdca9eeb8097e8b0ef525c9cc501cb9917c960"},
   "file_system": {:hex, :file_system, "1.1.0", "08d232062284546c6c34426997dd7ef6ec9f8bbd090eb91780283c9016840e8f", [:mix], [], "hexpm", "bfcf81244f416871f2a2e15c1b515287faa5db9c6bcf290222206d120b3d43f6"},
@@ -14,19 +14,19 @@
   "heroicons": {:git, "https://github.com/tailwindlabs/heroicons.git", "88ab3a0d790e6a47404cba02800a6b25d2afae50", [tag: "v2.1.1", sparse: "optimized", depth: 1]},
   "hpax": {:hex, :hpax, "1.0.2", "762df951b0c399ff67cc57c3995ec3cf46d696e41f0bba17da0518d94acd4aac", [:mix], [], "hexpm", "2f09b4c1074e0abd846747329eaa26d535be0eb3d189fa69d812bfb8bfefd32f"},
   "jason": {:hex, :jason, "1.4.4", "b9226785a9aa77b6857ca22832cffa5d5011a667207eb2a0ad56adb5db443b8a", [:mix], [{:decimal, "~> 1.0 or ~> 2.0", [hex: :decimal, repo: "hexpm", optional: true]}], "hexpm", "c5eb0cab91f094599f94d55bc63409236a8ec69a21a67814529e8d5f6cc90b3b"},
-  "live_view_native": {:git, "https://github.com/liveview-native/live_view_native", "ebaa67b8bb252eab794c13d2d37ef004edf634ea", [branch: "main"]},
-  "live_view_native_live_form": {:git, "https://github.com/liveview-native/liveview-native-live-form", "aba3f2ed769436ec0bb4ec0af78a087fcb5a2f33", [branch: "main"]},
-  "live_view_native_stylesheet": {:git, "https://github.com/liveview-native/live_view_native_stylesheet", "adaf914cd0837d9e4d07ff805ef6a47d105ff623", [branch: "main"]},
-  "live_view_native_swiftui": {:git, "https://github.com/liveview-native/liveview-client-swiftui", "b166e138d9b500632500bf2fee199f13062463c1", [branch: "main"]},
+  "live_view_native": {:git, "https://github.com/liveview-native/live_view_native", "5b0a3365e3fa61521cb47d0dd5ec7725e1b084ec", [branch: "main"]},
+  "live_view_native_live_form": {:git, "https://github.com/liveview-native/liveview-native-live-form", "4852ba0082c42d48cf020bb857104daae6cc23ef", [branch: "main"]},
+  "live_view_native_stylesheet": {:git, "https://github.com/liveview-native/live_view_native_stylesheet", "3f03327a4742b90d6e3304441c019708ef57bfcb", [branch: "main"]},
+  "live_view_native_swiftui": {:git, "https://github.com/liveview-native/liveview-client-swiftui", "48b226ee61c2ce945cbd19c0867618baa7aa8512", [branch: "main"]},
   "makeup": {:hex, :makeup, "1.2.1", "e90ac1c65589ef354378def3ba19d401e739ee7ee06fb47f94c687016e3713d1", [:mix], [{:nimble_parsec, "~> 1.4", [hex: :nimble_parsec, repo: "hexpm", optional: false]}], "hexpm", "d36484867b0bae0fea568d10131197a4c2e47056a6fbe84922bf6ba71c8d17ce"},
-  "makeup_eex": {:hex, :makeup_eex, "1.0.0", "436d4c00204c250b17a775d64e197798aaf374627e6a4f2d3fd3074a8db61db4", [:mix], [{:makeup, "~> 1.2.1 or ~> 1.3", [hex: :makeup, repo: "hexpm", optional: false]}, {:makeup_elixir, "~> 1.0", [hex: :makeup_elixir, repo: "hexpm", optional: false]}, {:makeup_html, "~> 0.1.0 or ~> 1.0", [hex: :makeup_html, repo: "hexpm", optional: false]}, {:nimble_parsec, "~> 1.2", [hex: :nimble_parsec, repo: "hexpm", optional: false]}], "hexpm", "3bb699bc519e4f509f1bf8a2e0ba0e08429edf3580053cd31a4f9c1bc5da86c8"},
+  "makeup_eex": {:hex, :makeup_eex, "2.0.2", "88983b72aadb2e8408b06f7c9413804ce7eae2ca2a5a35cb738c6a9cb393c155", [:mix], [{:makeup, "~> 1.2.1 or ~> 1.3", [hex: :makeup, repo: "hexpm", optional: false]}, {:makeup_elixir, "~> 1.0", [hex: :makeup_elixir, repo: "hexpm", optional: false]}, {:makeup_html, "~> 0.2.0 or ~> 1.0", [hex: :makeup_html, repo: "hexpm", optional: true]}, {:nimble_parsec, "~> 1.2", [hex: :nimble_parsec, repo: "hexpm", optional: false]}], "hexpm", "30ac121dda580298ff3378324ffaec94aad5a5b67e0cc6af177c67d5f45629b9"},
   "makeup_elixir": {:hex, :makeup_elixir, "1.0.1", "e928a4f984e795e41e3abd27bfc09f51db16ab8ba1aebdba2b3a575437efafc2", [:mix], [{:makeup, "~> 1.0", [hex: :makeup, repo: "hexpm", optional: false]}, {:nimble_parsec, "~> 1.2.3 or ~> 1.3", [hex: :nimble_parsec, repo: "hexpm", optional: false]}], "hexpm", "7284900d412a3e5cfd97fdaed4f5ed389b8f2b4cb49efc0eb3bd10e2febf9507"},
   "makeup_html": {:hex, :makeup_html, "0.1.2", "19d4050c0978a4f1618ffe43054c0049f91fe5feeb9ae8d845b5dc79c6008ae5", [:mix], [{:makeup, "~> 1.2", [hex: :makeup, repo: "hexpm", optional: false]}], "hexpm", "b7fb9afedd617d167e6644a0430e49c1279764bfd3153da716d4d2459b0998c5"},
   "matrix_reloaded": {:hex, :matrix_reloaded, "2.3.0", "eea41bc6713021f8f51dde0c2d6b72e695a99098753baebf0760e10aed8fa777", [:mix], [{:ex_maybe, "~> 1.0", [hex: :ex_maybe, repo: "hexpm", optional: false]}, {:result, "~> 1.7", [hex: :result, repo: "hexpm", optional: false]}], "hexpm", "4013c0cebe5dfffc8f2316675b642fb2f5a1dfc4bdc40d2c0dfa0563358fa496"},
   "mime": {:hex, :mime, "2.0.6", "8f18486773d9b15f95f4f4f1e39b710045fa1de891fada4516559967276e4dc2", [:mix], [], "hexpm", "c9945363a6b26d747389aac3643f8e0e09d30499a138ad64fe8fd1d13d9b153e"},
   "nimble_parsec": {:hex, :nimble_parsec, "1.4.2", "8efba0122db06df95bfaa78f791344a89352ba04baedd3849593bfce4d0dc1c6", [:mix], [], "hexpm", "4b21398942dda052b403bbe1da991ccd03a053668d147d53fb8c4e0efe09c973"},
-  "phoenix": {:hex, :phoenix, "1.7.19", "36617efe5afbd821099a8b994ff4618a340a5bfb25531a1802c4d4c634017a57", [:mix], [{:castore, ">= 0.0.0", [hex: :castore, repo: "hexpm", optional: false]}, {:jason, "~> 1.0", [hex: :jason, repo: "hexpm", optional: true]}, {:phoenix_pubsub, "~> 2.1", [hex: :phoenix_pubsub, repo: "hexpm", optional: false]}, {:phoenix_template, "~> 1.0", [hex: :phoenix_template, repo: "hexpm", optional: false]}, {:phoenix_view, "~> 2.0", [hex: :phoenix_view, repo: "hexpm", optional: true]}, {:plug, "~> 1.14", [hex: :plug, repo: "hexpm", optional: false]}, {:plug_cowboy, "~> 2.7", [hex: :plug_cowboy, repo: "hexpm", optional: true]}, {:plug_crypto, "~> 1.2 or ~> 2.0", [hex: :plug_crypto, repo: "hexpm", optional: false]}, {:telemetry, "~> 0.4 or ~> 1.0", [hex: :telemetry, repo: "hexpm", optional: false]}, {:websock_adapter, "~> 0.5.3", [hex: :websock_adapter, repo: "hexpm", optional: false]}], "hexpm", "ba4dc14458278773f905f8ae6c2ec743d52c3a35b6b353733f64f02dfe096cd6"},
-  "phoenix_html": {:hex, :phoenix_html, "4.2.0", "83a4d351b66f472ebcce242e4ae48af1b781866f00ef0eb34c15030d4e2069ac", [:mix], [], "hexpm", "9713b3f238d07043583a94296cc4bbdceacd3b3a6c74667f4df13971e7866ec8"},
+  "phoenix": {:hex, :phoenix, "1.7.20", "6bababaf27d59f5628f9b608de902a021be2cecefb8231e1dbdc0a2e2e480e9b", [:mix], [{:castore, ">= 0.0.0", [hex: :castore, repo: "hexpm", optional: false]}, {:jason, "~> 1.0", [hex: :jason, repo: "hexpm", optional: true]}, {:phoenix_pubsub, "~> 2.1", [hex: :phoenix_pubsub, repo: "hexpm", optional: false]}, {:phoenix_template, "~> 1.0", [hex: :phoenix_template, repo: "hexpm", optional: false]}, {:phoenix_view, "~> 2.0", [hex: :phoenix_view, repo: "hexpm", optional: true]}, {:plug, "~> 1.14", [hex: :plug, repo: "hexpm", optional: false]}, {:plug_cowboy, "~> 2.7", [hex: :plug_cowboy, repo: "hexpm", optional: true]}, {:plug_crypto, "~> 1.2 or ~> 2.0", [hex: :plug_crypto, repo: "hexpm", optional: false]}, {:telemetry, "~> 0.4 or ~> 1.0", [hex: :telemetry, repo: "hexpm", optional: false]}, {:websock_adapter, "~> 0.5.3", [hex: :websock_adapter, repo: "hexpm", optional: false]}], "hexpm", "6be2ab98302e8784a31829e0d50d8bdfa81a23cd912c395bafd8b8bfb5a086c2"},
+  "phoenix_html": {:hex, :phoenix_html, "4.2.1", "35279e2a39140068fc03f8874408d58eef734e488fc142153f055c5454fd1c08", [:mix], [], "hexpm", "cff108100ae2715dd959ae8f2a8cef8e20b593f8dfd031c9cba92702cf23e053"},
   "phoenix_live_dashboard": {:hex, :phoenix_live_dashboard, "0.8.6", "7b1f0327f54c9eb69845fd09a77accf922f488c549a7e7b8618775eb603a62c7", [:mix], [{:ecto, "~> 3.6.2 or ~> 3.7", [hex: :ecto, repo: "hexpm", optional: true]}, {:ecto_mysql_extras, "~> 0.5", [hex: :ecto_mysql_extras, repo: "hexpm", optional: true]}, {:ecto_psql_extras, "~> 0.7", [hex: :ecto_psql_extras, repo: "hexpm", optional: true]}, {:ecto_sqlite3_extras, "~> 1.1.7 or ~> 1.2.0", [hex: :ecto_sqlite3_extras, repo: "hexpm", optional: true]}, {:mime, "~> 1.6 or ~> 2.0", [hex: :mime, repo: "hexpm", optional: false]}, {:phoenix_live_view, "~> 0.19 or ~> 1.0", [hex: :phoenix_live_view, repo: "hexpm", optional: false]}, {:telemetry_metrics, "~> 0.6 or ~> 1.0", [hex: :telemetry_metrics, repo: "hexpm", optional: false]}], "hexpm", "1681ab813ec26ca6915beb3414aa138f298e17721dc6a2bde9e6eb8a62360ff6"},
   "phoenix_live_reload": {:hex, :phoenix_live_reload, "1.5.3", "f2161c207fda0e4fb55165f650f7f8db23f02b29e3bff00ff7ef161d6ac1f09d", [:mix], [{:file_system, "~> 0.3 or ~> 1.0", [hex: :file_system, repo: "hexpm", optional: false]}, {:phoenix, "~> 1.4", [hex: :phoenix, repo: "hexpm", optional: false]}], "hexpm", "b4ec9cd73cb01ff1bd1cac92e045d13e7030330b74164297d1aee3907b54803c"},
   "phoenix_live_view": {:hex, :phoenix_live_view, "1.0.4", "327491b033e79db2f887b065c5a2993228449091883d74cfa1baa12f8c98d5eb", [:mix], [{:floki, "~> 0.36", [hex: :floki, repo: "hexpm", optional: true]}, {:jason, "~> 1.0", [hex: :jason, repo: "hexpm", optional: true]}, {:phoenix, "~> 1.6.15 or ~> 1.7.0", [hex: :phoenix, repo: "hexpm", optional: false]}, {:phoenix_html, "~> 3.3 or ~> 4.0", [hex: :phoenix_html, repo: "hexpm", optional: false]}, {:phoenix_template, "~> 1.0", [hex: :phoenix_template, repo: "hexpm", optional: false]}, {:phoenix_view, "~> 2.0", [hex: :phoenix_view, repo: "hexpm", optional: true]}, {:plug, "~> 1.15", [hex: :plug, repo: "hexpm", optional: false]}, {:telemetry, "~> 0.4.2 or ~> 1.0", [hex: :telemetry, repo: "hexpm", optional: false]}], "hexpm", "a9865316ddf8d78f382d63af278d20436b52d262b60239956817a61279514366"},
@@ -34,19 +34,19 @@
   "phoenix_template": {:hex, :phoenix_template, "1.0.4", "e2092c132f3b5e5b2d49c96695342eb36d0ed514c5b252a77048d5969330d639", [:mix], [{:phoenix_html, "~> 2.14.2 or ~> 3.0 or ~> 4.0", [hex: :phoenix_html, repo: "hexpm", optional: true]}], "hexpm", "2c0c81f0e5c6753faf5cca2f229c9709919aba34fab866d3bc05060c9c444206"},
   "phoenix_view": {:hex, :phoenix_view, "2.0.4", "b45c9d9cf15b3a1af5fb555c674b525391b6a1fe975f040fb4d913397b31abf4", [:mix], [{:phoenix_html, "~> 2.14.2 or ~> 3.0 or ~> 4.0", [hex: :phoenix_html, repo: "hexpm", optional: true]}, {:phoenix_template, "~> 1.0", [hex: :phoenix_template, repo: "hexpm", optional: false]}], "hexpm", "4e992022ce14f31fe57335db27a28154afcc94e9983266835bb3040243eb620b"},
   "plug": {:hex, :plug, "1.16.1", "40c74619c12f82736d2214557dedec2e9762029b2438d6d175c5074c933edc9d", [:mix], [{:mime, "~> 1.0 or ~> 2.0", [hex: :mime, repo: "hexpm", optional: false]}, {:plug_crypto, "~> 1.1.1 or ~> 1.2 or ~> 2.0", [hex: :plug_crypto, repo: "hexpm", optional: false]}, {:telemetry, "~> 0.4.3 or ~> 1.0", [hex: :telemetry, repo: "hexpm", optional: false]}], "hexpm", "a13ff6b9006b03d7e33874945b2755253841b238c34071ed85b0e86057f8cddc"},
-  "plug_cowboy": {:hex, :plug_cowboy, "2.7.2", "fdadb973799ae691bf9ecad99125b16625b1c6039999da5fe544d99218e662e4", [:mix], [{:cowboy, "~> 2.7", [hex: :cowboy, repo: "hexpm", optional: false]}, {:cowboy_telemetry, "~> 0.3", [hex: :cowboy_telemetry, repo: "hexpm", optional: false]}, {:plug, "~> 1.14", [hex: :plug, repo: "hexpm", optional: false]}], "hexpm", "245d8a11ee2306094840c000e8816f0cbed69a23fc0ac2bcf8d7835ae019bb2f"},
+  "plug_cowboy": {:hex, :plug_cowboy, "2.7.3", "1304d36752e8bdde213cea59ef424ca932910a91a07ef9f3874be709c4ddb94b", [:mix], [{:cowboy, "~> 2.7", [hex: :cowboy, repo: "hexpm", optional: false]}, {:cowboy_telemetry, "~> 0.3", [hex: :cowboy_telemetry, repo: "hexpm", optional: false]}, {:plug, "~> 1.14", [hex: :plug, repo: "hexpm", optional: false]}], "hexpm", "77c95524b2aa5364b247fa17089029e73b951ebc1adeef429361eab0bb55819d"},
   "plug_crypto": {:hex, :plug_crypto, "2.1.0", "f44309c2b06d249c27c8d3f65cfe08158ade08418cf540fd4f72d4d6863abb7b", [:mix], [], "hexpm", "131216a4b030b8f8ce0f26038bc4421ae60e4bb95c5cf5395e1421437824c4fa"},
   "pngex": {:hex, :pngex, "0.1.2", "824c2da291fda236397729f236b29f87b98a434d58124ea9f7fa03d3b3cf8587", [:mix], [], "hexpm", "9f9f2d9aa286d03f6c317017a09e1b548fa0aa6b901291e24dbf65d8212b22b0"},
-  "qr_code": {:hex, :qr_code, "3.1.0", "102cd634c6ccb0b9b03f8e7866c43f4a839157e3a9a0cc2cfef9dbc81b187ee9", [:mix], [{:ex_maybe, "~> 1.1.1", [hex: :ex_maybe, repo: "hexpm", optional: false]}, {:matrix_reloaded, "~> 2.3", [hex: :matrix_reloaded, repo: "hexpm", optional: false]}, {:pngex, "~> 0.1.0", [hex: :pngex, repo: "hexpm", optional: false]}, {:result, "~> 1.7", [hex: :result, repo: "hexpm", optional: false]}, {:xml_builder, "~> 2.3", [hex: :xml_builder, repo: "hexpm", optional: false]}], "hexpm", "b8b187ae7ac35db52d8ccf6d847c62ce06713e631f051c4460ee387b38365500"},
-  "ranch": {:hex, :ranch, "1.8.0", "8c7a100a139fd57f17327b6413e4167ac559fbc04ca7448e9be9057311597a1d", [:make, :rebar3], [], "hexpm", "49fbcfd3682fab1f5d109351b61257676da1a2fdbe295904176d5e521a2ddfe5"},
+  "qr_code": {:hex, :qr_code, "3.1.1", "22780b7529701f6986234e26a92ab0e33ecde6cc7c722989d252e54266dcfb7a", [:mix], [{:ex_maybe, "~> 1.1.1", [hex: :ex_maybe, repo: "hexpm", optional: false]}, {:matrix_reloaded, "~> 2.3", [hex: :matrix_reloaded, repo: "hexpm", optional: false]}, {:pngex, "~> 0.1.0", [hex: :pngex, repo: "hexpm", optional: false]}, {:result, "~> 1.7", [hex: :result, repo: "hexpm", optional: false]}, {:xml_builder, "~> 2.3", [hex: :xml_builder, repo: "hexpm", optional: false]}], "hexpm", "1a96295aee73d3feb76f08c480f59fb78ade825cb7abbb6a965cc33c9c5c01de"},
+  "ranch": {:hex, :ranch, "2.2.0", "25528f82bc8d7c6152c57666ca99ec716510fe0925cb188172f41ce93117b1b0", [:make, :rebar3], [], "hexpm", "fa0b99a1780c80218a4197a59ea8d3bdae32fbff7e88527d7d8a4787eff4f8e7"},
   "result": {:hex, :result, "1.7.2", "a57c569f7cf5c158d2299d3b5624a48b69bd1520d0771dc711bcf9f3916e8ab6", [:mix], [], "hexpm", "89f98e98cfbf64237ecf4913aa36b76b80463e087775d19953dc4b435a35f087"},
   "sourceror": {:hex, :sourceror, "1.7.1", "599d78f4cc2be7d55c9c4fd0a8d772fd0478e3a50e726697c20d13d02aa056d4", [:mix], [], "hexpm", "cd6f268fe29fa00afbc535e215158680a0662b357dc784646d7dff28ac65a0fc"},
-  "tailwind": {:hex, :tailwind, "0.2.4", "5706ec47182d4e7045901302bf3a333e80f3d1af65c442ba9a9eed152fb26c2e", [:mix], [{:castore, ">= 0.0.0", [hex: :castore, repo: "hexpm", optional: false]}], "hexpm", "c6e4a82b8727bab593700c998a4d98cf3d8025678bfde059aed71d0000c3e463"},
+  "tailwind": {:hex, :tailwind, "0.3.0", "2be09d35fa7c37dff27f8d77c83bac3b48289db406ae62fb9912385caed1ada5", [:mix], [], "hexpm", "32aa29367d6ad0e4b1967ea7ac1825b04aa30e0c31e02810bfd9706046a410ca"},
   "telemetry": {:hex, :telemetry, "1.3.0", "fedebbae410d715cf8e7062c96a1ef32ec22e764197f70cda73d82778d61e7a2", [:rebar3], [], "hexpm", "7015fc8919dbe63764f4b4b87a95b7c0996bd539e0d499be6ec9d7f3875b79e6"},
   "telemetry_metrics": {:hex, :telemetry_metrics, "0.6.2", "2caabe9344ec17eafe5403304771c3539f3b6e2f7fb6a6f602558c825d0d0bfb", [:mix], [{:telemetry, "~> 0.4 or ~> 1.0", [hex: :telemetry, repo: "hexpm", optional: false]}], "hexpm", "9b43db0dc33863930b9ef9d27137e78974756f5f198cae18409970ed6fa5b561"},
   "telemetry_poller": {:hex, :telemetry_poller, "1.1.0", "58fa7c216257291caaf8d05678c8d01bd45f4bdbc1286838a28c4bb62ef32999", [:rebar3], [{:telemetry, "~> 1.0", [hex: :telemetry, repo: "hexpm", optional: false]}], "hexpm", "9eb9d9cbfd81cbd7cdd24682f8711b6e2b691289a0de6826e58452f28c103c8f"},
   "text_diff": {:hex, :text_diff, "0.1.0", "1caf3175e11a53a9a139bc9339bd607c47b9e376b073d4571c031913317fecaa", [:mix], [], "hexpm", "d1ffaaecab338e49357b6daa82e435f877e0649041ace7755583a0ea3362dbd7"},
-  "thousand_island": {:hex, :thousand_island, "1.3.9", "095db3e2650819443e33237891271943fad3b7f9ba341073947581362582ab5a", [:mix], [{:telemetry, "~> 0.4 or ~> 1.0", [hex: :telemetry, repo: "hexpm", optional: false]}], "hexpm", "25ab4c07badadf7f87adb4ab414e0ed374e5f19e72503aa85132caa25776e54f"},
+  "thousand_island": {:hex, :thousand_island, "1.3.11", "b68f3e91f74d564ae20b70d981bbf7097dde084343c14ae8a33e5b5fbb3d6f37", [:mix], [{:telemetry, "~> 0.4 or ~> 1.0", [hex: :telemetry, repo: "hexpm", optional: false]}], "hexpm", "555c18c62027f45d9c80df389c3d01d86ba11014652c00be26e33b1b64e98d29"},
   "websock": {:hex, :websock, "0.5.3", "2f69a6ebe810328555b6fe5c831a851f485e303a7c8ce6c5f675abeb20ebdadc", [:mix], [], "hexpm", "6105453d7fac22c712ad66fab1d45abdf049868f253cf719b625151460b8b453"},
   "websock_adapter": {:hex, :websock_adapter, "0.5.8", "3b97dc94e407e2d1fc666b2fb9acf6be81a1798a2602294aac000260a7c4a47d", [:mix], [{:bandit, ">= 0.6.0", [hex: :bandit, repo: "hexpm", optional: true]}, {:plug, "~> 1.14", [hex: :plug, repo: "hexpm", optional: false]}, {:plug_cowboy, "~> 2.6", [hex: :plug_cowboy, repo: "hexpm", optional: true]}, {:websock, "~> 0.5", [hex: :websock, repo: "hexpm", optional: false]}], "hexpm", "315b9a1865552212b5f35140ad194e67ce31af45bcee443d4ecb96b5fd3f3782"},
   "xml_builder": {:hex, :xml_builder, "2.3.0", "69d214c6ad41ae1300b36acff4367551cdfd9dc1b860affc16e103c6b1589053", [:mix], [], "hexpm", "972ec33346a225cd5acd14ab23d4e79042bd37cb904e07e24cd06992dde1a0ed"},