- <%= if @label do %>
- <.label for={@id}><%= @label %>
- <% end %>
-
- <.error :for={msg <- @errors}><%= msg %>
-
- """
- end
-
- def input(%{type: "textarea"} = assigns) do
- ~H"""
-
- <%= if @label do %>
- <.label for={@id}><%= @label %>
- <% end %>
-
- <.error :for={msg <- @errors}><%= msg %>
-
- """
- end
-
- # All other inputs text, datetime-local, url, password, etc. are handled here...
- def input(assigns) do
- ~H"""
-
- <%= if @label do %>
- <.label for={@id}><%= @label %>
- <% end %>
-
- <.error :for={msg <- @errors}><%= msg %>
-
- """
- end
-
- @doc """
- Renders a label.
- """
- attr :for, :string, default: nil
- slot :inner_block, required: true
-
- def label(assigns) do
- ~H"""
-
- <.icon name="hero-exclamation-circle-mini" class="mt-0.5 h-5 w-5 flex-none" />
- <%= render_slot(@inner_block) %>
-
- """
- end
-
@doc ~S"""
Renders a table with generic styling.
diff --git a/lib/beacon/live_admin/components/station_ui/html.ex b/lib/beacon/live_admin/components/station_ui/html.ex
new file mode 100644
index 00000000..4652e38d
--- /dev/null
+++ b/lib/beacon/live_admin/components/station_ui/html.ex
@@ -0,0 +1,30 @@
+defmodule Beacon.LiveAdmin.StationUI.HTML do
+ defmacro __using__(_) do
+ quote do
+ import Beacon.LiveAdmin.StationUI.HTML.{
+ Avatar,
+ Banner,
+ Button,
+ Accordion,
+ Card,
+ Footer,
+ Form,
+ Icon,
+ NotificationBadge,
+ Input,
+ Modal,
+ Navbar,
+ Pagination,
+ Spinner,
+ StatusBadge,
+ TabGroup,
+ Tag,
+ Toast,
+ Toolbar,
+ Tooltip,
+ TableHeader,
+ TableCell
+ }
+ end
+ end
+end
diff --git a/lib/beacon/live_admin/components/station_ui/html/accordion.ex b/lib/beacon/live_admin/components/station_ui/html/accordion.ex
new file mode 100644
index 00000000..1ca8265e
--- /dev/null
+++ b/lib/beacon/live_admin/components/station_ui/html/accordion.ex
@@ -0,0 +1,142 @@
+defmodule Beacon.LiveAdmin.StationUI.HTML.Accordion do
+ use Phoenix.Component
+
+ import Beacon.LiveAdmin.StationUI.HTML.Icon, only: [icon: 1]
+ alias Phoenix.LiveView.JS
+
+ @header_default_classes "text-base sm:text-lg md:text-xl"
+ defp header_default_classes, do: @header_default_classes
+
+ @content_default_classes "text-base md:text-lg"
+ defp content_default_classes, do: @content_default_classes
+
+ @doc """
+ The accordion component renders a list of items with child content that can be expanded or collapsed.
+
+ ## Example
+
+ <.accordion>
+ <:header>
+ Title something 1
+
+ <:content>
+ Content something 1
+
+
+
+ Suggested size classes for `header` (default: md):
+
+ sm: "p-1 text-base sm:text-lg gap-x-0.5"
+ md: "p-1 text-base sm:text-lg md:text-xl md:py-1 md:pr-1 md:pl-1.5 md:gap-x-1"
+ lg: "p-1 text-base sm:text-lg md:text-xl lg:text-2xl md:py-1 md:pr-1 md:pl-1.5 lg:pl-2 md:gap-x-1 lg:gap-x-1.5"
+ xl: "p-1 text-base sm:text-lg md:text-xl lg:text-2xl xl:text-3xl md:pt-1 md:pb-0 md:pr-1 md:pl-1.5 lg:pl-4 sm:gap-x-3 md:gap-x-4 lg:gap-x-5"
+
+ Suggested size classes for `content` (default: md):
+
+ sm: "text-base"
+ md: "grid transition-grid-rows text-base md:text-lg"
+ lg: "md:text-lg lg:text-xl"
+ xl: "md:text-lg lg:text-xl xl:text-2xl"
+ """
+
+ attr :id, :string
+ attr :rest, :global
+
+ slot :header, required: true do
+ attr :button_id, :string
+ attr :class, :string, doc: @header_default_classes
+ end
+
+ slot :content, required: true do
+ attr :class, :string, doc: @content_default_classes
+ end
+
+ def accordion(assigns) do
+ assigns =
+ assigns
+ |> assign_new(:id, fn -> :rand.uniform(9999) end)
+ |> assign(:items, assigns.header |> Enum.zip(assigns.content) |> Enum.with_index())
+
+ ~H"""
+
+ <.avatar_link :if={@total_count > @display_max} to={@overflow_link} variant="initials" class="h-[42px] w-[42px] border-[--sui-brand-primary-border]">
+ <:initials count={true}>+<%= @total_count - @display_max %>
+
+
+
+ <%= for {avatar, i} <- Enum.with_index(@avatar), i < @display_max do %>
+ <%= render_slot(avatar) %>
+ <% end %>
+
+
+
+
+ <%= render_slot(@inner_block) %>
+
+ <.button class="sui-secondary min-h-11 border-0 bg-white" aria-label="Dismiss" phx-click={hide_banner(@on_cancel, @id)}>
+ <.icon name="hero-x-mark" />
+
+
+
<%= render_slot(@secondary) %>
+