@vertz/ui 0.2.22 → 0.2.24

package/dist/shared/chunk-ge2e6y2s.js

@@ -0,0 +1,102 @@
+import {
+  _tryOnCleanup,
+  getSSRContext,
+  popScope,
+  pushScope,
+  runCleanups,
+  untrack
+} from "./chunk-656n0x6y.js";
+
+// src/component/lifecycle.ts
+var mountFrames = [];
+var postHydrationQueue = null;
+function __pushMountFrame() {
+  mountFrames.push([]);
+  return mountFrames.length;
+}
+function __flushMountFrame() {
+  const frame = mountFrames.pop();
+  if (!frame)
+    return;
+  if (postHydrationQueue) {
+    for (const cb of frame) {
+      postHydrationQueue.push(cb);
+    }
+    return;
+  }
+  let firstError;
+  for (const cb of frame) {
+    try {
+      cb();
+    } catch (e) {
+      if (firstError === undefined)
+        firstError = e;
+    }
+  }
+  if (firstError !== undefined)
+    throw firstError;
+}
+function __discardMountFrame(expectedDepth) {
+  if (mountFrames.length === expectedDepth) {
+    mountFrames.pop();
+  }
+}
+function beginDeferringMounts() {
+  if (!postHydrationQueue) {
+    postHydrationQueue = [];
+  }
+}
+function flushDeferredMounts() {
+  const queue = postHydrationQueue;
+  postHydrationQueue = null;
+  if (!queue)
+    return;
+  let firstError;
+  for (const cb of queue) {
+    try {
+      cb();
+    } catch (e) {
+      if (firstError === undefined)
+        firstError = e;
+    }
+  }
+  if (firstError !== undefined)
+    throw firstError;
+}
+function discardDeferredMounts() {
+  postHydrationQueue = null;
+}
+function onMount(callback) {
+  if (getSSRContext())
+    return;
+  const frame = mountFrames[mountFrames.length - 1];
+  if (frame) {
+    frame.push(() => executeOnMount(callback));
+  } else {
+    executeOnMount(callback);
+  }
+}
+function executeOnMount(callback) {
+  const scope = pushScope();
+  try {
+    const cleanup = untrack(callback);
+    if (typeof cleanup === "function") {
+      _tryOnCleanup(cleanup);
+    }
+  } finally {
+    popScope();
+    if (scope.length > 0) {
+      _tryOnCleanup(() => runCleanups(scope));
+    }
+  }
+}
+
+// src/dom/events.ts
+function __on(el, event, handler) {
+  el.addEventListener(event, handler);
+  const cleanup = () => el.removeEventListener(event, handler);
+  _tryOnCleanup(cleanup);
+  return cleanup;
+}
+
+export { __pushMountFrame, __flushMountFrame, __discardMountFrame, beginDeferringMounts, flushDeferredMounts, discardDeferredMounts, onMount, __on };

package/dist/shared/{chunk-4xkw6h1s.js → chunk-h1fsr8kv.js}

@@ -1,3 +1,69 @@
+// src/dom/svg-tags.ts
+var SVG_TAGS = new Set([
+  "svg",
+  "path",
+  "circle",
+  "ellipse",
+  "rect",
+  "line",
+  "polyline",
+  "polygon",
+  "g",
+  "defs",
+  "symbol",
+  "use",
+  "text",
+  "tspan",
+  "image",
+  "foreignObject",
+  "filter",
+  "feGaussianBlur",
+  "feOffset",
+  "feColorMatrix",
+  "feBlend",
+  "feMerge",
+  "feMergeNode",
+  "feComposite",
+  "feFlood",
+  "linearGradient",
+  "radialGradient",
+  "stop",
+  "pattern",
+  "clipPath",
+  "mask",
+  "animate",
+  "animateTransform",
+  "set",
+  "marker",
+  "desc"
+]);
+var SVG_NS = "http://www.w3.org/2000/svg";
+function isSVGTag(tag) {
+  return SVG_TAGS.has(tag);
+}
+var SVG_ATTR_MAP = {
+  strokeWidth: "stroke-width",
+  strokeLinecap: "stroke-linecap",
+  strokeLinejoin: "stroke-linejoin",
+  strokeDasharray: "stroke-dasharray",
+  strokeDashoffset: "stroke-dashoffset",
+  strokeOpacity: "stroke-opacity",
+  fillOpacity: "fill-opacity",
+  fillRule: "fill-rule",
+  clipRule: "clip-rule",
+  clipPath: "clip-path",
+  stopColor: "stop-color",
+  stopOpacity: "stop-opacity",
+  floodColor: "flood-color",
+  floodOpacity: "flood-opacity",
+  colorInterpolation: "color-interpolation",
+  colorInterpolationFilters: "color-interpolation-filters",
+  viewBox: "viewBox"
+};
+function normalizeSVGAttr(attr) {
+  return SVG_ATTR_MAP[attr] ?? attr;
+}
+
 // src/dom/style.ts
 function camelToKebab(prop) {
   const third = prop[2];
@@ -70,4 +136,4 @@ function styleObjectToString(style) {
   return parts.join("; ");
 }
 
-export { styleObjectToString };
+export { SVG_NS, isSVGTag, normalizeSVGAttr, styleObjectToString };

package/dist/shared/{chunk-7g722pdh.js → chunk-jtma4sh4.js}

@@ -7,11 +7,11 @@ import {
 } from "./chunk-jrtrk5z4.js";
 import {
   isBrowser
-} from "./chunk-bybgyjye.js";
+} from "./chunk-da2w7j7w.js";
 import {
   getSSRContext,
   signal
-} from "./chunk-2qe6aqhb.js";
+} from "./chunk-656n0x6y.js";
 
 // src/router/view-transitions.ts
 var transitionGen = 0;

package/dist/shared/{chunk-vwz86vg9.js → chunk-mbnda3pv.js}

@@ -1,12 +1,13 @@
 import {
   SVG_NS,
   isSVGTag,
-  normalizeSVGAttr
-} from "./chunk-prj7nm08.js";
+  normalizeSVGAttr,
+  styleObjectToString
+} from "./chunk-h1fsr8kv.js";
 import {
   getAdapter,
   isRenderNode
-} from "./chunk-c61572xp.js";
+} from "./chunk-2y9f9j62.js";
 import {
   claimElement,
   claimText,
@@ -16,8 +17,11 @@ import {
   exitChildren,
   getIsHydrating,
   pauseHydration,
-  resumeHydration
-} from "./chunk-2qe6aqhb.js";
+  popScope,
+  pushScope,
+  resumeHydration,
+  runCleanups
+} from "./chunk-656n0x6y.js";
 
 // src/dom/element.ts
 var MAX_THUNK_DEPTH = 100;
@@ -73,20 +77,33 @@ function __child(fn) {
       }
       pauseHydration();
       try {
+        let childCleanups2 = [];
         wrapper.dispose = domEffect(() => {
-          const value = fn();
-          if (isRenderNode(value) && wrapper.childNodes.length === 1 && wrapper.firstChild === value) {
-            return;
-          }
-          if (!isRenderNode(value) && value != null && typeof value !== "boolean" && wrapper.childNodes.length === 1 && wrapper.firstChild.nodeType === 3) {
-            const text = typeof value === "string" ? value : String(value);
-            wrapper.firstChild.data = text;
-            return;
-          }
-          while (wrapper.firstChild) {
-            wrapper.removeChild(wrapper.firstChild);
+          runCleanups(childCleanups2);
+          const needsPause = getIsHydrating();
+          if (needsPause)
+            pauseHydration();
+          try {
+            const scope = pushScope();
+            const value = fn();
+            popScope();
+            childCleanups2 = scope;
+            if (isRenderNode(value) && wrapper.childNodes.length === 1 && wrapper.firstChild === value) {
+              return;
+            }
+            if (!isRenderNode(value) && value != null && typeof value !== "boolean" && wrapper.childNodes.length === 1 && wrapper.firstChild.nodeType === 3) {
+              const text = typeof value === "string" ? value : String(value);
+              wrapper.firstChild.data = text;
+              return;
+            }
+            while (wrapper.firstChild) {
+              wrapper.removeChild(wrapper.firstChild);
+            }
+            resolveAndAppend(wrapper, value);
+          } finally {
+            if (needsPause)
+              resumeHydration();
           }
-          resolveAndAppend(wrapper, value);
         });
       } finally {
         resumeHydration();
@@ -96,8 +113,13 @@ function __child(fn) {
   }
   wrapper = getAdapter().createElement("span");
   wrapper.style.display = "contents";
+  let childCleanups = [];
   wrapper.dispose = domEffect(() => {
+    runCleanups(childCleanups);
+    const scope = pushScope();
     const value = fn();
+    popScope();
+    childCleanups = scope;
     if (isRenderNode(value) && wrapper.childNodes.length === 1 && wrapper.firstChild === value) {
       return;
     }
@@ -205,4 +227,60 @@ function __exitChildren() {
   }
 }
 
-export { __text, __child, __insert, __element, __append, __staticText, __enterChildren, __exitChildren };
+// src/dom/attributes.ts
+function __attr(el, name, fn) {
+  return deferredDomEffect(() => {
+    const value = fn();
+    if (value == null || value === false) {
+      el.removeAttribute(name);
+    } else if (value === true) {
+      el.setAttribute(name, "");
+    } else if (name === "style" && typeof value === "object") {
+      el.setAttribute(name, styleObjectToString(value));
+    } else {
+      el.setAttribute(name, value);
+    }
+  });
+}
+function __prop(el, name, fn) {
+  return deferredDomEffect(() => {
+    const value = fn();
+    if (value == null) {
+      Reflect.set(el, name, typeof Reflect.get(el, name) === "boolean" ? false : "");
+    } else {
+      Reflect.set(el, name, value);
+    }
+    if (name === "selected") {
+      if (value) {
+        el.setAttribute(name, "");
+      } else {
+        el.removeAttribute(name);
+      }
+    }
+  });
+}
+function __show(el, fn) {
+  const originalDisplay = el.style.display;
+  return deferredDomEffect(() => {
+    el.style.display = fn() ? originalDisplay : "none";
+  });
+}
+function __classList(el, classMap) {
+  const disposers = [];
+  for (const [className, fn] of Object.entries(classMap)) {
+    disposers.push(deferredDomEffect(() => {
+      if (fn()) {
+        el.classList.add(className);
+      } else {
+        el.classList.remove(className);
+      }
+    }));
+  }
+  return () => {
+    for (const dispose of disposers) {
+      dispose();
+    }
+  };
+}
+
+export { __text, __child, __insert, __element, __append, __staticText, __enterChildren, __exitChildren, __attr, __prop, __show, __classList };

package/dist/shared/{chunk-pq8khh47.js → chunk-t3rnfxc0.js}

@@ -1,12 +1,13 @@
 import {
   __append,
+  __attr,
   __element,
   __enterChildren,
   __exitChildren
-} from "./chunk-vwz86vg9.js";
+} from "./chunk-mbnda3pv.js";
 import {
   getSSRContext
-} from "./chunk-2qe6aqhb.js";
+} from "./chunk-656n0x6y.js";
 
 // src/component/children.ts
 var MAX_RESOLVE_DEPTH = 100;
@@ -84,6 +85,9 @@ var PROPERTY_MAP = {
   decoration: { properties: ["text-decoration"], valueType: "raw" },
   list: { properties: ["list-style"], valueType: "raw" },
   ring: { properties: ["outline"], valueType: "ring" },
+  overflow: { properties: ["overflow"], valueType: "raw" },
+  "overflow-x": { properties: ["overflow-x"], valueType: "raw" },
+  "overflow-y": { properties: ["overflow-y"], valueType: "raw" },
   cursor: { properties: ["cursor"], valueType: "raw" },
   transition: { properties: ["transition"], valueType: "raw" },
   resize: { properties: ["resize"], valueType: "raw" },
@@ -120,7 +124,16 @@ var KEYWORD_MAP = {
   "whitespace-nowrap": [{ property: "white-space", value: "nowrap" }],
   "shrink-0": [{ property: "flex-shrink", value: "0" }],
   italic: [{ property: "font-style", value: "italic" }],
-  "not-italic": [{ property: "font-style", value: "normal" }]
+  "not-italic": [{ property: "font-style", value: "normal" }],
+  "scale-0": [{ property: "transform", value: "scale(0)" }],
+  "scale-75": [{ property: "transform", value: "scale(0.75)" }],
+  "scale-90": [{ property: "transform", value: "scale(0.9)" }],
+  "scale-95": [{ property: "transform", value: "scale(0.95)" }],
+  "scale-100": [{ property: "transform", value: "scale(1)" }],
+  "scale-105": [{ property: "transform", value: "scale(1.05)" }],
+  "scale-110": [{ property: "transform", value: "scale(1.1)" }],
+  "scale-125": [{ property: "transform", value: "scale(1.25)" }],
+  "scale-150": [{ property: "transform", value: "scale(1.5)" }]
 };
 var DISPLAY_MAP = {
   flex: "flex",
@@ -169,13 +182,13 @@ var SPACING_SCALE = {
 };
 var RADIUS_SCALE = {
   none: "0",
-  xs: "0.125rem",
-  sm: "0.25rem",
-  md: "0.375rem",
-  lg: "0.5rem",
-  xl: "0.75rem",
-  "2xl": "1rem",
-  "3xl": "1.5rem",
+  xs: "calc(var(--radius) * 0.33)",
+  sm: "calc(var(--radius) * 0.67)",
+  md: "var(--radius)",
+  lg: "calc(var(--radius) * 1.33)",
+  xl: "calc(var(--radius) * 2)",
+  "2xl": "calc(var(--radius) * 2.67)",
+  "3xl": "calc(var(--radius) * 4)",
   full: "9999px"
 };
 var SHADOW_SCALE = {
@@ -450,23 +463,38 @@ function resolveSpacing(value, property) {
     return scaled;
   throw new TokenResolveError(`Invalid spacing value '${value}' for '${property}'. Use a spacing scale number (0, 1, 2, 4, 8, etc.) or 'auto'.`, `${property}:${value}`);
 }
+var OPACITY_PATTERN = /^(.+)\/(\d+)$/;
 function resolveColor(value, property) {
-  const dotIndex = value.indexOf(".");
+  const opacityMatch = OPACITY_PATTERN.exec(value);
+  if (opacityMatch && opacityMatch[1] && opacityMatch[2]) {
+    const colorPart = opacityMatch[1];
+    const opacityStr = opacityMatch[2];
+    const opacity = Number(opacityStr);
+    if (opacity < 0 || opacity > 100) {
+      throw new TokenResolveError(`Invalid opacity '${opacityStr}' in '${value}'. Opacity must be an integer between 0 and 100.`, `${property}:${value}`);
+    }
+    const resolvedColor = resolveColorToken(colorPart, property, value);
+    return `color-mix(in oklch, ${resolvedColor} ${opacity}%, transparent)`;
+  }
+  return resolveColorToken(value, property, value);
+}
+function resolveColorToken(token, property, fullValue) {
+  const dotIndex = token.indexOf(".");
   if (dotIndex !== -1) {
-    const namespace = value.substring(0, dotIndex);
-    const shade = value.substring(dotIndex + 1);
+    const namespace = token.substring(0, dotIndex);
+    const shade = token.substring(dotIndex + 1);
     if (COLOR_NAMESPACES.has(namespace)) {
       return `var(--color-${namespace}-${shade})`;
     }
-    throw new TokenResolveError(`Unknown color token '${value}'. Known namespaces: ${[...COLOR_NAMESPACES].join(", ")}`, `${property}:${value}`);
+    throw new TokenResolveError(`Unknown color token '${fullValue}'. Known namespaces: ${[...COLOR_NAMESPACES].join(", ")}`, `${property}:${fullValue}`);
   }
-  if (COLOR_NAMESPACES.has(value)) {
-    return `var(--color-${value})`;
+  if (COLOR_NAMESPACES.has(token)) {
+    return `var(--color-${token})`;
   }
-  if (CSS_COLOR_KEYWORDS.has(value)) {
-    return value;
+  if (CSS_COLOR_KEYWORDS.has(token)) {
+    return token;
   }
-  throw new TokenResolveError(`Unknown color token '${value}'. Use a design token name (e.g. 'primary', 'background') or 'primary.700' for shades.`, `${property}:${value}`);
+  throw new TokenResolveError(`Unknown color token '${fullValue}'. Use a design token name (e.g. 'primary', 'background') or 'primary.700' for shades.`, `${property}:${fullValue}`);
 }
 function resolveRadius(value, property) {
   const scaled = RADIUS_SCALE[value];
@@ -480,6 +508,7 @@ function resolveShadow(value, property) {
     return scaled;
   throw new TokenResolveError(`Invalid shadow value '${value}' for '${property}'. Use: ${Object.keys(SHADOW_SCALE).join(", ")}`, `${property}:${value}`);
 }
+var FRACTION_PATTERN = /^(\d+)\/(\d+)$/;
 function resolveSize(value, property) {
   const spaced = SPACING_SCALE[value];
   if (spaced !== undefined)
@@ -490,7 +519,18 @@ function resolveSize(value, property) {
   const keyword = SIZE_KEYWORDS[value];
   if (keyword !== undefined)
     return keyword;
-  throw new TokenResolveError(`Invalid size value '${value}' for '${property}'. Use a spacing scale number or keyword (full, screen, min, max, fit, auto).`, `${property}:${value}`);
+  const fractionMatch = FRACTION_PATTERN.exec(value);
+  if (fractionMatch) {
+    const numerator = Number(fractionMatch[1]);
+    const denominator = Number(fractionMatch[2]);
+    if (denominator === 0) {
+      throw new TokenResolveError(`Invalid fraction '${value}' for '${property}'. Denominator cannot be zero.`, `${property}:${value}`);
+    }
+    const percent = numerator / denominator * 100;
+    const formatted = percent % 1 === 0 ? `${percent}` : percent.toFixed(6);
+    return `${formatted}%`;
+  }
+  throw new TokenResolveError(`Invalid size value '${value}' for '${property}'. Use a spacing scale number, keyword (full, screen, min, max, fit, auto), or fraction (1/2, 2/3, etc.).`, `${property}:${value}`);
 }
 function resolveAlignment(value, property) {
   const mapped = ALIGNMENT_MAP[value];
@@ -1058,10 +1098,11 @@ ${darkVars.join(`
 }
 
 // src/css/theme-provider.ts
-function ThemeProvider({ theme = "light", children: children2 }) {
-  const el = __element("div", { "data-theme": theme });
+function ThemeProvider(props) {
+  const el = __element("div");
+  __attr(el, "data-theme", () => props.theme ?? "light");
   __enterChildren(el);
-  const nodes = resolveChildren(children2);
+  const nodes = resolveChildren(props.children);
   for (const node of nodes) {
     __append(el, node);
   }

package/dist/src/auth/public.d.ts

@@ -366,6 +366,40 @@ declare function createAccessProvider(): AccessContextValue;
 * Returns the built-in icon for known providers, or a generic fallback for unknown.
 */
 declare function getProviderIcon(providerId: string, size: number): string;
+import { Result as Result3 } from "@vertz/fetch";
+interface TenantInfo {
+	id: string;
+	name: string;
+	[key: string]: unknown;
+}
+interface ListTenantsResponse {
+	tenants: TenantInfo[];
+	currentTenantId?: string;
+	lastTenantId?: string;
+	resolvedDefaultId?: string;
+}
+interface TenantContextValue {
+	tenants: Signal<TenantInfo[]>;
+	currentTenantId: Signal<string | undefined>;
+	lastTenantId: Signal<string | undefined>;
+	resolvedDefaultId: Signal<string | undefined>;
+	isLoading: Signal<boolean>;
+	switchTenant: (tenantId: string) => Promise<Result3<void, Error>>;
+}
+declare const TenantContext: Context<TenantContextValue>;
+declare function useTenant(): UnwrapSignals<TenantContextValue>;
+interface TenantProviderProps {
+	/** SDK method to list tenants (generated by codegen). */
+	listTenants: () => PromiseLike<Result3<ListTenantsResponse, Error>>;
+	/** SDK method to switch tenant (generated by codegen). */
+	switchTenant: SdkMethodWithMeta<{
+		tenantId: string;
+	}, unknown>;
+	/** Called after a successful tenant switch. */
+	onSwitchComplete?: (tenantId: string) => void;
+	children: (() => unknown) | unknown;
+}
+declare function TenantProvider({ listTenants, switchTenant: switchTenantSdk, onSwitchComplete, children }: TenantProviderProps): HTMLElement;
 /**
 * Get a display name for a user with a fallback chain.
 * Chain: user.name (if string & non-empty) → user.email → fallback (default: 'Unknown')
@@ -381,4 +415,4 @@ declare function getUserInitials(user: User | null | undefined): string;
 * Returns an inline SVG string — no external requests, works in SSR.
 */
 declare function getUserIcon(size: number): string;
-export { useAuth, useAccessContext, getUserInitials, getUserIcon, getUserDisplayName, getProviderIcon, createAccessProvider, createAccessEventClient, canSignals, can, User, SignUpInput, SignOutOptions, SignInInput, ResetInput, RawAccessCheck, OAuthProviderInfo, MfaInput, ForgotInput, EntitlementRegistry, Entitlement, DenialReason, DenialMeta, ClientAccessEvent, AuthStatus, AuthSdkMethod, AuthSdk, AuthResponse, AuthProviderProps, AuthProvider, AuthErrorCode, AuthContextValue, AuthContext, AuthClientError, AccessSet, AccessEventClientOptions, AccessEventClient, AccessContextValue, AccessContext, AccessCheckData, AccessCheck };
+export { useTenant, useAuth, useAccessContext, getUserInitials, getUserIcon, getUserDisplayName, getProviderIcon, createAccessProvider, createAccessEventClient, canSignals, can, User, TenantProviderProps, TenantProvider, TenantInfo, TenantContextValue, TenantContext, SignUpInput, SignOutOptions, SignInInput, ResetInput, RawAccessCheck, OAuthProviderInfo, MfaInput, ListTenantsResponse, ForgotInput, EntitlementRegistry, Entitlement, DenialReason, DenialMeta, ClientAccessEvent, AuthStatus, AuthSdkMethod, AuthSdk, AuthResponse, AuthProviderProps, AuthProvider, AuthErrorCode, AuthContextValue, AuthContext, AuthClientError, AccessSet, AccessEventClientOptions, AccessEventClient, AccessContextValue, AccessContext, AccessCheckData, AccessCheck };

package/dist/src/auth/public.js

@@ -1,9 +1,12 @@
 import {
   RouterContext
-} from "../../shared/chunk-4cmt1ve8.js";
+} from "../../shared/chunk-f4d5nphq.js";
+import {
+  invalidateTenantQueries
+} from "../../shared/chunk-2eh4p2n7.js";
 import {
   isBrowser
-} from "../../shared/chunk-bybgyjye.js";
+} from "../../shared/chunk-da2w7j7w.js";
 import {
   _tryOnCleanup,
   computed,
@@ -11,7 +14,7 @@ import {
   getSSRContext,
   signal,
   useContext
-} from "../../shared/chunk-2qe6aqhb.js";
+} from "../../shared/chunk-656n0x6y.js";
 
 // src/auth/access-context.ts
 var AccessContext = createContext(undefined, "@vertz/ui::AccessContext");
@@ -778,6 +781,69 @@ function getProviderIcon(providerId, size) {
   const iconFn = icons[providerId];
   return iconFn ? iconFn(size) : fallbackIcon(size);
 }
+// src/auth/tenant-context.ts
+var TenantContext = createContext(undefined, "@vertz/ui::TenantContext");
+function useTenant() {
+  const ctx = useContext(TenantContext);
+  if (!ctx)
+    throw new Error("useTenant must be called within TenantProvider");
+  return ctx;
+}
+function TenantProvider({
+  listTenants,
+  switchTenant: switchTenantSdk,
+  onSwitchComplete,
+  children
+}) {
+  const authCtx = useContext(AuthContext);
+  if (!authCtx)
+    throw new Error("TenantProvider must be rendered inside AuthProvider");
+  const tenantsSignal = signal([]);
+  const currentTenantIdSignal = signal(undefined);
+  const lastTenantIdSignal = signal(undefined);
+  const resolvedDefaultIdSignal = signal(undefined);
+  const isLoadingSignal = signal(true);
+  setTimeout(() => {
+    fetchTenants().catch(() => {});
+  }, 0);
+  async function fetchTenants() {
+    isLoadingSignal.value = true;
+    try {
+      const result = await listTenants();
+      if (result.ok) {
+        tenantsSignal.value = result.data.tenants;
+        currentTenantIdSignal.value = result.data.currentTenantId;
+        lastTenantIdSignal.value = result.data.lastTenantId;
+        resolvedDefaultIdSignal.value = result.data.resolvedDefaultId;
+        if (!result.data.currentTenantId && result.data.resolvedDefaultId) {
+          await doSwitchTenant(result.data.resolvedDefaultId);
+        }
+      }
+    } finally {
+      isLoadingSignal.value = false;
+    }
+  }
+  async function doSwitchTenant(tenantId) {
+    const result = await switchTenantSdk({ tenantId });
+    if (result.ok) {
+      currentTenantIdSignal.value = tenantId;
+      lastTenantIdSignal.value = tenantId;
+      invalidateTenantQueries();
+      onSwitchComplete?.(tenantId);
+      return { ok: true, data: undefined };
+    }
+    return { ok: false, error: result.error };
+  }
+  const contextValue = {
+    tenants: tenantsSignal,
+    currentTenantId: currentTenantIdSignal,
+    lastTenantId: lastTenantIdSignal,
+    resolvedDefaultId: resolvedDefaultIdSignal,
+    isLoading: isLoadingSignal,
+    switchTenant: doSwitchTenant
+  };
+  return TenantContext.Provider({ value: contextValue, children });
+}
 // src/auth/user-display.ts
 function getUserDisplayName(user, fallback = "Unknown") {
   if (!user)
@@ -810,6 +876,7 @@ function getUserIcon(size) {
   return `<svg xmlns="http://www.w3.org/2000/svg" width="${size}" height="${size}" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2"/><circle cx="12" cy="7" r="4"/></svg>`;
 }
 export {
+  useTenant,
   useAuth,
   useAccessContext,
   getUserInitials,
@@ -820,6 +887,8 @@ export {
   createAccessEventClient,
   canSignals,
   can,
+  TenantProvider,
+  TenantContext,
   AuthProvider,
   AuthContext,
   AccessContext

package/dist/src/components/index.d.ts

@@ -36,9 +36,9 @@ declare const Alert: ThemeComponentMap["Alert"];
 declare const Card: ThemeComponentMap["Card"];
 declare const FormGroup: ThemeComponentMap["FormGroup"];
 declare const Avatar: ThemeComponentMap["Avatar"];
+declare const EmptyState: ThemeComponentMap["EmptyState"];
 declare const Skeleton: ThemeComponentMap["Skeleton"];
 declare const Table: ThemeComponentMap["Table"];
-declare const AlertDialog: ThemeComponentMap["AlertDialog"];
 declare const Dialog: ThemeComponentMap["Dialog"];
 declare const DropdownMenu: ThemeComponentMap["DropdownMenu"];
 declare const Select: ThemeComponentMap["Select"];
@@ -67,4 +67,4 @@ declare const NavigationMenu: ThemeComponentMap["NavigationMenu"];
 declare const ResizablePanel: ThemeComponentMap["ResizablePanel"];
 declare const ScrollArea: ThemeComponentMap["ScrollArea"];
 declare const ToggleGroup: ThemeComponentMap["ToggleGroup"];
-export { Tooltip, ToggleGroup, Toggle, Toast, ThemeComponentMap, Textarea, Tabs, Table, Switch, Slider, Skeleton, Sheet, Separator, Select, ScrollArea, ResizablePanel, RadioGroup, Progress, Popover, Pagination, NavigationMenu, Menubar, Label, Input, HoverCard, FormGroup, DropdownMenu, Drawer, Dialog, DatePicker, ContextMenu, Command, Collapsible, Checkbox, Carousel, Card, Calendar, Button, Breadcrumb, Badge, Avatar, AlertDialog, Alert, Accordion };
+export { Tooltip, ToggleGroup, Toggle, Toast, ThemeComponentMap, Textarea, Tabs, Table, Switch, Slider, Skeleton, Sheet, Separator, Select, ScrollArea, ResizablePanel, RadioGroup, Progress, Popover, Pagination, NavigationMenu, Menubar, Label, Input, HoverCard, FormGroup, EmptyState, DropdownMenu, Drawer, Dialog, DatePicker, ContextMenu, Command, Collapsible, Checkbox, Carousel, Card, Calendar, Button, Breadcrumb, Badge, Avatar, Alert, Accordion };