@vertz/ui 0.2.20 → 0.2.22

package/dist/src/auth/public.js

@@ -1,9 +1,9 @@
 import {
   RouterContext
-} from "../../shared/chunk-mtsvrj9e.js";
+} from "../../shared/chunk-4cmt1ve8.js";
 import {
   isBrowser
-} from "../../shared/chunk-14eqne2a.js";
+} from "../../shared/chunk-bybgyjye.js";
 import {
   _tryOnCleanup,
   computed,
@@ -11,7 +11,7 @@ import {
   getSSRContext,
   signal,
   useContext
-} from "../../shared/chunk-4fwcwxn6.js";
+} from "../../shared/chunk-2qe6aqhb.js";
 
 // src/auth/access-context.ts
 var AccessContext = createContext(undefined, "@vertz/ui::AccessContext");
@@ -153,6 +153,9 @@ function createAccessEventClient(options) {
   }
   return { connect, disconnect, dispose };
 }
+// src/auth/auth-context.ts
+import { err, ok } from "@vertz/fetch";
+
 // src/auth/access-event-handler.ts
 function handleAccessEvent(accessSet, event, flagEntitlementMap) {
   const current = accessSet.value;
@@ -250,7 +253,6 @@ function handleLimitUpdate(accessSet, current, entitlement, consumed, remaining,
 }
 
 // src/auth/auth-client.ts
-import { err, ok } from "@vertz/fetch";
 async function parseAuthError(res) {
   let code = "SERVER_ERROR";
   let message = "An unexpected error occurred";
@@ -276,48 +278,6 @@ async function parseAuthError(res) {
   }
   return { code, message, statusCode: res.status, retryAfter };
 }
-function createAuthMethod({
-  basePath,
-  endpoint,
-  httpMethod,
-  schema,
-  onSuccess
-}) {
-  const url = `${basePath}/${endpoint}`;
-  const fn = async (body) => {
-    let res;
-    try {
-      res = await fetch(url, {
-        method: httpMethod,
-        headers: {
-          "Content-Type": "application/json",
-          "X-VTZ-Request": "1"
-        },
-        credentials: "include",
-        body: JSON.stringify(body)
-      });
-    } catch (e) {
-      const networkError = {
-        code: "NETWORK_ERROR",
-        message: e instanceof Error ? e.message : "Network error",
-        statusCode: 0
-      };
-      return err(Object.assign(new Error(networkError.message), networkError));
-    }
-    if (!res.ok) {
-      const authError = await parseAuthError(res);
-      return err(Object.assign(new Error(authError.message), authError));
-    }
-    const data = await res.json();
-    onSuccess(data);
-    return ok(data);
-  };
-  return Object.assign(fn, {
-    url,
-    method: httpMethod,
-    meta: { bodySchema: schema }
-  });
-}
 
 // src/auth/auth-types.ts
 var signInSchema = {
@@ -331,9 +291,9 @@ var signInSchema = {
       errors.push({ path: ["password"], message: "Password is required" });
     }
     if (errors.length > 0) {
-      const err2 = new Error("Validation failed");
-      err2.issues = errors;
-      return { ok: false, error: err2 };
+      const err = new Error("Validation failed");
+      err.issues = errors;
+      return { ok: false, error: err };
     }
     return { ok: true, data: { email: d.email, password: d.password } };
   }
@@ -349,9 +309,9 @@ var signUpSchema = {
       errors.push({ path: ["password"], message: "Password must be at least 8 characters" });
     }
     if (errors.length > 0) {
-      const err2 = new Error("Validation failed");
-      err2.issues = errors;
-      return { ok: false, error: err2 };
+      const err = new Error("Validation failed");
+      err.issues = errors;
+      return { ok: false, error: err };
     }
     const { email, password, ...rest } = d;
     return {
@@ -364,11 +324,11 @@ var mfaSchema = {
   parse(data) {
     const d = data;
     if (!d.code || typeof d.code !== "string" || d.code.length !== 6) {
-      const err2 = new Error("Validation failed");
-      err2.issues = [
+      const err = new Error("Validation failed");
+      err.issues = [
         { path: ["code"], message: "Enter a 6-digit code" }
       ];
-      return { ok: false, error: err2 };
+      return { ok: false, error: err };
     }
     return { ok: true, data: { code: d.code } };
   }
@@ -377,11 +337,11 @@ var forgotPasswordSchema = {
   parse(data) {
     const d = data;
     if (!d.email || typeof d.email !== "string" || !d.email.includes("@")) {
-      const err2 = new Error("Validation failed");
-      err2.issues = [
+      const err = new Error("Validation failed");
+      err.issues = [
         { path: ["email"], message: "Valid email is required" }
       ];
-      return { ok: false, error: err2 };
+      return { ok: false, error: err };
     }
     return { ok: true, data: { email: d.email } };
   }
@@ -397,9 +357,9 @@ var resetPasswordSchema = {
       errors.push({ path: ["password"], message: "Password must be at least 8 characters" });
     }
     if (errors.length > 0) {
-      const err2 = new Error("Validation failed");
-      err2.issues = errors;
-      return { ok: false, error: err2 };
+      const err = new Error("Validation failed");
+      err.issues = errors;
+      return { ok: false, error: err };
     }
     return {
       ok: true,
@@ -489,6 +449,7 @@ function useAuth() {
   return ctx;
 }
 function AuthProvider({
+  auth,
   basePath = "/api/auth",
   accessControl,
   accessEvents,
@@ -500,12 +461,17 @@ function AuthProvider({
   const userSignal = signal(null);
   const statusSignal = signal("idle");
   const errorSignal = signal(null);
-  const providersSignal = signal([]);
+  const ssrProviders = isBrowser() && "__VERTZ_PROVIDERS__" in window ? window.__VERTZ_PROVIDERS__ : [];
+  const providersSignal = signal(ssrProviders);
   if (isBrowser()) {
     setTimeout(() => {
-      fetch(`${basePath}/providers`).then((res) => res.ok ? res.json() : []).then((data) => {
-        providersSignal.value = data;
-      }).catch(() => {});
+      if (auth.providers) {
+        Promise.resolve(auth.providers()).then((result) => {
+          if (result.ok) {
+            providersSignal.value = result.data;
+          }
+        }).catch(() => {});
+      }
     }, 0);
   }
   let deferredRefreshTimer = null;
@@ -561,13 +527,6 @@ function AuthProvider({
       };
     }
   }
-  const signInMethod = createAuthMethod({
-    basePath,
-    endpoint: "signin",
-    httpMethod: "POST",
-    schema: signInSchema,
-    onSuccess: handleAuthSuccess
-  });
   const signIn = Object.assign(async (body) => {
     if (deferredRefreshTimer) {
       clearTimeout(deferredRefreshTimer);
@@ -575,22 +534,17 @@ function AuthProvider({
     }
     statusSignal.value = "loading";
     errorSignal.value = null;
-    const result = await signInMethod(body);
-    if (!result.ok) {
+    const result = await auth.signIn(body);
+    if (result.ok) {
+      handleAuthSuccess(result.data);
+    } else {
       handleAuthError(result.error);
     }
     return result;
   }, {
-    url: signInMethod.url,
-    method: signInMethod.method,
-    meta: signInMethod.meta
-  });
-  const signUpMethod = createAuthMethod({
-    basePath,
-    endpoint: "signup",
-    httpMethod: "POST",
-    schema: signUpSchema,
-    onSuccess: handleAuthSuccess
+    url: auth.signIn.url,
+    method: auth.signIn.method,
+    meta: { bodySchema: signInSchema }
   });
   const signUp = Object.assign(async (body) => {
     if (deferredRefreshTimer) {
@@ -599,72 +553,79 @@ function AuthProvider({
     }
     statusSignal.value = "loading";
     errorSignal.value = null;
-    const result = await signUpMethod(body);
-    if (!result.ok) {
+    const result = await auth.signUp(body);
+    if (result.ok) {
+      handleAuthSuccess(result.data);
+    } else {
       handleAuthError(result.error);
     }
     return result;
   }, {
-    url: signUpMethod.url,
-    method: signUpMethod.method,
-    meta: signUpMethod.meta
-  });
-  const mfaChallengeMethod = createAuthMethod({
-    basePath,
-    endpoint: "mfa/challenge",
-    httpMethod: "POST",
-    schema: mfaSchema,
-    onSuccess: handleAuthSuccess
+    url: auth.signUp.url,
+    method: auth.signUp.method,
+    meta: { bodySchema: signUpSchema }
   });
+  async function authFetch(endpoint, httpMethod, body) {
+    const url = `${basePath}/${endpoint}`;
+    let res;
+    try {
+      res = await fetch(url, {
+        method: httpMethod,
+        headers: {
+          "Content-Type": "application/json",
+          "X-VTZ-Request": "1"
+        },
+        credentials: "include",
+        body: JSON.stringify(body)
+      });
+    } catch (e) {
+      const networkError = {
+        code: "NETWORK_ERROR",
+        message: e instanceof Error ? e.message : "Network error",
+        statusCode: 0
+      };
+      return err(Object.assign(new Error(networkError.message), networkError));
+    }
+    if (!res.ok) {
+      const authError = await parseAuthError(res);
+      return err(Object.assign(new Error(authError.message), authError));
+    }
+    const data = await res.json();
+    return ok(data);
+  }
   const mfaChallenge = Object.assign(async (body) => {
     statusSignal.value = "loading";
     errorSignal.value = null;
-    const result = await mfaChallengeMethod(body);
-    if (!result.ok) {
+    const result = await authFetch("mfa/challenge", "POST", body);
+    if (result.ok) {
+      handleAuthSuccess(result.data);
+    } else {
       handleAuthError(result.error);
     }
     return result;
   }, {
-    url: mfaChallengeMethod.url,
-    method: mfaChallengeMethod.method,
-    meta: mfaChallengeMethod.meta
-  });
-  const forgotPasswordMethod = createAuthMethod({
-    basePath,
-    endpoint: "forgot-password",
-    httpMethod: "POST",
-    schema: forgotPasswordSchema,
-    onSuccess: () => {}
+    url: `${basePath}/mfa/challenge`,
+    method: "POST",
+    meta: { bodySchema: mfaSchema }
   });
   const forgotPassword = Object.assign(async (body) => {
-    return forgotPasswordMethod(body);
+    return authFetch("forgot-password", "POST", body);
   }, {
-    url: forgotPasswordMethod.url,
-    method: forgotPasswordMethod.method,
-    meta: forgotPasswordMethod.meta
-  });
-  const resetPasswordMethod = createAuthMethod({
-    basePath,
-    endpoint: "reset-password",
-    httpMethod: "POST",
-    schema: resetPasswordSchema,
-    onSuccess: () => {}
+    url: `${basePath}/forgot-password`,
+    method: "POST",
+    meta: { bodySchema: forgotPasswordSchema }
   });
   const resetPassword = Object.assign(async (body) => {
-    return resetPasswordMethod(body);
+    return authFetch("reset-password", "POST", body);
   }, {
-    url: resetPasswordMethod.url,
-    method: resetPasswordMethod.method,
-    meta: resetPasswordMethod.meta
+    url: `${basePath}/reset-password`,
+    method: "POST",
+    meta: { bodySchema: resetPasswordSchema }
   });
   const signOut = async (options) => {
     tokenRefresh.cancel();
     try {
-      await fetch(`${basePath}/signout`, {
-        method: "POST",
-        headers: { "X-VTZ-Request": "1" },
-        credentials: "include"
-      });
+      await auth.signOut();
     } catch {}
     userSignal.value = null;
     statusSignal.value = "unauthenticated";
@@ -685,14 +646,9 @@ function AuthProvider({
   const doRefresh = async () => {
     statusSignal.value = "loading";
     try {
-      const res = await fetch(`${basePath}/refresh`, {
-        method: "POST",
-        headers: { "X-VTZ-Request": "1" },
-        credentials: "include"
-      });
-      if (res.ok) {
-        const data = await res.json();
-        handleAuthSuccess(data);
+      const result = await auth.refresh();
+      if (result.ok) {
+        handleAuthSuccess(result.data);
       } else {
         userSignal.value = null;
         statusSignal.value = "unauthenticated";
@@ -775,6 +731,9 @@ function AuthProvider({
       } else {
         statusSignal.value = "unauthenticated";
       }
+      if (ssrCtx.ssrAuth.providers) {
+        providersSignal.value = ssrCtx.ssrAuth.providers;
+      }
     }
   }
   if (accessControl && accessSetSignal && accessLoadingSignal) {

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

@@ -0,0 +1,70 @@
+/**
+* Theme component type registry.
+*
+* This interface is empty by default. Theme packages augment it via
+* TypeScript module augmentation to provide typed components.
+*
+* When `@vertz/theme-shadcn` is installed, it augments this interface with
+* all component types (Button, Dialog, Select, etc.), giving full type safety
+* to imports from `@vertz/ui/components`.
+*
+* Without a theme package, components are typed as `unknown` (from the index signature).
+*
+* @example
+* ```ts
+* // In @vertz/theme-shadcn (module augmentation):
+* declare module '@vertz/ui/components' {
+*   interface ThemeComponentMap {
+*     Button: (props: ButtonProps) => HTMLButtonElement;
+*     Dialog: ThemedDialogComponent;
+*   }
+* }
+* ```
+*/
+interface ThemeComponentMap {
+	[key: string]: unknown;
+}
+declare const Button: ThemeComponentMap["Button"];
+declare const Badge: ThemeComponentMap["Badge"];
+declare const Input: ThemeComponentMap["Input"];
+declare const Textarea: ThemeComponentMap["Textarea"];
+declare const Label: ThemeComponentMap["Label"];
+declare const Separator: ThemeComponentMap["Separator"];
+declare const Breadcrumb: ThemeComponentMap["Breadcrumb"];
+declare const Pagination: ThemeComponentMap["Pagination"];
+declare const Alert: ThemeComponentMap["Alert"];
+declare const Card: ThemeComponentMap["Card"];
+declare const FormGroup: ThemeComponentMap["FormGroup"];
+declare const Avatar: ThemeComponentMap["Avatar"];
+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"];
+declare const Tabs: ThemeComponentMap["Tabs"];
+declare const Popover: ThemeComponentMap["Popover"];
+declare const RadioGroup: ThemeComponentMap["RadioGroup"];
+declare const Accordion: ThemeComponentMap["Accordion"];
+declare const Tooltip: ThemeComponentMap["Tooltip"];
+declare const ContextMenu: ThemeComponentMap["ContextMenu"];
+declare const Sheet: ThemeComponentMap["Sheet"];
+declare const Drawer: ThemeComponentMap["Drawer"];
+declare const Carousel: ThemeComponentMap["Carousel"];
+declare const Calendar: ThemeComponentMap["Calendar"];
+declare const Checkbox: ThemeComponentMap["Checkbox"];
+declare const Switch: ThemeComponentMap["Switch"];
+declare const Progress: ThemeComponentMap["Progress"];
+declare const Slider: ThemeComponentMap["Slider"];
+declare const Toggle: ThemeComponentMap["Toggle"];
+declare const Toast: ThemeComponentMap["Toast"];
+declare const Collapsible: ThemeComponentMap["Collapsible"];
+declare const Command: ThemeComponentMap["Command"];
+declare const DatePicker: ThemeComponentMap["DatePicker"];
+declare const HoverCard: ThemeComponentMap["HoverCard"];
+declare const Menubar: ThemeComponentMap["Menubar"];
+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 };

package/dist/src/components/index.js

@@ -0,0 +1,213 @@
+import {
+  _getComponent,
+  _getPrimitive
+} from "../../shared/chunk-mwc4v48d.js";
+
+// src/components/index.ts
+function createComponentProxy(name) {
+  return (...args) => {
+    const fn = _getComponent(name);
+    if (typeof fn !== "function") {
+      throw new Error(`Component "${name}" is not a function in the registered theme. ` + `Check that your theme package provides this component.`);
+    }
+    return fn(...args);
+  };
+}
+function createSuiteProxy(name, subComponents) {
+  const suite = {};
+  for (const sub of subComponents) {
+    Object.defineProperty(suite, sub, {
+      get: () => {
+        const parent = _getComponent(name);
+        return Reflect.get(parent, sub);
+      },
+      enumerable: true,
+      configurable: true
+    });
+  }
+  return suite;
+}
+function createCompoundProxy(name, subComponents) {
+  const root = (...args) => {
+    const fn = _getPrimitive(name);
+    if (typeof fn !== "function") {
+      throw new Error(`Primitive "${name}" is not callable in the registered theme. ` + `Check that your theme package provides this component.`);
+    }
+    return fn(...args);
+  };
+  for (const sub of subComponents) {
+    Object.defineProperty(root, sub, {
+      get: () => {
+        const parent = _getPrimitive(name);
+        return Reflect.get(parent, sub);
+      },
+      enumerable: true,
+      configurable: true
+    });
+  }
+  return root;
+}
+function createPrimitiveProxy(name) {
+  return (...args) => {
+    const fn = _getPrimitive(name);
+    if (typeof fn !== "function") {
+      throw new Error(`Primitive "${name}" is not a function in the registered theme. ` + `Check that your theme package provides this component.`);
+    }
+    return fn(...args);
+  };
+}
+var Button = /* @__PURE__ */ createComponentProxy("Button");
+var Badge = /* @__PURE__ */ createComponentProxy("Badge");
+var Input = /* @__PURE__ */ createComponentProxy("Input");
+var Textarea = /* @__PURE__ */ createComponentProxy("Textarea");
+var Label = /* @__PURE__ */ createComponentProxy("Label");
+var Separator = /* @__PURE__ */ createComponentProxy("Separator");
+var Breadcrumb = /* @__PURE__ */ createComponentProxy("Breadcrumb");
+var Pagination = /* @__PURE__ */ createComponentProxy("Pagination");
+var Alert = /* @__PURE__ */ createSuiteProxy("Alert", [
+  "Alert",
+  "AlertTitle",
+  "AlertDescription"
+]);
+var Card = /* @__PURE__ */ createSuiteProxy("Card", [
+  "Card",
+  "CardHeader",
+  "CardTitle",
+  "CardDescription",
+  "CardContent",
+  "CardFooter",
+  "CardAction"
+]);
+var FormGroup = /* @__PURE__ */ createSuiteProxy("FormGroup", ["FormGroup", "FormError"]);
+var Avatar = /* @__PURE__ */ createSuiteProxy("Avatar", [
+  "Avatar",
+  "AvatarImage",
+  "AvatarFallback"
+]);
+var Skeleton = /* @__PURE__ */ createSuiteProxy("Skeleton", ["Skeleton"]);
+var Table = /* @__PURE__ */ createSuiteProxy("Table", [
+  "Table",
+  "TableHeader",
+  "TableBody",
+  "TableRow",
+  "TableHead",
+  "TableCell",
+  "TableCaption",
+  "TableFooter"
+]);
+var AlertDialog = /* @__PURE__ */ createCompoundProxy("AlertDialog", ["Trigger", "Content", "Header", "Title", "Description", "Footer", "Cancel", "Action"]);
+var Dialog = /* @__PURE__ */ createCompoundProxy("Dialog", [
+  "Trigger",
+  "Content",
+  "Header",
+  "Title",
+  "Description",
+  "Footer",
+  "Close"
+]);
+var DropdownMenu = /* @__PURE__ */ createCompoundProxy("DropdownMenu", ["Trigger", "Content", "Item", "Group", "Label", "Separator"]);
+var Select = /* @__PURE__ */ createCompoundProxy("Select", [
+  "Trigger",
+  "Content",
+  "Item",
+  "Group",
+  "Separator"
+]);
+var Tabs = /* @__PURE__ */ createCompoundProxy("Tabs", [
+  "List",
+  "Trigger",
+  "Content"
+]);
+var Popover = /* @__PURE__ */ createCompoundProxy("Popover", ["Trigger", "Content"]);
+var RadioGroup = /* @__PURE__ */ createCompoundProxy("RadioGroup", ["Item"]);
+var Accordion = /* @__PURE__ */ createCompoundProxy("Accordion", ["Item", "Trigger", "Content"]);
+var Tooltip = /* @__PURE__ */ createCompoundProxy("Tooltip", ["Trigger", "Content"]);
+var ContextMenu = /* @__PURE__ */ createCompoundProxy("ContextMenu", ["Trigger", "Content", "Item", "Group", "Label", "Separator"]);
+var Sheet = /* @__PURE__ */ createCompoundProxy("Sheet", [
+  "Trigger",
+  "Content",
+  "Title",
+  "Description",
+  "Close"
+]);
+var Drawer = /* @__PURE__ */ createCompoundProxy("Drawer", [
+  "Trigger",
+  "Content",
+  "Header",
+  "Title",
+  "Description",
+  "Footer",
+  "Handle"
+]);
+var Carousel = /* @__PURE__ */ createCompoundProxy("Carousel", ["Slide", "Previous", "Next"]);
+var Calendar = /* @__PURE__ */ createPrimitiveProxy("Calendar");
+var Checkbox = /* @__PURE__ */ createPrimitiveProxy("Checkbox");
+var Switch = /* @__PURE__ */ createPrimitiveProxy("Switch");
+var Progress = /* @__PURE__ */ createPrimitiveProxy("Progress");
+var Slider = /* @__PURE__ */ createPrimitiveProxy("Slider");
+var Toggle = /* @__PURE__ */ createPrimitiveProxy("Toggle");
+var Toast = /* @__PURE__ */ createPrimitiveProxy("Toast");
+var Collapsible = /* @__PURE__ */ createCompoundProxy("Collapsible", ["Trigger", "Content"]);
+var Command = /* @__PURE__ */ createCompoundProxy("Command", ["Input", "List", "Empty", "Item", "Group", "Separator"]);
+var DatePicker = /* @__PURE__ */ createCompoundProxy("DatePicker", ["Trigger", "Content"]);
+var HoverCard = /* @__PURE__ */ createCompoundProxy("HoverCard", ["Trigger", "Content"]);
+var Menubar = /* @__PURE__ */ createCompoundProxy("Menubar", ["Menu", "Trigger", "Content", "Item", "Group", "Label", "Separator"]);
+var NavigationMenu = /* @__PURE__ */ createCompoundProxy("NavigationMenu", [
+  "List",
+  "Item",
+  "Trigger",
+  "Content",
+  "Link",
+  "Viewport"
+]);
+var ResizablePanel = /* @__PURE__ */ createCompoundProxy("ResizablePanel", [
+  "Panel",
+  "Handle"
+]);
+var ScrollArea = /* @__PURE__ */ createPrimitiveProxy("ScrollArea");
+var ToggleGroup = /* @__PURE__ */ createCompoundProxy("ToggleGroup", ["Item"]);
+export {
+  Tooltip,
+  ToggleGroup,
+  Toggle,
+  Toast,
+  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
+};