@devmotion/cli 0.6.3 → 0.8.0

package/studio/server/chunks/_layout.svelte-CfDTUogU.js

@@ -1,1054 +0,0 @@
-import './async-lVJA8xJZ.js';
-import { q as head, t as attr, o as stringify, e as ensure_array_like, a as attributes, c as clsx, d as spread_props, u as hasContext, j as getContext, v as setContext, h as derived, r as run, w as attr_class, l as attr_style, i as escape_html } from './index9-D9BBZH26.js';
-import { a as asset } from './server2-vs5lBcGY.js';
-import { b as SonnerState, c as toastState, d as cn } from './editor.svelte-CiJvwHAm.js';
-import { a as watch, c as createSubscriber } from './copy-gHAQZ-hc.js';
-import './root-DjEsp22s.js';
-import './exports-5qhW9hr2.js';
-import './client3-6wS0pbKv.js';
-import { p as public_env } from './shared-server-hNytdPP9.js';
-import { A as Alert_dialog, a as Alert_dialog_content, b as Alert_dialog_header, c as Alert_dialog_footer, d as Alert_dialog_title, e as Alert_dialog_description, f as Alert_dialog_cancel, g as Alert_dialog_action } from './alert-dialog-description-DOMGfPke.js';
-import { J as Json_ld } from './json-ld-hP1Z_w5L.js';
-import { T as Tooltip_provider$1 } from './tooltip-provider-BFZoIP02.js';
-import { i as identifyPosthogUser, r as resetPosthogUser, u as useAnalytics } from './auth-client-Cpf930Sw.js';
-import './routing-Up9X2RDi.js';
-import './event-DmhHnWT5.js';
-import './presets-BKeKVq-L.js';
-import 'nanoid';
-import 'zod';
-import './animation-DPwINa4I.js';
-import './branding-5rLT-BvK.js';
-import 'bezier-easing';
-import 'colord';
-import './button-EIkCOf5j.js';
-import './Icon-DbEXclx7.js';
-import './input-C1z0Nn4U.js';
-import './_commonjsHelpers-D6la_xYv.js';
-import './x-dSB6BXUp.js';
-import './default-project-DZyH--y0.js';
-import './plans-BAwNKt6H.js';
-import './social-auth-buttons-C7WiSzwd.js';
-import './index11-D0KEeryD.js';
-import './stores-DM9_zZZ3.js';
-import './generate-speech-BERLu-Vk.js';
-import './base-Bq5n_4Fz.js';
-import './media-ARIn6Aw1.js';
-import './apply-result-DUy8ya08.js';
-import './arrow-right-Ba81Wr45.js';
-import 'dompurify';
-import './house-BuExdk93.js';
-import './arrow-left-CP_W5MWC.js';
-import './auth.remote-C6edHyaa.js';
-import './index-Dp2_pJiZ.js';
-import './shared-hgBL35K7.js';
-import './query-D9bdUhU3.js';
-import './index10-DB2myPI4.js';
-import './api-DkajkFtS.js';
-import 'drizzle-orm/pg-core';
-import 'drizzle-orm';
-import './posthog-DXw1m97H.js';
-import './optional-services-rI0rdA4P.js';
-import './env-CsH9rG40.js';
-import './remote-functions-C4V-TgoU.js';
-import './project-layer-Bbz6zgRN.js';
-import './tooltip.svelte-Bjv4TH3V.js';
-import './desktop-mode-Bkebx7Vx.js';
-
-const bars = Array(12).fill(0);
-function Loader($$renderer, $$props) {
-  $$renderer.component(($$renderer2) => {
-    let { visible, class: className } = $$props;
-    $$renderer2.push(`<div${attr_class(clsx(["sonner-loading-wrapper", className].filter(Boolean).join(" ")))}${attr("data-visible", visible)}><div class="sonner-spinner"><!--[-->`);
-    const each_array = ensure_array_like(bars);
-    for (let i = 0, $$length = each_array.length; i < $$length; i++) {
-      each_array[i];
-      $$renderer2.push(`<div class="sonner-loading-bar"></div>`);
-    }
-    $$renderer2.push(`<!--]--></div></div>`);
-  });
-}
-const defaultWindow = void 0;
-function getActiveElement(document2) {
-  let activeElement = document2.activeElement;
-  while (activeElement?.shadowRoot) {
-    const node = activeElement.shadowRoot.activeElement;
-    if (node === activeElement)
-      break;
-    else
-      activeElement = node;
-  }
-  return activeElement;
-}
-class ActiveElement {
-  #document;
-  #subscribe;
-  constructor(options = {}) {
-    const { window: window2 = defaultWindow, document: document2 = window2?.document } = options;
-    if (window2 === void 0) return;
-    this.#document = document2;
-    this.#subscribe = createSubscriber();
-  }
-  get current() {
-    this.#subscribe?.();
-    if (!this.#document) return null;
-    return getActiveElement(this.#document);
-  }
-}
-new ActiveElement();
-class Context {
-  #name;
-  #key;
-  /**
-   * @param name The name of the context.
-   * This is used for generating the context key and error messages.
-   */
-  constructor(name) {
-    this.#name = name;
-    this.#key = Symbol(name);
-  }
-  /**
-   * The key used to get and set the context.
-   *
-   * It is not recommended to use this value directly.
-   * Instead, use the methods provided by this class.
-   */
-  get key() {
-    return this.#key;
-  }
-  /**
-   * Checks whether this has been set in the context of a parent component.
-   *
-   * Must be called during component initialisation.
-   */
-  exists() {
-    return hasContext(this.#key);
-  }
-  /**
-   * Retrieves the context that belongs to the closest parent component.
-   *
-   * Must be called during component initialisation.
-   *
-   * @throws An error if the context does not exist.
-   */
-  get() {
-    const context = getContext(this.#key);
-    if (context === void 0) {
-      throw new Error(`Context "${this.#name}" not found`);
-    }
-    return context;
-  }
-  /**
-   * Retrieves the context that belongs to the closest parent component,
-   * or the given fallback value if the context does not exist.
-   *
-   * Must be called during component initialisation.
-   */
-  getOr(fallback) {
-    const context = getContext(this.#key);
-    if (context === void 0) {
-      return fallback;
-    }
-    return context;
-  }
-  /**
-   * Associates the given value with the current component and returns it.
-   *
-   * Must be called during component initialisation.
-   */
-  set(context) {
-    return setContext(this.#key, context);
-  }
-}
-const sonnerContext = new Context("<Toaster/>");
-function isAction(action) {
-  return action.label !== void 0;
-}
-const TOAST_LIFETIME$1 = 4e3;
-const GAP$1 = 14;
-const TIME_BEFORE_UNMOUNT = 200;
-const DEFAULT_TOAST_CLASSES = {
-  toast: "",
-  title: "",
-  description: "",
-  loader: "",
-  closeButton: "",
-  cancelButton: "",
-  actionButton: "",
-  action: "",
-  warning: "",
-  error: "",
-  success: "",
-  default: "",
-  info: "",
-  loading: ""
-};
-function Toast($$renderer, $$props) {
-  $$renderer.component(($$renderer2) => {
-    let {
-      toast,
-      index,
-      expanded,
-      invert: invertFromToaster,
-      position,
-      visibleToasts,
-      expandByDefault,
-      closeButton: closeButtonFromToaster,
-      interacting,
-      cancelButtonStyle = "",
-      actionButtonStyle = "",
-      duration: durationFromToaster,
-      descriptionClass = "",
-      classes: classesProp,
-      unstyled = false,
-      loadingIcon,
-      successIcon,
-      errorIcon,
-      warningIcon,
-      closeIcon,
-      infoIcon,
-      defaultRichColors = false,
-      swipeDirections: swipeDirectionsProp,
-      closeButtonAriaLabel,
-      $$slots,
-      $$events,
-      ...restProps
-    } = $$props;
-    const defaultClasses = { ...DEFAULT_TOAST_CLASSES };
-    let mounted = false;
-    let removed = false;
-    let swiping = false;
-    let swipeOut = false;
-    let isSwiped = false;
-    let offsetBeforeRemove = 0;
-    let initialHeight = 0;
-    toast.duration || durationFromToaster || TOAST_LIFETIME$1;
-    let swipeOutDirection = null;
-    const isFront = derived(() => index === 0);
-    const isVisible = derived(() => index + 1 <= visibleToasts);
-    const toastType = derived(() => toast.type);
-    const dismissable = derived(() => toast.dismissable !== false);
-    const toastClass = derived(() => toast.class || "");
-    const toastDescriptionClass = derived(() => toast.descriptionClass || "");
-    const heightIndex = derived(() => toastState.heights.findIndex((height) => height.toastId === toast.id) || 0);
-    const closeButton = derived(() => toast.closeButton ?? closeButtonFromToaster);
-    const coords = derived(() => position.split("-"));
-    const toastsHeightBefore = derived(() => toastState.heights.reduce(
-      (prev, curr, reducerIndex) => {
-        if (reducerIndex >= heightIndex()) return prev;
-        return prev + curr.height;
-      },
-      0
-    ));
-    const invert = derived(() => toast.invert || invertFromToaster);
-    const disabled = derived(() => toastType() === "loading");
-    const classes = derived(() => ({ ...defaultClasses, ...classesProp }));
-    const offset = derived(() => Math.round(heightIndex() * GAP$1 + toastsHeightBefore()));
-    function deleteToast() {
-      removed = true;
-      offsetBeforeRemove = offset();
-      toastState.removeHeight(toast.id);
-      setTimeout(
-        () => {
-          toastState.remove(toast.id);
-        },
-        TIME_BEFORE_UNMOUNT
-      );
-    }
-    const icon = derived(() => {
-      if (toast.icon) return toast.icon;
-      if (toastType() === "success") return successIcon;
-      if (toastType() === "error") return errorIcon;
-      if (toastType() === "warning") return warningIcon;
-      if (toastType() === "info") return infoIcon;
-      if (toastType() === "loading") return loadingIcon;
-      return null;
-    });
-    function LoadingIcon($$renderer3) {
-      if (loadingIcon) {
-        $$renderer3.push("<!--[0-->");
-        $$renderer3.push(`<div${attr_class(clsx(cn(classes()?.loader, toast?.classes?.loader, "sonner-loader")))}${attr("data-visible", toastType() === "loading")}>`);
-        loadingIcon($$renderer3);
-        $$renderer3.push(`<!----></div>`);
-      } else {
-        $$renderer3.push("<!--[-1-->");
-        Loader($$renderer3, {
-          class: cn(classes()?.loader, toast.classes?.loader),
-          visible: toastType() === "loading"
-        });
-      }
-      $$renderer3.push(`<!--]-->`);
-    }
-    $$renderer2.push(`<li${attr("tabindex", 0)}${attr_class(clsx(cn(restProps.class, toastClass(), classes()?.toast, toast?.classes?.toast, classes()?.[toastType()], toast?.classes?.[toastType()])))} data-sonner-toast=""${attr("data-rich-colors", toast.richColors ?? defaultRichColors)}${attr("data-styled", !(toast.component || toast.unstyled || unstyled))}${attr("data-mounted", mounted)}${attr("data-promise", Boolean(toast.promise))}${attr("data-swiped", isSwiped)}${attr("data-removed", removed)}${attr("data-visible", isVisible())}${attr("data-y-position", coords()[0])}${attr("data-x-position", coords()[1])}${attr("data-index", index)}${attr("data-front", isFront())}${attr("data-swiping", swiping)}${attr("data-dismissable", dismissable())}${attr("data-type", toastType())}${attr("data-invert", invert())}${attr("data-swipe-out", swipeOut)}${attr("data-swipe-direction", swipeOutDirection)}${attr("data-expanded", Boolean(expanded || expandByDefault && mounted))}${attr_style(`${restProps.style} ${toast.style}`, {
-      "--index": index,
-      "--toasts-before": index,
-      "--z-index": toastState.toasts.length - index,
-      "--offset": `${removed ? offsetBeforeRemove : offset()}px`,
-      "--initial-height": expandByDefault ? "auto" : `${initialHeight}px`
-    })}>`);
-    if (closeButton() && !toast.component && toastType() !== "loading" && closeIcon !== null) {
-      $$renderer2.push("<!--[0-->");
-      $$renderer2.push(`<button${attr("aria-label", closeButtonAriaLabel)}${attr("data-disabled", disabled())} data-close-button=""${attr_class(clsx(cn(classes()?.closeButton, toast?.classes?.closeButton)))}>`);
-      closeIcon?.($$renderer2);
-      $$renderer2.push(`<!----></button>`);
-    } else {
-      $$renderer2.push("<!--[-1-->");
-    }
-    $$renderer2.push(`<!--]--> `);
-    if (toast.component) {
-      $$renderer2.push("<!--[0-->");
-      const Component = toast.component;
-      if (Component) {
-        $$renderer2.push("<!--[-->");
-        Component($$renderer2, spread_props([toast.componentProps, { closeToast: deleteToast }]));
-        $$renderer2.push("<!--]-->");
-      } else {
-        $$renderer2.push("<!--[!-->");
-        $$renderer2.push("<!--]-->");
-      }
-    } else {
-      $$renderer2.push("<!--[-1-->");
-      if ((toastType() || toast.icon || toast.promise) && toast.icon !== null && (icon() !== null || toast.icon)) {
-        $$renderer2.push("<!--[0-->");
-        $$renderer2.push(`<div data-icon=""${attr_class(clsx(cn(classes()?.icon, toast?.classes?.icon)))}>`);
-        if (toast.promise || toastType() === "loading") {
-          $$renderer2.push("<!--[0-->");
-          if (toast.icon) {
-            $$renderer2.push("<!--[0-->");
-            if (toast.icon) {
-              $$renderer2.push("<!--[-->");
-              toast.icon($$renderer2, {});
-              $$renderer2.push("<!--]-->");
-            } else {
-              $$renderer2.push("<!--[!-->");
-              $$renderer2.push("<!--]-->");
-            }
-          } else {
-            $$renderer2.push("<!--[-1-->");
-            LoadingIcon($$renderer2);
-          }
-          $$renderer2.push(`<!--]-->`);
-        } else {
-          $$renderer2.push("<!--[-1-->");
-        }
-        $$renderer2.push(`<!--]--> `);
-        if (toast.type !== "loading") {
-          $$renderer2.push("<!--[0-->");
-          if (toast.icon) {
-            $$renderer2.push("<!--[0-->");
-            if (toast.icon) {
-              $$renderer2.push("<!--[-->");
-              toast.icon($$renderer2, {});
-              $$renderer2.push("<!--]-->");
-            } else {
-              $$renderer2.push("<!--[!-->");
-              $$renderer2.push("<!--]-->");
-            }
-          } else if (toastType() === "success") {
-            $$renderer2.push("<!--[1-->");
-            successIcon?.($$renderer2);
-            $$renderer2.push(`<!---->`);
-          } else if (toastType() === "error") {
-            $$renderer2.push("<!--[2-->");
-            errorIcon?.($$renderer2);
-            $$renderer2.push(`<!---->`);
-          } else if (toastType() === "warning") {
-            $$renderer2.push("<!--[3-->");
-            warningIcon?.($$renderer2);
-            $$renderer2.push(`<!---->`);
-          } else if (toastType() === "info") {
-            $$renderer2.push("<!--[4-->");
-            infoIcon?.($$renderer2);
-            $$renderer2.push(`<!---->`);
-          } else {
-            $$renderer2.push("<!--[-1-->");
-          }
-          $$renderer2.push(`<!--]-->`);
-        } else {
-          $$renderer2.push("<!--[-1-->");
-        }
-        $$renderer2.push(`<!--]--></div>`);
-      } else {
-        $$renderer2.push("<!--[-1-->");
-      }
-      $$renderer2.push(`<!--]--> <div data-content=""><div data-title=""${attr_class(clsx(cn(classes()?.title, toast?.classes?.title)))}>`);
-      if (toast.title) {
-        $$renderer2.push("<!--[0-->");
-        if (typeof toast.title !== "string") {
-          $$renderer2.push("<!--[0-->");
-          const Title = toast.title;
-          if (Title) {
-            $$renderer2.push("<!--[-->");
-            Title($$renderer2, spread_props([toast.componentProps]));
-            $$renderer2.push("<!--]-->");
-          } else {
-            $$renderer2.push("<!--[!-->");
-            $$renderer2.push("<!--]-->");
-          }
-        } else {
-          $$renderer2.push("<!--[-1-->");
-          $$renderer2.push(`${escape_html(toast.title)}`);
-        }
-        $$renderer2.push(`<!--]-->`);
-      } else {
-        $$renderer2.push("<!--[-1-->");
-      }
-      $$renderer2.push(`<!--]--></div> `);
-      if (toast.description) {
-        $$renderer2.push("<!--[0-->");
-        $$renderer2.push(`<div data-description=""${attr_class(clsx(cn(descriptionClass, toastDescriptionClass(), classes()?.description, toast.classes?.description)))}>`);
-        if (typeof toast.description !== "string") {
-          $$renderer2.push("<!--[0-->");
-          const Description = toast.description;
-          if (Description) {
-            $$renderer2.push("<!--[-->");
-            Description($$renderer2, spread_props([toast.componentProps]));
-            $$renderer2.push("<!--]-->");
-          } else {
-            $$renderer2.push("<!--[!-->");
-            $$renderer2.push("<!--]-->");
-          }
-        } else {
-          $$renderer2.push("<!--[-1-->");
-          $$renderer2.push(`${escape_html(toast.description)}`);
-        }
-        $$renderer2.push(`<!--]--></div>`);
-      } else {
-        $$renderer2.push("<!--[-1-->");
-      }
-      $$renderer2.push(`<!--]--></div> `);
-      if (toast.cancel) {
-        $$renderer2.push("<!--[0-->");
-        if (typeof toast.cancel === "function") {
-          $$renderer2.push("<!--[0-->");
-          if (toast.cancel) {
-            $$renderer2.push("<!--[-->");
-            toast.cancel($$renderer2, {});
-            $$renderer2.push("<!--]-->");
-          } else {
-            $$renderer2.push("<!--[!-->");
-            $$renderer2.push("<!--]-->");
-          }
-        } else if (isAction(toast.cancel)) {
-          $$renderer2.push("<!--[1-->");
-          $$renderer2.push(`<button data-button="" data-cancel=""${attr_style(toast.cancelButtonStyle ?? cancelButtonStyle)}${attr_class(clsx(cn(classes()?.cancelButton, toast?.classes?.cancelButton)))}>${escape_html(toast.cancel.label)}</button>`);
-        } else {
-          $$renderer2.push("<!--[-1-->");
-        }
-        $$renderer2.push(`<!--]-->`);
-      } else {
-        $$renderer2.push("<!--[-1-->");
-      }
-      $$renderer2.push(`<!--]--> `);
-      if (toast.action) {
-        $$renderer2.push("<!--[0-->");
-        if (typeof toast.action === "function") {
-          $$renderer2.push("<!--[0-->");
-          if (toast.action) {
-            $$renderer2.push("<!--[-->");
-            toast.action($$renderer2, {});
-            $$renderer2.push("<!--]-->");
-          } else {
-            $$renderer2.push("<!--[!-->");
-            $$renderer2.push("<!--]-->");
-          }
-        } else if (isAction(toast.action)) {
-          $$renderer2.push("<!--[1-->");
-          $$renderer2.push(`<button data-button=""${attr_style(toast.actionButtonStyle ?? actionButtonStyle)}${attr_class(clsx(cn(classes()?.actionButton, toast?.classes?.actionButton)))}>${escape_html(toast.action.label)}</button>`);
-        } else {
-          $$renderer2.push("<!--[-1-->");
-        }
-        $$renderer2.push(`<!--]-->`);
-      } else {
-        $$renderer2.push("<!--[-1-->");
-      }
-      $$renderer2.push(`<!--]-->`);
-    }
-    $$renderer2.push(`<!--]--></li>`);
-  });
-}
-function SuccessIcon($$renderer) {
-  $$renderer.push(`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" height="20" width="20" data-sonner-success-icon=""><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.857-9.809a.75.75 0 00-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.137-.089l4-5.5z" clip-rule="evenodd"></path></svg>`);
-}
-function ErrorIcon($$renderer) {
-  $$renderer.push(`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" height="20" width="20" data-sonner-error-icon=""><path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-8-5a.75.75 0 01.75.75v4.5a.75.75 0 01-1.5 0v-4.5A.75.75 0 0110 5zm0 10a1 1 0 100-2 1 1 0 000 2z" clip-rule="evenodd"></path></svg>`);
-}
-function WarningIcon($$renderer) {
-  $$renderer.push(`<svg viewBox="0 0 64 64" fill="currentColor" height="20" width="20" data-sonner-warning-icon="" xmlns="http://www.w3.org/2000/svg"><path d="M32.427,7.987c2.183,0.124 4,1.165 5.096,3.281l17.936,36.208c1.739,3.66 -0.954,8.585 -5.373,8.656l-36.119,0c-4.022,-0.064 -7.322,-4.631 -5.352,-8.696l18.271,-36.207c0.342,-0.65 0.498,-0.838 0.793,-1.179c1.186,-1.375 2.483,-2.111 4.748,-2.063Zm-0.295,3.997c-0.687,0.034 -1.316,0.419 -1.659,1.017c-6.312,11.979 -12.397,24.081 -18.301,36.267c-0.546,1.225 0.391,2.797 1.762,2.863c12.06,0.195 24.125,0.195 36.185,0c1.325,-0.064 2.321,-1.584 1.769,-2.85c-5.793,-12.184 -11.765,-24.286 -17.966,-36.267c-0.366,-0.651 -0.903,-1.042 -1.79,-1.03Z"></path><path d="M33.631,40.581l-3.348,0l-0.368,-16.449l4.1,0l-0.384,16.449Zm-3.828,5.03c0,-0.609 0.197,-1.113 0.592,-1.514c0.396,-0.4 0.935,-0.601 1.618,-0.601c0.684,0 1.223,0.201 1.618,0.601c0.395,0.401 0.593,0.905 0.593,1.514c0,0.587 -0.193,1.078 -0.577,1.473c-0.385,0.395 -0.929,0.593 -1.634,0.593c-0.705,0 -1.249,-0.198 -1.634,-0.593c-0.384,-0.395 -0.576,-0.886 -0.576,-1.473Z"></path></svg>`);
-}
-function InfoIcon($$renderer) {
-  $$renderer.push(`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" height="20" width="20" data-sonner-info-icon=""><path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a.75.75 0 000 1.5h.253a.25.25 0 01.244.304l-.459 2.066A1.75 1.75 0 0010.747 15H11a.75.75 0 000-1.5h-.253a.25.25 0 01-.244-.304l.459-2.066A1.75 1.75 0 009.253 9H9z" clip-rule="evenodd"></path></svg>`);
-}
-function CloseIcon($$renderer) {
-  $$renderer.push(`<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" data-sonner-close-icon=""><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>`);
-}
-const VISIBLE_TOASTS_AMOUNT = 3;
-const VIEWPORT_OFFSET = "24px";
-const MOBILE_VIEWPORT_OFFSET = "16px";
-const TOAST_LIFETIME = 4e3;
-const TOAST_WIDTH = 356;
-const GAP = 14;
-const DARK = "dark";
-const LIGHT = "light";
-function getOffsetObject(defaultOffset, mobileOffset) {
-  const styles = {};
-  [defaultOffset, mobileOffset].forEach((offset, index) => {
-    const isMobile = index === 1;
-    const prefix = isMobile ? "--mobile-offset" : "--offset";
-    const defaultValue = isMobile ? MOBILE_VIEWPORT_OFFSET : VIEWPORT_OFFSET;
-    function assignAll(offset2) {
-      ["top", "right", "bottom", "left"].forEach((key) => {
-        styles[`${prefix}-${key}`] = typeof offset2 === "number" ? `${offset2}px` : offset2;
-      });
-    }
-    if (typeof offset === "number" || typeof offset === "string") {
-      assignAll(offset);
-    } else if (typeof offset === "object") {
-      ["top", "right", "bottom", "left"].forEach((key) => {
-        const value = offset[key];
-        if (value === void 0) {
-          styles[`${prefix}-${key}`] = defaultValue;
-        } else {
-          styles[`${prefix}-${key}`] = typeof value === "number" ? `${value}px` : value;
-        }
-      });
-    } else {
-      assignAll(defaultValue);
-    }
-  });
-  return styles;
-}
-function Toaster($$renderer, $$props) {
-  $$renderer.component(($$renderer2) => {
-    function getInitialTheme(t) {
-      if (t !== "system") return t;
-      if (typeof window !== "undefined") {
-        if (window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches) {
-          return DARK;
-        }
-        return LIGHT;
-      }
-      return LIGHT;
-    }
-    let {
-      invert = false,
-      position = "bottom-right",
-      hotkey = ["altKey", "KeyT"],
-      expand = false,
-      closeButton = false,
-      offset = VIEWPORT_OFFSET,
-      mobileOffset = MOBILE_VIEWPORT_OFFSET,
-      theme = "light",
-      richColors = false,
-      duration = TOAST_LIFETIME,
-      visibleToasts = VISIBLE_TOASTS_AMOUNT,
-      toastOptions = {},
-      dir = "auto",
-      gap = GAP,
-      loadingIcon: loadingIconProp,
-      successIcon: successIconProp,
-      errorIcon: errorIconProp,
-      warningIcon: warningIconProp,
-      closeIcon: closeIconProp,
-      infoIcon: infoIconProp,
-      containerAriaLabel = "Notifications",
-      class: className,
-      closeButtonAriaLabel = "Close toast",
-      onblur,
-      onfocus,
-      onmouseenter,
-      onmousemove,
-      onmouseleave,
-      ondragend,
-      onpointerdown,
-      onpointerup,
-      $$slots,
-      $$events,
-      ...restProps
-    } = $$props;
-    function getDocumentDirection() {
-      if (dir !== "auto") return dir;
-      if (typeof window === "undefined") return "ltr";
-      if (typeof document === "undefined") return "ltr";
-      const dirAttribute = document.documentElement.getAttribute("dir");
-      if (dirAttribute === "auto" || !dirAttribute) {
-        run(() => dir = window.getComputedStyle(document.documentElement).direction ?? "ltr");
-        return dir;
-      }
-      run(() => dir = dirAttribute);
-      return dirAttribute;
-    }
-    const possiblePositions = derived(() => Array.from(new Set([
-      position,
-      ...toastState.toasts.filter((toast) => toast.position).map((toast) => toast.position)
-    ].filter(Boolean))));
-    let expanded = false;
-    let interacting = false;
-    let actualTheme = getInitialTheme(theme);
-    const hotkeyLabel = derived(() => hotkey.join("+").replace(/Key/g, "").replace(/Digit/g, ""));
-    sonnerContext.set(new SonnerState());
-    $$renderer2.push(`<section${attr("aria-label", `${stringify(containerAriaLabel)} ${stringify(hotkeyLabel())}`)}${attr("tabindex", -1)} aria-live="polite" aria-relevant="additions text" aria-atomic="false" class="svelte-m3i4mu">`);
-    if (toastState.toasts.length > 0) {
-      $$renderer2.push("<!--[0-->");
-      $$renderer2.push(`<!--[-->`);
-      const each_array = ensure_array_like(possiblePositions());
-      for (let index = 0, $$length = each_array.length; index < $$length; index++) {
-        let position2 = each_array[index];
-        const [y, x] = position2.split("-");
-        const offsetObject = getOffsetObject(offset, mobileOffset);
-        $$renderer2.push(`<ol${attributes(
-          {
-            tabindex: -1,
-            dir: getDocumentDirection(),
-            class: clsx(className),
-            "data-sonner-toaster": true,
-            "data-sonner-theme": actualTheme,
-            "data-y-position": y,
-            "data-x-position": x,
-            style: restProps.style,
-            ...restProps
-          },
-          "svelte-m3i4mu",
-          void 0,
-          {
-            "--front-toast-height": `${toastState.heights[0]?.height}px`,
-            "--width": `${TOAST_WIDTH}px`,
-            "--gap": `${gap}px`,
-            "--offset-top": offsetObject["--offset-top"],
-            "--offset-right": offsetObject["--offset-right"],
-            "--offset-bottom": offsetObject["--offset-bottom"],
-            "--offset-left": offsetObject["--offset-left"],
-            "--mobile-offset-top": offsetObject["--mobile-offset-top"],
-            "--mobile-offset-right": offsetObject["--mobile-offset-right"],
-            "--mobile-offset-bottom": offsetObject["--mobile-offset-bottom"],
-            "--mobile-offset-left": offsetObject["--mobile-offset-left"]
-          }
-        )}><!--[-->`);
-        const each_array_1 = ensure_array_like(toastState.toasts.filter((toast) => !toast.position && index === 0 || toast.position === position2));
-        for (let index2 = 0, $$length2 = each_array_1.length; index2 < $$length2; index2++) {
-          let toast = each_array_1[index2];
-          {
-            let successIcon = function($$renderer3) {
-              if (successIconProp) {
-                $$renderer3.push("<!--[0-->");
-                successIconProp?.($$renderer3);
-                $$renderer3.push(`<!---->`);
-              } else if (successIconProp !== null) {
-                $$renderer3.push("<!--[1-->");
-                SuccessIcon($$renderer3);
-              } else {
-                $$renderer3.push("<!--[-1-->");
-              }
-              $$renderer3.push(`<!--]-->`);
-            }, errorIcon = function($$renderer3) {
-              if (errorIconProp) {
-                $$renderer3.push("<!--[0-->");
-                errorIconProp?.($$renderer3);
-                $$renderer3.push(`<!---->`);
-              } else if (errorIconProp !== null) {
-                $$renderer3.push("<!--[1-->");
-                ErrorIcon($$renderer3);
-              } else {
-                $$renderer3.push("<!--[-1-->");
-              }
-              $$renderer3.push(`<!--]-->`);
-            }, warningIcon = function($$renderer3) {
-              if (warningIconProp) {
-                $$renderer3.push("<!--[0-->");
-                warningIconProp?.($$renderer3);
-                $$renderer3.push(`<!---->`);
-              } else if (warningIconProp !== null) {
-                $$renderer3.push("<!--[1-->");
-                WarningIcon($$renderer3);
-              } else {
-                $$renderer3.push("<!--[-1-->");
-              }
-              $$renderer3.push(`<!--]-->`);
-            }, infoIcon = function($$renderer3) {
-              if (infoIconProp) {
-                $$renderer3.push("<!--[0-->");
-                infoIconProp?.($$renderer3);
-                $$renderer3.push(`<!---->`);
-              } else if (infoIconProp !== null) {
-                $$renderer3.push("<!--[1-->");
-                InfoIcon($$renderer3);
-              } else {
-                $$renderer3.push("<!--[-1-->");
-              }
-              $$renderer3.push(`<!--]-->`);
-            }, closeIcon = function($$renderer3) {
-              if (closeIconProp) {
-                $$renderer3.push("<!--[0-->");
-                closeIconProp?.($$renderer3);
-                $$renderer3.push(`<!---->`);
-              } else if (closeIconProp !== null) {
-                $$renderer3.push("<!--[1-->");
-                CloseIcon($$renderer3);
-              } else {
-                $$renderer3.push("<!--[-1-->");
-              }
-              $$renderer3.push(`<!--]-->`);
-            };
-            Toast($$renderer2, {
-              index: index2,
-              toast,
-              defaultRichColors: richColors,
-              duration: toastOptions?.duration ?? duration,
-              class: toastOptions?.class ?? "",
-              descriptionClass: toastOptions?.descriptionClass || "",
-              invert,
-              visibleToasts,
-              closeButton,
-              interacting,
-              position: position2,
-              style: toastOptions?.style ?? "",
-              classes: toastOptions.classes || {},
-              unstyled: toastOptions.unstyled ?? false,
-              cancelButtonStyle: toastOptions?.cancelButtonStyle ?? "",
-              actionButtonStyle: toastOptions?.actionButtonStyle ?? "",
-              closeButtonAriaLabel: toastOptions?.closeButtonAriaLabel ?? closeButtonAriaLabel,
-              expandByDefault: expand,
-              expanded,
-              loadingIcon: loadingIconProp,
-              successIcon,
-              errorIcon,
-              warningIcon,
-              infoIcon,
-              closeIcon,
-              $$slots: {
-                successIcon: true,
-                errorIcon: true,
-                warningIcon: true,
-                infoIcon: true,
-                closeIcon: true
-              }
-            });
-          }
-        }
-        $$renderer2.push(`<!--]--></ol>`);
-      }
-      $$renderer2.push(`<!--]-->`);
-    } else {
-      $$renderer2.push("<!--[-1-->");
-    }
-    $$renderer2.push(`<!--]--></section>`);
-  });
-}
-function Tooltip_provider($$renderer, $$props) {
-  let { $$slots, $$events, ...restProps } = $$props;
-  if (Tooltip_provider$1) {
-    $$renderer.push("<!--[-->");
-    Tooltip_provider$1($$renderer, spread_props([restProps]));
-    $$renderer.push("<!--]-->");
-  } else {
-    $$renderer.push("<!--[!-->");
-    $$renderer.push("<!--]-->");
-  }
-}
-class ConfirmDialogStore {
-  #state = {
-    isOpen: false,
-    title: "",
-    description: "",
-    confirmLabel: "Confirm",
-    cancelLabel: "Cancel",
-    onConfirm: null,
-    variant: "default"
-  };
-  get state() {
-    return this.#state;
-  }
-  /**
-   * Show a confirmation dialog
-   * @returns Promise that resolves to true if confirmed, false if cancelled
-   */
-  confirm(options) {
-    return new Promise((resolve) => {
-      this.#state = {
-        isOpen: true,
-        title: options.title,
-        description: options.description,
-        confirmLabel: options.confirmLabel ?? "Confirm",
-        cancelLabel: options.cancelLabel ?? "Cancel",
-        variant: options.variant ?? "default",
-        onConfirm: () => {
-          this.close();
-          resolve(true);
-        }
-      };
-      this.#state.onCancel = () => {
-        this.close();
-        resolve(false);
-      };
-    });
-  }
-  close() {
-    this.#state.isOpen = false;
-  }
-  cancel() {
-    const onCancel = this.#state.onCancel;
-    if (onCancel) {
-      onCancel();
-    } else {
-      this.close();
-    }
-  }
-  handleConfirm() {
-    if (this.#state.onConfirm) {
-      this.#state.onConfirm();
-    }
-  }
-}
-const confirmDialogStore = new ConfirmDialogStore();
-function Confirm_dialog($$renderer, $$props) {
-  $$renderer.component(($$renderer2) => {
-    const state = derived(() => confirmDialogStore.state);
-    if (Alert_dialog) {
-      $$renderer2.push("<!--[-->");
-      Alert_dialog($$renderer2, {
-        open: state().isOpen,
-        onOpenChange: (open) => {
-          if (!open) {
-            confirmDialogStore.cancel();
-          }
-        },
-        children: ($$renderer3) => {
-          if (Alert_dialog_content) {
-            $$renderer3.push("<!--[-->");
-            Alert_dialog_content($$renderer3, {
-              children: ($$renderer4) => {
-                if (Alert_dialog_header) {
-                  $$renderer4.push("<!--[-->");
-                  Alert_dialog_header($$renderer4, {
-                    children: ($$renderer5) => {
-                      if (Alert_dialog_title) {
-                        $$renderer5.push("<!--[-->");
-                        Alert_dialog_title($$renderer5, {
-                          children: ($$renderer6) => {
-                            $$renderer6.push(`<!---->${escape_html(state().title)}`);
-                          },
-                          $$slots: { default: true }
-                        });
-                        $$renderer5.push("<!--]-->");
-                      } else {
-                        $$renderer5.push("<!--[!-->");
-                        $$renderer5.push("<!--]-->");
-                      }
-                      $$renderer5.push(` `);
-                      if (Alert_dialog_description) {
-                        $$renderer5.push("<!--[-->");
-                        Alert_dialog_description($$renderer5, {
-                          children: ($$renderer6) => {
-                            $$renderer6.push(`<!---->${escape_html(state().description)}`);
-                          },
-                          $$slots: { default: true }
-                        });
-                        $$renderer5.push("<!--]-->");
-                      } else {
-                        $$renderer5.push("<!--[!-->");
-                        $$renderer5.push("<!--]-->");
-                      }
-                    },
-                    $$slots: { default: true }
-                  });
-                  $$renderer4.push("<!--]-->");
-                } else {
-                  $$renderer4.push("<!--[!-->");
-                  $$renderer4.push("<!--]-->");
-                }
-                $$renderer4.push(` `);
-                if (Alert_dialog_footer) {
-                  $$renderer4.push("<!--[-->");
-                  Alert_dialog_footer($$renderer4, {
-                    children: ($$renderer5) => {
-                      if (Alert_dialog_cancel) {
-                        $$renderer5.push("<!--[-->");
-                        Alert_dialog_cancel($$renderer5, {
-                          children: ($$renderer6) => {
-                            $$renderer6.push(`<!---->${escape_html(state().cancelLabel)}`);
-                          },
-                          $$slots: { default: true }
-                        });
-                        $$renderer5.push("<!--]-->");
-                      } else {
-                        $$renderer5.push("<!--[!-->");
-                        $$renderer5.push("<!--]-->");
-                      }
-                      $$renderer5.push(` `);
-                      if (Alert_dialog_action) {
-                        $$renderer5.push("<!--[-->");
-                        Alert_dialog_action($$renderer5, {
-                          variant: state().variant,
-                          onclick: () => {
-                            confirmDialogStore.handleConfirm();
-                          },
-                          children: ($$renderer6) => {
-                            $$renderer6.push(`<!---->${escape_html(state().confirmLabel)}`);
-                          },
-                          $$slots: { default: true }
-                        });
-                        $$renderer5.push("<!--]-->");
-                      } else {
-                        $$renderer5.push("<!--[!-->");
-                        $$renderer5.push("<!--]-->");
-                      }
-                    },
-                    $$slots: { default: true }
-                  });
-                  $$renderer4.push("<!--]-->");
-                } else {
-                  $$renderer4.push("<!--[!-->");
-                  $$renderer4.push("<!--]-->");
-                }
-              },
-              $$slots: { default: true }
-            });
-            $$renderer3.push("<!--]-->");
-          } else {
-            $$renderer3.push("<!--[!-->");
-            $$renderer3.push("<!--]-->");
-          }
-        },
-        $$slots: { default: true }
-      });
-      $$renderer2.push("<!--]-->");
-    } else {
-      $$renderer2.push("<!--[!-->");
-      $$renderer2.push("<!--]-->");
-    }
-  });
-}
-function _layout($$renderer, $$props) {
-  $$renderer.component(($$renderer2) => {
-    let { data, children } = $$props;
-    const baseUrl = public_env.PUBLIC_BASE_URL;
-    watch(() => data?.user, (user) => {
-      if (user) {
-        identifyPosthogUser(user.id, {
-          email: user.email,
-          name: user.name,
-          plan: user.subscriptionTier
-        });
-      } else {
-        resetPosthogUser();
-      }
-    });
-    let $$settled = true;
-    let $$inner_renderer;
-    function $$render_inner($$renderer3) {
-      head("12qhfyh", $$renderer3, ($$renderer4) => {
-        $$renderer4.push(`<link rel="manifest" href="/site.webmanifest"/> <link rel="icon" href="/favicon.ico" sizes="any"/> <link rel="icon"${attr("href", asset("/favicon.svg"))} type="image/svg+xml"/> <link rel="apple-touch-icon"${attr("href", asset("/favicon.svg"))}/> <link rel="preconnect" href="https://fonts.googleapis.com"/> <link rel="dns-prefetch" href="https://www.google-analytics.com"/> <link rel="sitemap" href="/sitemap.xml"/> `);
-        if (useAnalytics()) {
-          $$renderer4.push("<!--[0-->");
-          $$renderer4.push(`<script defer="" data-domain="devmotion.app" src="https://plausible.emadev.co/js/script.js"><\/script>`);
-          $$renderer4.push(`<!---->`);
-        } else {
-          $$renderer4.push("<!--[-1-->");
-        }
-        $$renderer4.push(`<!--]-->`);
-      });
-      Json_ld($$renderer3, {
-        item: {
-          "@context": "https://schema.org",
-          "@type": "Organization",
-          name: "DevMotion",
-          url: baseUrl,
-          logo: { "@type": "ImageObject", url: `${baseUrl}/favicon.svg` },
-          description: "DevMotion is a professional motion graphics editor for the web. Like After Effects, but browser-based with AI assistance. Create animations with timeline control, keyframes, and layer system.",
-          foundingDate: "2026",
-          sameAs: ["https://twitter.com/emadev01"],
-          contactPoint: {
-            "@type": "ContactPoint",
-            contactType: "customer support",
-            url: baseUrl
-          }
-        }
-      });
-      $$renderer3.push(`<!----> `);
-      Json_ld($$renderer3, {
-        item: {
-          "@context": "https://schema.org",
-          "@type": "WebSite",
-          name: "DevMotion",
-          url: baseUrl,
-          description: "Professional motion graphics editor reimagined for the web. AI-powered timeline, keyframe animation, and layer-based composition. Free to use, no installation required.",
-          potentialAction: {
-            "@type": "SearchAction",
-            target: {
-              "@type": "EntryPoint",
-              urlTemplate: `${baseUrl}/gallery?search={search_term_string}`
-            },
-            "query-input": "required name=search_term_string"
-          },
-          publisher: {
-            "@type": "Organization",
-            name: "DevMotion",
-            logo: { "@type": "ImageObject", url: `${baseUrl}/favicon.svg` }
-          }
-        }
-      });
-      $$renderer3.push(`<!----> `);
-      Json_ld($$renderer3, {
-        item: {
-          "@context": "https://schema.org",
-          "@type": "SoftwareApplication",
-          name: "DevMotion",
-          applicationCategory: "MultimediaApplication",
-          operatingSystem: "Web Browser",
-          url: baseUrl,
-          screenshot: `${baseUrl}/og.png`,
-          softwareVersion: "1.0",
-          offers: { "@type": "Offer", price: "0", priceCurrency: "USD" },
-          description: "Professional motion graphics and animation studio for the web. Timeline editor, keyframe animation, AI assistance. Like After Effects, but browser-based and free.",
-          featureList: [
-            "AI-powered animation suggestions",
-            "Intuitive keyframe editor",
-            "Layer-based composition",
-            "Multiple export formats",
-            "Real-time preview",
-            "Community gallery"
-          ],
-          aggregateRating: {
-            "@type": "AggregateRating",
-            ratingValue: "4.8",
-            ratingCount: "1200",
-            bestRating: "5",
-            worstRating: "1"
-          },
-          author: { "@type": "Organization", name: "DevMotion" }
-        }
-      });
-      $$renderer3.push(`<!----> `);
-      Toaster($$renderer3, { richColors: true, position: "top-right" });
-      $$renderer3.push(`<!----> `);
-      {
-        $$renderer3.push("<!--[-1-->");
-      }
-      $$renderer3.push(`<!--]--> `);
-      Confirm_dialog($$renderer3);
-      $$renderer3.push(`<!----> `);
-      if (Tooltip_provider) {
-        $$renderer3.push("<!--[-->");
-        Tooltip_provider($$renderer3, {
-          children: ($$renderer4) => {
-            children?.($$renderer4);
-            $$renderer4.push(`<!---->`);
-          },
-          $$slots: { default: true }
-        });
-        $$renderer3.push("<!--]-->");
-      } else {
-        $$renderer3.push("<!--[!-->");
-        $$renderer3.push("<!--]-->");
-      }
-    }
-    do {
-      $$settled = true;
-      $$inner_renderer = $$renderer2.copy();
-      $$render_inner($$inner_renderer);
-    } while (!$$settled);
-    $$renderer2.subsume($$inner_renderer);
-  });
-}
-
-export { _layout as default };
-//# sourceMappingURL=_layout.svelte-CfDTUogU.js.map