102 lines
4.5 KiB
JavaScript
102 lines
4.5 KiB
JavaScript
import { c as create_ssr_component, v as validate_component, e as escape, s as spread, f as escape_object, d as escape_attribute_value, a as each } from './ssr-DX6yy04n.js';
|
|
import { c as config } from './config-BHx687w1.js';
|
|
import { i as is_void } from './index3-SQiErCxY.js';
|
|
import { M as Mode_watcher } from './mode-watcher-BgZlA57W.js';
|
|
import { c as compute_rest_props } from './lifecycle-CPZ0ouVO.js';
|
|
import './shared-server-i79vVjEm.js';
|
|
import 'tailwind-variants';
|
|
import './index2-CkEewRlU.js';
|
|
import './ssr2-BVSPLo1E.js';
|
|
import 'clsx';
|
|
|
|
const defaultAttributes = {
|
|
outline: {
|
|
xmlns: "http://www.w3.org/2000/svg",
|
|
width: 24,
|
|
height: 24,
|
|
viewBox: "0 0 24 24",
|
|
fill: "none",
|
|
stroke: "currentColor",
|
|
"stroke-width": 2,
|
|
"stroke-linecap": "round",
|
|
"stroke-linejoin": "round"
|
|
},
|
|
filled: {
|
|
xmlns: "http://www.w3.org/2000/svg",
|
|
width: 24,
|
|
height: 24,
|
|
viewBox: "0 0 24 24",
|
|
fill: "currentColor",
|
|
stroke: "none"
|
|
}
|
|
};
|
|
const defaultAttributes$1 = defaultAttributes;
|
|
const Icon = create_ssr_component(($$result, $$props, $$bindings, slots) => {
|
|
let $$restProps = compute_rest_props($$props, ["type", "name", "color", "size", "stroke", "iconNode"]);
|
|
let { type } = $$props;
|
|
let { name } = $$props;
|
|
let { color = "currentColor" } = $$props;
|
|
let { size = 24 } = $$props;
|
|
let { stroke = 2 } = $$props;
|
|
let { iconNode } = $$props;
|
|
if ($$props.type === void 0 && $$bindings.type && type !== void 0)
|
|
$$bindings.type(type);
|
|
if ($$props.name === void 0 && $$bindings.name && name !== void 0)
|
|
$$bindings.name(name);
|
|
if ($$props.color === void 0 && $$bindings.color && color !== void 0)
|
|
$$bindings.color(color);
|
|
if ($$props.size === void 0 && $$bindings.size && size !== void 0)
|
|
$$bindings.size(size);
|
|
if ($$props.stroke === void 0 && $$bindings.stroke && stroke !== void 0)
|
|
$$bindings.stroke(stroke);
|
|
if ($$props.iconNode === void 0 && $$bindings.iconNode && iconNode !== void 0)
|
|
$$bindings.iconNode(iconNode);
|
|
return `<svg${spread(
|
|
[
|
|
escape_object(defaultAttributes$1[type]),
|
|
escape_object($$restProps),
|
|
{ width: escape_attribute_value(size) },
|
|
{ height: escape_attribute_value(size) },
|
|
{
|
|
class: escape_attribute_value(`tabler-icon tabler-icon-${name} ${$$props.class ?? ""}`)
|
|
},
|
|
escape_object(type === "filled" ? { fill: color } : { "stroke-width": stroke, stroke: color })
|
|
],
|
|
{}
|
|
)}>${each(iconNode, ([tag, attrs]) => {
|
|
return `${((tag$1) => {
|
|
return tag$1 ? `<${tag}${spread([escape_object(attrs)], {})}>${is_void(tag$1) ? "" : ``}${is_void(tag$1) ? "" : `</${tag$1}>`}` : "";
|
|
})(tag)}`;
|
|
})}${slots.default ? slots.default({}) : ``}</svg>`;
|
|
});
|
|
const Icon$1 = Icon;
|
|
const Brand_google = create_ssr_component(($$result, $$props, $$bindings, slots) => {
|
|
const iconNode = [
|
|
[
|
|
"path",
|
|
{
|
|
"d": "M20.945 11a9 9 0 1 1 -3.284 -5.997l-2.655 2.392a5.5 5.5 0 1 0 2.119 6.605h-4.125v-3h7.945z"
|
|
}
|
|
]
|
|
];
|
|
return `${validate_component(Icon$1, "Icon").$$render($$result, Object.assign({}, { type: "outline" }, { name: "brand-google" }, $$props, { iconNode }), {}, {
|
|
default: () => {
|
|
return `${slots.default ? slots.default({}) : ``}`;
|
|
}
|
|
})}`;
|
|
});
|
|
const IconBrandGoogle = Brand_google;
|
|
const Page = create_ssr_component(($$result, $$props, $$bindings, slots) => {
|
|
return `${validate_component(Mode_watcher, "ModeWatcher").$$render($$result, {}, {}, {})} <div class="mx-auto flex h-screen w-screen max-w-64 items-center justify-center"> <a href="${escape(config.api_url, true) + "/auth/google"}" class="group/btn relative flex h-10 w-full items-center justify-start space-x-2 rounded-md bg-gray-50 px-4 font-medium text-black shadow-input dark:bg-zinc-900 dark:shadow-[0px_0px_1px_1px_var(--neutral-800)]">${validate_component(IconBrandGoogle, "IconBrandGoogle").$$render(
|
|
$$result,
|
|
{
|
|
class: "h-4 w-4 text-neutral-800 dark:text-neutral-300"
|
|
},
|
|
{},
|
|
{}
|
|
)} <span class="text-sm text-neutral-700 dark:text-neutral-300" data-svelte-h="svelte-1x4tmgu">Google</span> <span class="absolute inset-x-0 -bottom-px block h-px w-full bg-gradient-to-r from-transparent via-cyan-500 to-transparent opacity-0 transition duration-500 group-hover/btn:opacity-100"></span> <span class="absolute inset-x-10 -bottom-px mx-auto block h-px w-1/2 bg-gradient-to-r from-transparent via-indigo-500 to-transparent opacity-0 blur-sm transition duration-500 group-hover/btn:opacity-100"></span></a></div>`;
|
|
});
|
|
|
|
export { Page as default };
|
|
//# sourceMappingURL=_page.svelte-BE_SjVrd.js.map
|