eewing
255 lines
8.4 KiB
JavaScript
255 lines
8.4 KiB
JavaScript
import { m as attributes, t as clsx, c as bind_props, r as attr, o as escape_html } from './index2-DHYCG7Ly.js';
|
|
import './root-BEb1kut4.js';
|
|
import './state.svelte-CsO7NG8X.js';
|
|
import { B as Button } from './button-DEEgteap.js';
|
|
import { c as cn } from './utils2-B05Dmz_H.js';
|
|
import { L as Label } from './label-CsPa3Fds.js';
|
|
import 'clsx';
|
|
import 'tailwind-merge';
|
|
|
|
function Input($$renderer, $$props) {
|
|
$$renderer.component(($$renderer2) => {
|
|
let {
|
|
ref = null,
|
|
value = void 0,
|
|
type,
|
|
files = void 0,
|
|
class: className,
|
|
"data-slot": dataSlot = "input",
|
|
$$slots,
|
|
$$events,
|
|
...restProps
|
|
} = $$props;
|
|
if (type === "file") {
|
|
$$renderer2.push("<!--[-->");
|
|
$$renderer2.push(`<input${attributes(
|
|
{
|
|
"data-slot": dataSlot,
|
|
class: clsx(cn("selection:bg-primary dark:bg-input/30 selection:text-primary-foreground border-input ring-offset-background placeholder:text-muted-foreground flex h-9 w-full min-w-0 rounded-md border bg-transparent px-3 pt-1.5 text-sm font-medium shadow-xs transition-[color,box-shadow] outline-none disabled:cursor-not-allowed disabled:opacity-50", "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]", "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive", className)),
|
|
type: "file",
|
|
...restProps
|
|
},
|
|
void 0,
|
|
void 0,
|
|
void 0,
|
|
4
|
|
)}/>`);
|
|
} else {
|
|
$$renderer2.push("<!--[!-->");
|
|
$$renderer2.push(`<input${attributes(
|
|
{
|
|
"data-slot": dataSlot,
|
|
class: clsx(cn("border-input bg-background selection:bg-primary dark:bg-input/30 selection:text-primary-foreground ring-offset-background placeholder:text-muted-foreground flex h-9 w-full min-w-0 rounded-md border px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm", "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]", "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive", className)),
|
|
type,
|
|
value,
|
|
...restProps
|
|
},
|
|
void 0,
|
|
void 0,
|
|
void 0,
|
|
4
|
|
)}/>`);
|
|
}
|
|
$$renderer2.push(`<!--]-->`);
|
|
bind_props($$props, { ref, value, files });
|
|
});
|
|
}
|
|
function Card($$renderer, $$props) {
|
|
$$renderer.component(($$renderer2) => {
|
|
let {
|
|
ref = null,
|
|
class: className,
|
|
children,
|
|
$$slots,
|
|
$$events,
|
|
...restProps
|
|
} = $$props;
|
|
$$renderer2.push(`<div${attributes({
|
|
"data-slot": "card",
|
|
class: clsx(cn("bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm", className)),
|
|
...restProps
|
|
})}>`);
|
|
children?.($$renderer2);
|
|
$$renderer2.push(`<!----></div>`);
|
|
bind_props($$props, { ref });
|
|
});
|
|
}
|
|
function Card_content($$renderer, $$props) {
|
|
$$renderer.component(($$renderer2) => {
|
|
let {
|
|
ref = null,
|
|
class: className,
|
|
children,
|
|
$$slots,
|
|
$$events,
|
|
...restProps
|
|
} = $$props;
|
|
$$renderer2.push(`<div${attributes({
|
|
"data-slot": "card-content",
|
|
class: clsx(cn("px-6", className)),
|
|
...restProps
|
|
})}>`);
|
|
children?.($$renderer2);
|
|
$$renderer2.push(`<!----></div>`);
|
|
bind_props($$props, { ref });
|
|
});
|
|
}
|
|
function Card_description($$renderer, $$props) {
|
|
$$renderer.component(($$renderer2) => {
|
|
let {
|
|
ref = null,
|
|
class: className,
|
|
children,
|
|
$$slots,
|
|
$$events,
|
|
...restProps
|
|
} = $$props;
|
|
$$renderer2.push(`<p${attributes({
|
|
"data-slot": "card-description",
|
|
class: clsx(cn("text-muted-foreground text-sm", className)),
|
|
...restProps
|
|
})}>`);
|
|
children?.($$renderer2);
|
|
$$renderer2.push(`<!----></p>`);
|
|
bind_props($$props, { ref });
|
|
});
|
|
}
|
|
function Card_header($$renderer, $$props) {
|
|
$$renderer.component(($$renderer2) => {
|
|
let {
|
|
ref = null,
|
|
class: className,
|
|
children,
|
|
$$slots,
|
|
$$events,
|
|
...restProps
|
|
} = $$props;
|
|
$$renderer2.push(`<div${attributes({
|
|
"data-slot": "card-header",
|
|
class: clsx(cn("@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6", className)),
|
|
...restProps
|
|
})}>`);
|
|
children?.($$renderer2);
|
|
$$renderer2.push(`<!----></div>`);
|
|
bind_props($$props, { ref });
|
|
});
|
|
}
|
|
function Card_title($$renderer, $$props) {
|
|
$$renderer.component(($$renderer2) => {
|
|
let {
|
|
ref = null,
|
|
class: className,
|
|
children,
|
|
$$slots,
|
|
$$events,
|
|
...restProps
|
|
} = $$props;
|
|
$$renderer2.push(`<div${attributes({
|
|
"data-slot": "card-title",
|
|
class: clsx(cn("leading-none font-semibold", className)),
|
|
...restProps
|
|
})}>`);
|
|
children?.($$renderer2);
|
|
$$renderer2.push(`<!----></div>`);
|
|
bind_props($$props, { ref });
|
|
});
|
|
}
|
|
function _page($$renderer, $$props) {
|
|
$$renderer.component(($$renderer2) => {
|
|
let { data, formAction } = $$props;
|
|
const redirectTo = data.form?.redirectTo ?? data.redirectTo ?? "";
|
|
const error = data.form?.error;
|
|
$$renderer2.push(`<div class="app-shell max-w-sm mx-auto w-full">`);
|
|
$$renderer2.push("<!---->");
|
|
Card?.($$renderer2, {
|
|
children: ($$renderer3) => {
|
|
$$renderer3.push("<!---->");
|
|
Card_header?.($$renderer3, {
|
|
children: ($$renderer4) => {
|
|
$$renderer4.push("<!---->");
|
|
Card_title?.($$renderer4, {
|
|
children: ($$renderer5) => {
|
|
$$renderer5.push(`<!---->Sign in`);
|
|
},
|
|
$$slots: { default: true }
|
|
});
|
|
$$renderer4.push(`<!----> `);
|
|
$$renderer4.push("<!---->");
|
|
Card_description?.($$renderer4, {
|
|
children: ($$renderer5) => {
|
|
$$renderer5.push(`<!---->Enter your email and password.`);
|
|
},
|
|
$$slots: { default: true }
|
|
});
|
|
$$renderer4.push(`<!---->`);
|
|
},
|
|
$$slots: { default: true }
|
|
});
|
|
$$renderer3.push(`<!----> `);
|
|
$$renderer3.push("<!---->");
|
|
Card_content?.($$renderer3, {
|
|
children: ($$renderer4) => {
|
|
$$renderer4.push(`<form method="POST"${attr("action", formAction)} class="flex flex-col gap-4"><input type="hidden" name="redirectTo"${attr("value", redirectTo)}/> <div class="grid gap-2">`);
|
|
Label($$renderer4, {
|
|
for: "email",
|
|
children: ($$renderer5) => {
|
|
$$renderer5.push(`<!---->Email`);
|
|
},
|
|
$$slots: { default: true }
|
|
});
|
|
$$renderer4.push(`<!----> `);
|
|
Input($$renderer4, {
|
|
id: "email",
|
|
name: "email",
|
|
type: "email",
|
|
placeholder: "you@example.com",
|
|
required: true,
|
|
autocomplete: "email"
|
|
});
|
|
$$renderer4.push(`<!----></div> <div class="grid gap-2">`);
|
|
Label($$renderer4, {
|
|
for: "password",
|
|
children: ($$renderer5) => {
|
|
$$renderer5.push(`<!---->Password`);
|
|
},
|
|
$$slots: { default: true }
|
|
});
|
|
$$renderer4.push(`<!----> `);
|
|
Input($$renderer4, {
|
|
id: "password",
|
|
name: "password",
|
|
type: "password",
|
|
required: true,
|
|
autocomplete: "current-password"
|
|
});
|
|
$$renderer4.push(`<!----></div> `);
|
|
if (error) {
|
|
$$renderer4.push("<!--[-->");
|
|
$$renderer4.push(`<p class="text-sm text-destructive">${escape_html(error)}</p>`);
|
|
} else {
|
|
$$renderer4.push("<!--[!-->");
|
|
}
|
|
$$renderer4.push(`<!--]--> `);
|
|
Button($$renderer4, {
|
|
type: "submit",
|
|
class: "w-full",
|
|
children: ($$renderer5) => {
|
|
$$renderer5.push(`<!---->Sign in`);
|
|
},
|
|
$$slots: { default: true }
|
|
});
|
|
$$renderer4.push(`<!----></form>`);
|
|
},
|
|
$$slots: { default: true }
|
|
});
|
|
$$renderer3.push(`<!---->`);
|
|
},
|
|
$$slots: { default: true }
|
|
});
|
|
$$renderer2.push(`<!----></div>`);
|
|
});
|
|
}
|
|
|
|
export { _page as default };
|
|
//# sourceMappingURL=_page.svelte-CYuAo59m.js.map
|