import "clsx";
import { X as fallback, Y as store_get, Z as head, _ as attr, $ as unsubscribe_stores, a0 as bind_props, S as pop, a1 as sanitize_props, a2 as stringify, Q as push, a3 as spread_attributes } from "../../chunks/index.js";
import { g as get, w as writable, r as readable } from "../../chunks/index2.js";
function html(value) {
var html2 = String(value ?? "");
var open = "";
return open + html2 + "";
}
function Hero($$payload) {
$$payload.out += `
Backwards Development
A Software Development and Distribution Company
`;
}
const stores = {};
function localStorageStore(key, initialValue, options) {
if (!stores[key]) {
const store = writable(initialValue, (set2) => {
});
const { subscribe, set } = store;
stores[key] = {
set(value) {
set(value);
},
update(updater) {
const value = updater(get(store));
set(value);
},
subscribe
};
}
return stores[key];
}
localStorageStore("modeOsPrefers", false);
localStorageStore("modeUserPrefers", void 0);
const modeCurrent = localStorageStore("modeCurrent", false);
function setInitialClassState() {
const elemHtmlClasses = document.documentElement.classList;
const condLocalStorageUserPrefs = localStorage.getItem("modeUserPrefers") === "false";
const condLocalStorageUserPrefsExists = !("modeUserPrefers" in localStorage);
const condMatchMedia = window.matchMedia("(prefers-color-scheme: dark)").matches;
if (condLocalStorageUserPrefs || condLocalStorageUserPrefsExists && condMatchMedia) {
elemHtmlClasses.add("dark");
} else {
elemHtmlClasses.remove("dark");
}
}
function prefersReducedMotion() {
return false;
}
readable(prefersReducedMotion(), (set) => {
});
function LightSwitch($$payload, $$props) {
const $$sanitized_props = sanitize_props($$props);
push();
var $$store_subs;
let trackBg, thumbBg, thumbPosition, iconFill, classesTrack, classesThumb, classesIcon;
let title = fallback($$props["title"], "Toggle light or dark mode.");
let bgLight = fallback($$props["bgLight"], "bg-surface-50");
let bgDark = fallback($$props["bgDark"], "bg-surface-900");
let fillLight = fallback($$props["fillLight"], "fill-surface-50");
let fillDark = fallback($$props["fillDark"], "fill-surface-900");
let width = fallback($$props["width"], "w-12");
let height = fallback($$props["height"], "h-6");
let ring = fallback($$props["ring"], "ring-[1px] ring-surface-500/30");
let rounded = fallback($$props["rounded"], "rounded-token");
const cTransition = `transition-all duration-[200ms]`;
const cTrack = "cursor-pointer";
const cThumb = "aspect-square scale-[0.8] flex justify-center items-center";
const cIcon = "w-[70%] aspect-square";
const svgPath = {
sun: "M361.5 1.2c5 2.1 8.6 6.6 9.6 11.9L391 121l107.9 19.8c5.3 1 9.8 4.6 11.9 9.6s1.5 10.7-1.6 15.2L446.9 256l62.3 90.3c3.1 4.5 3.7 10.2 1.6 15.2s-6.6 8.6-11.9 9.6L391 391 371.1 498.9c-1 5.3-4.6 9.8-9.6 11.9s-10.7 1.5-15.2-1.6L256 446.9l-90.3 62.3c-4.5 3.1-10.2 3.7-15.2 1.6s-8.6-6.6-9.6-11.9L121 391 13.1 371.1c-5.3-1-9.8-4.6-11.9-9.6s-1.5-10.7 1.6-15.2L65.1 256 2.8 165.7c-3.1-4.5-3.7-10.2-1.6-15.2s6.6-8.6 11.9-9.6L121 121 140.9 13.1c1-5.3 4.6-9.8 9.6-11.9s10.7-1.5 15.2 1.6L256 65.1 346.3 2.8c4.5-3.1 10.2-3.7 15.2-1.6zM352 256c0 53-43 96-96 96s-96-43-96-96s43-96 96-96s96 43 96 96zm32 0c0-70.7-57.3-128-128-128s-128 57.3-128 128s57.3 128 128 128s128-57.3 128-128z",
moon: "M223.5 32C100 32 0 132.3 0 256S100 480 223.5 480c60.6 0 115.5-24.2 155.8-63.4c5-4.9 6.3-12.5 3.1-18.7s-10.1-9.7-17-8.5c-9.8 1.7-19.8 2.6-30.1 2.6c-96.9 0-175.5-78.8-175.5-176c0-65.8 36-123.1 89.3-153.3c6.1-3.5 9.2-10.5 7.7-17.3s-7.3-11.9-14.3-12.5c-6.3-.5-12.6-.8-19-.8z"
};
trackBg = store_get($$store_subs ??= {}, "$modeCurrent", modeCurrent) === true ? bgLight : bgDark;
thumbBg = store_get($$store_subs ??= {}, "$modeCurrent", modeCurrent) === true ? bgDark : bgLight;
thumbPosition = store_get($$store_subs ??= {}, "$modeCurrent", modeCurrent) === true ? "translate-x-[100%]" : "";
iconFill = store_get($$store_subs ??= {}, "$modeCurrent", modeCurrent) === true ? fillLight : fillDark;
classesTrack = `${cTrack} ${cTransition} ${width} ${height} ${ring} ${rounded} ${trackBg} ${$$sanitized_props.class ?? ""}`;
classesThumb = `${cThumb} ${cTransition} ${height} ${rounded} ${thumbBg} ${thumbPosition}`;
classesIcon = `${cIcon} ${iconFill}`;
head($$payload, ($$payload2) => {
$$payload2.out += `${html(`