API

    <.action phx-click={Corex.FileUpload.open_file_picker("file-upload-api-phx")} class="button ui-size-sm">
  Open picker
</.action>
<.file_upload name="demo[]" class="file-upload" max_files={3}>
  <:label>Upload</:label>
  <:close>
    <.heroicon name="hero-x-mark" />
  </:close>
</.file_upload>

  

    <.action phx-click="api_fu_open_server" phx-value-id="file-upload-api-server" class="button ui-size-sm">
  Open picker
</.action>
<.file_upload name="demo[]" class="file-upload" max_files={3}>
  <:label>Upload</:label>
  <:close>
    <.heroicon name="hero-x-mark" />
  </:close>
</.file_upload>

  

    def handle_event("api_fu_open_server", %{"id" => id}, socket) do
  {:noreply, Corex.FileUpload.open_file_picker(socket, id)}
end

  

    const el = document.getElementById("file-upload-api-js");
el?.dispatchEvent(
  new CustomEvent("corex:file-upload:open", {
    bubbles: false,
  })
);