rune-lab 0.1.2 → 0.2.1

package/dist/showcase/tabs/Feedback.svelte

@@ -1,180 +0,0 @@
-<script lang="ts">
-  import { COLORS } from "../shared";
-  import ShowcaseCard from "../ShowcaseCard.svelte";
-
-  let progressVal = $state(70);
-  let modalOpen = $state(false);
-</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">
-  <!-- ALERTS -->
-  <ShowcaseCard title="Alerts" icon="🚨">
-    {@render section("Colors")}
-    <div class="space-y-2">
-      <div role="alert" class="alert alert-info py-2 px-4 text-sm">
-        <svg
-          xmlns="http://www.w3.org/2000/svg"
-          fill="none"
-          viewBox="0 0 24 24"
-          class="h-6 w-6 shrink-0 stroke-current"
-          ><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"
-          ></path></svg
-        >
-        <span>New software update available.</span>
-      </div>
-      <div role="alert" class="alert alert-success py-2 px-4 text-sm">
-        <svg
-          xmlns="http://www.w3.org/2000/svg"
-          class="h-6 w-6 shrink-0 stroke-current"
-          fill="none"
-          viewBox="0 0 24 24"
-          ><path
-            stroke-linecap="round"
-            stroke-linejoin="round"
-            stroke-width="2"
-            d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"
-          /></svg
-        >
-        <span>Your purchase was successful!</span>
-      </div>
-      <div role="alert" class="alert alert-warning py-2 px-4 text-sm">
-        <svg
-          xmlns="http://www.w3.org/2000/svg"
-          class="h-6 w-6 shrink-0 stroke-current"
-          fill="none"
-          viewBox="0 0 24 24"
-          ><path
-            stroke-linecap="round"
-            stroke-linejoin="round"
-            stroke-width="2"
-            d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"
-          /></svg
-        >
-        <span>Warning: Invalid email address!</span>
-      </div>
-    </div>
-
-    {@render section("Styles")}
-    <div class="alert alert-dash alert-error mt-2 py-2 px-4 text-sm">
-      <span>Dash style alert</span>
-    </div>
-  </ShowcaseCard>
-
-  <!-- MODAL & TOOLTIP -->
-  <ShowcaseCard title="Modal & Tooltip" icon="🪟">
-    {@render section("Dialog Modal")}
-    <button
-      class="btn btn-primary"
-      onclick={() =>
-        (
-          document.getElementById("demo_modal") as HTMLDialogElement
-        ).showModal()}
-    >
-      Open Modal
-    </button>
-    <dialog id="demo_modal" class="modal">
-      <div class="modal-box">
-        <h3 class="font-bold text-lg">Hello!</h3>
-        <p class="py-4">Press ESC key or click the button below to close</p>
-        <div class="modal-action">
-          <form method="dialog">
-            <button class="btn">Close</button>
-          </form>
-        </div>
-      </div>
-    </dialog>
-
-    {@render section("Tooltips")}
-    <div class="flex flex-wrap gap-4 pt-4">
-      <div class="tooltip" data-tip="hello">
-        <button class="btn">Top</button>
-      </div>
-      <div class="tooltip tooltip-bottom" data-tip="world">
-        <button class="btn">Bottom</button>
-      </div>
-    </div>
-  </ShowcaseCard>
-
-  <!-- LOADING & PROGRESS -->
-  <ShowcaseCard title="Loading & Progress" icon="⏳">
-    {@render section("Loading Spinners")}
-    <div class="flex flex-wrap gap-4 items-center">
-      <span class="loading loading-spinner loading-md"></span>
-      <span class="loading loading-dots loading-md text-primary"></span>
-      <span class="loading loading-ring loading-md text-secondary"></span>
-      <span class="loading loading-ball loading-md text-accent"></span>
-      <span class="loading loading-bars loading-md"></span>
-      <span class="loading loading-infinity loading-lg"></span>
-    </div>
-
-    {@render section("Progress Bars")}
-    <div class="space-y-4">
-      <progress
-        class="progress progress-primary w-full"
-        value={progressVal}
-        max="100"
-      ></progress>
-      <div class="flex flex-wrap gap-4 justify-center">
-        <div
-          class="radial-progress text-primary"
-          style="--value:{progressVal};"
-          role="progressbar"
-        >
-          {progressVal}%
-        </div>
-      </div>
-      <input
-        type="range"
-        min="0"
-        max="100"
-        bind:value={progressVal}
-        class="range range-xs"
-      />
-    </div>
-  </ShowcaseCard>
-
-  <!-- SKELETON & COLLAPSE -->
-  <ShowcaseCard title="Skeleton & Collapse" icon="🦴">
-    {@render section("Skeleton")}
-    <div class="flex flex-col gap-4 w-full">
-      <div class="flex items-center gap-4">
-        <div class="skeleton h-16 w-16 shrink-0 rounded-full"></div>
-        <div class="flex flex-col gap-4">
-          <div class="skeleton h-4 w-20"></div>
-          <div class="skeleton h-4 w-28"></div>
-        </div>
-      </div>
-      <div class="skeleton h-32 w-full"></div>
-    </div>
-
-    {@render section("Collapse / Accordion")}
-    <div class="collapse collapse-arrow bg-base-200 mt-4">
-      <input type="radio" name="my-accordion-1" checked />
-      <div class="collapse-title text-xl font-medium">
-        Click to open this one and close others
-      </div>
-      <div class="collapse-content">
-        <p>hello</p>
-      </div>
-    </div>
-    <div class="collapse collapse-arrow bg-base-200 mt-2">
-      <input type="radio" name="my-accordion-1" />
-      <div class="collapse-title text-xl font-medium">
-        Click to open this one and close others
-      </div>
-      <div class="collapse-content">
-        <p>hello</p>
-      </div>
-    </div>
-  </ShowcaseCard>
-</div>

package/dist/showcase/tabs/Feedback.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 FeedbackProps = typeof __propDef.props;
-export type FeedbackEvents = typeof __propDef.events;
-export type FeedbackSlots = typeof __propDef.slots;
-export default class Feedback extends SvelteComponentTyped<FeedbackProps, FeedbackEvents, FeedbackSlots> {
-}
-export {};

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 {};