@epoch32/visage 1.1.3 → 1.1.4

package/dist/style/index.js

@@ -1,2431 +1,79 @@
-// src/signals/types.ts
-var SubscriberState;
-((SubscriberState) => {
-  SubscriberState[SubscriberState["CLEAN"] = 0] = "CLEAN";
-  SubscriberState[SubscriberState["CHECK_DIRTY"] = 1] = "CHECK_DIRTY";
-  SubscriberState[SubscriberState["DIRTY"] = 2] = "DIRTY";
-  SubscriberState[SubscriberState["DISPOSED"] = 3] = "DISPOSED";
-})(SubscriberState ||= {});
-var SIGNAL_BRAND = Symbol("visage.signal");
-var COMPUTED_BRAND = Symbol("visage.computed");
-function isSignal(value) {
-  return typeof value === "function" && ((SIGNAL_BRAND in value) || (COMPUTED_BRAND in value));
-}
-
-// src/signals/system.ts
-var currentSubscriber = null;
-var currentScope = null;
-var batchDepth = 0;
-var pendingEffects = new Set;
-var warnedCyclicSubscribers = new WeakSet;
-var isFlushing = false;
-function setCurrentSubscriber(sub) {
-  currentSubscriber = sub;
-}
-function setCurrentScope(scope) {
-  currentScope = scope;
-}
-function getCurrentScope() {
-  return currentScope;
-}
-function addPendingEffect(eff) {
-  pendingEffects.add(eff);
-}
-function removePendingEffect(eff) {
-  pendingEffects.delete(eff);
-}
-var MAX_FLUSH_COUNT = 100;
-function flushEffects() {
-  if (isFlushing || batchDepth > 0)
-    return;
-  isFlushing = true;
-  let iterations = 0;
-  try {
-    while (pendingEffects.size > 0) {
-      if (++iterations > MAX_FLUSH_COUNT) {
-        pendingEffects.clear();
-        throw new Error(`[Visage Reactivity] Maximum update depth exceeded (${MAX_FLUSH_COUNT} cycles). ` + `An effect continuously triggered state mutations (infinite loop detected). ` + `Ensure effects that modify signals do not unconditionally depend on them, or use untrack() to read state.`);
-      }
-      const effectsToRun = Array.from(pendingEffects);
-      pendingEffects.clear();
-      for (const eff of effectsToRun) {
-        if (eff.state === 2 /* DIRTY */ || eff.state === 1 /* CHECK_DIRTY */) {
-          eff.run();
-        }
-      }
-    }
-  } finally {
-    isFlushing = false;
-  }
-}
-function batch(fn) {
-  batchDepth++;
-  try {
-    return fn();
-  } finally {
-    batchDepth--;
-    if (batchDepth === 0) {
-      flushEffects();
-    }
-  }
-}
-function untrack(fn) {
-  const prev = currentSubscriber;
-  currentSubscriber = null;
-  try {
-    return fn();
-  } finally {
-    currentSubscriber = prev;
-  }
-}
-
-// src/signals/computed.ts
-class Computed {
-  [COMPUTED_BRAND] = true;
-  _fn;
-  _value;
-  _subscribers = new Set;
-  sources = new Set;
-  sourceVersions = new Map;
-  state = 2 /* DIRTY */;
-  scope;
-  version = 0;
-  constructor(fn) {
-    this._fn = fn;
-    this.scope = currentScope;
-    if (currentScope) {
-      currentScope.addSubscriber(this);
-    }
-  }
-  get() {
-    if (this.state === 3 /* DISPOSED */) {
-      return this._fn();
-    }
-    if (currentSubscriber !== null && currentSubscriber.state !== 3 /* DISPOSED */) {
-      this._subscribers.add(currentSubscriber);
-      currentSubscriber.sources.add(this);
-      currentSubscriber.sourceVersions.set(this, this.version);
-    }
-    if (this.state === 2 /* DIRTY */ || this.state === 1 /* CHECK_DIRTY */) {
-      this.updateIfNecessary();
-    }
-    return this._value;
-  }
-  get value() {
-    return this.get();
-  }
-  removeSubscriber(sub) {
-    this._subscribers.delete(sub);
-  }
-  markDirty(targetState = 1 /* CHECK_DIRTY */) {
-    if (this.state >= targetState || this.state === 3 /* DISPOSED */) {
-      return;
-    }
-    this.state = targetState;
-    for (const sub of this._subscribers) {
-      sub.markDirty(1 /* CHECK_DIRTY */);
-    }
-  }
-  updateIfNecessary() {
-    if (this.state === 2 /* DIRTY */) {
-      const prev = this._value;
-      this.recompute();
-      return !Object.is(prev, this._value);
-    }
-    if (this.state === 1 /* CHECK_DIRTY */) {
-      let anyChanged = false;
-      for (const source of this.sources) {
-        if (source instanceof Computed) {
-          source.updateIfNecessary();
-        }
-        const lastVersion = this.sourceVersions.get(source);
-        if (lastVersion !== undefined && lastVersion !== source.version) {
-          anyChanged = true;
-        }
-      }
-      if (anyChanged) {
-        const prev = this._value;
-        this.recompute();
-        return !Object.is(prev, this._value);
-      }
-      this.state = 0 /* CLEAN */;
-      return false;
-    }
-    return false;
-  }
-  recompute() {
-    this.cleanupSources();
-    const prevSubscriber = currentSubscriber;
-    setCurrentSubscriber(this);
-    const prevScope = currentScope;
-    setCurrentScope(this.scope);
-    try {
-      const next = this._fn();
-      if (!Object.is(this._value, next)) {
-        this._value = next;
-        this.version++;
-      }
-      this.state = 0 /* CLEAN */;
-    } finally {
-      setCurrentSubscriber(prevSubscriber);
-      setCurrentScope(prevScope);
-    }
-  }
-  cleanupSources() {
-    for (const source of this.sources) {
-      source.removeSubscriber(this);
-    }
-    this.sources.clear();
-    this.sourceVersions.clear();
-  }
-  dispose() {
-    if (this.state === 3 /* DISPOSED */)
-      return;
-    this.state = 3 /* DISPOSED */;
-    this.cleanupSources();
-    this._subscribers.clear();
-  }
-}
-function computed(fn, options) {
-  const isInternal = options?.internal ?? false;
-  const customName = options?.name;
-  const c = new Computed(fn);
-  const accessor = () => c.get();
-  Object.defineProperties(accessor, {
-    [COMPUTED_BRAND]: { value: true },
-    get: { value: () => c.get() },
-    value: { get: () => c.get() }
-  });
-  if (!isInternal && typeof window !== "undefined" && window.__VISAGE_DEVTOOLS__) {
-    const devtools = window.__VISAGE_DEVTOOLS__;
-    const sigId = devtools.registerSignal({
-      name: customName,
-      type: "computed",
-      getValue: () => c.get(),
-      version: () => c.version,
-      subscribersCount: () => c._subscribers?.size ?? 0,
-      dependencies: () => Array.from(c.sources ?? []).map((src) => src._devId).filter(Boolean),
-      dependents: () => Array.from(c._subscribers ?? []).map((sub) => sub._devId).filter(Boolean)
-    });
-    c._devId = sigId;
-    if (currentScope) {
-      currentScope.addCleanup(() => {
-        devtools.unregisterSignal(sigId);
-      });
-    }
-  }
-  return accessor;
-}
-var createMemo = computed;
-// src/style/cx.ts
-function hasReactiveClass(val) {
-  if (typeof val === "function")
-    return true;
-  if (Array.isArray(val)) {
-    for (let i = 0;i < val.length; i++) {
-      if (hasReactiveClass(val[i]))
-        return true;
-    }
-    return false;
-  }
-  if (typeof val === "object" && val !== null) {
-    for (const k in val) {
-      if (typeof val[k] === "function")
-        return true;
-    }
-  }
-  return false;
-}
-function normalizeClass(val) {
-  if (!val)
-    return "";
-  if (typeof val === "function")
-    return normalizeClass(val());
-  if (typeof val === "string")
-    return val.trim();
-  if (typeof val === "number")
-    return String(val);
-  if (Array.isArray(val)) {
-    let res = "";
-    for (let i = 0;i < val.length; i++) {
-      const item = typeof val[i] === "function" ? val[i]() : val[i];
-      const itemStr = normalizeClass(item);
-      if (itemStr) {
-        res = res ? `${res} ${itemStr}` : itemStr;
-      }
-    }
-    return res;
-  }
-  if (typeof val === "object") {
-    let res = "";
-    for (const key in val) {
-      const condition = typeof val[key] === "function" ? val[key]() : val[key];
-      if (condition) {
-        res = res ? `${res} ${key}` : key;
-      }
-    }
-    return res;
-  }
-  return "";
-}
-function cx(...args) {
-  return normalizeClass(args);
-}
-
-// src/style/scale.ts
-var UNITLESS_PROPERTIES = new Set([
-  "animationIterationCount",
-  "aspectRatio",
-  "borderImageSlice",
-  "columnCount",
-  "columns",
-  "flex",
-  "flexGrow",
-  "flexShrink",
-  "flexOrder",
-  "fontWeight",
-  "lineHeight",
-  "opacity",
-  "order",
-  "orphans",
-  "scale",
-  "tabSize",
-  "widows",
-  "zIndex",
-  "zoom",
-  "fillOpacity",
-  "strokeOpacity"
-]);
-var DIMENSION_KEYWORDS = {
-  screen: "100dvh",
-  "screen-h": "100dvh",
-  "screen-w": "100dvw",
-  full: "100%",
-  half: "50%",
-  third: "33.333333%",
-  "two-thirds": "66.666667%",
-  quarter: "25%",
-  "three-quarters": "75%",
-  auto: "auto",
-  min: "min-content",
-  max: "max-content",
-  fit: "fit-content"
-};
-function space(val) {
-  if (val === undefined || val === null || val === "")
-    return "";
-  if (typeof val === "number") {
-    if (val === 0)
-      return "0px";
-    return `${val * 4}px`;
-  }
-  const str = String(val).trim();
-  if (str in DIMENSION_KEYWORDS) {
-    return DIMENSION_KEYWORDS[str];
-  }
-  return str;
-}
-function resolveDimension(val) {
-  if (val === undefined || val === null || val === "")
-    return "";
-  if (typeof val === "number") {
-    if (val === 0)
-      return "0px";
-    if (val > 48)
-      return `${val}px`;
-    return `${val * 4}px`;
-  }
-  const str = String(val).trim();
-  if (str in DIMENSION_KEYWORDS) {
-    return DIMENSION_KEYWORDS[str];
-  }
-  return str;
-}
-function px(val) {
-  return `${val}px`;
-}
-function rem(val) {
-  return `${val}rem`;
-}
-function em(val) {
-  return `${val}em`;
-}
-function fluid(minPx, maxPx, options) {
-  const minVw = options?.minVw ?? 375;
-  const maxVw = options?.maxVw ?? 1280;
-  const slope = (maxPx - minPx) / (maxVw - minVw);
-  const yIntercept = -minVw * slope + minPx;
-  const slopeVw = slope * 100;
-  const preferred = `${yIntercept.toFixed(2)}px + ${slopeVw.toFixed(2)}vw`;
-  const min = Math.min(minPx, maxPx);
-  const max = Math.max(minPx, maxPx);
-  return `clamp(${min}px, ${preferred}, ${max}px)`;
-}
-var SHADOW_PRESETS = {
-  none: "none",
-  sm: "0 1px 2px 0 rgba(0, 0, 0, 0.05)",
-  md: "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1)",
-  lg: "0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1)",
-  xl: "0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1)",
-  soft: "0 8px 30px rgba(0, 0, 0, 0.06)",
-  glow: "0 0 24px rgba(168, 85, 247, 0.35)",
-  inner: "inset 0 2px 4px 0 rgba(0, 0, 0, 0.06)"
-};
-function shadow(variant) {
-  if (variant in SHADOW_PRESETS) {
-    return SHADOW_PRESETS[variant];
-  }
-  return variant;
-}
-var RADIUS_PRESETS = {
-  none: "0px",
-  sm: "4px",
-  md: "8px",
-  lg: "12px",
-  xl: "16px",
-  "2xl": "20px",
-  "3xl": "24px",
-  full: "9999px"
-};
-function radius(variant) {
-  if (typeof variant === "number") {
-    return `${variant}px`;
-  }
-  if (variant in RADIUS_PRESETS) {
-    return RADIUS_PRESETS[variant];
-  }
-  return String(variant);
-}
-function glass(options = {}) {
-  const blurVal = typeof options.blur === "number" ? `${options.blur}px` : options.blur ?? "20px";
-  const tintVal = options.tint ?? "rgba(255, 255, 255, 0.65)";
-  const borderVal = options.border ?? "1px solid rgba(255, 255, 255, 0.75)";
-  return {
-    backdropFilter: `blur(${blurVal})`,
-    WebkitBackdropFilter: `blur(${blurVal})`,
-    backgroundColor: tintVal,
-    border: borderVal
-  };
-}
-function formatStyleProp(prop, val) {
-  if (val === null || val === undefined || val === "")
-    return "";
-  if (typeof val === "number") {
-    if (val === 0 || UNITLESS_PROPERTIES.has(prop)) {
-      return String(val);
-    }
-    return `${val}px`;
-  }
-  const str = String(val).trim();
-  if (str in DIMENSION_KEYWORDS) {
-    const lowerProp = prop.toLowerCase();
-    if (str === "screen") {
-      if (lowerProp.includes("width"))
-        return "100dvw";
-      return "100dvh";
-    }
-    return DIMENSION_KEYWORDS[str];
-  }
-  return str;
-}
-
-// src/dom/render.ts
-function isReactive(value) {
-  return isSignal(value) || typeof value === "function";
-}
-function resolveValue(val) {
-  if (typeof val === "function") {
-    return val();
-  }
-  return val;
-}
-function render(fn, container) {
-  return createRoot((dispose) => {
-    container.textContent = "";
-    const node = insertChild(container, fn());
-    onCleanup(() => {
-      if (node && node instanceof Node && node.parentNode === container) {
-        container.removeChild(node);
-      }
-    });
-    return dispose;
-  });
-}
-function setAttribute(el, key, value) {
-  if (key.startsWith("on") && typeof value === "function") {
-    const eventName = key.startsWith("onCapture") ? key.slice(9).toLowerCase() : key.slice(2).toLowerCase();
-    const useCapture = key.startsWith("onCapture");
-    el.addEventListener(eventName, value, useCapture);
-    onCleanup(() => {
-      el.removeEventListener(eventName, value, useCapture);
-    });
-    return;
-  }
-  if (key === "ref" && typeof value === "function") {
-    value(el);
-    return;
-  }
-  if (key === "class" || key === "className") {
-    if (hasReactiveClass(value)) {
-      effect(() => {
-        const cls = normalizeClass(value);
-        if (cls)
-          el.setAttribute("class", cls);
-        else
-          el.removeAttribute("class");
-      });
-    } else {
-      const cls = normalizeClass(value);
-      if (cls)
-        el.setAttribute("class", cls);
-      else
-        el.removeAttribute("class");
-    }
-    return;
-  }
-  if (isReactive(value)) {
-    effect(() => {
-      const resolved = resolveValue(value);
-      applyProp(el, key, resolved);
-    });
-  } else {
-    applyProp(el, key, value);
-  }
-}
-function setStyleProperty(el, prop, val) {
-  const formatted = formatStyleProp(prop, val);
-  if (prop.startsWith("--") || prop.includes("-")) {
-    if (formatted === "") {
-      el.style.removeProperty(prop);
-    } else {
-      el.style.setProperty(prop, formatted);
-    }
-  } else {
-    el.style[prop] = formatted;
-  }
-}
-function applyProp(el, key, value) {
-  if (value === null || value === undefined || value === false && !key.startsWith("aria-") && !key.startsWith("data-")) {
-    if (key === "className" || key === "class") {
-      el.removeAttribute("class");
-    } else if (key === "style" && typeof value === "string") {
-      el.removeAttribute("style");
-    } else if (key in el && !(el instanceof SVGElement)) {
-      try {
-        el[key] = typeof el[key] === "boolean" ? false : "";
-      } catch {
-        el.removeAttribute(key);
-      }
-    } else {
-      el.removeAttribute(key);
-    }
-    return;
-  }
-  if (key === "className" || key === "class") {
-    const cls = normalizeClass(value);
-    if (cls) {
-      el.setAttribute("class", cls);
-    } else {
-      el.removeAttribute("class");
-    }
-  } else if (key === "style") {
-    if (typeof value === "string") {
-      el.setAttribute("style", value);
-    } else if (typeof value === "object" && value !== null) {
-      for (const styleKey in value) {
-        const styleVal = value[styleKey];
-        if (isReactive(styleVal)) {
-          effect(() => {
-            setStyleProperty(el, styleKey, resolveValue(styleVal));
-          });
-        } else {
-          setStyleProperty(el, styleKey, styleVal);
-        }
-      }
-    }
-  } else if (key === "dangerouslySetInnerHTML" && value && typeof value.__html === "string") {
-    el.innerHTML = value.__html;
-  } else if (key in el && !(el instanceof SVGElement) && key !== "list" && key !== "form") {
-    try {
-      el[key] = value;
-    } catch {
-      el.setAttribute(key, String(value));
-    }
-  } else {
-    if (key.startsWith("aria-") || key.startsWith("data-")) {
-      el.setAttribute(key, String(value));
-    } else if (value === true) {
-      el.setAttribute(key, "");
-    } else {
-      el.setAttribute(key, String(value));
-    }
-  }
-}
-function insertChild(parent, child, before = null) {
-  if (child === null || child === undefined || child === false || child === true) {
-    return null;
-  }
-  if (child instanceof Node) {
-    parent.insertBefore(child, before);
-    return child;
-  }
-  if (Array.isArray(child)) {
-    const fragment = document.createDocumentFragment();
-    for (const item of child) {
-      insertChild(fragment, item);
-    }
-    parent.insertBefore(fragment, before);
-    return fragment;
-  }
-  if (isReactive(child)) {
-    const marker = document.createTextNode("");
-    parent.insertBefore(marker, before);
-    let childScope = null;
-    let currentNodes = [];
-    effect(() => {
-      const resolved = resolveValue(child);
-      if ((typeof resolved === "string" || typeof resolved === "number") && currentNodes.length === 1 && currentNodes[0].nodeType === Node.TEXT_NODE) {
-        currentNodes[0].data = String(resolved);
-        return;
-      }
-      if (childScope) {
-        childScope.dispose();
-      }
-      childScope = new Scope(getActiveScope());
-      runInScope(childScope, () => {
-        for (const node of currentNodes) {
-          if (node.parentNode) {
-            node.parentNode.removeChild(node);
-          }
-        }
-        currentNodes = [];
-        if (resolved === null || resolved === undefined || resolved === false) {
-          return;
-        }
-        const frag = document.createDocumentFragment();
-        if (typeof resolved === "string" || typeof resolved === "number" || typeof resolved === "boolean") {
-          frag.appendChild(document.createTextNode(String(resolved)));
-        } else {
-          insertChild(frag, resolved);
-        }
-        currentNodes = Array.from(frag.childNodes);
-        if (marker.parentNode) {
-          marker.parentNode.insertBefore(frag, marker);
-        }
-      });
-    });
-    onCleanup(() => {
-      if (childScope) {
-        childScope.dispose();
-      }
-      for (const node of currentNodes) {
-        if (node.parentNode) {
-          node.parentNode.removeChild(node);
-        }
-      }
-      if (marker.parentNode) {
-        marker.parentNode.removeChild(marker);
-      }
-    });
-    return marker;
-  }
-  const textNode = document.createTextNode(String(child));
-  parent.insertBefore(textNode, before);
-  return textNode;
-}
-
-// src/signals/scope.ts
-class Scope {
-  subscribers = new Set;
-  cleanups = [];
-  parent = null;
-  isDisposed = false;
-  context;
-  constructor(parent = currentScope) {
-    this.parent = parent;
-    if (parent && !parent.isDisposed) {
-      parent.cleanups.push(() => this.dispose());
-      if (parent.context) {
-        this.context = new Map(parent.context);
-      }
-    }
-  }
-  addSubscriber(sub) {
-    if (this.isDisposed)
-      return;
-    this.subscribers.add(sub);
-  }
-  addCleanup(fn) {
-    if (this.isDisposed) {
-      fn();
-      return;
-    }
-    this.cleanups.push(fn);
-  }
-  dispose() {
-    if (this.isDisposed)
-      return;
-    this.isDisposed = true;
-    for (const sub of this.subscribers) {
-      sub.dispose();
-    }
-    this.subscribers.clear();
-    for (let i = this.cleanups.length - 1;i >= 0; i--) {
-      try {
-        this.cleanups[i]();
-      } catch (err) {
-        console.error("Error during cleanup:", err);
-      }
-    }
-    this.cleanups = [];
-  }
-}
-function onCleanup(fn) {
-  if (currentSubscriber && "addCleanup" in currentSubscriber) {
-    currentSubscriber.addCleanup(fn);
-  } else if (currentScope) {
-    currentScope.addCleanup(fn);
-  }
-}
-function createRoot(fn) {
-  const prevScope = currentScope;
-  const scope = new Scope(null);
-  setCurrentScope(scope);
-  try {
-    return fn(() => scope.dispose());
-  } finally {
-    setCurrentScope(prevScope);
-  }
-}
-function runInScope(scope, fn) {
-  const prevScope = currentScope;
-  setCurrentScope(scope);
-  try {
-    return fn();
-  } finally {
-    setCurrentScope(prevScope);
-  }
-}
-function getActiveScope() {
-  return getCurrentScope();
-}
-
-// src/signals/context.ts
-function createContext(defaultValue) {
-  const id = Symbol("visage.context");
-  const context = {
-    id,
-    defaultValue,
-    Provider: (props) => {
-      const parentScope = getActiveScope();
-      const scope = new Scope(parentScope);
-      if (!scope.context) {
-        scope.context = new Map(parentScope?.context);
-      }
-      scope.context.set(id, props.value);
-      return runInScope(scope, () => {
-        const content = typeof props.children === "function" ? props.children() : props.children;
-        if (typeof document !== "undefined") {
-          const frag = document.createDocumentFragment();
-          insertChild(frag, content);
-          return frag;
-        }
-        return content;
-      });
-    }
-  };
-  return context;
-}
-function useContext(context) {
-  let scope = getActiveScope();
-  while (scope) {
-    if (scope.context?.has(context.id)) {
-      return scope.context.get(context.id);
-    }
-    scope = scope.parent;
-  }
-  return context.defaultValue;
-}
-// src/signals/effect.ts
-class Effect {
-  _fn;
-  sources = new Set;
-  sourceVersions = new Map;
-  cleanups = [];
-  state = 2 /* DIRTY */;
-  scope;
-  constructor(fn) {
-    this._fn = fn;
-    this.scope = currentScope;
-    if (currentScope) {
-      currentScope.addSubscriber(this);
-    }
-    this.run();
-  }
-  addCleanup(fn) {
-    this.cleanups.push(fn);
-  }
-  runCleanups() {
-    for (let i = this.cleanups.length - 1;i >= 0; i--) {
-      try {
-        this.cleanups[i]();
-      } catch (e) {
-        console.error("Error in effect cleanup:", e);
-      }
-    }
-    this.cleanups = [];
-  }
-  markDirty(targetState = 2 /* DIRTY */) {
-    if (this.state >= targetState || this.state === 3 /* DISPOSED */) {
-      return;
-    }
-    this.state = targetState;
-    addPendingEffect(this);
-    if (batchDepth === 0) {
-      flushEffects();
-    }
-  }
-  run() {
-    if (this.state === 3 /* DISPOSED */)
-      return;
-    if (this.state === 1 /* CHECK_DIRTY */) {
-      let isDirty = false;
-      for (const source of this.sources) {
-        if (source instanceof Computed) {
-          source.updateIfNecessary();
-        }
-        const lastVersion = this.sourceVersions.get(source);
-        if (lastVersion !== undefined && lastVersion !== source.version) {
-          isDirty = true;
-        }
-      }
-      if (!isDirty) {
-        this.state = 0 /* CLEAN */;
-        return;
-      }
-    }
-    this.runCleanups();
-    this.cleanupSources();
-    const prevSubscriber = currentSubscriber;
-    setCurrentSubscriber(this);
-    const prevScope = currentScope;
-    setCurrentScope(this.scope);
-    try {
-      this.state = 0 /* CLEAN */;
-      const res = this._fn();
-      if (typeof res === "function") {
-        this.cleanups.push(res);
-      }
-    } finally {
-      setCurrentSubscriber(prevSubscriber);
-      setCurrentScope(prevScope);
-    }
-  }
-  cleanupSources() {
-    for (const source of this.sources) {
-      source.removeSubscriber(this);
-    }
-    this.sources.clear();
-    this.sourceVersions.clear();
-  }
-  dispose() {
-    if (this.state === 3 /* DISPOSED */)
-      return;
-    this.state = 3 /* DISPOSED */;
-    this.runCleanups();
-    this.cleanupSources();
-    removePendingEffect(this);
-  }
-}
-function effect(fn) {
-  const eff = new Effect(fn);
-  return () => eff.dispose();
-}
-var createEffect = effect;
-// src/signals/signal.ts
-class Signal {
-  [SIGNAL_BRAND] = true;
-  _value;
-  _subscribers = new Set;
-  _equals;
-  _onSet;
-  version = 0;
-  constructor(initialValue, equals, onSet) {
-    this._value = initialValue;
-    this._equals = equals ?? Object.is;
-    this._onSet = onSet;
-  }
-  get() {
-    if (currentSubscriber !== null && currentSubscriber.state !== 3 /* DISPOSED */) {
-      this._subscribers.add(currentSubscriber);
-      currentSubscriber.sources.add(this);
-      currentSubscriber.sourceVersions.set(this, this.version);
-    }
-    return this._value;
-  }
-  set(newValue) {
-    if (this._equals(this._value, newValue)) {
-      return;
-    }
-    if (currentSubscriber !== null && this._subscribers.has(currentSubscriber)) {
-      if (!warnedCyclicSubscribers.has(currentSubscriber)) {
-        warnedCyclicSubscribers.add(currentSubscriber);
-        if (typeof console !== "undefined" && typeof console.warn === "function") {
-          console.warn(`[Visage Reactivity] Cyclic update detected: An active subscriber modified a signal that it depends on. ` + `To read a signal inside an effect/computed without creating a circular dependency, wrap the read in untrack():
-` + `  untrack(() => signal())`);
-        }
-      }
-    }
-    this._value = newValue;
-    this.version++;
-    if (this._onSet) {
-      this._onSet(newValue);
-    }
-    batch(() => {
-      this.notify();
-    });
-  }
-  update(fn) {
-    this.set(fn(this._value));
-  }
-  get value() {
-    return this.get();
-  }
-  set value(val) {
-    this.set(val);
-  }
-  removeSubscriber(sub) {
-    this._subscribers.delete(sub);
-  }
-  notify() {
-    if (this._subscribers.size === 0)
-      return;
-    const subs = Array.from(this._subscribers);
-    for (const sub of subs) {
-      sub.markDirty(2 /* DIRTY */);
-    }
-  }
-}
-function resolveStorage(storageOption) {
-  if (storageOption && typeof storageOption === "object") {
-    return storageOption;
-  }
-  if (storageOption === "session") {
-    try {
-      if (typeof sessionStorage !== "undefined")
-        return sessionStorage;
-    } catch {}
-    try {
-      if (typeof window !== "undefined" && window.sessionStorage) {
-        return window.sessionStorage;
-      }
-    } catch {}
-    try {
-      if (typeof globalThis !== "undefined" && globalThis.sessionStorage) {
-        return globalThis.sessionStorage;
-      }
-    } catch {}
-    return null;
-  }
-  try {
-    if (typeof localStorage !== "undefined")
-      return localStorage;
-  } catch {}
-  try {
-    if (typeof window !== "undefined" && window.localStorage) {
-      return window.localStorage;
-    }
-  } catch {}
-  try {
-    if (typeof globalThis !== "undefined" && globalThis.localStorage) {
-      return globalThis.localStorage;
-    }
-  } catch {}
-  return null;
-}
-function signal(initialValue, optionsOrEquals) {
-  const equals = typeof optionsOrEquals === "function" ? optionsOrEquals : optionsOrEquals?.equals;
-  const isInternal = typeof optionsOrEquals === "object" ? optionsOrEquals?.internal : false;
-  const customName = typeof optionsOrEquals === "object" ? optionsOrEquals?.name : undefined;
-  const persistOption = typeof optionsOrEquals === "object" ? optionsOrEquals?.persist : undefined;
-  const persistConfig = persistOption ? typeof persistOption === "string" ? { key: persistOption } : persistOption : undefined;
-  let effectiveInitial = initialValue;
-  const storage = persistConfig ? resolveStorage(persistConfig.storage) : null;
-  const serialize = persistConfig?.serialize ?? JSON.stringify;
-  const deserialize = persistConfig?.deserialize ?? JSON.parse;
-  if (persistConfig && storage) {
-    try {
-      const stored = storage.getItem(persistConfig.key);
-      if (stored !== null) {
-        effectiveInitial = deserialize(stored);
-      }
-    } catch {}
-  }
-  let isSyncing = false;
-  const onSet = persistConfig && storage ? (val) => {
-    if (isSyncing)
-      return;
-    try {
-      storage.setItem(persistConfig.key, serialize(val));
-    } catch {}
-  } : undefined;
-  const s = new Signal(effectiveInitial, equals, onSet);
-  if (persistConfig && storage && (persistConfig.syncTabs ?? true) && typeof window !== "undefined" && typeof window.addEventListener === "function") {
-    const onStorage = (e) => {
-      if (e.key === persistConfig.key) {
-        try {
-          const nextVal = e.newValue !== null ? deserialize(e.newValue) : initialValue;
-          isSyncing = true;
-          try {
-            s.set(nextVal);
-          } finally {
-            isSyncing = false;
-          }
-        } catch {}
-      }
-    };
-    window.addEventListener("storage", onStorage);
-    if (currentScope) {
-      currentScope.addCleanup(() => {
-        window.removeEventListener("storage", onStorage);
-      });
-    }
-  }
-  const accessor = (...args) => {
-    if (args.length === 0) {
-      return s.get();
-    }
-    s.set(args[0]);
-    return args[0];
-  };
-  Object.defineProperties(accessor, {
-    [SIGNAL_BRAND]: { value: true },
-    get: { value: () => s.get() },
-    set: { value: (v) => s.set(v) },
-    update: { value: (fn) => s.update(fn) },
-    value: {
-      get: () => s.get(),
-      set: (v) => s.set(v)
-    }
-  });
-  if (!isInternal && typeof window !== "undefined" && window.__VISAGE_DEVTOOLS__) {
-    const devtools = window.__VISAGE_DEVTOOLS__;
-    const sigId = devtools.registerSignal({
-      name: customName,
-      type: "signal",
-      getValue: () => s.get(),
-      version: () => s.version,
-      subscribersCount: () => s._subscribers?.size ?? 0,
-      dependents: () => Array.from(s._subscribers ?? []).map((sub) => sub._devId).filter(Boolean)
-    });
-    s._devId = sigId;
-    if (currentScope) {
-      currentScope.addCleanup(() => {
-        devtools.unregisterSignal(sigId);
-      });
-    }
-  }
-  return accessor;
-}
-function createSignal(initialValue, optionsOrEquals) {
-  const s = signal(initialValue, optionsOrEquals);
-  const setter = (value) => {
-    if (typeof value === "function") {
-      s.update(value);
-    } else {
-      s.set(value);
-    }
-  };
-  return [s, setter];
-}
-// src/signals/store.ts
-var STORE_RAW = Symbol("visage.store.raw");
-var STORE_SIGNALS = Symbol("visage.store.signals");
-var STORE_PROXY = Symbol("visage.store.proxy");
-function isObject(val) {
-  return typeof val === "object" && val !== null && (typeof Node === "undefined" || !(val instanceof Node)) && !isSignal(val);
-}
-function getOrCreatePropertySignal(target, prop) {
-  let signalsMap = target[STORE_SIGNALS];
-  if (!signalsMap) {
-    signalsMap = new Map;
-    Object.defineProperty(target, STORE_SIGNALS, {
-      value: signalsMap,
-      enumerable: false,
-      writable: true
-    });
-  }
-  let sig = signalsMap.get(prop);
-  if (!sig) {
-    sig = new Signal(target[prop]);
-    signalsMap.set(prop, sig);
-  }
-  return sig;
-}
-function createStoreProxy(target) {
-  if (!isObject(target))
-    return target;
-  if (target[STORE_PROXY])
-    return target[STORE_PROXY];
-  const proxy = new Proxy(target, {
-    get(target, prop, receiver) {
-      if (prop === STORE_RAW)
-        return target;
-      if (prop === STORE_PROXY)
-        return proxy;
-      if (typeof prop === "string" || typeof prop === "symbol") {
-        const sig = getOrCreatePropertySignal(target, prop);
-        sig.get();
-      }
-      const value = Reflect.get(target, prop, receiver);
-      if (isObject(value)) {
-        return createStoreProxy(value);
-      }
-      return value;
-    },
-    set(target, prop, value, receiver) {
-      const prevValue = Reflect.get(target, prop, receiver);
-      if (Object.is(prevValue, value)) {
-        return true;
-      }
-      const success = Reflect.set(target, prop, value, receiver);
-      if (success) {
-        const sig = getOrCreatePropertySignal(target, prop);
-        sig.set(value);
-        if (Array.isArray(target) && prop !== "length") {
-          const lenSig = getOrCreatePropertySignal(target, "length");
-          lenSig.set(target.length);
-        }
-      }
-      return success;
-    },
-    deleteProperty(target, prop) {
-      const hadProp = Reflect.has(target, prop);
-      const success = Reflect.deleteProperty(target, prop);
-      if (hadProp && success) {
-        const sig = getOrCreatePropertySignal(target, prop);
-        sig.set(undefined);
-      }
-      return success;
-    }
-  });
-  Object.defineProperty(target, STORE_PROXY, {
-    value: proxy,
-    enumerable: false,
-    writable: true
-  });
-  return proxy;
-}
-function createStore(initialState) {
-  if (!isObject(initialState)) {
-    throw new Error("createStore requires an object or array as initial state");
-  }
-  return createStoreProxy(initialState);
-}
-function mutateStore(store, mutator) {
-  batch(() => {
-    mutator(store);
-  });
-}
-function unwrapStore(store) {
-  if (isObject(store) && store[STORE_RAW]) {
-    return store[STORE_RAW];
-  }
-  return store;
-}
-// src/style/hash.ts
-function hashString(str) {
-  let hash = 2166136261;
-  for (let i = 0;i < str.length; i++) {
-    hash ^= str.charCodeAt(i);
-    hash = Math.imul(hash, 16777619);
-  }
-  return (hash >>> 0).toString(36);
-}
-function getScopeId(css, prefix = "v") {
-  const hash = hashString(css.trim());
-  return `${prefix}-${hash}`;
-}
-
-// src/style/manager.ts
-class StyleManager {
-  _styles = new Map;
-  _ssrStyles = new Set;
-  inject(id, css) {
-    let entry = this._styles.get(id);
-    if (!entry) {
-      entry = { id, css, count: 0 };
-      this._styles.set(id, entry);
-      if (typeof document !== "undefined") {
-        const target = document.head || document.documentElement || document.body;
-        if (target) {
-          const styleEl = document.createElement("style");
-          styleEl.id = `visage-style-${id}`;
-          styleEl.setAttribute("data-visage-scope", id);
-          styleEl.textContent = css;
-          target.appendChild(styleEl);
-          entry.element = styleEl;
-        }
-      }
-      this._ssrStyles.add(css);
-    }
-    entry.count++;
-    return () => {
-      if (!entry)
-        return;
-      entry.count--;
-      if (entry.count <= 0) {
-        if (entry.element?.parentNode) {
-          entry.element.parentNode.removeChild(entry.element);
-        }
-        this._styles.delete(id);
-      }
-    };
-  }
-  has(id) {
-    return this._styles.has(id);
-  }
-  extractSSRStyles() {
-    return Array.from(this._ssrStyles).join(`
-`);
-  }
-  clear() {
-    for (const entry of this._styles.values()) {
-      if (entry.element?.parentNode) {
-        entry.element.parentNode.removeChild(entry.element);
-      }
-    }
-    this._styles.clear();
-    this._ssrStyles.clear();
-  }
-}
-var styleManager = new StyleManager;
-function extractStyleTags() {
-  const css = styleManager.extractSSRStyles();
-  return css ? `<style data-visage-ssr="true">${css}</style>` : "";
-}
-
-// src/style/parser.ts
-function scopeSelector(selector, options) {
-  const { scopeId, passToChildren = false } = options;
-  const scopeAttr = `[data-${scopeId}]`;
-  const parts = splitSelectorList(selector);
-  return parts.map((part) => {
-    const trimmed = part.trim();
-    if (!trimmed)
-      return "";
-    if (trimmed.includes(":global(") || trimmed.includes("::v-global(")) {
-      return trimmed.replace(/(.*?)(?:::v-global|:global)\(([^)]+)\)(.*)/g, (_match, before, globalTarget, after) => {
-        const prefix = before.trim();
-        const scopedPrefix = prefix ? scopeCompoundSelector(prefix, scopeAttr) : "";
-        if (scopedPrefix) {
-          return `${scopedPrefix} ${globalTarget.trim()}${after}`;
-        }
-        return `${globalTarget.trim()}${after}`;
-      }).trim();
-    }
-    if (trimmed.includes(":deep(") || trimmed.includes("::v-deep(")) {
-      return trimmed.replace(/(.*?)(?:::v-deep|:deep)\(([^)]+)\)(.*)/g, (_match, before, deepTarget, after) => {
-        const prefix = before.trim();
-        const scopedPrefix = prefix ? scopeCompoundSelector(prefix, scopeAttr) : scopeAttr;
-        return `${scopedPrefix} ${deepTarget.trim()}${after}`;
-      }).trim();
-    }
-    if (passToChildren) {
-      const compound = scopeCompoundSelector(trimmed, scopeAttr);
-      return `${scopeAttr} ${trimmed}, ${compound}`;
-    }
-    return scopeCompoundSelector(trimmed, scopeAttr);
-  }).filter(Boolean).join(", ");
-}
-function scopeCompoundSelector(selector, scopeAttr) {
-  const combinatorRegex = /([ >+~]+)/;
-  const tokens = selector.split(combinatorRegex);
-  const scopedTokens = tokens.map((token, index) => {
-    if (index % 2 === 1)
-      return token;
-    const piece = token.trim();
-    if (!piece || piece === "*")
-      return piece ? `${piece}${scopeAttr}` : "";
-    const pseudoElemIdx = piece.indexOf("::");
-    if (pseudoElemIdx !== -1) {
-      const base = piece.slice(0, pseudoElemIdx);
-      const pseudo = piece.slice(pseudoElemIdx);
-      return `${base}${scopeAttr}${pseudo}`;
-    }
-    const pseudoClassIdx = piece.indexOf(":");
-    if (pseudoClassIdx !== -1) {
-      const base = piece.slice(0, pseudoClassIdx);
-      const pseudo = piece.slice(pseudoClassIdx);
-      return `${base}${scopeAttr}${pseudo}`;
-    }
-    return `${piece}${scopeAttr}`;
-  });
-  return scopedTokens.join("");
-}
-function splitSelectorList(selectorList) {
-  const result = [];
-  let depth = 0;
-  let current = "";
-  for (let i = 0;i < selectorList.length; i++) {
-    const char = selectorList[i];
-    if (char === "(") {
-      depth++;
-      current += char;
-    } else if (char === ")") {
-      depth = Math.max(0, depth - 1);
-      current += char;
-    } else if (char === "," && depth === 0) {
-      if (current.trim())
-        result.push(current.trim());
-      current = "";
-    } else {
-      current += char;
-    }
-  }
-  if (current.trim())
-    result.push(current.trim());
-  return result;
-}
-function scopeCSS(css, options) {
-  const { scopeId } = options;
-  const keyframeNames = new Set;
-  const keyframeRegex = /@(?:-webkit-)?keyframes\s+([a-zA-Z0-9_-]+)/g;
-  let kMatch = keyframeRegex.exec(css);
-  while (kMatch !== null) {
-    if (kMatch[1]) {
-      keyframeNames.add(kMatch[1]);
-    }
-    kMatch = keyframeRegex.exec(css);
-  }
-  let processed = css;
-  for (const name of keyframeNames) {
-    const scopedName = `${scopeId}-${name}`;
-    const defRegex = new RegExp(`(@(?:-webkit-)?keyframes\\s+)${name}\\b`, "g");
-    processed = processed.replace(defRegex, `$1${scopedName}`);
-  }
-  if (keyframeNames.size > 0) {
-    for (const name of keyframeNames) {
-      const scopedName = `${scopeId}-${name}`;
-      const animRegex = new RegExp(`(animation(?:-name)?\\s*:[^;}]*?)\\b${name}\\b([^;}]*)`, "g");
-      processed = processed.replace(animRegex, `$1${scopedName}$2`);
-    }
-  }
-  return transformRules(processed, options);
-}
-function transformRules(css, options) {
-  let output = "";
-  let i = 0;
-  const len = css.length;
-  while (i < len) {
-    while (i < len && /\s/.test(css[i])) {
-      output += css[i];
-      i++;
-    }
-    if (i >= len)
-      break;
-    if (css[i] === "/" && css[i + 1] === "*") {
-      const endComment = css.indexOf("*/", i + 2);
-      if (endComment === -1) {
-        output += css.slice(i);
-        break;
-      }
-      output += css.slice(i, endComment + 2);
-      i = endComment + 2;
-      continue;
-    }
-    const openBrace = css.indexOf("{", i);
-    if (openBrace === -1) {
-      output += css.slice(i);
-      break;
-    }
-    const header = css.slice(i, openBrace).trim();
-    if (header.startsWith("@")) {
-      if (header.startsWith("@media") || header.startsWith("@supports") || header.startsWith("@container")) {
-        const closeBrace = findMatchingBrace(css, openBrace);
-        const innerContent = css.slice(openBrace + 1, closeBrace);
-        const transformedInner = transformRules(innerContent, options);
-        output += `${header} {
-${transformedInner}
-}`;
-        i = closeBrace + 1;
-        continue;
-      }
-      if (header.includes("keyframes") || header.startsWith("@font-face")) {
-        const closeBrace = findMatchingBrace(css, openBrace);
-        output += css.slice(i, closeBrace + 1);
-        i = closeBrace + 1;
-        continue;
-      }
-    }
-    const closeBrace = css.indexOf("}", openBrace);
-    if (closeBrace === -1) {
-      output += css.slice(i);
-      break;
-    }
-    const body = css.slice(openBrace + 1, closeBrace);
-    const scopedSelector = scopeSelector(header, options);
-    output += `${scopedSelector} {${body}}`;
-    i = closeBrace + 1;
-  }
-  return output;
-}
-function findMatchingBrace(str, openIndex) {
-  let depth = 0;
-  for (let i = openIndex;i < str.length; i++) {
-    if (str[i] === "{")
-      depth++;
-    else if (str[i] === "}") {
-      depth--;
-      if (depth === 0)
-        return i;
-    }
-  }
-  return str.length - 1;
-}
-
-// src/style/create-style.ts
-function formatCSSValue(prop, val) {
-  return formatStyleProp(prop, val);
-}
-function objectToCSS(classes) {
-  let css = "";
-  for (const [selector, rules] of Object.entries(classes)) {
-    if (typeof rules !== "object" || rules === null)
-      continue;
-    const sel = selector.startsWith(".") || selector.startsWith("@") || selector.startsWith(":") || selector.includes(" ") || selector === "*" ? selector : `.${selector}`;
-    let mainRules = "";
-    let nestedRules = "";
-    for (const [prop, val] of Object.entries(rules)) {
-      if (typeof val === "object" && val !== null) {
-        const nestedSel = prop.startsWith("&") ? prop.replace(/&/g, sel) : prop.startsWith(":") ? `${sel}${prop}` : `${sel} ${prop}`;
-        nestedRules += `${nestedSel} {
-`;
-        for (const [np, nv] of Object.entries(val)) {
-          if (nv !== undefined && nv !== null) {
-            const kebab = np.replace(/[A-Z]/g, (m) => `-${m.toLowerCase()}`);
-            nestedRules += `  ${kebab}: ${formatCSSValue(np, nv)};
-`;
-          }
-        }
-        nestedRules += `}
-`;
-      } else if (val !== undefined && val !== null) {
-        const kebab = prop.replace(/[A-Z]/g, (m) => `-${m.toLowerCase()}`);
-        mainRules += `  ${kebab}: ${formatCSSValue(prop, val)};
-`;
-      }
-    }
-    if (mainRules) {
-      css += `${sel} {
-${mainRules}}
-`;
-    }
-    if (nestedRules) {
-      css += nestedRules;
-    }
-  }
-  return css;
-}
-function createStyle(templateOrObject, ...valuesOrOptions) {
-  let cssInput = "";
-  let options;
-  if (typeof templateOrObject === "object" && !Array.isArray(templateOrObject)) {
-    cssInput = objectToCSS(templateOrObject);
-    options = valuesOrOptions[0];
-  } else if (typeof templateOrObject === "string") {
-    cssInput = templateOrObject;
-    options = valuesOrOptions[0];
-  } else {
-    const template = templateOrObject;
-    for (let i = 0;i < template.length; i++) {
-      cssInput += template[i];
-      if (i < valuesOrOptions.length) {
-        cssInput += String(valuesOrOptions[i]);
-      }
-    }
-  }
-  const scopeId = options?.id ?? getScopeId(cssInput);
-  const scopeAttr = `data-${scopeId}`;
-  const classMap = {};
-  const classRegex = /\.([a-zA-Z0-9_-]+)/g;
-  let match = classRegex.exec(cssInput);
-  while (match !== null) {
-    const className = match[1];
-    if (className && !classMap[className]) {
-      classMap[className] = `${className}_${scopeId}`;
-    }
-    match = classRegex.exec(cssInput);
-  }
-  let transformedCSS = cssInput;
-  for (const [orig, scoped] of Object.entries(classMap)) {
-    const replaceRegex = new RegExp(`\\.${orig}\\b`, "g");
-    transformedCSS = transformedCSS.replace(replaceRegex, `.${scoped}`);
-  }
-  const finalScopedCSS = scopeCSS(transformedCSS, {
-    scopeId,
-    passToChildren: options?.passToChildren ?? false
-  });
-  styleManager.inject(scopeId, finalScopedCSS);
-  const result = {
-    ...classMap,
-    scope: scopeId,
-    scopeAttr,
-    css: finalScopedCSS,
-    cx: (...args) => cx(...args)
-  };
-  return result;
-}
-function css(strings, ...values) {
-  let rawCSS = "";
-  for (let i = 0;i < strings.length; i++) {
-    rawCSS += strings[i];
-    if (i < values.length) {
-      rawCSS += String(values[i]);
-    }
-  }
-  const scopeId = getScopeId(rawCSS, "cls");
-  const className = `visage_${scopeId}`;
-  const fullCSS = rawCSS.includes("&") ? rawCSS.replace(/&/g, `.${className}`) : `.${className} { ${rawCSS} }`;
-  const scoped = scopeCSS(fullCSS, { scopeId });
-  styleManager.inject(scopeId, scoped);
-  return className;
-}
-function useStyle(cssInput, options) {
-  const getRaw = () => {
-    const val = typeof cssInput === "function" ? cssInput() : cssInput;
-    return typeof val === "object" ? objectToCSS(val) : val;
-  };
-  const raw = getRaw();
-  const scopeId = options?.id ?? getScopeId(raw);
-  const scopedCSS = scopeCSS(raw, {
-    scopeId,
-    passToChildren: options?.passToChildren ?? false
-  });
-  const cleanup = styleManager.inject(scopeId, scopedCSS);
-  onCleanup(() => {
-    cleanup();
-  });
-  return scopeId;
-}
-
-// src/style/component.tsx
-function Style(props) {
-  const getRawCSS = () => {
-    if (props.classes) {
-      const cls = typeof props.classes === "function" ? props.classes() : props.classes;
-      return objectToCSS(cls);
-    }
-    if (props.children) {
-      const ch = typeof props.children === "function" ? props.children() : props.children;
-      return typeof ch === "object" ? objectToCSS(ch) : ch;
-    }
-    return "";
-  };
-  const rawCSS = getRawCSS();
-  const scopeId = props.id ?? getScopeId(rawCSS);
-  const scopeAttr = `data-${scopeId}`;
-  if (typeof document !== "undefined") {
-    const marker = document.createTextNode("");
-    let unsubscribe = null;
-    effect(() => {
-      const currentCSS = getRawCSS();
-      const currentScopeId = props.id ?? getScopeId(currentCSS);
-      const scoped = scopeCSS(currentCSS, {
-        scopeId: currentScopeId,
-        passToChildren: props.passToChildren ?? true
-      });
-      if (unsubscribe) {
-        unsubscribe();
-      }
-      unsubscribe = styleManager.inject(currentScopeId, scoped);
-      const attachScope = () => {
-        const parent = marker.parentElement || marker.parentNode;
-        if (parent && typeof parent.setAttribute === "function") {
-          parent.setAttribute(`data-${currentScopeId}`, "");
-        }
-      };
-      attachScope();
-      queueMicrotask(attachScope);
-    });
-    onCleanup(() => {
-      if (unsubscribe) {
-        unsubscribe();
-      }
-      const parent = marker.parentElement || marker.parentNode;
-      if (parent && typeof parent.removeAttribute === "function") {
-        parent.removeAttribute(scopeAttr);
-      }
-    });
-    return marker;
-  }
-  const scoped = scopeCSS(rawCSS, {
-    scopeId,
-    passToChildren: props.passToChildren ?? true
-  });
-  styleManager.inject(scopeId, scoped);
-  return null;
-}
-// src/dom/resource.ts
-var SuspenseContext = createContext(null);
-function createResource(sourceOrFetcher, maybeFetcher) {
-  const isDirect = typeof maybeFetcher !== "function";
-  const fetcher = isDirect ? sourceOrFetcher : maybeFetcher;
-  const source = isDirect ? null : sourceOrFetcher;
-  const data = signal(undefined);
-  const loading = signal(true);
-  const error = signal(null);
-  let currentPromise = null;
-  let requestId = 0;
-  const load = async (arg) => {
-    const currentReq = ++requestId;
-    loading.set(true);
-    error.set(null);
-    const promise = isDirect ? fetcher() : fetcher(arg);
-    currentPromise = promise;
-    const suspense = useContext(SuspenseContext);
-    if (suspense) {
-      suspense.registerPromise(promise);
-    }
-    try {
-      const res = await promise;
-      if (currentReq === requestId) {
-        data.set(res);
-        loading.set(false);
-        currentPromise = null;
-      }
-      return res;
-    } catch (err) {
-      if (currentReq === requestId) {
-        error.set(err);
-        loading.set(false);
-        currentPromise = null;
-      }
-      throw err;
-    }
-  };
-  if (source) {
-    effect(() => {
-      const sourceVal = resolveValue(source);
-      if (sourceVal !== false && sourceVal !== null && sourceVal !== undefined) {
-        load(sourceVal).catch(() => {});
-      }
-    });
-  } else {
-    load().catch(() => {});
-  }
-  const accessor = () => {
-    if (loading() && currentPromise) {
-      const suspense = useContext(SuspenseContext);
-      if (suspense) {
-        suspense.registerPromise(currentPromise);
-      }
-    }
-    return data();
-  };
-  Object.defineProperties(accessor, {
-    loading: { get: () => loading },
-    error: { get: () => error },
-    mutate: { value: (val) => data.set(val) },
-    refetch: { value: () => source ? load(resolveValue(source)) : load() }
-  });
-  return accessor;
-}
-
-// src/dom/lazy.ts
-function lazy(importer) {
-  let loadedComponent = null;
-  let loadingPromise = null;
-  const preload = () => {
-    if (loadedComponent) {
-      return Promise.resolve(loadedComponent);
-    }
-    if (!loadingPromise) {
-      loadingPromise = importer().then((mod) => {
-        const comp = mod && typeof mod === "object" && "default" in mod ? mod.default : mod;
-        loadedComponent = comp;
-        return comp;
-      }).catch((err) => {
-        loadingPromise = null;
-        throw err;
-      });
-    }
-    return loadingPromise;
-  };
-  const LazyWrapper = (props) => {
-    if (loadedComponent) {
-      return loadedComponent(props);
-    }
-    const promise = preload();
-    const suspense = useContext(SuspenseContext);
-    if (suspense) {
-      suspense.registerPromise(promise);
-    }
-    const res = createResource(() => promise);
-    return () => {
-      const Comp = res();
-      return Comp ? Comp(props) : null;
-    };
-  };
-  LazyWrapper.preload = preload;
-  return LazyWrapper;
-}
-// src/dom/async.ts
-function Suspense(props) {
-  if (typeof document === "undefined") {
-    return typeof props.children === "function" ? props.children() : props.children;
-  }
-  const marker = document.createTextNode("");
-  const initialFrag = document.createDocumentFragment();
-  const pendingCount = signal(0);
-  let currentScope = null;
-  let currentNodes = [];
-  let isMounted = false;
-  const suspenseValue = {
-    registerPromise(p) {
-      pendingCount.update((c) => c + 1);
-      p.finally(() => {
-        pendingCount.update((c) => Math.max(0, c - 1));
-      });
-    }
-  };
-  const renderContent = (content) => {
-    const parent = marker.parentNode ?? (!isMounted ? initialFrag : null);
-    if (!parent)
-      return;
-    for (const n of currentNodes) {
-      if (n.parentNode)
-        n.parentNode.removeChild(n);
-    }
-    currentNodes = [];
-    const frag = document.createDocumentFragment();
-    insertChild(frag, content);
-    currentNodes = Array.from(frag.childNodes);
-    if (marker.parentNode) {
-      marker.parentNode.insertBefore(frag, marker);
-    } else if (!isMounted) {
-      initialFrag.appendChild(frag);
-    }
-  };
-  effect(() => {
-    if (currentScope) {
-      currentScope.dispose();
-      currentScope = null;
-    }
-    currentScope = new Scope(getActiveScope());
-    runInScope(currentScope, () => {
-      let threwPromise = null;
-      let rendered = null;
-      try {
-        const SuspenseProvider = SuspenseContext.Provider;
-        rendered = SuspenseProvider({
-          value: suspenseValue,
-          children: props.children
-        });
-      } catch (err) {
-        if (err && typeof err.then === "function") {
-          threwPromise = err;
-          suspenseValue.registerPromise(err);
-        } else {
-          throw err;
-        }
-      }
-      if (pendingCount() > 0 || threwPromise) {
-        renderContent(props.fallback);
-      } else {
-        renderContent(rendered);
-      }
-    });
-  });
-  isMounted = true;
-  initialFrag.appendChild(marker);
-  onCleanup(() => {
-    if (currentScope)
-      currentScope.dispose();
-  });
-  return initialFrag;
-}
-function ErrorBoundary(props) {
-  if (typeof document === "undefined") {
-    try {
-      return typeof props.children === "function" ? props.children() : props.children;
-    } catch (err) {
-      return typeof props.fallback === "function" ? props.fallback(err, () => {}) : props.fallback;
-    }
-  }
-  const marker = document.createTextNode("");
-  const initialFrag = document.createDocumentFragment();
-  const currentError = signal(null);
-  let currentScope = null;
-  let currentNodes = [];
-  let isMounted = false;
-  const reset = () => {
-    currentError.set(null);
-  };
-  const renderNodes = (child) => {
-    const parent = marker.parentNode ?? (!isMounted ? initialFrag : null);
-    if (!parent)
-      return;
-    for (const n of currentNodes) {
-      if (n.parentNode)
-        n.parentNode.removeChild(n);
-    }
-    currentNodes = [];
-    const frag = document.createDocumentFragment();
-    insertChild(frag, child);
-    currentNodes = Array.from(frag.childNodes);
-    if (marker.parentNode) {
-      marker.parentNode.insertBefore(frag, marker);
-    } else if (!isMounted) {
-      initialFrag.appendChild(frag);
-    }
-  };
-  effect(() => {
-    const err = currentError();
-    if (currentScope) {
-      currentScope.dispose();
-      currentScope = null;
-    }
-    currentScope = new Scope(getActiveScope());
-    runInScope(currentScope, () => {
-      if (err !== null) {
-        const fallbackNode = typeof props.fallback === "function" ? props.fallback(err, reset) : props.fallback;
-        renderNodes(fallbackNode);
-      } else {
-        try {
-          const content = typeof props.children === "function" ? props.children() : props.children;
-          renderNodes(content);
-        } catch (catchedErr) {
-          currentError.set(catchedErr);
-        }
-      }
-    });
-  });
-  isMounted = true;
-  initialFrag.appendChild(marker);
-  onCleanup(() => {
-    if (currentScope)
-      currentScope.dispose();
-  });
-  return initialFrag;
-}
-// src/dom/control-flow.ts
-function Show(props) {
-  if (typeof document === "undefined") {
-    const condition = resolveValue(props.when);
-    if (condition) {
-      return typeof props.children === "function" && props.children.length > 0 ? props.children(() => resolveValue(props.when)) : typeof props.children === "function" ? props.children() : props.children;
-    }
-    return props.fallback ?? null;
-  }
-  const marker = document.createComment("visage-show");
-  const initialFrag = document.createDocumentFragment();
-  initialFrag.appendChild(marker);
-  let currentScope = null;
-  let currentContent = [];
-  effect(() => {
-    const condition = resolveValue(props.when);
-    if (currentScope) {
-      currentScope.dispose();
-      currentScope = null;
-    }
-    for (const node of currentContent) {
-      if (node.parentNode) {
-        node.parentNode.removeChild(node);
-      }
-    }
-    currentContent = [];
-    const frag = document.createDocumentFragment();
-    if (condition) {
-      currentScope = new Scope(getActiveScope());
-      untrack(() => {
-        runInScope(currentScope, () => {
-          const childRes = typeof props.children === "function" && props.children.length > 0 ? props.children(() => resolveValue(props.when)) : typeof props.children === "function" ? props.children() : props.children;
-          insertChild(frag, childRes);
-        });
-      });
-    } else if (props.fallback !== undefined) {
-      currentScope = new Scope(getActiveScope());
-      untrack(() => {
-        runInScope(currentScope, () => {
-          const fallbackRes = typeof props.fallback === "function" ? props.fallback() : props.fallback;
-          insertChild(frag, fallbackRes);
-        });
-      });
-    }
-    currentContent = Array.from(frag.childNodes);
-    const parent = marker.parentNode;
-    if (parent) {
-      parent.insertBefore(frag, marker);
-    }
-  });
-  onCleanup(() => {
-    if (currentScope) {
-      currentScope.dispose();
-    }
-    for (const node of currentContent) {
-      if (node.parentNode) {
-        node.parentNode.removeChild(node);
-      }
-    }
-    if (marker.parentNode) {
-      marker.parentNode.removeChild(marker);
-    }
-  });
-  return initialFrag;
-}
-function For(props) {
-  if (typeof document === "undefined") {
-    const list = resolveValue(props.each) ?? [];
-    if (list.length === 0) {
-      return props.fallback ?? null;
-    }
-    return list.map((item, idx) => props.children(item, () => idx));
-  }
-  const marker = document.createTextNode("");
-  const initialFrag = document.createDocumentFragment();
-  let items = [];
-  let fallbackScope = null;
-  let fallbackNodes = [];
-  let isMounted = false;
-  effect(() => {
-    const list = resolveValue(props.each) ?? [];
-    const parent = marker.parentNode ?? (!isMounted ? initialFrag : null);
-    if (list.length === 0) {
-      for (const rec of items) {
-        rec.scope.dispose();
-        for (const node of rec.nodes) {
-          if (node.parentNode)
-            node.parentNode.removeChild(node);
-        }
-      }
-      items = [];
-      if (props.fallback !== undefined && fallbackNodes.length === 0 && parent) {
-        fallbackScope = new Scope(getActiveScope());
-        untrack(() => {
-          runInScope(fallbackScope, () => {
-            const frag = document.createDocumentFragment();
-            insertChild(frag, props.fallback);
-            fallbackNodes = Array.from(frag.childNodes);
-            if (marker.parentNode) {
-              marker.parentNode.insertBefore(frag, marker);
-            } else if (!isMounted) {
-              initialFrag.appendChild(frag);
-            }
-          });
-        });
-      }
-      return;
-    }
-    if (fallbackNodes.length > 0) {
-      if (fallbackScope) {
-        fallbackScope.dispose();
-        fallbackScope = null;
-      }
-      for (const node of fallbackNodes) {
-        if (node.parentNode)
-          node.parentNode.removeChild(node);
-      }
-      fallbackNodes = [];
-    }
-    if (!parent)
-      return;
-    const newItems = [];
-    const prevMap = new Map;
-    for (const rec of items) {
-      prevMap.set(rec.item, rec);
-    }
-    for (let i = 0;i < list.length; i++) {
-      const item = list[i];
-      const existing = prevMap.get(item);
-      if (existing) {
-        existing.indexSignal(i);
-        newItems.push(existing);
-        prevMap.delete(item);
-      } else {
-        let indexVal = i;
-        const indexSubscribers = new Set;
-        const indexSignal = (...args) => {
-          if (args.length > 0 && args[0] !== undefined && args[0] !== indexVal) {
-            indexVal = args[0];
-            for (const sub of Array.from(indexSubscribers))
-              sub();
-          }
-          return indexVal;
-        };
-        const itemScope = new Scope(getActiveScope());
-        let itemNodes = [];
-        untrack(() => {
-          runInScope(itemScope, () => {
-            const frag = document.createDocumentFragment();
-            const child = props.children(item, indexSignal);
-            insertChild(frag, child);
-            itemNodes = Array.from(frag.childNodes);
-          });
-        });
-        newItems.push({
-          item,
-          scope: itemScope,
-          nodes: itemNodes,
-          indexSignal
-        });
-      }
-    }
-    for (const [, removed] of prevMap) {
-      removed.scope.dispose();
-      for (const node of removed.nodes) {
-        if (node.parentNode)
-          node.parentNode.removeChild(node);
-      }
-    }
-    if (marker.parentNode) {
-      let currentMarker = marker;
-      for (let i = newItems.length - 1;i >= 0; i--) {
-        const rec = newItems[i];
-        for (let j = rec.nodes.length - 1;j >= 0; j--) {
-          const node = rec.nodes[j];
-          if (node.nextSibling !== currentMarker) {
-            marker.parentNode.insertBefore(node, currentMarker);
-          }
-          currentMarker = node;
-        }
-      }
-    } else if (!isMounted) {
-      for (const rec of newItems) {
-        for (const node of rec.nodes) {
-          initialFrag.appendChild(node);
-        }
-      }
-    }
-    items = newItems;
-  });
-  isMounted = true;
-  initialFrag.appendChild(marker);
-  onCleanup(() => {
-    for (const rec of items) {
-      rec.scope.dispose();
-    }
-    if (fallbackScope) {
-      fallbackScope.dispose();
-    }
-  });
-  return initialFrag;
-}
-function Portal(props) {
-  if (typeof document === "undefined") {
-    return null;
-  }
-  const marker = document.createTextNode("");
-  let currentScope = null;
-  let nodes = [];
-  effect(() => {
-    const target = props.mount ?? (typeof document !== "undefined" ? document.body : null);
-    if (!target)
-      return;
-    if (currentScope) {
-      currentScope.dispose();
-      currentScope = null;
-    }
-    for (const node of nodes) {
-      if (node.parentNode) {
-        node.parentNode.removeChild(node);
-      }
-    }
-    nodes = [];
-    currentScope = new Scope(getActiveScope());
-    untrack(() => {
-      runInScope(currentScope, () => {
-        const childRes = typeof props.children === "function" ? props.children() : props.children;
-        const frag = document.createDocumentFragment();
-        insertChild(frag, childRes);
-        nodes = Array.from(frag.childNodes);
-        target.appendChild(frag);
-      });
-    });
-  });
-  onCleanup(() => {
-    if (currentScope) {
-      currentScope.dispose();
-      currentScope = null;
-    }
-    for (const node of nodes) {
-      if (node.parentNode) {
-        node.parentNode.removeChild(node);
-      }
-    }
-    nodes = [];
-  });
-  return marker;
-}
-// src/jsx-runtime/index.ts
-var SVG_NS = "http://www.w3.org/2000/svg";
-var SVG_TAGS = new Set([
-  "svg",
-  "path",
-  "circle",
-  "rect",
-  "g",
-  "line",
-  "polyline",
-  "polygon",
-  "text",
-  "defs",
-  "clipPath",
-  "linearGradient",
-  "radialGradient",
-  "stop"
-]);
-function Fragment(props) {
-  if (typeof document === "undefined") {
-    return props.children !== undefined ? props.children : [];
-  }
-  const fragment = document.createDocumentFragment();
-  if (props.children !== undefined) {
-    insertChild(fragment, props.children);
-  }
-  return fragment;
-}
-function jsx(type, props = {}, key) {
-  if (typeof type === "function") {
-    return type(props, key);
-  }
-  if (typeof type === "string") {
-    const { children, ...restProps } = props;
-    if (typeof document === "undefined") {
-      const attributes = new Map;
-      for (const propName in restProps) {
-        const val = restProps[propName];
-        if (propName === "className" || propName === "class") {
-          const resolved = typeof val === "function" ? val() : val;
-          if (resolved)
-            attributes.set("class", resolved);
-        } else if (propName === "style") {
-          const val = restProps[propName];
-          const resolved = resolveValue(val);
-          if (typeof resolved === "string") {
-            attributes.set("style", resolved);
-          } else if (typeof resolved === "object" && resolved !== null) {
-            const styleStr = Object.entries(resolved).map(([k, v]) => {
-              const finalVal = resolveValue(v);
-              const formatted = formatStyleProp(k, finalVal);
-              if (!formatted)
-                return "";
-              const kebab = k.startsWith("--") ? k : k.replace(/([A-Z])/g, "-$1").toLowerCase();
-              return `${kebab}: ${formatted}`;
-            }).filter(Boolean).join("; ");
-            if (styleStr)
-              attributes.set("style", styleStr);
-          }
-        } else if (!propName.startsWith("on")) {
-          const resolved = typeof val === "function" ? val() : val;
-          if (resolved === true) {
-            attributes.set(propName, propName);
-          } else if (resolved !== false && resolved !== null && resolved !== undefined) {
-            attributes.set(propName, resolved);
-          }
-        }
-      }
-      const childNodes = children !== undefined ? Array.isArray(children) ? children : [children] : [];
-      return {
-        tagName: type,
-        attributes,
-        childNodes
-      };
-    }
-    const isSvg = SVG_TAGS.has(type);
-    const element = isSvg ? document.createElementNS(SVG_NS, type) : document.createElement(type);
-    for (const propName in restProps) {
-      setAttribute(element, propName, restProps[propName]);
-    }
-    if (children !== undefined) {
-      insertChild(element, children);
-    }
-    return element;
-  }
-  return type;
-}
-var jsxs = jsx;
-var jsxDEV = jsx;
-
-// src/style/layout.tsx
-var ALIGN_MAP = {
-  start: "flex-start",
-  center: "center",
-  end: "flex-end",
-  stretch: "stretch",
-  baseline: "baseline"
-};
-var JUSTIFY_MAP = {
-  start: "flex-start",
-  center: "center",
-  end: "flex-end",
-  between: "space-between",
-  around: "space-around",
-  evenly: "space-evenly",
-  stretch: "stretch"
-};
-function resolveBaseStyles(props) {
-  const s = {
-    boxSizing: "border-box"
-  };
-  if (props.gap !== undefined)
-    s.gap = space(props.gap);
-  if (props.p !== undefined)
-    s.padding = space(props.p);
-  if (props.px !== undefined) {
-    s.paddingLeft = space(props.px);
-    s.paddingRight = space(props.px);
-  }
-  if (props.py !== undefined) {
-    s.paddingTop = space(props.py);
-    s.paddingBottom = space(props.py);
-  }
-  if (props.pt !== undefined)
-    s.paddingTop = space(props.pt);
-  if (props.pb !== undefined)
-    s.paddingBottom = space(props.pb);
-  if (props.pl !== undefined)
-    s.paddingLeft = space(props.pl);
-  if (props.pr !== undefined)
-    s.paddingRight = space(props.pr);
-  if (props.m !== undefined)
-    s.margin = space(props.m);
-  if (props.mx !== undefined) {
-    s.marginLeft = space(props.mx);
-    s.marginRight = space(props.mx);
-  }
-  if (props.my !== undefined) {
-    s.marginTop = space(props.my);
-    s.marginBottom = space(props.my);
-  }
-  if (props.mt !== undefined)
-    s.marginTop = space(props.mt);
-  if (props.mb !== undefined)
-    s.marginBottom = space(props.mb);
-  if (props.ml !== undefined)
-    s.marginLeft = space(props.ml);
-  if (props.mr !== undefined)
-    s.marginRight = space(props.mr);
-  if (props.w !== undefined)
-    s.width = resolveDimension(props.w);
-  if (props.h !== undefined)
-    s.height = resolveDimension(props.h);
-  if (props.minW !== undefined)
-    s.minWidth = resolveDimension(props.minW);
-  if (props.maxW !== undefined)
-    s.maxWidth = resolveDimension(props.maxW);
-  if (props.minH !== undefined)
-    s.minHeight = resolveDimension(props.minH);
-  if (props.maxH !== undefined)
-    s.maxHeight = resolveDimension(props.maxH);
-  return s;
-}
-function mergeStyles(base, userStyle) {
-  if (!userStyle)
-    return base;
-  if (typeof userStyle === "string") {
-    const baseStr = Object.entries(base).map(([k, v]) => `${k.replace(/([A-Z])/g, "-$1").toLowerCase()}: ${v}`).join("; ");
-    return `${baseStr}; ${userStyle}`;
-  }
-  if (typeof userStyle === "object") {
-    return { ...base, ...userStyle };
-  }
-  return base;
-}
-function cleanProps(props, excludeKeys) {
-  const result = {};
-  for (const k in props) {
-    if (!excludeKeys.has(k)) {
-      result[k] = props[k];
-    }
-  }
-  return result;
-}
-var COMMON_EXCLUDE = new Set([
-  "as",
-  "gap",
-  "p",
-  "px",
-  "py",
-  "pt",
-  "pb",
-  "pl",
-  "pr",
-  "m",
-  "mx",
-  "my",
-  "mt",
-  "mb",
-  "ml",
-  "mr",
-  "w",
-  "h",
-  "minW",
-  "maxW",
-  "minH",
-  "maxH"
-]);
-var STACK_EXCLUDE = new Set([
-  ...COMMON_EXCLUDE,
-  "align",
-  "justify",
-  "direction",
-  "reversed",
-  "wrap",
-  "inline"
-]);
-function Stack(props) {
-  const { as = "div", children, ...rest } = props;
-  const layoutStyles = resolveBaseStyles(props);
-  layoutStyles.display = props.inline ? "inline-flex" : "flex";
-  layoutStyles.flexDirection = props.direction === "horizontal" ? props.reversed ? "row-reverse" : "row" : props.reversed ? "column-reverse" : "column";
-  if (props.align && ALIGN_MAP[props.align]) {
-    layoutStyles.alignItems = ALIGN_MAP[props.align];
-  }
-  if (props.justify && JUSTIFY_MAP[props.justify]) {
-    layoutStyles.justifyContent = JUSTIFY_MAP[props.justify];
-  }
-  if (props.wrap) {
-    layoutStyles.flexWrap = props.wrap === true ? "wrap" : props.wrap;
-  }
-  const domProps = cleanProps(rest, STACK_EXCLUDE);
-  domProps.style = mergeStyles(layoutStyles, props.style);
-  domProps.children = children;
-  return jsx(as, domProps);
-}
-var ROW_EXCLUDE = new Set([...COMMON_EXCLUDE, "align", "justify", "reversed", "wrap", "inline"]);
-function Row(props) {
-  const { as = "div", children, ...rest } = props;
-  const layoutStyles = resolveBaseStyles(props);
-  layoutStyles.display = props.inline ? "inline-flex" : "flex";
-  layoutStyles.flexDirection = props.reversed ? "row-reverse" : "row";
-  layoutStyles.alignItems = props.align ? ALIGN_MAP[props.align] ?? props.align : "center";
-  if (props.justify && JUSTIFY_MAP[props.justify]) {
-    layoutStyles.justifyContent = JUSTIFY_MAP[props.justify];
-  }
-  if (props.wrap) {
-    layoutStyles.flexWrap = props.wrap === true ? "wrap" : props.wrap;
-  }
-  const domProps = cleanProps(rest, ROW_EXCLUDE);
-  domProps.style = mergeStyles(layoutStyles, props.style);
-  domProps.children = children;
-  return jsx(as, domProps);
-}
-var CENTER_EXCLUDE = new Set([...COMMON_EXCLUDE, "inline"]);
-function Center(props) {
-  const { as = "div", children, ...rest } = props;
-  const layoutStyles = resolveBaseStyles(props);
-  layoutStyles.display = props.inline ? "inline-flex" : "flex";
-  layoutStyles.alignItems = "center";
-  layoutStyles.justifyContent = "center";
-  const domProps = cleanProps(rest, CENTER_EXCLUDE);
-  domProps.style = mergeStyles(layoutStyles, props.style);
-  domProps.children = children;
-  return jsx(as, domProps);
-}
-var GRID_EXCLUDE = new Set([
-  ...COMMON_EXCLUDE,
-  "columns",
-  "minChildWidth",
-  "rows",
-  "rowGap",
-  "colGap",
-  "align",
-  "justify",
-  "inline"
-]);
-function Grid(props) {
-  const { as = "div", children, ...rest } = props;
-  const layoutStyles = resolveBaseStyles(props);
-  layoutStyles.display = props.inline ? "inline-grid" : "grid";
-  if (props.minChildWidth !== undefined) {
-    const minW = resolveDimension(props.minChildWidth);
-    layoutStyles.gridTemplateColumns = `repeat(auto-fit, minmax(min(100%, ${minW}), 1fr))`;
-  } else if (props.columns !== undefined) {
-    if (typeof props.columns === "number") {
-      layoutStyles.gridTemplateColumns = `repeat(${props.columns}, minmax(0, 1fr))`;
-    } else {
-      layoutStyles.gridTemplateColumns = String(props.columns);
-    }
-  }
-  if (props.rows !== undefined) {
-    if (typeof props.rows === "number") {
-      layoutStyles.gridTemplateRows = `repeat(${props.rows}, minmax(0, 1fr))`;
-    } else {
-      layoutStyles.gridTemplateRows = String(props.rows);
-    }
-  }
-  if (props.rowGap !== undefined)
-    layoutStyles.rowGap = space(props.rowGap);
-  if (props.colGap !== undefined)
-    layoutStyles.columnGap = space(props.colGap);
-  if (props.align) {
-    layoutStyles.alignItems = ALIGN_MAP[props.align] ?? props.align;
-  }
-  if (props.justify) {
-    layoutStyles.justifyItems = props.justify;
-  }
-  const domProps = cleanProps(rest, GRID_EXCLUDE);
-  domProps.style = mergeStyles(layoutStyles, props.style);
-  domProps.children = children;
-  return jsx(as, domProps);
-}
-var SPACER_EXCLUDE = new Set([...COMMON_EXCLUDE, "size", "x", "y", "flex"]);
-function Spacer(props) {
-  const { as = "div", ...rest } = props;
-  const layoutStyles = resolveBaseStyles(props);
-  if (props.size !== undefined) {
-    const s = space(props.size);
-    layoutStyles.width = s;
-    layoutStyles.height = s;
-    layoutStyles.flexShrink = "0";
-  } else if (props.x !== undefined || props.y !== undefined) {
-    if (props.x !== undefined)
-      layoutStyles.width = space(props.x);
-    if (props.y !== undefined)
-      layoutStyles.height = space(props.y);
-    layoutStyles.flexShrink = "0";
-  } else {
-    layoutStyles.flex = typeof props.flex === "number" ? String(props.flex) : "1 1 0%";
-    layoutStyles.alignSelf = "stretch";
-  }
-  const domProps = cleanProps(rest, SPACER_EXCLUDE);
-  domProps.style = mergeStyles(layoutStyles, props.style);
-  return jsx(as, domProps);
-}
+import {
+  hasReactiveClass2,
+  normalizeClass2,
+  cx2,
+  UNITLESS_PROPERTIES2,
+  DIMENSION_KEYWORDS2,
+  space2,
+  resolveDimension2,
+  px2,
+  rem2,
+  em2,
+  fluid2,
+  SHADOW_PRESETS2,
+  shadow2,
+  RADIUS_PRESETS2,
+  radius2,
+  glass2,
+  formatStyleProp2
+} from "../index-6kfe1nr4.js";
+import"../index-5s255b3w.js";
+import"../index-9fvarkrx.js";
+import {
+  hashString2,
+  getScopeId2,
+  StyleManager2,
+  styleManager2,
+  extractStyleTags2,
+  scopeSelector2,
+  scopeCSS2,
+  objectToCSS2,
+  createStyle2,
+  css2,
+  useStyle2,
+  Style2
+} from "../index-0madxn60.js";
+import {
+  Stack2,
+  Row2,
+  Center2,
+  Grid2,
+  Spacer2
+} from "../index-1xtrtz1t.js";
+import"../index-a4xns6cc.js";
 export {
-  Center,
-  DIMENSION_KEYWORDS,
-  Grid,
-  RADIUS_PRESETS,
-  Row,
-  SHADOW_PRESETS,
-  Spacer,
-  Stack,
-  Style,
-  StyleManager,
-  UNITLESS_PROPERTIES,
-  createStyle,
-  css,
-  cx,
-  em,
-  extractStyleTags,
-  fluid,
-  formatStyleProp,
-  getScopeId,
-  glass,
-  hasReactiveClass,
-  hashString,
-  normalizeClass,
-  objectToCSS,
-  px,
-  radius,
-  rem,
-  resolveDimension,
-  scopeCSS,
-  scopeSelector,
-  shadow,
-  space,
-  styleManager,
-  useStyle
+  Center2 as Center,
+  DIMENSION_KEYWORDS2 as DIMENSION_KEYWORDS,
+  Grid2 as Grid,
+  RADIUS_PRESETS2 as RADIUS_PRESETS,
+  Row2 as Row,
+  SHADOW_PRESETS2 as SHADOW_PRESETS,
+  Spacer2 as Spacer,
+  Stack2 as Stack,
+  Style2 as Style,
+  StyleManager2 as StyleManager,
+  UNITLESS_PROPERTIES2 as UNITLESS_PROPERTIES,
+  createStyle2 as createStyle,
+  css2 as css,
+  cx2 as cx,
+  em2 as em,
+  extractStyleTags2 as extractStyleTags,
+  fluid2 as fluid,
+  formatStyleProp2 as formatStyleProp,
+  getScopeId2 as getScopeId,
+  glass2 as glass,
+  hasReactiveClass2 as hasReactiveClass,
+  hashString2 as hashString,
+  normalizeClass2 as normalizeClass,
+  objectToCSS2 as objectToCSS,
+  px2 as px,
+  radius2 as radius,
+  rem2 as rem,
+  resolveDimension2 as resolveDimension,
+  scopeCSS2 as scopeCSS,
+  scopeSelector2 as scopeSelector,
+  shadow2 as shadow,
+  space2 as space,
+  styleManager2 as styleManager,
+  useStyle2 as useStyle
 };