@orbytes/astrolab 0.3.0 → 0.4.0-next.1

package/src/ui/components/sidebar.astro

@@ -1,29 +0,0 @@
----
-// Vendored from astrobook 0.13.3 (packages/ui/src/components/sidebar.astro) — see
-// ../../core/LICENSE-astrobook.
-// Divergence: the UnoCSS utility string is `.lab-sidebar__nav` in ../lab.css. The header row's
-// shape matters: LabHead.astro appends the collapse and cull buttons to `#astrobook-sidebar > nav
-// > div`, so the header stays the FIRST child <div> of this <nav>.
-import SidebarButtonFullscreen from './sidebar-button-fullscreen.astro'
-import SidebarButtonSearch from './sidebar-button-search.astro'
-import SidebarButtonTheme from './sidebar-button-theme.astro'
-import SidebarSearchPanel from './sidebar-search-panel.astro'
-import SidebarTree from './sidebar-tree.astro'
-import SidebarTitle from './sidebar-title.astro'
-
-interface Props {
-  story?: string
-}
----
-
-<nav class="lab-sidebar__nav">
-  <div class="lab-sidebar__header">
-    <SidebarTitle />
-    <span class="lab-sidebar__spacer"></span>
-    <SidebarButtonFullscreen story={Astro.props.story} />
-    <SidebarButtonSearch />
-    <SidebarButtonTheme />
-  </div>
-  <SidebarSearchPanel />
-  <SidebarTree />
-</nav>

package/src/ui/components/theme-toggle.astro

@@ -1,63 +0,0 @@
----
-// The sun/moon button. Written for this package; replaces `astro-theme-toggle`'s Toggle (see
-// ./theme-script.astro for why the dependency went).
-//
-// Divergence from what it replaces: no ripple `startViewTransition` animation. That is
-// presentation, and this pass is function; phase 2 can put it back.
-interface Props {
-  class?: string
-}
-
-const { class: className } = Astro.props;
----
-
-<lab-theme-toggle class:list={["lab-theme-toggle", className]} title="Toggle theme">
-  <span class="lab-sr-only">Toggle theme</span>
-  <svg
-    class="lab-theme-icon--light"
-    viewBox="0 0 24 24"
-    fill="none"
-    stroke="currentColor"
-    stroke-width="2"
-    stroke-linecap="round"
-    stroke-linejoin="round"
-    aria-hidden="true"
-  >
-    <circle cx="12" cy="12" r="4"></circle>
-    <path d="M12 2v2M12 20v2M4.93 4.93l1.41 1.41M17.66 17.66l1.41 1.41M2 12h2M20 12h2M6.34 17.66l-1.41 1.41M19.07 4.93l-1.41 1.41"></path>
-  </svg>
-  <svg
-    class="lab-theme-icon--dark"
-    viewBox="0 0 24 24"
-    fill="none"
-    stroke="currentColor"
-    stroke-width="2"
-    stroke-linecap="round"
-    stroke-linejoin="round"
-    aria-hidden="true"
-  >
-    <path d="M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z"></path>
-  </svg>
-</lab-theme-toggle>
-
-<script>
-  import { toggleTheme } from "./theme.ts";
-
-  class LabThemeToggle extends HTMLElement {
-    connectedCallback() {
-      if (!this.hasAttribute("tabindex")) this.setAttribute("tabindex", "0");
-      if (!this.hasAttribute("role")) this.setAttribute("role", "button");
-      this.addEventListener("click", () => toggleTheme());
-      this.addEventListener("keydown", (event) => {
-        if (event.key === "Enter" || event.key === " ") {
-          event.preventDefault();
-          toggleTheme();
-        }
-      });
-    }
-  }
-
-  if (!customElements.get("lab-theme-toggle")) {
-    customElements.define("lab-theme-toggle", LabThemeToggle);
-  }
-</script>