PWA

.svelte-kit/adapter-node/entries/pages/_page.svelte.js

@@ -1,96 +1,65 @@
 import "clsx";
-import { a as attributes, c as clsx, b as bind_props } from "../../chunks/index.js";
-import { c as cn } from "../../chunks/utils2.js";
-import { tv } from "tailwind-variants";
-const buttonVariants = tv({
-  base: "focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive inline-flex shrink-0 items-center justify-center gap-2 rounded-md text-sm font-medium whitespace-nowrap transition-all outline-none focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-  variants: {
-    variant: {
-      default: "bg-primary text-primary-foreground hover:bg-primary/90 shadow-xs",
-      destructive: "bg-destructive hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60 text-white shadow-xs",
-      outline: "bg-background hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50 border shadow-xs",
-      secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80 shadow-xs",
-      ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
-      link: "text-primary underline-offset-4 hover:underline"
-    },
-    size: {
-      default: "h-9 px-4 py-2 has-[>svg]:px-3",
-      sm: "h-8 gap-1.5 rounded-md px-3 has-[>svg]:px-2.5",
-      lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
-      icon: "size-9",
-      "icon-sm": "size-8",
-      "icon-lg": "size-10"
-    }
-  },
-  defaultVariants: { variant: "default", size: "default" }
-});
-function Button($$renderer, $$props) {
-  $$renderer.component(($$renderer2) => {
-    let {
-      class: className,
-      variant = "default",
-      size = "default",
-      ref = null,
-      href = void 0,
-      type = "button",
-      disabled,
-      children,
-      $$slots,
-      $$events,
-      ...restProps
-    } = $$props;
-    if (href) {
-      $$renderer2.push("<!--[-->");
-      $$renderer2.push(`<a${attributes({
-        "data-slot": "button",
-        class: clsx(cn(buttonVariants({ variant, size }), className)),
-        href: disabled ? void 0 : href,
-        "aria-disabled": disabled,
-        role: disabled ? "link" : void 0,
-        tabindex: disabled ? -1 : void 0,
-        ...restProps
-      })}>`);
-      children?.($$renderer2);
-      $$renderer2.push(`<!----></a>`);
-    } else {
-      $$renderer2.push("<!--[!-->");
-      $$renderer2.push(`<button${attributes({
-        "data-slot": "button",
-        class: clsx(cn(buttonVariants({ variant, size }), className)),
-        type,
-        disabled,
-        ...restProps
-      })}>`);
-      children?.($$renderer2);
-      $$renderer2.push(`<!----></button>`);
-    }
-    $$renderer2.push(`<!--]-->`);
-    bind_props($$props, { ref });
-  });
-}
-function _page($$renderer) {
+import { B as Button } from "../../chunks/button.js";
+function _page($$renderer, $$props) {
+  let { data } = $$props;
   {
     $$renderer.push("<!--[!-->");
-    $$renderer.push(`<main class="flex min-h-screen flex-col items-center justify-center gap-6 p-8"><h1 class="text-2xl font-semibold">Stackq</h1> <p class="text-muted-foreground">Svelte 5 + shadcn-svelte + PocketBase</p> <div class="flex w-full max-w-xs flex-col gap-2"><a href="/items" class="block">`);
+    $$renderer.push(`<main class="flex min-h-screen flex-col items-center justify-center gap-6 p-6 sm:p-8"><h1 class="text-2xl font-semibold">Stackq</h1> <div class="flex w-full max-w-xs flex-col gap-3"><a href="/items" class="block">`);
     Button($$renderer, {
-      class: "w-full",
+      class: "h-12 w-full min-h-12",
       children: ($$renderer2) => {
-        $$renderer2.push(`<!---->Items table`);
+        $$renderer2.push(`<!---->Scan`);
+      },
+      $$slots: { default: true }
+    });
+    $$renderer.push(`<!----></a> <a href="/transactions" class="block">`);
+    Button($$renderer, {
+      class: "h-12 min-h-12 w-full",
+      variant: "outline",
+      children: ($$renderer2) => {
+        $$renderer2.push(`<!---->New Transaction`);
       },
       $$slots: { default: true }
     });
     $$renderer.push(`<!----></a> <a href="/items" class="block">`);
     Button($$renderer, {
-      class: "w-full",
+      class: "h-12 min-h-12 w-full",
       variant: "outline",
       children: ($$renderer2) => {
-        $$renderer2.push(`<!---->New item`);
+        $$renderer2.push(`<!---->New Item`);
+      },
+      $$slots: { default: true }
+    });
+    $$renderer.push(`<!----></a></div> <div class="text-muted-foreground w-full max-w-xs border-t pt-4 text-center text-sm">Go to</div> <div class="flex w-full max-w-xs flex-col gap-2"><a href="/items" class="block">`);
+    Button($$renderer, {
+      class: "h-12 min-h-12 w-full",
+      variant: "outline",
+      children: ($$renderer2) => {
+        $$renderer2.push(`<!---->Items`);
+      },
+      $$slots: { default: true }
+    });
+    $$renderer.push(`<!----></a> <a href="/transactions" class="block">`);
+    Button($$renderer, {
+      class: "h-12 min-h-12 w-full",
+      variant: "outline",
+      children: ($$renderer2) => {
+        $$renderer2.push(`<!---->Transactions`);
+      },
+      $$slots: { default: true }
+    });
+    $$renderer.push(`<!----></a> <a href="/accounts" class="block">`);
+    Button($$renderer, {
+      class: "h-12 min-h-12 w-full",
+      variant: "outline",
+      children: ($$renderer2) => {
+        $$renderer2.push(`<!---->Accounts`);
       },
       $$slots: { default: true }
     });
     $$renderer.push(`<!----></a> <a href="/logout" class="block">`);
     Button($$renderer, {
-      class: "w-full",
+      class: "h-12 min-h-12 w-full",
       variant: "outline",
       children: ($$renderer2) => {
         $$renderer2.push(`<!---->Log out`);