${validate_component(Prism, "Prism").$$render($$result, { language: "html", source: InputSix }, {}, {})}
+ ${validate_component(Index$8, "OtpInput").$$render($$result, { numberOfInputs: 6 }, {}, {})}
+
+
+
+
diff --git a/.svelte-kit/output/server/chunks/hooks.js b/.svelte-kit/output/server/chunks/hooks.js
new file mode 100644
index 0000000..8b13789
--- /dev/null
+++ b/.svelte-kit/output/server/chunks/hooks.js
@@ -0,0 +1 @@
+
diff --git a/.svelte-kit/output/server/chunks/index.js b/.svelte-kit/output/server/chunks/index.js
new file mode 100644
index 0000000..5174326
--- /dev/null
+++ b/.svelte-kit/output/server/chunks/index.js
@@ -0,0 +1,207 @@
+function noop() {
+}
+function run(fn) {
+ return fn();
+}
+function blank_object() {
+ return /* @__PURE__ */ Object.create(null);
+}
+function run_all(fns) {
+ fns.forEach(run);
+}
+function safe_not_equal(a, b) {
+ return a != a ? b == b : a !== b || (a && typeof a === "object" || typeof a === "function");
+}
+function subscribe(store, ...callbacks) {
+ if (store == null) {
+ return noop;
+ }
+ const unsub = store.subscribe(...callbacks);
+ return unsub.unsubscribe ? () => unsub.unsubscribe() : unsub;
+}
+function custom_event(type, detail, { bubbles = false, cancelable = false } = {}) {
+ const e = document.createEvent("CustomEvent");
+ e.initCustomEvent(type, bubbles, cancelable, detail);
+ return e;
+}
+let current_component;
+function set_current_component(component) {
+ current_component = component;
+}
+function get_current_component() {
+ if (!current_component)
+ throw new Error("Function called outside component initialization");
+ return current_component;
+}
+function createEventDispatcher() {
+ const component = get_current_component();
+ return (type, detail, { cancelable = false } = {}) => {
+ const callbacks = component.$$.callbacks[type];
+ if (callbacks) {
+ const event = custom_event(type, detail, { cancelable });
+ callbacks.slice().forEach((fn) => {
+ fn.call(component, event);
+ });
+ return !event.defaultPrevented;
+ }
+ return true;
+ };
+}
+function setContext(key, context) {
+ get_current_component().$$.context.set(key, context);
+ return context;
+}
+function getContext(key) {
+ return get_current_component().$$.context.get(key);
+}
+const dirty_components = [];
+const binding_callbacks = [];
+const render_callbacks = [];
+const flush_callbacks = [];
+const resolved_promise = Promise.resolve();
+let update_scheduled = false;
+function schedule_update() {
+ if (!update_scheduled) {
+ update_scheduled = true;
+ resolved_promise.then(flush);
+ }
+}
+function tick() {
+ schedule_update();
+ return resolved_promise;
+}
+function add_render_callback(fn) {
+ render_callbacks.push(fn);
+}
+const seen_callbacks = /* @__PURE__ */ new Set();
+let flushidx = 0;
+function flush() {
+ const saved_component = current_component;
+ do {
+ while (flushidx < dirty_components.length) {
+ const component = dirty_components[flushidx];
+ flushidx++;
+ set_current_component(component);
+ update(component.$$);
+ }
+ set_current_component(null);
+ dirty_components.length = 0;
+ flushidx = 0;
+ while (binding_callbacks.length)
+ binding_callbacks.pop()();
+ for (let i = 0; i < render_callbacks.length; i += 1) {
+ const callback = render_callbacks[i];
+ if (!seen_callbacks.has(callback)) {
+ seen_callbacks.add(callback);
+ callback();
+ }
+ }
+ render_callbacks.length = 0;
+ } while (dirty_components.length);
+ while (flush_callbacks.length) {
+ flush_callbacks.pop()();
+ }
+ update_scheduled = false;
+ seen_callbacks.clear();
+ set_current_component(saved_component);
+}
+function update($$) {
+ if ($$.fragment !== null) {
+ $$.update();
+ run_all($$.before_update);
+ const dirty = $$.dirty;
+ $$.dirty = [-1];
+ $$.fragment && $$.fragment.p($$.ctx, dirty);
+ $$.after_update.forEach(add_render_callback);
+ }
+}
+const ATTR_REGEX = /[&"]/g;
+const CONTENT_REGEX = /[&<]/g;
+function escape(value, is_attr = false) {
+ const str = String(value);
+ const pattern = is_attr ? ATTR_REGEX : CONTENT_REGEX;
+ pattern.lastIndex = 0;
+ let escaped = "";
+ let last = 0;
+ while (pattern.test(str)) {
+ const i = pattern.lastIndex - 1;
+ const ch = str[i];
+ escaped += str.substring(last, i) + (ch === "&" ? "&" : ch === '"' ? """ : "<");
+ last = i + 1;
+ }
+ return escaped + str.substring(last);
+}
+function each(items, fn) {
+ let str = "";
+ for (let i = 0; i < items.length; i += 1) {
+ str += fn(items[i], i);
+ }
+ return str;
+}
+const missing_component = {
+ $$render: () => ""
+};
+function validate_component(component, name) {
+ if (!component || !component.$$render) {
+ if (name === "svelte:component")
+ name += " this={...}";
+ throw new Error(`<${name}> is not a valid SSR component. You may need to review your build config to ensure that dependencies are compiled, rather than imported as pre-compiled modules`);
+ }
+ return component;
+}
+let on_destroy;
+function create_ssr_component(fn) {
+ function $$render(result, props, bindings, slots, context) {
+ const parent_component = current_component;
+ const $$ = {
+ on_destroy,
+ context: new Map(context || (parent_component ? parent_component.$$.context : [])),
+ on_mount: [],
+ before_update: [],
+ after_update: [],
+ callbacks: blank_object()
+ };
+ set_current_component({ $$ });
+ const html = fn(result, props, bindings, slots);
+ set_current_component(parent_component);
+ return html;
+ }
+ return {
+ render: (props = {}, { $$slots = {}, context = /* @__PURE__ */ new Map() } = {}) => {
+ on_destroy = [];
+ const result = { title: "", head: "", css: /* @__PURE__ */ new Set() };
+ const html = $$render(result, props, {}, $$slots, context);
+ run_all(on_destroy);
+ return {
+ html,
+ css: {
+ code: Array.from(result.css).map((css) => css.code).join("\n"),
+ map: null
+ },
+ head: result.title + result.head
+ };
+ },
+ $$render
+ };
+}
+function add_attribute(name, value, boolean) {
+ if (value == null || boolean && !value)
+ return "";
+ const assignment = boolean && value === true ? "" : `="${escape(value, true)}"`;
+ return ` ${name}${assignment}`;
+}
+export {
+ safe_not_equal as a,
+ subscribe as b,
+ create_ssr_component as c,
+ add_attribute as d,
+ escape as e,
+ createEventDispatcher as f,
+ getContext as g,
+ each as h,
+ missing_component as m,
+ noop as n,
+ setContext as s,
+ tick as t,
+ validate_component as v
+};
diff --git a/.svelte-kit/output/server/entries/fallbacks/error.svelte.js b/.svelte-kit/output/server/entries/fallbacks/error.svelte.js
new file mode 100644
index 0000000..6941861
--- /dev/null
+++ b/.svelte-kit/output/server/entries/fallbacks/error.svelte.js
@@ -0,0 +1,59 @@
+import { g as getContext, c as create_ssr_component, b as subscribe, e as escape } from "../../chunks/index.js";
+const getStores = () => {
+ const stores = getContext("__svelte__");
+ const readonly_stores = {
+ page: {
+ subscribe: stores.page.subscribe
+ },
+ navigating: {
+ subscribe: stores.navigating.subscribe
+ },
+ updated: stores.updated
+ };
+ Object.defineProperties(readonly_stores, {
+ preloading: {
+ get() {
+ console.error("stores.preloading is deprecated; use stores.navigating instead");
+ return {
+ subscribe: stores.navigating.subscribe
+ };
+ },
+ enumerable: false
+ },
+ session: {
+ get() {
+ removed_session();
+ return {};
+ },
+ enumerable: false
+ }
+ });
+ return readonly_stores;
+};
+const page = {
+ subscribe(fn) {
+ const store = getStores().page;
+ return store.subscribe(fn);
+ }
+};
+function removed_session() {
+ throw new Error(
+ "stores.session is no longer available. See https://github.com/sveltejs/kit/discussions/5883"
+ );
+}
+const Error$1 = create_ssr_component(($$result, $$props, $$bindings, slots) => {
+ let $page, $$unsubscribe_page;
+ $$unsubscribe_page = subscribe(page, (value) => $page = value);
+ $$unsubscribe_page();
+ return `${escape($page.status)}
+ +${escape($page.error.message)}
+
+
+
+${$page.error.frame ? `${escape($page.error.frame)}` : ``}
+${$page.error.stack ? `${escape($page.error.stack)}` : ``}`;
+});
+export {
+ Error$1 as default
+};
diff --git a/.svelte-kit/output/server/entries/fallbacks/layout.svelte.js b/.svelte-kit/output/server/entries/fallbacks/layout.svelte.js
new file mode 100644
index 0000000..e0fb389
--- /dev/null
+++ b/.svelte-kit/output/server/entries/fallbacks/layout.svelte.js
@@ -0,0 +1,7 @@
+import { c as create_ssr_component } from "../../chunks/index.js";
+const Layout = create_ssr_component(($$result, $$props, $$bindings, slots) => {
+ return `${slots.default ? slots.default({}) : ``}`;
+});
+export {
+ Layout as default
+};
diff --git a/.svelte-kit/output/server/entries/pages/_page.svelte.js b/.svelte-kit/output/server/entries/pages/_page.svelte.js
new file mode 100644
index 0000000..e8b34a5
--- /dev/null
+++ b/.svelte-kit/output/server/entries/pages/_page.svelte.js
@@ -0,0 +1,533 @@
+import { c as create_ssr_component, d as add_attribute, e as escape, f as createEventDispatcher, h as each, t as tick, v as validate_component } from "../../chunks/index.js";
+import prism$1 from "prismjs";
+import "prism-svelte";
+if (typeof window !== "undefined") {
+ if (window.Prism)
+ console.warn(
+ "Prism has already been initiated. Please ensure that svelte-prism is imported first."
+ );
+ window.Prism = window.Prism || {};
+ window.Prism.manual = true;
+}
+const prism = prism$1;
+prism$1.highlightElement;
+const globalConfig = { transform: (x) => x };
+const Prism = create_ssr_component(($$result, $$props, $$bindings, slots) => {
+ let { language = "javascript" } = $$props;
+ let { source = "" } = $$props;
+ let { transform = (x) => x } = $$props;
+ let element, formattedCode;
+ function highlightCode() {
+ const grammar = prism.languages[language];
+ let body = source || element.textContent;
+ body = globalConfig.transform(body);
+ body = transform(body);
+ formattedCode = language === "none" ? body : prism.highlight(body, grammar, language);
+ }
+ if ($$props.language === void 0 && $$bindings.language && language !== void 0)
+ $$bindings.language(language);
+ if ($$props.source === void 0 && $$bindings.source && source !== void 0)
+ $$bindings.source(source);
+ if ($$props.transform === void 0 && $$bindings.transform && transform !== void 0)
+ $$bindings.transform(transform);
+ $$props && (source || element) && highlightCode();
+ return `${slots.default ? slots.default({}) : ``}
+
+${language === "none" ? `${escape(formattedCode)}` : `${formattedCode}`}${validate_component(Prism, "Prism").$$render(
+ $$result,
+ {
+ language: "html",
+ source: PlaceholderValue
+ },
+ {},
+ {}
+ )}
+ ${validate_component(Index$8, "OtpInput").$$render($$result, { numberOfInputs: 4, placeholder: "****" }, {}, {})}
+ ${validate_component(Prism, "Prism").$$render($$result, { language: "html", source: SeparatorValue }, {}, {})}
+ ${validate_component(Index$8, "OtpInput").$$render(
+ $$result,
+ {
+ separator: "-",
+ placeholder: "******",
+ numberOfInputs: 6
+ },
+ {},
+ {}
+ )}
+ ${validate_component(Prism, "Prism").$$render(
+ $$result,
+ {
+ language: "html",
+ source: prefillValueHTML
+ },
+ {},
+ {}
+ )}
+ ${validate_component(Index$8, "OtpInput").$$render(
+ $$result,
+ {
+ numberOfInputs: 4,
+ placeholder: "****",
+ separator: "-",
+ customWrapperClass: "customWrapperClass",
+ customSeparatorClass: "customSeparatorClass",
+ customRowClass: "customRowClass",
+ customInputWrapperClass: "customInputWrapperClass",
+ customTextInputClass: "customTextInputClass"
+ },
+ {},
+ {}
+ )}
+ ${validate_component(Prism, "Prism").$$render($$result, { language: "html", source: MaskingValue }, {}, {})}
+ ${validate_component(Index$8, "OtpInput").$$render(
+ $$result,
+ {
+ separator: "-",
+ maskInput: false,
+ numberOfInputs: 4,
+ placeholder: "****",
+ initialValue: "1234"
+ },
+ {},
+ {}
+ )}
+ ${validate_component(Prism, "Prism").$$render($$result, { language: "html", source: FocusValue }, {}, {})}
+ ${validate_component(Index$8, "OtpInput").$$render(
+ $$result,
+ {
+ separator: "-",
+ maskInput: true,
+ numberOfInputs: 4,
+ placeholder: "****",
+ autoFocusNextOnInput: true,
+ focusPreviousOnDelete: true
+ },
+ {},
+ {}
+ )}
+ ${validate_component(Prism, "Prism").$$render(
+ $$result,
+ {
+ language: "html",
+ source: GetInputValueHtml
+ },
+ {},
+ {}
+ )}
+ ${validate_component(Prism, "Prism").$$render(
+ $$result,
+ {
+ language: "html",
+ source: GetInputValueJS
+ },
+ {},
+ {}
+ )}
+ ${validate_component(Index$8, "OtpInput").$$render(
+ $$result,
+ {
+ numberOfInputs: 4,
+ separator: "*",
+ placeholder: "0000",
+ maskInput: false,
+ autoFocusNextOnInput: true,
+ focusPreviousOnDelete: true,
+ emitEventOnPrefill: true,
+ initialValue: value,
+ this: otpInstance
+ },
+ {
+ initialValue: ($$value) => {
+ value = $$value;
+ $$settled = false;
+ },
+ this: ($$value) => {
+ otpInstance = $$value;
+ $$settled = false;
+ }
+ },
+ {}
+ )}
+ EmittedValue: ${escape(emittedValue)}
+Get Value
${validate_component(Prism, "Prism").$$render(
+ $$result,
+ {
+ language: "html",
+ source: prefillValueHtml
+ },
+ {},
+ {}
+ )}
+ ${validate_component(Prism, "Prism").$$render($$result, { language: "html", source: prefillValueJS }, {}, {})}
+ ${validate_component(Index$8, "OtpInput").$$render(
+ $$result,
+ {
+ numberOfInputs: 4,
+ separator: "*",
+ placeholder: "0000",
+ maskInput: false,
+ autoFocusNextOnInput: true,
+ focusPreviousOnDelete: true,
+ emitEventOnPrefill: false,
+ initialValue: value,
+ this: otpInstance
+ },
+ {
+ initialValue: ($$value) => {
+ value = $$value;
+ $$settled = false;
+ },
+ this: ($$value) => {
+ otpInstance = $$value;
+ $$settled = false;
+ }
+ },
+ {}
+ )}
+ ${validate_component(Index$7, "NumberOfInputs").$$render($$result, {}, {}, {})}
+ ${validate_component(Index$6, "PlaceholderSeparators").$$render($$result, {}, {}, {})}
+ ${validate_component(Index$4, "MaskInput").$$render($$result, {}, {}, {})}
+ ${validate_component(Index$3, "Focus").$$render($$result, {}, {}, {})}
+ ${validate_component(Index$2, "GetValue").$$render($$result, {}, {}, {})}
+ ${validate_component(Index$5, "Styles").$$render($$result, {}, {}, {})}
+ ${validate_component(Index$1, "Prefill").$$render($$result, {}, {}, {})}
+I am about page
+
`;
+});
+export {
+ Page as default
+};
diff --git a/.svelte-kit/output/server/index.js b/.svelte-kit/output/server/index.js
new file mode 100644
index 0000000..ae04fa1
--- /dev/null
+++ b/.svelte-kit/output/server/index.js
@@ -0,0 +1,2224 @@
+import { c as create_ssr_component, s as setContext, v as validate_component, m as missing_component, n as noop, a as safe_not_equal } from "./chunks/index.js";
+import { devalue } from "devalue";
+import * as cookie from "cookie";
+import { serialize, parse } from "cookie";
+import * as set_cookie_parser from "set-cookie-parser";
+function afterUpdate() {
+}
+function set_prerendering(value) {
+}
+const Root = create_ssr_component(($$result, $$props, $$bindings, slots) => {
+ let { stores } = $$props;
+ let { page } = $$props;
+ let { components } = $$props;
+ let { form } = $$props;
+ let { data_0 = null } = $$props;
+ let { data_1 = null } = $$props;
+ {
+ setContext("__svelte__", stores);
+ }
+ afterUpdate(stores.page.notify);
+ if ($$props.stores === void 0 && $$bindings.stores && stores !== void 0)
+ $$bindings.stores(stores);
+ if ($$props.page === void 0 && $$bindings.page && page !== void 0)
+ $$bindings.page(page);
+ if ($$props.components === void 0 && $$bindings.components && components !== void 0)
+ $$bindings.components(components);
+ if ($$props.form === void 0 && $$bindings.form && form !== void 0)
+ $$bindings.form(form);
+ if ($$props.data_0 === void 0 && $$bindings.data_0 && data_0 !== void 0)
+ $$bindings.data_0(data_0);
+ if ($$props.data_1 === void 0 && $$bindings.data_1 && data_1 !== void 0)
+ $$bindings.data_1(data_1);
+ {
+ stores.page.set(page);
+ }
+ return `
+
+
+${components[1] ? `${validate_component(components[0] || missing_component, "svelte:component").$$render($$result, { data: data_0 }, {}, {
+ default: () => {
+ return `${validate_component(components[1] || missing_component, "svelte:component").$$render($$result, { data: data_1, form }, {}, {})}`;
+ }
+ })}` : `${validate_component(components[0] || missing_component, "svelte:component").$$render($$result, { data: data_0, form }, {}, {})}`}
+
+${``}`;
+});
+class HttpError {
+ constructor(status, body) {
+ this.status = status;
+ if (typeof body === "string") {
+ this.body = { message: body };
+ } else if (body) {
+ this.body = body;
+ } else {
+ this.body = { message: `Error: ${status}` };
+ }
+ }
+ toString() {
+ return JSON.stringify(this.body);
+ }
+}
+class Redirect {
+ constructor(status, location) {
+ this.status = status;
+ this.location = location;
+ }
+}
+class ValidationError {
+ constructor(status, data) {
+ this.status = status;
+ this.data = data;
+ }
+}
+function error(status, message) {
+ return new HttpError(status, message);
+}
+function json(data, init2) {
+ const headers = new Headers(init2 == null ? void 0 : init2.headers);
+ if (!headers.has("content-type")) {
+ headers.set("content-type", "application/json");
+ }
+ return new Response(JSON.stringify(data), {
+ ...init2,
+ headers
+ });
+}
+function negotiate(accept, types) {
+ const parts = [];
+ accept.split(",").forEach((str, i) => {
+ const match = /([^/]+)\/([^;]+)(?:;q=([0-9.]+))?/.exec(str);
+ if (match) {
+ const [, type, subtype, q = "1"] = match;
+ parts.push({ type, subtype, q: +q, i });
+ }
+ });
+ parts.sort((a, b) => {
+ if (a.q !== b.q) {
+ return b.q - a.q;
+ }
+ if (a.subtype === "*" !== (b.subtype === "*")) {
+ return a.subtype === "*" ? 1 : -1;
+ }
+ if (a.type === "*" !== (b.type === "*")) {
+ return a.type === "*" ? 1 : -1;
+ }
+ return a.i - b.i;
+ });
+ let accepted;
+ let min_priority = Infinity;
+ for (const mimetype of types) {
+ const [type, subtype] = mimetype.split("/");
+ const priority = parts.findIndex(
+ (part) => (part.type === type || part.type === "*") && (part.subtype === subtype || part.subtype === "*")
+ );
+ if (priority !== -1 && priority < min_priority) {
+ accepted = mimetype;
+ min_priority = priority;
+ }
+ }
+ return accepted;
+}
+const DATA_SUFFIX = "/__data.js";
+const DEFAULT_SERIALIZE_OPTIONS = {
+ httpOnly: true,
+ secure: true,
+ sameSite: "lax"
+};
+function get_cookies(request, url) {
+ const new_cookies = /* @__PURE__ */ new Map();
+ const cookies = {
+ get(name, opts) {
+ const c = new_cookies.get(name);
+ if (c && domain_matches(url.hostname, c.options.domain) && path_matches(url.pathname, c.options.path)) {
+ return c.value;
+ }
+ const decode = (opts == null ? void 0 : opts.decode) || decodeURIComponent;
+ const req_cookies = parse(request.headers.get("cookie") ?? "", { decode });
+ return req_cookies[name];
+ },
+ set(name, value, opts = {}) {
+ new_cookies.set(name, {
+ name,
+ value,
+ options: {
+ ...DEFAULT_SERIALIZE_OPTIONS,
+ ...opts
+ }
+ });
+ },
+ delete(name, opts = {}) {
+ new_cookies.set(name, {
+ name,
+ value: "",
+ options: {
+ ...DEFAULT_SERIALIZE_OPTIONS,
+ ...opts,
+ maxAge: 0
+ }
+ });
+ },
+ serialize(name, value, opts) {
+ return serialize(name, value, {
+ ...DEFAULT_SERIALIZE_OPTIONS,
+ ...opts
+ });
+ }
+ };
+ return { cookies, new_cookies };
+}
+function domain_matches(hostname, constraint) {
+ if (!constraint)
+ return true;
+ const normalized = constraint[0] === "." ? constraint.slice(1) : constraint;
+ if (hostname === normalized)
+ return true;
+ return hostname.endsWith("." + normalized);
+}
+function path_matches(path, constraint) {
+ if (!constraint)
+ return true;
+ const normalized = constraint.endsWith("/") ? constraint.slice(0, -1) : constraint;
+ if (path === normalized)
+ return true;
+ return path.startsWith(normalized + "/");
+}
+function add_cookies_to_headers(headers, cookies) {
+ for (const new_cookie of cookies) {
+ const { name, value, options } = new_cookie;
+ headers.append("set-cookie", serialize(name, value, options));
+ }
+}
+function check_method_names(mod) {
+ ["get", "post", "put", "patch", "del"].forEach((m) => {
+ if (m in mod) {
+ const replacement = m === "del" ? "DELETE" : m.toUpperCase();
+ throw Error(
+ `Endpoint method "${m}" has changed to "${replacement}". See https://github.com/sveltejs/kit/discussions/5359 for more information.`
+ );
+ }
+ });
+}
+const GENERIC_ERROR = {
+ id: "__error"
+};
+function method_not_allowed(mod, method) {
+ return new Response(`${method} method not allowed`, {
+ status: 405,
+ headers: {
+ allow: allowed_methods(mod).join(", ")
+ }
+ });
+}
+function allowed_methods(mod) {
+ const allowed = [];
+ for (const method in ["GET", "POST", "PUT", "PATCH", "DELETE"]) {
+ if (method in mod)
+ allowed.push(method);
+ }
+ if (mod.GET || mod.HEAD)
+ allowed.push("HEAD");
+ return allowed;
+}
+function data_response(data) {
+ const headers = {
+ "content-type": "application/javascript",
+ "cache-control": "private, no-store"
+ };
+ try {
+ return new Response(`window.__sveltekit_data = ${devalue(data)}`, { headers });
+ } catch (e) {
+ const error2 = e;
+ const match = /\[(\d+)\]\.data\.(.+)/.exec(error2.path);
+ const message = match ? `${error2.message} (data.${match[2]})` : error2.message;
+ return new Response(`throw new Error(${JSON.stringify(message)})`, { headers });
+ }
+}
+function get_option(nodes, option) {
+ return nodes.reduce((value, node) => {
+ var _a, _b;
+ for (const thing of [node == null ? void 0 : node.server, node == null ? void 0 : node.shared]) {
+ if (thing && ("router" in thing || "hydrate" in thing)) {
+ throw new Error(
+ "`export const hydrate` and `export const router` have been replaced with `export const csr`. See https://github.com/sveltejs/kit/pull/6446"
+ );
+ }
+ }
+ return ((_a = node == null ? void 0 : node.shared) == null ? void 0 : _a[option]) ?? ((_b = node == null ? void 0 : node.server) == null ? void 0 : _b[option]) ?? value;
+ }, void 0);
+}
+function static_error_page(options, status, message) {
+ return new Response(options.error_template({ status, message }), {
+ headers: { "content-type": "text/html; charset=utf-8" },
+ status
+ });
+}
+function handle_fatal_error(event, options, error2) {
+ const status = error2 instanceof HttpError ? error2.status : 500;
+ const body = handle_error_and_jsonify(event, options, error2);
+ const type = negotiate(event.request.headers.get("accept") || "text/html", [
+ "application/json",
+ "text/html"
+ ]);
+ if (event.url.pathname.endsWith(DATA_SUFFIX) || type === "application/json") {
+ return new Response(JSON.stringify(body), {
+ status,
+ headers: { "content-type": "application/json; charset=utf-8" }
+ });
+ }
+ return static_error_page(options, status, body.message);
+}
+function handle_error_and_jsonify(event, options, error2) {
+ if (error2 instanceof HttpError) {
+ return error2.body;
+ } else {
+ return options.handle_error(error2, event);
+ }
+}
+function redirect_response(status, location, cookies = []) {
+ const response = new Response(void 0, {
+ status,
+ headers: { location }
+ });
+ add_cookies_to_headers(response.headers, cookies);
+ return response;
+}
+async function render_endpoint(event, mod, state) {
+ const method = event.request.method;
+ check_method_names(mod);
+ let handler = mod[method];
+ if (!handler && method === "HEAD") {
+ handler = mod.GET;
+ }
+ if (!handler) {
+ return method_not_allowed(mod, method);
+ }
+ const prerender = mod.prerender ?? state.prerender_default;
+ if (prerender && (mod.POST || mod.PATCH || mod.PUT || mod.DELETE)) {
+ throw new Error("Cannot prerender endpoints that have mutative methods");
+ }
+ if (state.prerendering && !prerender) {
+ if (state.initiator) {
+ throw new Error(`${event.routeId} is not prerenderable`);
+ } else {
+ return new Response(void 0, { status: 204 });
+ }
+ }
+ try {
+ const response = await handler(
+ event
+ );
+ if (!(response instanceof Response)) {
+ throw new Error(
+ `Invalid response from route ${event.url.pathname}: handler should return a Response object`
+ );
+ }
+ if (state.prerendering) {
+ response.headers.set("x-sveltekit-prerender", String(prerender));
+ }
+ return response;
+ } catch (error2) {
+ if (error2 instanceof Redirect) {
+ return new Response(void 0, {
+ status: error2.status,
+ headers: { location: error2.location }
+ });
+ } else if (error2 instanceof ValidationError) {
+ return json(error2.data, { status: error2.status });
+ }
+ throw error2;
+ }
+}
+function is_endpoint_request(event) {
+ const { method, headers } = event.request;
+ if (method === "PUT" || method === "PATCH" || method === "DELETE") {
+ return true;
+ }
+ if (method === "POST" && headers.get("x-sveltekit-action") === "true")
+ return false;
+ const accept = event.request.headers.get("accept") ?? "*/*";
+ return negotiate(accept, ["*", "text/html"]) !== "text/html";
+}
+function compact(arr) {
+ return arr.filter((val) => val != null);
+}
+function coalesce_to_error(err) {
+ return err instanceof Error || err && err.name && err.message ? err : new Error(JSON.stringify(err));
+}
+function normalize_error(error2) {
+ return error2;
+}
+function is_action_json_request(event) {
+ const accept = negotiate(event.request.headers.get("accept") ?? "*/*", [
+ "application/json",
+ "text/html"
+ ]);
+ return accept === "application/json" && event.request.method === "POST";
+}
+async function handle_action_json_request(event, options, server) {
+ const actions = server.actions;
+ if (!actions) {
+ maybe_throw_migration_error(server);
+ return new Response("POST method not allowed. No actions exist for this page", {
+ status: 405,
+ headers: {
+ allow: "GET"
+ }
+ });
+ }
+ check_named_default_separate(actions);
+ try {
+ const data = await call_action(event, actions);
+ if (data instanceof ValidationError) {
+ check_serializability(data.data, event.routeId, "data");
+ return action_json({ type: "invalid", status: data.status, data: data.data });
+ } else {
+ check_serializability(data, event.routeId, "data");
+ return action_json({
+ type: "success",
+ status: data ? 200 : 204,
+ data
+ });
+ }
+ } catch (e) {
+ const error2 = normalize_error(e);
+ if (error2 instanceof Redirect) {
+ return action_json({
+ type: "redirect",
+ status: error2.status,
+ location: error2.location
+ });
+ }
+ if (!(error2 instanceof HttpError)) {
+ options.handle_error(error2, event);
+ }
+ return action_json(
+ {
+ type: "error",
+ error: handle_error_and_jsonify(event, options, error2)
+ },
+ {
+ status: error2 instanceof HttpError ? error2.status : 500
+ }
+ );
+ }
+}
+function action_json(data, init2) {
+ return json(data, init2);
+}
+function is_action_request(event, leaf_node) {
+ return leaf_node.server && event.request.method !== "GET" && event.request.method !== "HEAD";
+}
+async function handle_action_request(event, server) {
+ const actions = server.actions;
+ if (!actions) {
+ maybe_throw_migration_error(server);
+ event.setHeaders({
+ allow: "GET"
+ });
+ return {
+ type: "error",
+ error: error(405, "POST method not allowed. No actions exist for this page")
+ };
+ }
+ check_named_default_separate(actions);
+ try {
+ const data = await call_action(event, actions);
+ if (data instanceof ValidationError) {
+ return { type: "invalid", status: data.status, data: data.data };
+ } else {
+ return {
+ type: "success",
+ status: 200,
+ data
+ };
+ }
+ } catch (e) {
+ const error2 = normalize_error(e);
+ if (error2 instanceof Redirect) {
+ return {
+ type: "redirect",
+ status: error2.status,
+ location: error2.location
+ };
+ }
+ return { type: "error", error: error2 };
+ }
+}
+function check_named_default_separate(actions) {
+ if (actions.default && Object.keys(actions).length > 1) {
+ throw new Error(
+ `When using named actions, the default action cannot be used. See the docs for more info: https://kit.svelte.dev/docs/form-actions#named-actions`
+ );
+ }
+}
+async function call_action(event, actions) {
+ var _a;
+ const url = new URL(event.request.url);
+ let name = "default";
+ for (const param of url.searchParams) {
+ if (param[0].startsWith("/")) {
+ name = param[0].slice(1);
+ if (name === "default") {
+ throw new Error('Cannot use reserved action name "default"');
+ }
+ break;
+ }
+ }
+ const action = actions[name];
+ if (!action) {
+ throw new Error(`No action with name '${name}' found`);
+ }
+ const type = (_a = event.request.headers.get("content-type")) == null ? void 0 : _a.split("; ")[0];
+ if (type !== "application/x-www-form-urlencoded" && type !== "multipart/form-data") {
+ throw new Error(`Actions expect form-encoded data (received ${type})`);
+ }
+ return action(event);
+}
+function maybe_throw_migration_error(server) {
+ for (const method of ["POST", "PUT", "PATCH", "DELETE"]) {
+ if (server[method]) {
+ throw new Error(
+ `${method} method no longer allowed in +page.server, use actions instead. See the PR for more info: https://github.com/sveltejs/kit/pull/6469`
+ );
+ }
+ }
+}
+function check_serializability(value, id, path) {
+ const type = typeof value;
+ if (type === "string" || type === "boolean" || type === "number" || type === "undefined") {
+ return;
+ }
+ if (type === "object") {
+ if (!value)
+ return;
+ if (Array.isArray(value)) {
+ value.forEach((child, i) => {
+ check_serializability(child, id, `${path}[${i}]`);
+ });
+ return;
+ }
+ if (Object.getPrototypeOf(value) === Object.prototype) {
+ for (const key2 in value) {
+ check_serializability(value[key2], id, `${path}.${key2}`);
+ }
+ return;
+ }
+ }
+ throw new Error(`${path} returned from action in ${id} cannot be serialized as JSON`);
+}
+function create_fetch({ event, options, state, route, prerender_default, resolve_opts }) {
+ const fetched = [];
+ const initial_cookies = cookie.parse(event.request.headers.get("cookie") || "");
+ const set_cookies = [];
+ function get_cookie_header(url, header) {
+ const new_cookies = {};
+ for (const cookie2 of set_cookies) {
+ if (!domain_matches(url.hostname, cookie2.options.domain))
+ continue;
+ if (!path_matches(url.pathname, cookie2.options.path))
+ continue;
+ new_cookies[cookie2.name] = cookie2.value;
+ }
+ const combined_cookies = {
+ ...initial_cookies,
+ ...new_cookies,
+ ...cookie.parse(header ?? "")
+ };
+ return Object.entries(combined_cookies).map(([name, value]) => `${name}=${value}`).join("; ");
+ }
+ const fetcher = async (info, init2) => {
+ const request = normalize_fetch_input(info, init2, event.url);
+ const request_body = init2 == null ? void 0 : init2.body;
+ let dependency;
+ const response = await options.hooks.handleFetch({
+ event,
+ request,
+ fetch: async (info2, init3) => {
+ const request2 = normalize_fetch_input(info2, init3, event.url);
+ const url = new URL(request2.url);
+ if (!request2.headers.has("origin")) {
+ request2.headers.set("origin", event.url.origin);
+ }
+ if ((request2.method === "GET" || request2.method === "HEAD") && (request2.mode === "no-cors" && url.origin !== event.url.origin || url.origin === event.url.origin)) {
+ request2.headers.delete("origin");
+ }
+ if (url.origin !== event.url.origin) {
+ if (`.${url.hostname}`.endsWith(`.${event.url.hostname}`) && request2.credentials !== "omit") {
+ const cookie2 = get_cookie_header(url, request2.headers.get("cookie"));
+ if (cookie2)
+ request2.headers.set("cookie", cookie2);
+ }
+ let response3 = await fetch(request2);
+ if (request2.mode === "no-cors") {
+ response3 = new Response("", {
+ status: response3.status,
+ statusText: response3.statusText,
+ headers: response3.headers
+ });
+ } else {
+ if (url.origin !== event.url.origin) {
+ const acao = response3.headers.get("access-control-allow-origin");
+ if (!acao || acao !== event.url.origin && acao !== "*") {
+ throw new Error(
+ `CORS error: ${acao ? "Incorrect" : "No"} 'Access-Control-Allow-Origin' header is present on the requested resource`
+ );
+ }
+ }
+ }
+ return response3;
+ }
+ let response2;
+ const prefix = options.paths.assets || options.paths.base;
+ const decoded = decodeURIComponent(url.pathname);
+ const filename = (decoded.startsWith(prefix) ? decoded.slice(prefix.length) : decoded).slice(1);
+ const filename_html = `${filename}/index.html`;
+ const is_asset = options.manifest.assets.has(filename);
+ const is_asset_html = options.manifest.assets.has(filename_html);
+ if (is_asset || is_asset_html) {
+ const file = is_asset ? filename : filename_html;
+ if (options.read) {
+ const type = is_asset ? options.manifest.mimeTypes[filename.slice(filename.lastIndexOf("."))] : "text/html";
+ return new Response(options.read(file), {
+ headers: type ? { "content-type": type } : {}
+ });
+ }
+ return await fetch(request2);
+ }
+ if (request2.credentials !== "omit") {
+ const cookie2 = get_cookie_header(url, request2.headers.get("cookie"));
+ if (cookie2) {
+ request2.headers.set("cookie", cookie2);
+ }
+ const authorization = event.request.headers.get("authorization");
+ if (authorization && !request2.headers.has("authorization")) {
+ request2.headers.set("authorization", authorization);
+ }
+ }
+ if (request_body && typeof request_body !== "string") {
+ throw new Error("Request body must be a string");
+ }
+ response2 = await respond(request2, options, {
+ prerender_default,
+ ...state,
+ initiator: route
+ });
+ if (state.prerendering) {
+ dependency = { response: response2, body: null };
+ state.prerendering.dependencies.set(url.pathname, dependency);
+ }
+ const set_cookie = response2.headers.get("set-cookie");
+ if (set_cookie) {
+ set_cookies.push(
+ ...set_cookie_parser.splitCookiesString(set_cookie).map((str) => {
+ const { name, value, ...options2 } = set_cookie_parser.parseString(str);
+ return { name, value, options: options2 };
+ })
+ );
+ }
+ return response2;
+ }
+ });
+ const proxy = new Proxy(response, {
+ get(response2, key2, _receiver) {
+ async function text() {
+ const body = await response2.text();
+ if (!body || typeof body === "string") {
+ const status_number = Number(response2.status);
+ if (isNaN(status_number)) {
+ throw new Error(
+ `response.status is not a number. value: "${response2.status}" type: ${typeof response2.status}`
+ );
+ }
+ fetched.push({
+ url: request.url.startsWith(event.url.origin) ? request.url.slice(event.url.origin.length) : request.url,
+ method: request.method,
+ request_body,
+ response_body: body,
+ response: response2
+ });
+ const get = response2.headers.get;
+ response2.headers.get = (key3) => {
+ const lower = key3.toLowerCase();
+ const value = get.call(response2.headers, lower);
+ if (value && !lower.startsWith("x-sveltekit-")) {
+ const included = resolve_opts.filterSerializedResponseHeaders(lower, value);
+ if (!included) {
+ throw new Error(
+ `Failed to get response header "${lower}" \u2014 it must be included by the \`filterSerializedResponseHeaders\` option: https://kit.svelte.dev/docs/hooks#handle`
+ );
+ }
+ }
+ return value;
+ };
+ }
+ if (dependency) {
+ dependency.body = body;
+ }
+ return body;
+ }
+ if (key2 === "arrayBuffer") {
+ return async () => {
+ const buffer = await response2.arrayBuffer();
+ if (dependency) {
+ dependency.body = new Uint8Array(buffer);
+ }
+ return buffer;
+ };
+ }
+ if (key2 === "text") {
+ return text;
+ }
+ if (key2 === "json") {
+ return async () => {
+ return JSON.parse(await text());
+ };
+ }
+ return Reflect.get(response2, key2, response2);
+ }
+ });
+ return proxy;
+ };
+ return { fetcher, fetched, cookies: set_cookies };
+}
+function normalize_fetch_input(info, init2, url) {
+ if (info instanceof Request) {
+ return info;
+ }
+ return new Request(typeof info === "string" ? new URL(info, url) : info, init2);
+}
+function normalize_path(path, trailing_slash) {
+ if (path === "/" || trailing_slash === "ignore")
+ return path;
+ if (trailing_slash === "never") {
+ return path.endsWith("/") ? path.slice(0, -1) : path;
+ } else if (trailing_slash === "always" && !path.endsWith("/")) {
+ return path + "/";
+ }
+ return path;
+}
+function decode_params(params) {
+ for (const key2 in params) {
+ params[key2] = params[key2].replace(/%23/g, "#").replace(/%3[Bb]/g, ";").replace(/%2[Cc]/g, ",").replace(/%2[Ff]/g, "/").replace(/%3[Ff]/g, "?").replace(/%3[Aa]/g, ":").replace(/%40/g, "@").replace(/%26/g, "&").replace(/%3[Dd]/g, "=").replace(/%2[Bb]/g, "+").replace(/%24/g, "$");
+ }
+ return params;
+}
+const tracked_url_properties = ["href", "pathname", "search", "searchParams", "toString", "toJSON"];
+function make_trackable(url, callback) {
+ const tracked = new URL(url);
+ for (const property of tracked_url_properties) {
+ let value = tracked[property];
+ Object.defineProperty(tracked, property, {
+ get() {
+ callback();
+ return value;
+ },
+ enumerable: true,
+ configurable: true
+ });
+ }
+ tracked[Symbol.for("nodejs.util.inspect.custom")] = (depth, opts, inspect) => {
+ return inspect(url, opts);
+ };
+ disable_hash(tracked);
+ return tracked;
+}
+function disable_hash(url) {
+ Object.defineProperty(url, "hash", {
+ get() {
+ throw new Error(
+ "Cannot access event.url.hash. Consider using `$page.url.hash` inside a component instead"
+ );
+ }
+ });
+}
+function disable_search(url) {
+ for (const property of ["search", "searchParams"]) {
+ Object.defineProperty(url, property, {
+ get() {
+ throw new Error(`Cannot access url.${property} on a page with prerendering enabled`);
+ }
+ });
+ }
+}
+async function unwrap_promises(object) {
+ var _a;
+ for (const key2 in object) {
+ if (typeof ((_a = object[key2]) == null ? void 0 : _a.then) === "function") {
+ return Object.fromEntries(
+ await Promise.all(Object.entries(object).map(async ([key3, value]) => [key3, await value]))
+ );
+ }
+ }
+ return object;
+}
+async function load_server_data({ event, state, node, parent }) {
+ var _a;
+ if (!(node == null ? void 0 : node.server))
+ return null;
+ const uses = {
+ dependencies: /* @__PURE__ */ new Set(),
+ params: /* @__PURE__ */ new Set(),
+ parent: false,
+ url: false
+ };
+ const url = make_trackable(event.url, () => {
+ uses.url = true;
+ });
+ if (state.prerendering) {
+ disable_search(url);
+ }
+ const result = await ((_a = node.server.load) == null ? void 0 : _a.call(null, {
+ ...event,
+ depends: (...deps) => {
+ for (const dep of deps) {
+ const { href } = new URL(dep, event.url);
+ uses.dependencies.add(href);
+ }
+ },
+ params: new Proxy(event.params, {
+ get: (target, key2) => {
+ uses.params.add(key2);
+ return target[key2];
+ }
+ }),
+ parent: async () => {
+ uses.parent = true;
+ return parent();
+ },
+ url
+ }));
+ const data = result ? await unwrap_promises(result) : null;
+ return {
+ type: "data",
+ data,
+ uses: {
+ dependencies: uses.dependencies.size > 0 ? Array.from(uses.dependencies) : void 0,
+ params: uses.params.size > 0 ? Array.from(uses.params) : void 0,
+ parent: uses.parent ? 1 : void 0,
+ url: uses.url ? 1 : void 0
+ }
+ };
+}
+async function load_data({ event, fetcher, node, parent, server_data_promise }) {
+ var _a;
+ const server_data_node = await server_data_promise;
+ if (!((_a = node == null ? void 0 : node.shared) == null ? void 0 : _a.load)) {
+ return (server_data_node == null ? void 0 : server_data_node.data) ?? null;
+ }
+ const load_event = {
+ url: event.url,
+ params: event.params,
+ data: (server_data_node == null ? void 0 : server_data_node.data) ?? null,
+ routeId: event.routeId,
+ fetch: fetcher,
+ setHeaders: event.setHeaders,
+ depends: () => {
+ },
+ parent
+ };
+ Object.defineProperties(load_event, {
+ session: {
+ get() {
+ throw new Error(
+ "session is no longer available. See https://github.com/sveltejs/kit/discussions/5883"
+ );
+ },
+ enumerable: false
+ }
+ });
+ const data = await node.shared.load.call(null, load_event);
+ return data ? unwrap_promises(data) : null;
+}
+const subscriber_queue = [];
+function readable(value, start) {
+ return {
+ subscribe: writable(value, start).subscribe
+ };
+}
+function writable(value, start = noop) {
+ let stop;
+ const subscribers = /* @__PURE__ */ new Set();
+ function set(new_value) {
+ if (safe_not_equal(value, new_value)) {
+ value = new_value;
+ if (stop) {
+ const run_queue = !subscriber_queue.length;
+ for (const subscriber of subscribers) {
+ subscriber[1]();
+ subscriber_queue.push(subscriber, value);
+ }
+ if (run_queue) {
+ for (let i = 0; i < subscriber_queue.length; i += 2) {
+ subscriber_queue[i][0](subscriber_queue[i + 1]);
+ }
+ subscriber_queue.length = 0;
+ }
+ }
+ }
+ }
+ function update(fn) {
+ set(fn(value));
+ }
+ function subscribe(run, invalidate = noop) {
+ const subscriber = [run, invalidate];
+ subscribers.add(subscriber);
+ if (subscribers.size === 1) {
+ stop = start(set) || noop;
+ }
+ run(value);
+ return () => {
+ subscribers.delete(subscriber);
+ if (subscribers.size === 0) {
+ stop();
+ stop = null;
+ }
+ };
+ }
+ return { set, update, subscribe };
+}
+function hash(value) {
+ let hash2 = 5381;
+ let i = value.length;
+ if (typeof value === "string") {
+ while (i)
+ hash2 = hash2 * 33 ^ value.charCodeAt(--i);
+ } else {
+ while (i)
+ hash2 = hash2 * 33 ^ value[--i];
+ }
+ return (hash2 >>> 0).toString(36);
+}
+const escape_html_attr_dict = {
+ "&": "&",
+ '"': """
+};
+const escape_html_attr_regex = new RegExp(
+ `[${Object.keys(escape_html_attr_dict).join("")}]|[\\ud800-\\udbff](?![\\udc00-\\udfff])|[\\ud800-\\udbff][\\udc00-\\udfff]|[\\udc00-\\udfff]`,
+ "g"
+);
+function escape_html_attr(str) {
+ const escaped_str = str.replace(escape_html_attr_regex, (match) => {
+ if (match.length === 2) {
+ return match;
+ }
+ return escape_html_attr_dict[match] ?? `&#${match.charCodeAt(0)};`;
+ });
+ return `"${escaped_str}"`;
+}
+const replacements = {
+ "<": "\\u003C",
+ "\u2028": "\\u2028",
+ "\u2029": "\\u2029"
+};
+const pattern = new RegExp(`[${Object.keys(replacements).join("")}]`, "g");
+function serialize_data(fetched, filter, prerendering = false) {
+ const headers = {};
+ let cache_control = null;
+ let age = null;
+ for (const [key2, value] of fetched.response.headers) {
+ if (filter(key2, value)) {
+ headers[key2] = value;
+ }
+ if (key2 === "cache-control")
+ cache_control = value;
+ if (key2 === "age")
+ age = value;
+ }
+ const payload = {
+ status: fetched.response.status,
+ statusText: fetched.response.statusText,
+ headers,
+ body: fetched.response_body
+ };
+ const safe_payload = JSON.stringify(payload).replace(pattern, (match) => replacements[match]);
+ const attrs = [
+ 'type="application/json"',
+ "data-sveltekit-fetched",
+ `data-url=${escape_html_attr(fetched.url)}`
+ ];
+ if (fetched.request_body) {
+ attrs.push(`data-hash=${escape_html_attr(hash(fetched.request_body))}`);
+ }
+ if (!prerendering && fetched.method === "GET" && cache_control) {
+ const match = /s-maxage=(\d+)/g.exec(cache_control) ?? /max-age=(\d+)/g.exec(cache_control);
+ if (match) {
+ const ttl = +match[1] - +(age ?? "0");
+ attrs.push(`data-ttl="${ttl}"`);
+ }
+ }
+ return `
-
-%sveltekit.body%
+
+
diff --git a/src/assets/icons/code.svg b/src/assets/icons/code.svg
new file mode 100644
index 0000000..5728238
--- /dev/null
+++ b/src/assets/icons/code.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/assets/icons/github.svg b/src/assets/icons/github.svg
new file mode 100644
index 0000000..634e055
--- /dev/null
+++ b/src/assets/icons/github.svg
@@ -0,0 +1,11 @@
+
+
+
diff --git a/src/assets/icons/laptop_mac.svg b/src/assets/icons/laptop_mac.svg
new file mode 100644
index 0000000..a80db79
--- /dev/null
+++ b/src/assets/icons/laptop_mac.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/assets/icons/otplogo.svg b/src/assets/icons/otplogo.svg
new file mode 100644
index 0000000..65adb78
--- /dev/null
+++ b/src/assets/icons/otplogo.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/examples/Index.svelte b/src/examples/Index.svelte
index 531c2d3..00a9447 100644
--- a/src/examples/Index.svelte
+++ b/src/examples/Index.svelte
@@ -1,36 +1,37 @@
+
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
-
- {/each}
- {separator}
- {/if} -
+
+ {/each}
+{separator}
+ {/if} ++ OTP Input +
+ +
+
+
+
+
+
+
+
+
+
+
+
+
+
+ S
V
E
L
T
E
Powerful OTP Input
+Component for Svelte
+Lightweight & reusable OTP input component for Svelte projects.
+ +
Get Started
+ 
Github
+ 
Playground
+
+
+
+
+
+
+ Focus change on Input/Delete
+ OTP input with 6 number of inputs
+
+ I am about page
+
\ No newline at end of file
diff --git a/src/routes/examples/+page.svelte b/src/routes/examples/+page.svelte
new file mode 100644
index 0000000..b3ef6cf
--- /dev/null
+++ b/src/routes/examples/+page.svelte
@@ -0,0 +1,9 @@
+
+
+