rune-lab 0.1.2 → 0.2.0

package/dist/showcase/tabs/Navigation.svelte

@@ -1,170 +0,0 @@
-<script lang="ts">
-  import ShowcaseCard from "../ShowcaseCard.svelte";
-</script>
-
-{#snippet section(label: string)}
-  <div class="divider text-xs font-bold opacity-40 mt-6 mb-2">
-    {label.toUpperCase()}
-  </div>
-{/snippet}
-
-<div class="grid grid-cols-1 md:grid-cols-2 gap-6 p-4">
-  <!-- NAVBAR & MENU -->
-  <ShowcaseCard title="Navbar & Menu" icon="🍔">
-    {@render section("Navbar")}
-    <div class="navbar bg-base-200 rounded-box shadow-sm">
-      <div class="flex-1">
-        <button class="btn btn-ghost text-xl">RuneLab</button>
-      </div>
-      <div class="flex-none">
-        <ul class="menu menu-horizontal px-1">
-          <li><button>Link</button></li>
-          <li>
-            <details>
-              <summary>Parent</summary>
-              <ul class="bg-base-100 rounded-t-none p-2 z-50">
-                <li><button>Sub 1</button></li>
-                <li><button>Sub 2</button></li>
-              </ul>
-            </details>
-          </li>
-        </ul>
-      </div>
-    </div>
-
-    {@render section("Vertical Menu")}
-    <ul class="menu bg-base-200 w-56 rounded-box">
-      <li><button>Item 1</button></li>
-      <li>
-        <button class="menu-active">Active Item</button>
-      </li>
-      <li><button>Item 3</button></li>
-    </ul>
-  </ShowcaseCard>
-
-  <!-- TABS & PAGINATION -->
-  <ShowcaseCard title="Tabs & Pagination" icon="📑">
-    {@render section("Tabs (Box style)")}
-    <div role="tablist" class="tabs tabs-box">
-      <button role="tab" class="tab">Tab 1</button>
-      <button role="tab" class="tab tab-active">Tab 2</button>
-      <button role="tab" class="tab">Tab 3</button>
-    </div>
-
-    {@render section("Tabs (Lifted)")}
-    <div role="tablist" class="tabs tabs-lift">
-      <button role="tab" class="tab">Lifted 1</button>
-      <button role="tab" class="tab tab-active">Lifted 2</button>
-      <button role="tab" class="tab">Lifted 3</button>
-    </div>
-
-    {@render section("Pagination (Join)")}
-    <div class="join">
-      <button class="join-item btn">«</button>
-      <button class="join-item btn">Page 22</button>
-      <button class="join-item btn btn-active">23</button>
-      <button class="join-item btn">24</button>
-      <button class="join-item btn">»</button>
-    </div>
-  </ShowcaseCard>
-
-  <!-- STEPS & BREADCRUMBS -->
-  <ShowcaseCard title="Steps & Breadcrumbs" icon="👣">
-    {@render section("Steps")}
-    <ul
-      class="steps steps-vertical lg:steps-horizontal w-full bg-base-200 p-4 rounded-box"
-    >
-      <li class="step step-primary">Register</li>
-      <li class="step step-primary">Plan</li>
-      <li class="step">Purchase</li>
-      <li class="step">Receive</li>
-    </ul>
-
-    {@render section("Breadcrumbs")}
-    <div class="breadcrumbs text-sm bg-base-200 p-4 rounded-box mt-4">
-      <ul>
-        <li><button>Home</button></li>
-        <li><button>Documents</button></li>
-        <li>Add Document</li>
-      </ul>
-    </div>
-  </ShowcaseCard>
-
-  <!-- DOCK & DRAWER -->
-  <ShowcaseCard title="Dock & Drawer" icon="⚓">
-    {@render section("Dock (Bottom Nav)")}
-    <div class="relative h-32 w-full bg-base-300 rounded-lg overflow-hidden">
-      <div class="dock bg-base-200 absolute bottom-0">
-        <button>
-          <svg
-            xmlns="http://www.w3.org/2000/svg"
-            class="h-5 w-5"
-            fill="none"
-            viewBox="0 0 24 24"
-            stroke="currentColor"
-            ><path
-              stroke-linecap="round"
-              stroke-linejoin="round"
-              stroke-width="2"
-              d="M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6"
-            /></svg
-          >
-          <span class="dock-label">Home</span>
-        </button>
-        <button class="dock-active">
-          <svg
-            xmlns="http://www.w3.org/2000/svg"
-            class="h-5 w-5"
-            fill="none"
-            viewBox="0 0 24 24"
-            stroke="currentColor"
-            ><path
-              stroke-linecap="round"
-              stroke-linejoin="round"
-              stroke-width="2"
-              d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
-            /></svg
-          >
-          <span class="dock-label">Info</span>
-        </button>
-        <button>
-          <svg
-            xmlns="http://www.w3.org/2000/svg"
-            class="h-5 w-5"
-            fill="none"
-            viewBox="0 0 24 24"
-            stroke="currentColor"
-            ><path
-              stroke-linecap="round"
-              stroke-linejoin="round"
-              stroke-width="2"
-              d="M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z"
-            /></svg
-          >
-          <span class="dock-label">Stats</span>
-        </button>
-      </div>
-    </div>
-
-    {@render section("Drawer")}
-    <div class="drawer h-40 bg-base-300 rounded-lg overflow-hidden">
-      <input id="drawer-demo" type="checkbox" class="drawer-toggle" />
-      <div class="drawer-content flex flex-col items-center justify-center">
-        <label for="drawer-demo" class="btn btn-primary drawer-button"
-          >Open Drawer</label
-        >
-      </div>
-      <div class="drawer-side absolute!">
-        <label
-          for="drawer-demo"
-          aria-label="close sidebar"
-          class="drawer-overlay"
-        ></label>
-        <ul class="menu p-4 w-56 min-h-full bg-base-200 text-base-content">
-          <li><button>Sidebar Item 1</button></li>
-          <li><button>Sidebar Item 2</button></li>
-        </ul>
-      </div>
-    </div>
-  </ShowcaseCard>
-</div>

package/dist/showcase/tabs/Navigation.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 NavigationProps = typeof __propDef.props;
-export type NavigationEvents = typeof __propDef.events;
-export type NavigationSlots = typeof __propDef.slots;
-export default class Navigation extends SvelteComponentTyped<NavigationProps, NavigationEvents, NavigationSlots> {
-}
-export {};

package/dist/showcase/tabs/Visual.svelte

@@ -1,133 +0,0 @@
-<script lang="ts">
-  import ShowcaseCard from "../ShowcaseCard.svelte";
-</script>
-
-{#snippet section(label: string)}
-  <div class="divider text-xs font-bold opacity-40 mt-6 mb-2">
-    {label.toUpperCase()}
-  </div>
-{/snippet}
-
-<div class="grid grid-cols-1 md:grid-cols-2 gap-6 p-4">
-  <!-- DIVIDER & JOIN -->
-  <ShowcaseCard title="Divider & Join" icon="🔗">
-    {@render section("Dividers")}
-    <div class="flex flex-col w-full">
-      <div class="grid h-20 card bg-base-300 rounded-box place-items-center">
-        content
-      </div>
-      <div class="divider">OR</div>
-      <div class="grid h-20 card bg-base-300 rounded-box place-items-center">
-        content
-      </div>
-    </div>
-
-    {@render section("Join")}
-    <div class="join">
-      <input class="input input-bordered join-item" placeholder="Email" />
-      <button class="btn join-item rounded-r-full">Subscribe</button>
-    </div>
-  </ShowcaseCard>
-
-  <!-- MASK & STACK -->
-  <ShowcaseCard title="Mask & Stack" icon="🎭">
-    {@render section("Masks")}
-    <div class="flex flex-wrap gap-4">
-      <img
-        class="mask mask-squircle size-16"
-        src="https://picsum.photos/64"
-        alt="Squircle"
-      />
-      <img
-        class="mask mask-heart size-16"
-        src="https://picsum.photos/65"
-        alt="Heart"
-      />
-      <img
-        class="mask mask-hexagon size-16"
-        src="https://picsum.photos/66"
-        alt="Hexagon"
-      />
-      <img
-        class="mask mask-star size-16"
-        src="https://picsum.photos/67"
-        alt="Star"
-      />
-    </div>
-
-    {@render section("Stack")}
-    <div class="stack mt-4">
-      <div
-        class="grid w-32 h-20 rounded bg-primary text-primary-content place-items-center"
-      >
-        1
-      </div>
-      <div
-        class="grid w-32 h-20 rounded bg-accent text-accent-content place-items-center"
-      >
-        2
-      </div>
-      <div
-        class="grid w-32 h-20 rounded bg-secondary text-secondary-content place-items-center"
-      >
-        3
-      </div>
-    </div>
-  </ShowcaseCard>
-
-  <!-- SWAP & HERO -->
-  <ShowcaseCard title="Swap & Hero" icon="🔄">
-    {@render section("Swap")}
-    <div class="flex gap-8 items-center justify-center">
-      <label class="swap swap-rotate text-6xl">
-        <input type="checkbox" />
-        <div class="swap-on">🌞</div>
-        <div class="swap-off">🌚</div>
-      </label>
-
-      <label class="swap swap-flip text-6xl">
-        <input type="checkbox" />
-        <div class="swap-on">🥳</div>
-        <div class="swap-off">😭</div>
-      </label>
-    </div>
-
-    {@render section("Hero")}
-    <div class="hero bg-base-200 rounded-box py-4">
-      <div class="hero-content text-center">
-        <div class="max-w-md">
-          <h1 class="text-3xl font-bold">Hello there</h1>
-          <button class="btn btn-primary btn-sm mt-2">Get Started</button>
-        </div>
-      </div>
-    </div>
-  </ShowcaseCard>
-
-  <!-- HOVER EFFECTS -->
-  <ShowcaseCard title="v5 Hover Effects" icon="✨">
-    {@render section("Hover 3D")}
-    <div class="hover-3d h-48 w-full">
-      <div
-        class="grid h-full w-full bg-gradient-to-br from-primary to-secondary rounded-2xl place-items-center text-white font-bold text-2xl shadow-xl"
-      >
-        Hover Me!
-      </div>
-      <div></div>
-      <div></div>
-      <div></div>
-      <div></div>
-      <div></div>
-      <div></div>
-      <div></div>
-      <div></div>
-    </div>
-
-    {@render section("Hover Gallery")}
-    <figure class="hover-gallery w-full h-48 rounded-2xl overflow-hidden mt-4">
-      <img src="https://picsum.photos/400/200?v=1" alt="1" />
-      <img src="https://picsum.photos/400/200?v=2" alt="2" />
-      <img src="https://picsum.photos/400/200?v=3" alt="3" />
-      <img src="https://picsum.photos/400/200?v=4" alt="4" />
-    </figure>
-  </ShowcaseCard>
-</div>

package/dist/showcase/tabs/Visual.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 VisualProps = typeof __propDef.props;
-export type VisualEvents = typeof __propDef.events;
-export type VisualSlots = typeof __propDef.slots;
-export default class Visual extends SvelteComponentTyped<VisualProps, VisualEvents, VisualSlots> {
-}
-export {};