@nil-/doc 0.2.50 → 0.2.52

package/components/Layout.svelte

@@ -1,151 +0,0 @@
-<script context="module">const defaultSorter = (l, r) => l.localeCompare(r);
-const defaultRenamer = (s) => s;
-</script>
-
-<script>import Container from "./etc/Container.svelte";
-import Nav from "./navigation/Nav.svelte";
-import Icon from "./title/Icon.svelte";
-import { getTheme, initTheme } from "./context";
-import ThemeIcon from "./icons/Theme.svelte";
-export let data;
-export let current = null;
-export let sorter = null;
-export let renamer = null;
-export let theme = void 0;
-const parentTheme = getTheme();
-const dark = initTheme();
-$:
-  $dark = theme === void 0 ? $parentTheme : "dark" === theme;
-const toggle = () => {
-  if (theme !== void 0) {
-    theme = $dark ? "light" : "dark";
-  } else {
-    $dark = !$dark;
-  }
-};
-</script>
-
-<!--
-    @component
-    See [documentation](https://mono-doc.vercel.app/3-Components/1-Layout) for more details.
--->
-
-<div class="layout" class:dark={$dark}>
-    <div class="top">
-        <div class="title">
-            <slot name="title" />
-        </div>
-        <slot name="title-misc">
-            <Icon on:click={toggle}>
-                <ThemeIcon {theme} />
-            </Icon>
-        </slot>
-    </div>
-    <div class="main">
-        <Container offset={250} vertical b>
-            <svelte:fragment slot="A">
-                <div class="content scrollable">
-                    <Nav
-                        info={data}
-                        selected={current ?? ""}
-                        sorter={sorter ?? defaultSorter}
-                        renamer={renamer ?? defaultRenamer}
-                        on:navigate
-                    />
-                </div>
-            </svelte:fragment>
-            <svelte:fragment slot="B">
-                <div class="content page">
-                    {#key current}
-                        <slot />
-                    {/key}
-                </div>
-            </svelte:fragment>
-        </Container>
-    </div>
-</div>
-
-<style>
-    @import url("https://fonts.googleapis.com/css?family=Fira%20Code");
-
-    .layout {
-        display: grid;
-        grid-template-columns: 1fr;
-        grid-template-rows: minmax(40px, auto) 1fr;
-        width: 100%;
-        height: 100%;
-        box-sizing: border-box;
-        font-family: "Fira Code", "Courier New", Courier, monospace;
-    }
-
-    .top {
-        display: grid;
-        grid-auto-flow: column;
-        grid-auto-columns: 40px;
-        grid-template-columns: 1fr;
-        align-items: center;
-        padding-left: 10px;
-        padding-right: 10px;
-        border-bottom-width: 1px;
-        border-bottom-style: solid;
-        box-sizing: border-box;
-        user-select: none;
-    }
-
-    .title {
-        display: grid;
-        grid-auto-flow: column;
-        align-items: center;
-        justify-content: left;
-        gap: 5px;
-    }
-
-    .main {
-        height: 100%;
-        overflow: hidden;
-    }
-
-    .content {
-        height: 100%;
-        padding: 5px;
-        display: flex;
-        flex-direction: column;
-        box-sizing: border-box;
-    }
-
-    /* scrollable */
-    .scrollable,
-    .page > :global(*:only-child) {
-        overflow: scroll;
-        scrollbar-width: none; /* Firefox */
-        -ms-overflow-style: none; /* IE and Edge */
-    }
-
-    .scrollable::-webkit-scrollbar,
-    .page > :global(*:only-child::-webkit-scrollbar) {
-        display: none;
-    }
-
-    /* colors */
-    .layout {
-        color-scheme: light;
-        color: hsl(0, 0%, 0%);
-        background-color: hsl(0, 0%, 100%);
-        transition: color 350ms, background-color 350ms;
-    }
-
-    .layout.dark {
-        color-scheme: dark;
-        color: hsl(0, 0%, 80%);
-        background-color: hsl(200, 4%, 14%);
-    }
-
-    .layout > .top {
-        transition: border-bottom-colo 350ms;
-        border-bottom-color: hsl(0, 2%, 70%);
-    }
-
-    .layout.dark > .top {
-        border-bottom-color: hsl(0, 2%, 40%);
-    }
-</style>

package/components/icons/NilDoc.svelte.d.ts

@@ -1,14 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: Record<string, never>;
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type NilDocProps = typeof __propDef.props;
-export type NilDocEvents = typeof __propDef.events;
-export type NilDocSlots = typeof __propDef.slots;
-export default class NilDoc extends SvelteComponentTyped<NilDocProps, NilDocEvents, NilDocSlots> {
-}
-export {};