fix: Fix storybook, rename phx_live_storybook to Phoniex.Storybook.

apps/phx_wc_storybook_web/lib/phx_wc_storybook_web/components/layouts/app.html.heex

@@ -11,7 +11,7 @@
       phx-disconnected={show("#disconnected")}
       phx-connected={hide("#disconnected")}
     >
-      Attempting to reconnect <Heroicons.arrow_path class="ml-1 w-3 h-3 inline animate-spin" />
+      Attempting to reconnect <.wc_bsi name="arrow-repeat" class="ml-1 w-3 h-3 inline animate-spin" />
     </.flash>
     <.wc_left_menu
       class="w-48 h-[calc(100vh-56px)]"

apps/phx_wc_storybook_web/lib/phx_wc_storybook_web/controllers/page_html/bsi.html.heex

@@ -17,11 +17,10 @@
     ```
     """}></.wc_markdown>
     <div class="flex flex-row mt-4 mb-2">
-        <%= form_for @conn, Routes.page_path(@conn, :bsi), [method: "get", class: "flex flex-row gap-2"], fn f -> %>
-        <label class="flex items-center">Icon Name</label>
-        <%= text_input f, :filter, class: "border rounded-lg py-2 px-3" %>
-        <%= submit "Search", class: "broder rounded-lg bg-blue-600 text-slate-100 py-2 px-3" %>
-        <% end %>
+        <.form for={@conn} action={Routes.page_path(@conn, :bsi)} method="get" class={["flex flex-row gap-2"]}>
+            <.input field={:filter} label="Icon Name" />
+            <.button type="submit">Search</.button>
+        </.form>
     </div>
     <div class="flex flex-row flex-wrap gap-4">
         <%= for icon_name <- @bsi_icons do %>

apps/phx_wc_storybook_web/lib/phx_wc_storybook_web/controllers/page_html/mdi.html.heex

@@ -17,11 +17,10 @@
     ```
     """}></.wc_markdown>
     <div class="flex flex-row mt-4 mb-2">
-        <%= form_for @conn, Routes.page_path(@conn, :mdi), [method: "get", class: "flex flex-row gap-2"], fn f -> %>
-        <label class="flex items-center">Icon Name</label>
-        <%= text_input f, :filter, class: "border rounded-lg py-2 px-3" %>
-        <%= submit "Search", class: "broder rounded-lg bg-blue-600 text-slate-100 py-2 px-3" %>
-        <% end %>
+        <.form for={@conn} action={Routes.page_path(@conn, :mdi)} method="get" class={["flex flex-row gap-2"]}>
+            <.input field={:filter} label="Icon Name" />
+            <.button type="submit">Search</.button>
+        </.form>
     </div>
     <div class="flex flex-row flex-wrap gap-4">
         <%= for icon_name <- @mdi_icons do %>

apps/phx_wc_storybook_web/lib/phx_wc_storybook_web/router.ex

@@ -1,12 +1,12 @@
 defmodule PhxWCStorybookWeb.Router do
   use PhxWCStorybookWeb, :router
-  import PhxLiveStorybook.Router
+  import PhoenixStorybook.Router
 
   pipeline :browser do
     plug :accepts, ["html"]
     plug :fetch_session
     plug :fetch_live_flash
-    plug :put_root_layout, {PhxWCStorybookWeb.LayoutView, :root}
+    plug :put_root_layout, {PhxWCStorybookWeb.Layouts, :root}
     plug :protect_from_forgery
     plug :put_secure_browser_headers
   end

apps/phx_wc_storybook_web/lib/phx_wc_storybook_web/storybook.ex

@@ -1,6 +1,6 @@
 defmodule PhxWCStorybookWeb.Storybook do
   @moduledoc false
-  use PhxLiveStorybook,
+  use PhoenixStorybook,
     # OTP name of your application.
     otp_app: :phx_wc_storybook_web,
 

apps/phx_wc_storybook_web/lib/phx_wc_storybook_web/storybook/components/actionbar.story.exs

@@ -1,6 +1,6 @@
 defmodule PhxWCStorybookWeb.Storybook.Components.Actionbar do
   # :live_component or :page are also available
-  use PhxLiveStorybook.Story, :component
+  use PhoenixStorybook.Story, :component
 
   def function, do: &Phoenix.WebComponent.Actionbar.wc_actionbar/1
   def description, do: "A actionbar element."

apps/phx_wc_storybook_web/lib/phx_wc_storybook_web/storybook/components/breadcrumb.story.exs

@@ -1,6 +1,6 @@
 defmodule PhxWCStorybookWeb.Storybook.Components.Breadcrumb do
   # :live_component or :page are also available
-  use PhxLiveStorybook.Story, :component
+  use PhoenixStorybook.Story, :component
 
   def function, do: &Phoenix.WebComponent.Breadcrumb.wc_breadcrumb/1
   def description, do: "A breadcrumb element."

apps/phx_wc_storybook_web/lib/phx_wc_storybook_web/storybook/components/card.story.exs

@@ -1,6 +1,6 @@
 defmodule PhxWCStorybookWeb.Storybook.Components.Card do
   # :live_component or :page are also available
-  use PhxLiveStorybook.Story, :component
+  use PhoenixStorybook.Story, :component
 
   def function, do: &Phoenix.WebComponent.Card.wc_card/1
   def description, do: "A card element."

apps/phx_wc_storybook_web/lib/phx_wc_storybook_web/storybook/components/left_menu.story.exs

@@ -1,6 +1,6 @@
 defmodule PhxWCStorybookWeb.Storybook.Components.LeftMenu do
   # :live_component or :page are also available
-  use PhxLiveStorybook.Story, :component
+  use PhoenixStorybook.Story, :component
 
   def function, do: &Phoenix.WebComponent.LeftMenu.wc_left_menu/1
   def description, do: "A left menu element."

apps/phx_wc_storybook_web/lib/phx_wc_storybook_web/storybook/components/link.story.exs

@@ -1,6 +1,6 @@
 defmodule PhxWCStorybookWeb.Storybook.Components.Link do
   # :live_component or :page are also available
-  use PhxLiveStorybook.Story, :component
+  use PhoenixStorybook.Story, :component
 
   def function, do: &Phoenix.WebComponent.Link.wc_link/1
   def description, do: "Recreate Phoenix.Component.link with custom element."

apps/phx_wc_storybook_web/lib/phx_wc_storybook_web/storybook/components/markdown.story.exs

@@ -1,6 +1,6 @@
 defmodule PhxWCStorybookWeb.Storybook.Components.Markdown do
   # :live_component or :page are also available
-  use PhxLiveStorybook.Story, :component
+  use PhoenixStorybook.Story, :component
 
   def function, do: &Phoenix.WebComponent.Markdown.wc_markdown/1
   def description, do: "A markdown render element."

apps/phx_wc_storybook_web/lib/phx_wc_storybook_web/storybook/components/modal.story.exs

@@ -1,5 +1,5 @@
 defmodule PhxWCStorybookWeb.Storybook.Components.Modal do
-  use PhxLiveStorybook.Story, :component
+  use PhoenixStorybook.Story, :component
 
   def function, do: &Phoenix.WebComponent.Modal.wc_modal/1
 

apps/phx_wc_storybook_web/lib/phx_wc_storybook_web/storybook/components/pagination.story.exs

@@ -1,6 +1,6 @@
 defmodule PhxWCStorybookWeb.Storybook.Components.Pagination do
   # :live_component or :page are also available
-  use PhxLiveStorybook.Story, :component
+  use PhoenixStorybook.Story, :component
 
   def function, do: &Phoenix.WebComponent.Pagination.wc_pagination/1
   def description, do: "A pagination element."

apps/phx_wc_storybook_web/lib/phx_wc_storybook_web/storybook/components/table.story.exs

@@ -1,6 +1,6 @@
 defmodule PhxWCStorybookWeb.Storybook.Components.Table do
   # :live_component or :page are also available
-  use PhxLiveStorybook.Story, :component
+  use PhoenixStorybook.Story, :component
 
   def function, do: &Phoenix.WebComponent.Table.wc_table/1
   def description, do: "A table element."