@selvajs/selva 3.0.0 → 4.2.0

package/build/server/chunks/UserChip-CCZ9yMM3.js

@@ -0,0 +1,1149 @@
+import { n as attr_class, v as clsx, o as attr_style, I as derived, m as attr, T as escape_html, Q as ensure_array_like, aA as spread_props, aD as stringify, q as bind_props, an as props_id, p as attributes } from './renderer-x4cX3Aau.js';
+import 'clsx';
+import { u as useFooter, a as userPrefersMode, d as derivedMode } from './footerContext.svelte-BZEf7gVw.js';
+import { B as Button } from './button-1GF48U_O.js';
+import { I as Icon } from './Icon-DbkwAOkZ.js';
+import { R as Root, D as Dialog_content, b as Dialog_header, c as Dialog_title, a as Dialog_description } from './index2-B9qXYHIn.js';
+import { S as SvelteMap } from './index-server-DMc-UvjC.js';
+import { d as DialogTriggerState } from './dialog-description-C-wNjCmv.js';
+import { k as createBitsAttrs, l as createId, h as boxWith, v as mergeProps, a as attachRef, b as boolToEmptyStrOrUndef, p as getDataOpenClosed, c as boolToStr, q as getDataTransitionAttrs } from './create-id-B-AKukLt.js';
+import { C as Circle_alert } from './circle-alert-DNsq-x3V.js';
+import { n as noop, C as Context, S as SPACE, d as ENTER, w as watch } from './noop-iPXixleG.js';
+import { o as on } from './events-qfxQNxtp.js';
+import { b as PresenceManager, d as afterTick } from './scroll-lock-BVxv0Dsn.js';
+import { C as Chevron_down } from './chevron-down-Cqowxf45.js';
+import { p as page } from './index-CtiRmlms.js';
+import '@sveltejs/kit/internal';
+import './root-CGeBSY2K.js';
+import '@sveltejs/kit/internal/server';
+import './client-BGbAMHJi.js';
+import { I as Icon$1 } from './Icon2-DbkwAOkZ.js';
+
+function Sun($$renderer, $$props) {
+  let { $$slots, $$events, ...props } = $$props;
+  const iconNode = [
+    ["circle", { "cx": "12", "cy": "12", "r": "4" }],
+    ["path", { "d": "M12 2v2" }],
+    ["path", { "d": "M12 20v2" }],
+    ["path", { "d": "m4.93 4.93 1.41 1.41" }],
+    ["path", { "d": "m17.66 17.66 1.41 1.41" }],
+    ["path", { "d": "M2 12h2" }],
+    ["path", { "d": "M20 12h2" }],
+    ["path", { "d": "m6.34 17.66-1.41 1.41" }],
+    ["path", { "d": "m19.07 4.93-1.41 1.41" }]
+  ];
+  Icon($$renderer, spread_props([{ name: "sun" }, props, { iconNode }]));
+}
+function Moon($$renderer, $$props) {
+  let { $$slots, $$events, ...props } = $$props;
+  const iconNode = [
+    [
+      "path",
+      {
+        "d": "M20.985 12.486a9 9 0 1 1-9.473-9.472c.405-.022.617.46.402.803a6 6 0 0 0 8.268 8.268c.344-.215.825-.004.803.401"
+      }
+    ]
+  ];
+  Icon($$renderer, spread_props([{ name: "moon" }, props, { iconNode }]));
+}
+function toggleMode() {
+  userPrefersMode.current = derivedMode.current === "dark" ? "light" : "dark";
+}
+function Mode_toggle($$renderer) {
+  Button($$renderer, {
+    onclick: toggleMode,
+    variant: "outline",
+    size: "icon",
+    children: ($$renderer2) => {
+      Sun($$renderer2, {
+        class: "h-[1.2rem] w-[1.2rem] scale-100 rotate-0 transition-all dark:scale-0 dark:-rotate-90"
+      });
+      $$renderer2.push(`<!----> `);
+      Moon($$renderer2, {
+        class: "absolute h-[1.2rem] w-[1.2rem] scale-0 rotate-90 transition-all dark:scale-100 dark:rotate-0"
+      });
+      $$renderer2.push(`<!----> <span class="sr-only">Toggle theme</span>`);
+    },
+    $$slots: { default: true }
+  });
+}
+function PageHeader($$renderer, $$props) {
+  let {
+    homeUrl = "/app",
+    title = void 0,
+    logo = "/favicon/favicon.svg",
+    brandName = "Selva",
+    navItems,
+    rightContent,
+    subnav,
+    showModeToggle = true,
+    class: className = ""
+  } = $$props;
+  $$renderer.push(`<header${attr_class(`top-0 backdrop-blur-sm sticky z-40 border-b border-border bg-background/90 ${className}`)}><div class="gap-5 flex h-(--header-h) items-center px-(--page-px)"><a${attr("href", homeUrl)} class="gap-2 flex shrink-0 items-center"><img${attr("src", logo)} alt="" aria-hidden="true" class="h-5 w-5"/> <span class="font-semibold text-sm tracking-tight">${escape_html(brandName)}</span></a> `);
+  if (title !== void 0) {
+    $$renderer.push("<!--[0-->");
+    $$renderer.push(`<span class="text-sm text-border">/</span> <span class="text-sm font-medium text-muted-foreground">${escape_html(title ?? "")}</span>`);
+  } else {
+    $$renderer.push("<!--[-1-->");
+  }
+  $$renderer.push(`<!--]--> `);
+  if (navItems) {
+    $$renderer.push("<!--[0-->");
+    $$renderer.push(`<nav class="ml-5 gap-1 flex">`);
+    navItems($$renderer);
+    $$renderer.push(`<!----></nav>`);
+  } else {
+    $$renderer.push("<!--[-1-->");
+  }
+  $$renderer.push(`<!--]--> <div class="gap-2 ml-auto flex items-center">`);
+  if (rightContent) {
+    $$renderer.push("<!--[0-->");
+    rightContent($$renderer);
+    $$renderer.push(`<!---->`);
+  } else {
+    $$renderer.push("<!--[-1-->");
+  }
+  $$renderer.push(`<!--]--> `);
+  if (showModeToggle) {
+    $$renderer.push("<!--[0-->");
+    Mode_toggle($$renderer);
+  } else {
+    $$renderer.push("<!--[-1-->");
+  }
+  $$renderer.push(`<!--]--></div></div> `);
+  if (subnav) {
+    $$renderer.push("<!--[0-->");
+    $$renderer.push(`<div class="h-10 flex items-center border-t border-border/60 px-(--page-px)">`);
+    subnav($$renderer);
+    $$renderer.push(`<!----></div>`);
+  } else {
+    $$renderer.push("<!--[-1-->");
+  }
+  $$renderer.push(`<!--]--></header>`);
+}
+function Dialog_trigger$1($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    const uid = props_id($$renderer2);
+    let {
+      id = createId(uid),
+      ref = null,
+      children,
+      child,
+      disabled = false,
+      $$slots,
+      $$events,
+      ...restProps
+    } = $$props;
+    const triggerState = DialogTriggerState.create({
+      id: boxWith(() => id),
+      ref: boxWith(() => ref, (v) => ref = v),
+      disabled: boxWith(() => Boolean(disabled))
+    });
+    const mergedProps = derived(() => mergeProps(restProps, triggerState.props));
+    if (child) {
+      $$renderer2.push("<!--[0-->");
+      child($$renderer2, { props: mergedProps() });
+      $$renderer2.push(`<!---->`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+      $$renderer2.push(`<button${attributes({ ...mergedProps() })}>`);
+      children?.($$renderer2);
+      $$renderer2.push(`<!----></button>`);
+    }
+    $$renderer2.push(`<!--]-->`);
+    bind_props($$props, { ref });
+  });
+}
+const collapsibleAttrs = createBitsAttrs({
+  component: "collapsible",
+  parts: ["root", "content", "trigger"]
+});
+const CollapsibleRootContext = new Context("Collapsible.Root");
+class CollapsibleRootState {
+  static create(opts) {
+    return CollapsibleRootContext.set(new CollapsibleRootState(opts));
+  }
+  opts;
+  attachment;
+  contentNode = null;
+  contentPresence;
+  contentId = void 0;
+  constructor(opts) {
+    this.opts = opts;
+    this.toggleOpen = this.toggleOpen.bind(this);
+    this.attachment = attachRef(this.opts.ref);
+    this.contentPresence = new PresenceManager({
+      ref: boxWith(() => this.contentNode),
+      open: this.opts.open,
+      onComplete: () => {
+        this.opts.onOpenChangeComplete.current(this.opts.open.current);
+      }
+    });
+  }
+  toggleOpen() {
+    this.opts.open.current = !this.opts.open.current;
+  }
+  #props = derived(() => ({
+    id: this.opts.id.current,
+    "data-state": getDataOpenClosed(this.opts.open.current),
+    "data-disabled": boolToEmptyStrOrUndef(this.opts.disabled.current),
+    [collapsibleAttrs.root]: "",
+    ...this.attachment
+  }));
+  get props() {
+    return this.#props();
+  }
+  set props($$value) {
+    return this.#props($$value);
+  }
+}
+class CollapsibleContentState {
+  static create(opts) {
+    return new CollapsibleContentState(opts, CollapsibleRootContext.get());
+  }
+  opts;
+  root;
+  attachment;
+  #present = derived(() => {
+    if (this.opts.hiddenUntilFound.current) return this.root.opts.open.current;
+    return this.opts.forceMount.current || this.root.opts.open.current;
+  });
+  get present() {
+    return this.#present();
+  }
+  set present($$value) {
+    return this.#present($$value);
+  }
+  #originalStyles;
+  #isMountAnimationPrevented = false;
+  #width = 0;
+  #height = 0;
+  constructor(opts, root) {
+    this.opts = opts;
+    this.root = root;
+    this.#isMountAnimationPrevented = root.opts.open.current;
+    this.root.contentId = this.opts.id.current;
+    this.attachment = attachRef(this.opts.ref, (v) => this.root.contentNode = v);
+    watch.pre(() => this.opts.id.current, (id) => {
+      this.root.contentId = id;
+    });
+    watch.pre(
+      [
+        () => this.opts.ref.current,
+        () => this.opts.hiddenUntilFound.current
+      ],
+      ([node, hiddenUntilFound]) => {
+        if (!node || !hiddenUntilFound) return;
+        const handleBeforeMatch = () => {
+          if (this.root.opts.open.current) return;
+          requestAnimationFrame(() => {
+            this.root.opts.open.current = true;
+          });
+        };
+        return on(node, "beforematch", handleBeforeMatch);
+      }
+    );
+    watch([() => this.opts.ref.current, () => this.present], ([node]) => {
+      if (!node) return;
+      afterTick(() => {
+        if (!this.opts.ref.current) return;
+        this.#originalStyles = this.#originalStyles || {
+          transitionDuration: node.style.transitionDuration,
+          animationName: node.style.animationName
+        };
+        node.style.transitionDuration = "0s";
+        node.style.animationName = "none";
+        const rect = node.getBoundingClientRect();
+        this.#height = rect.height;
+        this.#width = rect.width;
+        if (!this.#isMountAnimationPrevented) {
+          const { animationName, transitionDuration } = this.#originalStyles;
+          node.style.transitionDuration = transitionDuration;
+          node.style.animationName = animationName;
+        }
+      });
+    });
+  }
+  get shouldRender() {
+    return this.root.contentPresence.shouldRender;
+  }
+  #snippetProps = derived(() => ({ open: this.root.opts.open.current }));
+  get snippetProps() {
+    return this.#snippetProps();
+  }
+  set snippetProps($$value) {
+    return this.#snippetProps($$value);
+  }
+  #props = derived(() => ({
+    id: this.opts.id.current,
+    style: {
+      "--bits-collapsible-content-height": this.#height ? `${this.#height}px` : void 0,
+      "--bits-collapsible-content-width": this.#width ? `${this.#width}px` : void 0
+    },
+    hidden: this.opts.hiddenUntilFound.current && !this.root.opts.open.current ? "until-found" : void 0,
+    "data-state": getDataOpenClosed(this.root.opts.open.current),
+    ...getDataTransitionAttrs(this.root.contentPresence.transitionStatus),
+    "data-disabled": boolToEmptyStrOrUndef(this.root.opts.disabled.current),
+    [collapsibleAttrs.content]: "",
+    ...this.opts.hiddenUntilFound.current && !this.shouldRender ? {} : {
+      hidden: this.opts.hiddenUntilFound.current ? !this.shouldRender : this.opts.forceMount.current ? void 0 : !this.shouldRender
+    },
+    ...this.attachment
+  }));
+  get props() {
+    return this.#props();
+  }
+  set props($$value) {
+    return this.#props($$value);
+  }
+}
+class CollapsibleTriggerState {
+  static create(opts) {
+    return new CollapsibleTriggerState(opts, CollapsibleRootContext.get());
+  }
+  opts;
+  root;
+  attachment;
+  #isDisabled = derived(() => this.opts.disabled.current || this.root.opts.disabled.current);
+  constructor(opts, root) {
+    this.opts = opts;
+    this.root = root;
+    this.attachment = attachRef(this.opts.ref);
+    this.onclick = this.onclick.bind(this);
+    this.onkeydown = this.onkeydown.bind(this);
+  }
+  onclick(e) {
+    if (this.#isDisabled()) return;
+    if (e.button !== 0) return e.preventDefault();
+    this.root.toggleOpen();
+  }
+  onkeydown(e) {
+    if (this.#isDisabled()) return;
+    if (e.key === SPACE || e.key === ENTER) {
+      e.preventDefault();
+      this.root.toggleOpen();
+    }
+  }
+  #props = derived(() => ({
+    id: this.opts.id.current,
+    type: "button",
+    disabled: this.#isDisabled(),
+    "aria-controls": this.root.contentId,
+    "aria-expanded": boolToStr(this.root.opts.open.current),
+    "data-state": getDataOpenClosed(this.root.opts.open.current),
+    "data-disabled": boolToEmptyStrOrUndef(this.#isDisabled()),
+    [collapsibleAttrs.trigger]: "",
+    //
+    onclick: this.onclick,
+    onkeydown: this.onkeydown,
+    ...this.attachment
+  }));
+  get props() {
+    return this.#props();
+  }
+  set props($$value) {
+    return this.#props($$value);
+  }
+}
+function Collapsible$1($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    const uid = props_id($$renderer2);
+    let {
+      children,
+      child,
+      id = createId(uid),
+      ref = null,
+      open = false,
+      disabled = false,
+      onOpenChange = noop,
+      onOpenChangeComplete = noop,
+      $$slots,
+      $$events,
+      ...restProps
+    } = $$props;
+    const rootState = CollapsibleRootState.create({
+      open: boxWith(() => open, (v) => {
+        open = v;
+        onOpenChange(v);
+      }),
+      disabled: boxWith(() => disabled),
+      id: boxWith(() => id),
+      ref: boxWith(() => ref, (v) => ref = v),
+      onOpenChangeComplete: boxWith(() => onOpenChangeComplete)
+    });
+    const mergedProps = derived(() => mergeProps(restProps, rootState.props));
+    if (child) {
+      $$renderer2.push("<!--[0-->");
+      child($$renderer2, { props: mergedProps() });
+      $$renderer2.push(`<!---->`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+      $$renderer2.push(`<div${attributes({ ...mergedProps() })}>`);
+      children?.($$renderer2);
+      $$renderer2.push(`<!----></div>`);
+    }
+    $$renderer2.push(`<!--]-->`);
+    bind_props($$props, { ref, open });
+  });
+}
+function Collapsible_content$1($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    const uid = props_id($$renderer2);
+    let {
+      child,
+      ref = null,
+      forceMount = false,
+      hiddenUntilFound = false,
+      children,
+      id = createId(uid),
+      $$slots,
+      $$events,
+      ...restProps
+    } = $$props;
+    const contentState = CollapsibleContentState.create({
+      id: boxWith(() => id),
+      forceMount: boxWith(() => forceMount),
+      hiddenUntilFound: boxWith(() => hiddenUntilFound),
+      ref: boxWith(() => ref, (v) => ref = v)
+    });
+    const mergedProps = derived(() => mergeProps(restProps, contentState.props));
+    if (child) {
+      $$renderer2.push("<!--[0-->");
+      child($$renderer2, { ...contentState.snippetProps, props: mergedProps() });
+      $$renderer2.push(`<!---->`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+      $$renderer2.push(`<div${attributes({ ...mergedProps() })}>`);
+      children?.($$renderer2);
+      $$renderer2.push(`<!----></div>`);
+    }
+    $$renderer2.push(`<!--]-->`);
+    bind_props($$props, { ref });
+  });
+}
+function Collapsible_trigger$1($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    const uid = props_id($$renderer2);
+    let {
+      children,
+      child,
+      ref = null,
+      id = createId(uid),
+      disabled = false,
+      $$slots,
+      $$events,
+      ...restProps
+    } = $$props;
+    const triggerState = CollapsibleTriggerState.create({
+      id: boxWith(() => id),
+      ref: boxWith(() => ref, (v) => ref = v),
+      disabled: boxWith(() => disabled)
+    });
+    const mergedProps = derived(() => mergeProps(restProps, triggerState.props));
+    if (child) {
+      $$renderer2.push("<!--[0-->");
+      child($$renderer2, { props: mergedProps() });
+      $$renderer2.push(`<!---->`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+      $$renderer2.push(`<button${attributes({ ...mergedProps() })}>`);
+      children?.($$renderer2);
+      $$renderer2.push(`<!----></button>`);
+    }
+    $$renderer2.push(`<!--]-->`);
+    bind_props($$props, { ref });
+  });
+}
+function Dialog_trigger($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let { ref = null, $$slots, $$events, ...restProps } = $$props;
+    let $$settled = true;
+    let $$inner_renderer;
+    function $$render_inner($$renderer3) {
+      if (Dialog_trigger$1) {
+        $$renderer3.push("<!--[-->");
+        Dialog_trigger$1($$renderer3, spread_props([
+          { "data-slot": "dialog-trigger" },
+          restProps,
+          {
+            get ref() {
+              return ref;
+            },
+            set ref($$value) {
+              ref = $$value;
+              $$settled = false;
+            }
+          }
+        ]));
+        $$renderer3.push("<!--]-->");
+      } else {
+        $$renderer3.push("<!--[!-->");
+        $$renderer3.push("<!--]-->");
+      }
+    }
+    do {
+      $$settled = true;
+      $$inner_renderer = $$renderer2.copy();
+      $$render_inner($$inner_renderer);
+    } while (!$$settled);
+    $$renderer2.subsume($$inner_renderer);
+    bind_props($$props, { ref });
+  });
+}
+function Collapsible($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let { ref = null, open = false, $$slots, $$events, ...restProps } = $$props;
+    let $$settled = true;
+    let $$inner_renderer;
+    function $$render_inner($$renderer3) {
+      if (Collapsible$1) {
+        $$renderer3.push("<!--[-->");
+        Collapsible$1($$renderer3, spread_props([
+          { "data-slot": "collapsible" },
+          restProps,
+          {
+            get ref() {
+              return ref;
+            },
+            set ref($$value) {
+              ref = $$value;
+              $$settled = false;
+            },
+            get open() {
+              return open;
+            },
+            set open($$value) {
+              open = $$value;
+              $$settled = false;
+            }
+          }
+        ]));
+        $$renderer3.push("<!--]-->");
+      } else {
+        $$renderer3.push("<!--[!-->");
+        $$renderer3.push("<!--]-->");
+      }
+    }
+    do {
+      $$settled = true;
+      $$inner_renderer = $$renderer2.copy();
+      $$render_inner($$inner_renderer);
+    } while (!$$settled);
+    $$renderer2.subsume($$inner_renderer);
+    bind_props($$props, { ref, open });
+  });
+}
+function Collapsible_trigger($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let { ref = null, $$slots, $$events, ...restProps } = $$props;
+    let $$settled = true;
+    let $$inner_renderer;
+    function $$render_inner($$renderer3) {
+      if (Collapsible_trigger$1) {
+        $$renderer3.push("<!--[-->");
+        Collapsible_trigger$1($$renderer3, spread_props([
+          { "data-slot": "collapsible-trigger" },
+          restProps,
+          {
+            get ref() {
+              return ref;
+            },
+            set ref($$value) {
+              ref = $$value;
+              $$settled = false;
+            }
+          }
+        ]));
+        $$renderer3.push("<!--]-->");
+      } else {
+        $$renderer3.push("<!--[!-->");
+        $$renderer3.push("<!--]-->");
+      }
+    }
+    do {
+      $$settled = true;
+      $$inner_renderer = $$renderer2.copy();
+      $$render_inner($$inner_renderer);
+    } while (!$$settled);
+    $$renderer2.subsume($$inner_renderer);
+    bind_props($$props, { ref });
+  });
+}
+function Collapsible_content($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let { ref = null, $$slots, $$events, ...restProps } = $$props;
+    let $$settled = true;
+    let $$inner_renderer;
+    function $$render_inner($$renderer3) {
+      if (Collapsible_content$1) {
+        $$renderer3.push("<!--[-->");
+        Collapsible_content$1($$renderer3, spread_props([
+          { "data-slot": "collapsible-content" },
+          restProps,
+          {
+            get ref() {
+              return ref;
+            },
+            set ref($$value) {
+              ref = $$value;
+              $$settled = false;
+            }
+          }
+        ]));
+        $$renderer3.push("<!--]-->");
+      } else {
+        $$renderer3.push("<!--[!-->");
+        $$renderer3.push("<!--]-->");
+      }
+    }
+    do {
+      $$settled = true;
+      $$inner_renderer = $$renderer2.copy();
+      $$render_inner($$inner_renderer);
+    } while (!$$settled);
+    $$renderer2.subsume($$inner_renderer);
+    bind_props($$props, { ref });
+  });
+}
+function Chevron_right($$renderer, $$props) {
+  let { $$slots, $$events, ...props } = $$props;
+  const iconNode = [["path", { "d": "m9 18 6-6-6-6" }]];
+  Icon($$renderer, spread_props([{ name: "chevron-right" }, props, { iconNode }]));
+}
+function Triangle_alert($$renderer, $$props) {
+  let { $$slots, $$events, ...props } = $$props;
+  const iconNode = [
+    [
+      "path",
+      {
+        "d": "m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3"
+      }
+    ],
+    ["path", { "d": "M12 9v4" }],
+    ["path", { "d": "M12 17h.01" }]
+  ];
+  Icon($$renderer, spread_props([{ name: "triangle-alert" }, props, { iconNode }]));
+}
+function FooterItemRenderer($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let { item } = $$props;
+    const itemProps = derived(() => item.getProps());
+    if (item.onClick) {
+      $$renderer2.push("<!--[0-->");
+      $$renderer2.push(`<button class="gap-1.5 px-2 py-0.5 rounded flex cursor-pointer items-center transition-colors hover:bg-muted">`);
+      if (item.component) {
+        $$renderer2.push("<!--[-->");
+        item.component($$renderer2, spread_props([itemProps()]));
+        $$renderer2.push("<!--]-->");
+      } else {
+        $$renderer2.push("<!--[!-->");
+        $$renderer2.push("<!--]-->");
+      }
+      $$renderer2.push(`</button>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+      $$renderer2.push(`<div class="flex items-center">`);
+      if (item.component) {
+        $$renderer2.push("<!--[-->");
+        item.component($$renderer2, spread_props([itemProps()]));
+        $$renderer2.push("<!--]-->");
+      } else {
+        $$renderer2.push("<!--[!-->");
+        $$renderer2.push("<!--]-->");
+      }
+      $$renderer2.push(`</div>`);
+    }
+    $$renderer2.push(`<!--]-->`);
+  });
+}
+function PageFooter($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let {
+      errors = [],
+      warnings = [],
+      copyrightName = "Selva",
+      footerText,
+      children
+    } = $$props;
+    let footerStore = (() => {
+      try {
+        return useFooter();
+      } catch {
+        return null;
+      }
+    })();
+    const leftItems = derived(() => footerStore ? Array.from(footerStore.items.values()).filter((item) => item.position === "left").sort((a, b) => (b.priority ?? 0) - (a.priority ?? 0)) : []);
+    const rightItems = derived(() => footerStore ? Array.from(footerStore.items.values()).filter((item) => item.position === "right").sort((a, b) => (b.priority ?? 0) - (a.priority ?? 0)) : []);
+    let _currentYear = (/* @__PURE__ */ new Date()).getFullYear();
+    let dialogOpen = false;
+    let showErrors = true;
+    let showWarnings = false;
+    const hasMessages = derived(() => errors.length > 0 || warnings.length > 0);
+    const totalCount = derived(() => errors.length + warnings.length);
+    function groupMessages(messages) {
+      const grouped = new SvelteMap();
+      for (const msg of messages) {
+        const baseMsg = msg.replace(/\([a-f0-9-]{36}\)$/i, "(...)").trim();
+        const currentCount = grouped.get(baseMsg) || 0;
+        grouped.set(baseMsg, currentCount + 1);
+      }
+      return Array.from(grouped.entries()).map(([message, count]) => ({ message, count })).sort((a, b) => b.count - a.count);
+    }
+    const groupedErrors = derived(() => groupMessages(errors));
+    const groupedWarnings = derived(() => groupMessages(warnings));
+    const copyrightLine = derived(() => footerText ? footerText.replace("{name}", copyrightName).replace("{year}", String(_currentYear)) : `by ${copyrightName} © ${_currentYear}`);
+    let $$settled = true;
+    let $$inner_renderer;
+    function $$render_inner($$renderer3) {
+      $$renderer3.push(`<footer class="px-4 gap-4 text-xs h-7 flex shrink-0 items-center justify-between border-t border-border bg-background text-muted-foreground select-none"><div class="gap-4 flex items-center"><!--[-->`);
+      const each_array = ensure_array_like(leftItems());
+      for (let $$index = 0, $$length = each_array.length; $$index < $$length; $$index++) {
+        let item = each_array[$$index];
+        FooterItemRenderer($$renderer3, { item });
+      }
+      $$renderer3.push(`<!--]--> `);
+      if (hasMessages()) {
+        $$renderer3.push("<!--[0-->");
+        if (Root) {
+          $$renderer3.push("<!--[-->");
+          Root($$renderer3, {
+            get open() {
+              return dialogOpen;
+            },
+            set open($$value) {
+              dialogOpen = $$value;
+              $$settled = false;
+            },
+            children: ($$renderer4) => {
+              if (Dialog_trigger) {
+                $$renderer4.push("<!--[-->");
+                Dialog_trigger($$renderer4, {
+                  class: `gap-1.5 px-2 py-1 rounded flex cursor-pointer items-center transition-colors hover:bg-muted ${stringify(errors.length > 0 ? "text-destructive hover:bg-destructive/10" : "text-warning hover:bg-warning/10")}`,
+                  title: `${totalCount()} ${totalCount() === 1 ? "issue" : "issues"}`,
+                  children: ($$renderer5) => {
+                    if (errors.length > 0) {
+                      $$renderer5.push("<!--[0-->");
+                      Circle_alert($$renderer5, { class: "h-3.5 w-3.5" });
+                      $$renderer5.push(`<!----> <span class="font-medium">${escape_html(errors.length)} Error${escape_html(errors.length !== 1 ? "s" : "")}</span>`);
+                    } else {
+                      $$renderer5.push("<!--[-1-->");
+                    }
+                    $$renderer5.push(`<!--]--> `);
+                    if (warnings.length > 0) {
+                      $$renderer5.push("<!--[0-->");
+                      if (errors.length > 0) {
+                        $$renderer5.push("<!--[0-->");
+                        $$renderer5.push(`<span class="text-border">•</span>`);
+                      } else {
+                        $$renderer5.push("<!--[-1-->");
+                      }
+                      $$renderer5.push(`<!--]--> `);
+                      Triangle_alert($$renderer5, { class: "h-3.5 w-3.5" });
+                      $$renderer5.push(`<!----> <span class="font-medium">${escape_html(warnings.length)} Warning${escape_html(warnings.length !== 1 ? "s" : "")}</span>`);
+                    } else {
+                      $$renderer5.push("<!--[-1-->");
+                    }
+                    $$renderer5.push(`<!--]-->`);
+                  },
+                  $$slots: { default: true }
+                });
+                $$renderer4.push("<!--]-->");
+              } else {
+                $$renderer4.push("<!--[!-->");
+                $$renderer4.push("<!--]-->");
+              }
+              $$renderer4.push(` `);
+              if (Dialog_content) {
+                $$renderer4.push("<!--[-->");
+                Dialog_content($$renderer4, {
+                  class: "max-w-2xl max-h-[80vh]",
+                  children: ($$renderer5) => {
+                    if (Dialog_header) {
+                      $$renderer5.push("<!--[-->");
+                      Dialog_header($$renderer5, {
+                        children: ($$renderer6) => {
+                          if (Dialog_title) {
+                            $$renderer6.push("<!--[-->");
+                            Dialog_title($$renderer6, {
+                              class: "gap-2 flex items-center",
+                              children: ($$renderer7) => {
+                                Circle_alert($$renderer7, { class: "h-5 w-5" });
+                                $$renderer7.push(`<!----> Compute Messages`);
+                              },
+                              $$slots: { default: true }
+                            });
+                            $$renderer6.push("<!--]-->");
+                          } else {
+                            $$renderer6.push("<!--[!-->");
+                            $$renderer6.push("<!--]-->");
+                          }
+                          $$renderer6.push(` `);
+                          if (Dialog_description) {
+                            $$renderer6.push("<!--[-->");
+                            Dialog_description($$renderer6, {
+                              children: ($$renderer7) => {
+                                $$renderer7.push(`<!---->${escape_html(totalCount())}
+							${escape_html(totalCount() === 1 ? "issue" : "issues")} detected during solve`);
+                              },
+                              $$slots: { default: true }
+                            });
+                            $$renderer6.push("<!--]-->");
+                          } else {
+                            $$renderer6.push("<!--[!-->");
+                            $$renderer6.push("<!--]-->");
+                          }
+                        },
+                        $$slots: { default: true }
+                      });
+                      $$renderer5.push("<!--]-->");
+                    } else {
+                      $$renderer5.push("<!--[!-->");
+                      $$renderer5.push("<!--]-->");
+                    }
+                    $$renderer5.push(` <div class="space-y-3 pr-2 overflow-y-auto" style="max-height: calc(80vh - 180px);">`);
+                    if (errors.length > 0) {
+                      $$renderer5.push("<!--[0-->");
+                      if (Collapsible) {
+                        $$renderer5.push("<!--[-->");
+                        Collapsible($$renderer5, {
+                          get open() {
+                            return showErrors;
+                          },
+                          set open($$value) {
+                            showErrors = $$value;
+                            $$settled = false;
+                          },
+                          children: ($$renderer6) => {
+                            $$renderer6.push(`<div class="overflow-hidden rounded-lg border border-destructive bg-card"><div class="px-4 py-3 flex items-center">`);
+                            if (Collapsible_trigger) {
+                              $$renderer6.push("<!--[-->");
+                              Collapsible_trigger($$renderer6, {
+                                class: "-mx-4 -my-3 gap-3 px-4 py-3 flex flex-1 items-center text-left transition-colors hover:bg-destructive/5",
+                                children: ($$renderer7) => {
+                                  if (showErrors) {
+                                    $$renderer7.push("<!--[0-->");
+                                    Chevron_down($$renderer7, { class: "h-4 w-4 shrink-0 text-destructive" });
+                                  } else {
+                                    $$renderer7.push("<!--[-1-->");
+                                    Chevron_right($$renderer7, { class: "h-4 w-4 shrink-0 text-destructive" });
+                                  }
+                                  $$renderer7.push(`<!--]--> `);
+                                  Circle_alert($$renderer7, { class: "h-4 w-4 shrink-0 text-destructive" });
+                                  $$renderer7.push(`<!----> <span class="text-sm font-medium text-destructive">${escape_html(errors.length === 1 ? "1 Error" : `${errors.length} Errors`)}</span>`);
+                                },
+                                $$slots: { default: true }
+                              });
+                              $$renderer6.push("<!--]-->");
+                            } else {
+                              $$renderer6.push("<!--[!-->");
+                              $$renderer6.push("<!--]-->");
+                            }
+                            $$renderer6.push(`</div> `);
+                            if (Collapsible_content) {
+                              $$renderer6.push("<!--[-->");
+                              Collapsible_content($$renderer6, {
+                                class: "space-y-0",
+                                children: ($$renderer7) => {
+                                  $$renderer7.push(`<div class="max-h-60 px-4 py-3 overflow-y-auto border-t border-destructive bg-card"><ul class="space-y-2"><!--[-->`);
+                                  const each_array_1 = ensure_array_like(groupedErrors());
+                                  for (let $$index_1 = 0, $$length = each_array_1.length; $$index_1 < $$length; $$index_1++) {
+                                    let { message, count } = each_array_1[$$index_1];
+                                    $$renderer7.push(`<li class="gap-2 text-sm flex text-destructive/90"><span class="shrink-0">•</span> <span class="flex-1">${escape_html(message)} `);
+                                    if (count > 1) {
+                                      $$renderer7.push("<!--[0-->");
+                                      $$renderer7.push(`<span class="ml-1 font-medium text-destructive/70">×${escape_html(count)}</span>`);
+                                    } else {
+                                      $$renderer7.push("<!--[-1-->");
+                                    }
+                                    $$renderer7.push(`<!--]--></span></li>`);
+                                  }
+                                  $$renderer7.push(`<!--]--></ul></div>`);
+                                },
+                                $$slots: { default: true }
+                              });
+                              $$renderer6.push("<!--]-->");
+                            } else {
+                              $$renderer6.push("<!--[!-->");
+                              $$renderer6.push("<!--]-->");
+                            }
+                            $$renderer6.push(`</div>`);
+                          },
+                          $$slots: { default: true }
+                        });
+                        $$renderer5.push("<!--]-->");
+                      } else {
+                        $$renderer5.push("<!--[!-->");
+                        $$renderer5.push("<!--]-->");
+                      }
+                    } else {
+                      $$renderer5.push("<!--[-1-->");
+                    }
+                    $$renderer5.push(`<!--]--> `);
+                    if (warnings.length > 0) {
+                      $$renderer5.push("<!--[0-->");
+                      if (Collapsible) {
+                        $$renderer5.push("<!--[-->");
+                        Collapsible($$renderer5, {
+                          get open() {
+                            return showWarnings;
+                          },
+                          set open($$value) {
+                            showWarnings = $$value;
+                            $$settled = false;
+                          },
+                          children: ($$renderer6) => {
+                            $$renderer6.push(`<div class="overflow-hidden rounded-lg border border-warning/50 bg-card"><div class="px-4 py-3 flex items-center">`);
+                            if (Collapsible_trigger) {
+                              $$renderer6.push("<!--[-->");
+                              Collapsible_trigger($$renderer6, {
+                                class: "-mx-4 -my-3 gap-3 px-4 py-3 flex flex-1 items-center text-left transition-colors hover:bg-warning/5",
+                                children: ($$renderer7) => {
+                                  if (showWarnings) {
+                                    $$renderer7.push("<!--[0-->");
+                                    Chevron_down($$renderer7, { class: "h-4 w-4 shrink-0 text-warning" });
+                                  } else {
+                                    $$renderer7.push("<!--[-1-->");
+                                    Chevron_right($$renderer7, { class: "h-4 w-4 shrink-0 text-warning" });
+                                  }
+                                  $$renderer7.push(`<!--]--> `);
+                                  Triangle_alert($$renderer7, { class: "h-4 w-4 shrink-0 text-warning" });
+                                  $$renderer7.push(`<!----> <span class="text-sm font-medium text-warning">${escape_html(warnings.length === 1 ? "1 Warning" : `${warnings.length} Warnings`)}</span>`);
+                                },
+                                $$slots: { default: true }
+                              });
+                              $$renderer6.push("<!--]-->");
+                            } else {
+                              $$renderer6.push("<!--[!-->");
+                              $$renderer6.push("<!--]-->");
+                            }
+                            $$renderer6.push(`</div> `);
+                            if (Collapsible_content) {
+                              $$renderer6.push("<!--[-->");
+                              Collapsible_content($$renderer6, {
+                                class: "space-y-0",
+                                children: ($$renderer7) => {
+                                  $$renderer7.push(`<div class="max-h-60 px-4 py-3 overflow-y-auto border-t border-warning/50 bg-card"><ul class="space-y-2"><!--[-->`);
+                                  const each_array_2 = ensure_array_like(groupedWarnings());
+                                  for (let $$index_2 = 0, $$length = each_array_2.length; $$index_2 < $$length; $$index_2++) {
+                                    let { message, count } = each_array_2[$$index_2];
+                                    $$renderer7.push(`<li class="gap-2 text-sm flex text-muted-foreground"><span class="shrink-0">•</span> <span class="flex-1">${escape_html(message)} `);
+                                    if (count > 1) {
+                                      $$renderer7.push("<!--[0-->");
+                                      $$renderer7.push(`<span class="ml-1 font-medium text-warning/70">×${escape_html(count)}</span>`);
+                                    } else {
+                                      $$renderer7.push("<!--[-1-->");
+                                    }
+                                    $$renderer7.push(`<!--]--></span></li>`);
+                                  }
+                                  $$renderer7.push(`<!--]--></ul></div>`);
+                                },
+                                $$slots: { default: true }
+                              });
+                              $$renderer6.push("<!--]-->");
+                            } else {
+                              $$renderer6.push("<!--[!-->");
+                              $$renderer6.push("<!--]-->");
+                            }
+                            $$renderer6.push(`</div>`);
+                          },
+                          $$slots: { default: true }
+                        });
+                        $$renderer5.push("<!--]-->");
+                      } else {
+                        $$renderer5.push("<!--[!-->");
+                        $$renderer5.push("<!--]-->");
+                      }
+                    } else {
+                      $$renderer5.push("<!--[-1-->");
+                    }
+                    $$renderer5.push(`<!--]--></div>`);
+                  },
+                  $$slots: { default: true }
+                });
+                $$renderer4.push("<!--]-->");
+              } else {
+                $$renderer4.push("<!--[!-->");
+                $$renderer4.push("<!--]-->");
+              }
+            },
+            $$slots: { default: true }
+          });
+          $$renderer3.push("<!--]-->");
+        } else {
+          $$renderer3.push("<!--[!-->");
+          $$renderer3.push("<!--]-->");
+        }
+      } else {
+        $$renderer3.push("<!--[-1-->");
+      }
+      $$renderer3.push(`<!--]--> `);
+      if (children) {
+        $$renderer3.push("<!--[0-->");
+        $$renderer3.push(`<div class="gap-4 flex items-center">`);
+        children($$renderer3);
+        $$renderer3.push(`<!----></div>`);
+      } else {
+        $$renderer3.push("<!--[-1-->");
+      }
+      $$renderer3.push(`<!--]--></div> <div class="gap-4 ml-auto flex items-center"><!--[-->`);
+      const each_array_3 = ensure_array_like(rightItems());
+      for (let $$index_3 = 0, $$length = each_array_3.length; $$index_3 < $$length; $$index_3++) {
+        let item = each_array_3[$$index_3];
+        FooterItemRenderer($$renderer3, { item });
+      }
+      $$renderer3.push(`<!--]--> <p>${escape_html(copyrightLine())}</p></div></footer>`);
+    }
+    do {
+      $$settled = true;
+      $$inner_renderer = $$renderer2.copy();
+      $$render_inner($$inner_renderer);
+    } while (!$$settled);
+    $$renderer2.subsume($$inner_renderer);
+  });
+}
+function AppShell($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let {
+      showHeader = true,
+      homeUrl = "/",
+      title = void 0,
+      logo = "/favicon/favicon.svg",
+      brandName = "Selva",
+      copyrightName = void 0,
+      showModeToggle = true,
+      navItems,
+      rightContent,
+      subnav,
+      headerClass = "",
+      header,
+      mode: _mode = "scroll",
+      sidenav,
+      showFooter = false,
+      errors = [],
+      warnings = [],
+      footerText,
+      footerChildren,
+      class: className = "",
+      bodyClass = "",
+      children
+    } = $$props;
+    const _copyright = derived(() => copyrightName ?? brandName);
+    const rootClass = derived(() => _mode === "fixed" ? `flex flex-col h-screen overflow-hidden bg-background ${className}` : `flex flex-col min-h-screen bg-background ${className}`);
+    const bodyShellClass = derived(() => _mode === "fixed" ? `flex flex-1 min-h-0 ${sidenav ? "flex-row" : "flex-col"} ${bodyClass}`.trim() : `flex-1 ${sidenav ? "flex flex-row" : ""} ${bodyClass}`.trim());
+    const bodyShellStyle = "";
+    $$renderer2.push(`<div${attr_class(clsx(rootClass()))}>`);
+    if (showHeader) {
+      $$renderer2.push("<!--[0-->");
+      if (header) {
+        $$renderer2.push("<!--[0-->");
+        $$renderer2.push(`<header${attr_class(`top-0 backdrop-blur-sm sticky z-40 border-b border-border bg-background/90 ${headerClass}`)}><div class="flex h-(--header-h) items-center px-(--page-px)">`);
+        header($$renderer2);
+        $$renderer2.push(`<!----></div></header>`);
+      } else {
+        $$renderer2.push("<!--[-1-->");
+        PageHeader($$renderer2, {
+          homeUrl,
+          title,
+          logo,
+          brandName,
+          showModeToggle,
+          navItems,
+          rightContent,
+          subnav,
+          class: headerClass
+        });
+      }
+      $$renderer2.push(`<!--]-->`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--> <div${attr_class(clsx(bodyShellClass()))}${attr_style(bodyShellStyle)}>`);
+    if (sidenav) {
+      $$renderer2.push("<!--[0-->");
+      sidenav($$renderer2);
+      $$renderer2.push(`<!----> <main class="flex-1 overflow-y-auto">`);
+      children($$renderer2);
+      $$renderer2.push(`<!----></main>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+      children($$renderer2);
+      $$renderer2.push(`<!---->`);
+    }
+    $$renderer2.push(`<!--]--></div> `);
+    if (showFooter) {
+      $$renderer2.push("<!--[0-->");
+      $$renderer2.push(`<div class="bottom-0 sticky z-10 shrink-0">`);
+      PageFooter($$renderer2, {
+        errors,
+        warnings,
+        copyrightName: _copyright(),
+        footerText,
+        children: ($$renderer3) => {
+          if (footerChildren) {
+            $$renderer3.push("<!--[0-->");
+            footerChildren($$renderer3);
+            $$renderer3.push(`<!---->`);
+          } else {
+            $$renderer3.push("<!--[-1-->");
+          }
+          $$renderer3.push(`<!--]-->`);
+        }
+      });
+      $$renderer2.push(`<!----></div>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--></div>`);
+  });
+}
+function Log_in($$renderer, $$props) {
+  let { $$slots, $$events, ...props } = $$props;
+  const iconNode = [
+    ["path", { "d": "m10 17 5-5-5-5" }],
+    ["path", { "d": "M15 12H3" }],
+    ["path", { "d": "M15 3h4a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-4" }]
+  ];
+  Icon$1($$renderer, spread_props([{ name: "log-in" }, props, { iconNode }]));
+}
+function Log_out($$renderer, $$props) {
+  let { $$slots, $$events, ...props } = $$props;
+  const iconNode = [
+    ["path", { "d": "m16 17 5-5-5-5" }],
+    ["path", { "d": "M21 12H9" }],
+    ["path", { "d": "M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4" }]
+  ];
+  Icon$1($$renderer, spread_props([{ name: "log-out" }, props, { iconNode }]));
+}
+function UserChip($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    const pageData = derived(() => page.data);
+    const user = derived(() => pageData().user ?? null);
+    const profile = derived(() => pageData().profile ?? null);
+    const showLogout = derived(() => !pageData().hasProxyAuth);
+    const label = derived(() => profile()?.displayName ?? user()?.email?.split("@")[0] ?? user()?.id ?? "");
+    const initial = derived(() => label()[0]?.toUpperCase() ?? "");
+    const loginHref = derived(() => `/login?redirectTo=${encodeURIComponent(page.url.pathname + page.url.search)}`);
+    if (user()) {
+      $$renderer2.push("<!--[0-->");
+      $$renderer2.push(`<div class="border-border bg-card flex items-center gap-px rounded-full border shadow-sm"><div class="flex items-center gap-2 py-1 pr-3 pl-1"><div class="bg-primary text-primary-foreground flex h-6 w-6 shrink-0 items-center justify-center rounded-full text-xs font-semibold">${escape_html(initial())}</div> <span class="text-foreground hidden max-w-32 truncate text-sm font-medium sm:block">${escape_html(label())}</span></div> `);
+      if (showLogout()) {
+        $$renderer2.push("<!--[0-->");
+        $$renderer2.push(`<div class="bg-border w-px self-stretch"></div> <form method="POST" action="/logout"><button type="submit" title="Log out" class="text-muted-foreground hover:text-foreground hover:bg-muted rounded-full p-2 transition-colors">`);
+        Log_out($$renderer2, { class: "h-3.5 w-3.5" });
+        $$renderer2.push(`<!----></button></form>`);
+      } else {
+        $$renderer2.push("<!--[-1-->");
+      }
+      $$renderer2.push(`<!--]--></div>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+      $$renderer2.push(`<a${attr("href", loginHref())} class="border-border bg-card text-muted-foreground hover:text-foreground flex items-center gap-2 rounded-full border px-3 py-1.5 text-sm font-medium shadow-sm transition-colors">`);
+      Log_in($$renderer2, { class: "h-3.5 w-3.5" });
+      $$renderer2.push(`<!----> <span class="hidden sm:block">Log in</span></a>`);
+    }
+    $$renderer2.push(`<!--]-->`);
+  });
+}
+
+export { AppShell as A, Chevron_right as C, Dialog_trigger as D, Triangle_alert as T, UserChip as U };
+//# sourceMappingURL=UserChip-CCZ9yMM3.js.map