@spacesync/client 0.1.0

package/dist/api.d.ts

@@ -0,0 +1,222 @@
+import { z } from 'zod';
+export { A as ApiClientError, a as ApiClientErrorKind, b as ApiClientErrorOptions, c as ApiFieldError, i as isApiClientError, n as normalizeAxiosError } from './errors-D1niseaa.js';
+import { AxiosInstance, AxiosRequestConfig } from 'axios';
+
+/**
+ * Mirrors `apps/api/src/lib/ApiResponse.ts` exactly. Every route on the
+ * backend responds with this envelope (the only exceptions are documented
+ * per-service, e.g. `POST /auth/logout` returns 204 with no body).
+ */
+interface ApiResponseMeta {
+    page?: number;
+    limit?: number;
+    total?: number;
+    totalPages?: number;
+    [key: string]: unknown;
+}
+declare const paginationMetaSchema: z.ZodObject<{
+    page: z.ZodOptional<z.ZodNumber>;
+    limit: z.ZodOptional<z.ZodNumber>;
+    total: z.ZodOptional<z.ZodNumber>;
+    totalPages: z.ZodOptional<z.ZodNumber>;
+}, "passthrough", z.ZodTypeAny, z.objectOutputType<{
+    page: z.ZodOptional<z.ZodNumber>;
+    limit: z.ZodOptional<z.ZodNumber>;
+    total: z.ZodOptional<z.ZodNumber>;
+    totalPages: z.ZodOptional<z.ZodNumber>;
+}, z.ZodTypeAny, "passthrough">, z.objectInputType<{
+    page: z.ZodOptional<z.ZodNumber>;
+    limit: z.ZodOptional<z.ZodNumber>;
+    total: z.ZodOptional<z.ZodNumber>;
+    totalPages: z.ZodOptional<z.ZodNumber>;
+}, z.ZodTypeAny, "passthrough">>;
+declare const apiErrorBodySchema: z.ZodObject<{
+    success: z.ZodLiteral<false>;
+    data: z.ZodNull;
+    error: z.ZodObject<{
+        message: z.ZodString;
+        details: z.ZodOptional<z.ZodUnknown>;
+    }, "strip", z.ZodTypeAny, {
+        message: string;
+        details?: unknown;
+    }, {
+        message: string;
+        details?: unknown;
+    }>;
+    meta: z.ZodOptional<z.ZodObject<{
+        page: z.ZodOptional<z.ZodNumber>;
+        limit: z.ZodOptional<z.ZodNumber>;
+        total: z.ZodOptional<z.ZodNumber>;
+        totalPages: z.ZodOptional<z.ZodNumber>;
+    }, "passthrough", z.ZodTypeAny, z.objectOutputType<{
+        page: z.ZodOptional<z.ZodNumber>;
+        limit: z.ZodOptional<z.ZodNumber>;
+        total: z.ZodOptional<z.ZodNumber>;
+        totalPages: z.ZodOptional<z.ZodNumber>;
+    }, z.ZodTypeAny, "passthrough">, z.objectInputType<{
+        page: z.ZodOptional<z.ZodNumber>;
+        limit: z.ZodOptional<z.ZodNumber>;
+        total: z.ZodOptional<z.ZodNumber>;
+        totalPages: z.ZodOptional<z.ZodNumber>;
+    }, z.ZodTypeAny, "passthrough">>>;
+}, "strip", z.ZodTypeAny, {
+    success: false;
+    data: null;
+    error: {
+        message: string;
+        details?: unknown;
+    };
+    meta?: z.objectOutputType<{
+        page: z.ZodOptional<z.ZodNumber>;
+        limit: z.ZodOptional<z.ZodNumber>;
+        total: z.ZodOptional<z.ZodNumber>;
+        totalPages: z.ZodOptional<z.ZodNumber>;
+    }, z.ZodTypeAny, "passthrough"> | undefined;
+}, {
+    success: false;
+    data: null;
+    error: {
+        message: string;
+        details?: unknown;
+    };
+    meta?: z.objectInputType<{
+        page: z.ZodOptional<z.ZodNumber>;
+        limit: z.ZodOptional<z.ZodNumber>;
+        total: z.ZodOptional<z.ZodNumber>;
+        totalPages: z.ZodOptional<z.ZodNumber>;
+    }, z.ZodTypeAny, "passthrough"> | undefined;
+}>;
+type ApiErrorBody = z.infer<typeof apiErrorBodySchema>;
+/**
+ * Builds a schema for the success envelope around a given data schema, e.g.
+ * `apiSuccessBodySchema(bookingSchema)` or `apiSuccessBodySchema(z.array(bookingSchema))`.
+ */
+declare function apiSuccessBodySchema<TData extends z.ZodTypeAny>(dataSchema: TData): z.ZodObject<{
+    success: z.ZodLiteral<true>;
+    data: TData;
+    error: z.ZodNull;
+    meta: z.ZodOptional<z.ZodObject<{
+        page: z.ZodOptional<z.ZodNumber>;
+        limit: z.ZodOptional<z.ZodNumber>;
+        total: z.ZodOptional<z.ZodNumber>;
+        totalPages: z.ZodOptional<z.ZodNumber>;
+    }, "passthrough", z.ZodTypeAny, z.objectOutputType<{
+        page: z.ZodOptional<z.ZodNumber>;
+        limit: z.ZodOptional<z.ZodNumber>;
+        total: z.ZodOptional<z.ZodNumber>;
+        totalPages: z.ZodOptional<z.ZodNumber>;
+    }, z.ZodTypeAny, "passthrough">, z.objectInputType<{
+        page: z.ZodOptional<z.ZodNumber>;
+        limit: z.ZodOptional<z.ZodNumber>;
+        total: z.ZodOptional<z.ZodNumber>;
+        totalPages: z.ZodOptional<z.ZodNumber>;
+    }, z.ZodTypeAny, "passthrough">>>;
+}, "strip", z.ZodTypeAny, z.objectUtil.addQuestionMarks<z.baseObjectOutputType<{
+    success: z.ZodLiteral<true>;
+    data: TData;
+    error: z.ZodNull;
+    meta: z.ZodOptional<z.ZodObject<{
+        page: z.ZodOptional<z.ZodNumber>;
+        limit: z.ZodOptional<z.ZodNumber>;
+        total: z.ZodOptional<z.ZodNumber>;
+        totalPages: z.ZodOptional<z.ZodNumber>;
+    }, "passthrough", z.ZodTypeAny, z.objectOutputType<{
+        page: z.ZodOptional<z.ZodNumber>;
+        limit: z.ZodOptional<z.ZodNumber>;
+        total: z.ZodOptional<z.ZodNumber>;
+        totalPages: z.ZodOptional<z.ZodNumber>;
+    }, z.ZodTypeAny, "passthrough">, z.objectInputType<{
+        page: z.ZodOptional<z.ZodNumber>;
+        limit: z.ZodOptional<z.ZodNumber>;
+        total: z.ZodOptional<z.ZodNumber>;
+        totalPages: z.ZodOptional<z.ZodNumber>;
+    }, z.ZodTypeAny, "passthrough">>>;
+}>, any> extends infer T ? { [k in keyof T]: T[k]; } : never, z.baseObjectInputType<{
+    success: z.ZodLiteral<true>;
+    data: TData;
+    error: z.ZodNull;
+    meta: z.ZodOptional<z.ZodObject<{
+        page: z.ZodOptional<z.ZodNumber>;
+        limit: z.ZodOptional<z.ZodNumber>;
+        total: z.ZodOptional<z.ZodNumber>;
+        totalPages: z.ZodOptional<z.ZodNumber>;
+    }, "passthrough", z.ZodTypeAny, z.objectOutputType<{
+        page: z.ZodOptional<z.ZodNumber>;
+        limit: z.ZodOptional<z.ZodNumber>;
+        total: z.ZodOptional<z.ZodNumber>;
+        totalPages: z.ZodOptional<z.ZodNumber>;
+    }, z.ZodTypeAny, "passthrough">, z.objectInputType<{
+        page: z.ZodOptional<z.ZodNumber>;
+        limit: z.ZodOptional<z.ZodNumber>;
+        total: z.ZodOptional<z.ZodNumber>;
+        totalPages: z.ZodOptional<z.ZodNumber>;
+    }, z.ZodTypeAny, "passthrough">>>;
+}> extends infer T_1 ? { [k_1 in keyof T_1]: T_1[k_1]; } : never>;
+type ApiSuccessBody<TData> = {
+    success: true;
+    data: TData;
+    error: null;
+    meta?: ApiResponseMeta;
+};
+
+interface AuthTokens {
+    accessToken: string;
+    refreshToken: string;
+}
+interface TokenStorage {
+    getAccessToken(): string | null;
+    getRefreshToken(): string | null;
+    setTokens(tokens: AuthTokens): void;
+    clearTokens(): void;
+}
+/**
+ * localStorage-backed token storage, namespaced per app/scope (e.g. "tenant", "platform")
+ * so multiple apps on the same origin (or a single app talking to two backends) never
+ * collide on the same keys.
+ */
+declare function createLocalStorageTokenStorage(namespace: string): TokenStorage;
+
+declare module "axios" {
+    interface AxiosRequestConfig {
+        /** Set on requests (login/register/refresh) that should never get a Bearer header or trigger a refresh-retry. */
+        skipAuth?: boolean;
+        /** Internal flag set by the response interceptor to avoid retrying the same request twice. */
+        _retriedAfterRefresh?: boolean;
+    }
+}
+interface CreateApiClientConfig {
+    baseURL: string;
+    tokenStorage: TokenStorage;
+    /** Path (relative to `baseURL`) used to exchange a refresh token for a new token pair, e.g. "/auth/refresh". */
+    refreshPath: string;
+    /** Called once refreshing the session has failed (bad/expired refresh token) - e.g. navigate to /login. */
+    onAuthExpired?: () => void;
+}
+/**
+ * Creates an axios instance that:
+ * - attaches `Authorization: Bearer <accessToken>` to every request (unless `skipAuth` is set on that request's config)
+ * - on a 401, refreshes the session exactly once (concurrent 401s share the same in-flight refresh call via
+ *   `refreshPromise`, so a burst of requests never fires multiple refreshes) and retries the original request
+ * - on refresh failure, clears stored tokens and calls `onAuthExpired` so the app can redirect to login
+ *
+ * Does NOT unwrap the `{ success, data, error }` envelope itself - see `request.ts` for that - so raw responses
+ * (e.g. the 204 from `/auth/logout`) are still inspectable when needed.
+ */
+declare function createApiClient(config: CreateApiClientConfig): AxiosInstance;
+
+interface ApiRequestResult<TData> {
+    data: TData;
+    meta?: ApiResponseMeta;
+}
+/**
+ * Runs a request through the given client, validates + unwraps the `{ success, data, error, meta }`
+ * envelope against `dataSchema`, and normalizes any failure (network, envelope-shape mismatch, or a
+ * `{ success: false }` response) into an `ApiClientError`.
+ *
+ * This is the one place response validation + error normalization happens, so every service call
+ * built on top of it gets a runtime-verified response "for free" - if the backend's actual response
+ * doesn't match `dataSchema`, this throws instead of silently returning malformed data.
+ */
+declare function apiRequest<TData>(client: AxiosInstance, requestConfig: AxiosRequestConfig, dataSchema: z.ZodType<TData>): Promise<ApiRequestResult<TData>>;
+
+export { type ApiErrorBody, type ApiRequestResult, type ApiResponseMeta, type ApiSuccessBody, type AuthTokens, type CreateApiClientConfig, type TokenStorage, apiErrorBodySchema, apiRequest, apiSuccessBodySchema, createApiClient, createLocalStorageTokenStorage, paginationMetaSchema };

package/dist/api.js

@@ -0,0 +1,167 @@
+import { z } from 'zod';
+import axios2 from 'axios';
+
+// src/api/envelope.ts
+var paginationMetaSchema = z.object({
+  page: z.number().optional(),
+  limit: z.number().optional(),
+  total: z.number().optional(),
+  totalPages: z.number().optional()
+}).passthrough();
+var apiErrorBodySchema = z.object({
+  success: z.literal(false),
+  data: z.null(),
+  error: z.object({
+    message: z.string(),
+    details: z.unknown().optional()
+  }),
+  meta: paginationMetaSchema.optional()
+});
+function apiSuccessBodySchema(dataSchema) {
+  return z.object({
+    success: z.literal(true),
+    data: dataSchema,
+    error: z.null(),
+    meta: paginationMetaSchema.optional()
+  });
+}
+var ApiClientError = class _ApiClientError extends Error {
+  kind;
+  statusCode;
+  details;
+  fieldErrors;
+  constructor(kind, message, options = {}) {
+    super(message);
+    this.name = "ApiClientError";
+    this.kind = kind;
+    this.statusCode = options.statusCode;
+    this.details = options.details;
+    this.fieldErrors = options.fieldErrors;
+    Object.setPrototypeOf(this, _ApiClientError.prototype);
+  }
+};
+function isApiClientError(err) {
+  return err instanceof ApiClientError;
+}
+function isZodIssueArray(details) {
+  return Array.isArray(details) && details.length > 0 && details.every(
+    (issue) => typeof issue === "object" && issue !== null && Array.isArray(issue.path) && typeof issue.message === "string"
+  );
+}
+function toFieldErrors(issues) {
+  return issues.map((issue) => ({
+    path: issue.path.join("."),
+    message: issue.message
+  }));
+}
+function normalizeAxiosError(err) {
+  if (isApiClientError(err)) return err;
+  if (axios2.isAxiosError(err)) {
+    if (!err.response) {
+      return new ApiClientError("network", "Unable to reach the server. Check your connection and try again.");
+    }
+    const status = err.response.status;
+    const parsedBody = apiErrorBodySchema.safeParse(err.response.data);
+    const message2 = parsedBody.success ? parsedBody.data.error.message : `Request failed with status ${status}`;
+    const details = parsedBody.success ? parsedBody.data.error.details : void 0;
+    if (status === 400 && isZodIssueArray(details)) {
+      return new ApiClientError("validation", message2, {
+        statusCode: status,
+        details,
+        fieldErrors: toFieldErrors(details)
+      });
+    }
+    return new ApiClientError("http", message2, { statusCode: status, details });
+  }
+  if (err instanceof z.ZodError) {
+    return new ApiClientError("http", "Unexpected response shape from the server.", {
+      details: err.issues
+    });
+  }
+  const message = err instanceof Error ? err.message : "Something went wrong. Please try again.";
+  return new ApiClientError("http", message);
+}
+
+// src/api/tokenStorage.ts
+function createLocalStorageTokenStorage(namespace) {
+  const accessKey = `coworking.${namespace}.accessToken`;
+  const refreshKey = `coworking.${namespace}.refreshToken`;
+  return {
+    getAccessToken() {
+      return localStorage.getItem(accessKey);
+    },
+    getRefreshToken() {
+      return localStorage.getItem(refreshKey);
+    },
+    setTokens({ accessToken, refreshToken }) {
+      localStorage.setItem(accessKey, accessToken);
+      localStorage.setItem(refreshKey, refreshToken);
+    },
+    clearTokens() {
+      localStorage.removeItem(accessKey);
+      localStorage.removeItem(refreshKey);
+    }
+  };
+}
+function createApiClient(config) {
+  const { baseURL, tokenStorage, refreshPath, onAuthExpired } = config;
+  const client = axios2.create({ baseURL });
+  let refreshPromise = null;
+  async function refreshTokens() {
+    const refreshToken = tokenStorage.getRefreshToken();
+    if (!refreshToken) throw new Error("No refresh token available");
+    const response = await axios2.post(`${baseURL}${refreshPath}`, { refreshToken });
+    const tokens = response.data.data;
+    tokenStorage.setTokens(tokens);
+    return tokens;
+  }
+  client.interceptors.request.use((requestConfig) => {
+    if (requestConfig.skipAuth) return requestConfig;
+    const accessToken = tokenStorage.getAccessToken();
+    if (accessToken) {
+      requestConfig.headers.set("Authorization", `Bearer ${accessToken}`);
+    }
+    return requestConfig;
+  });
+  client.interceptors.response.use(
+    (response) => response,
+    async (error) => {
+      if (!axios2.isAxiosError(error) || error.response?.status !== 401) {
+        throw error;
+      }
+      const originalRequest = error.config;
+      if (!originalRequest || originalRequest.skipAuth || originalRequest._retriedAfterRefresh) {
+        throw error;
+      }
+      try {
+        refreshPromise ??= refreshTokens().finally(() => {
+          refreshPromise = null;
+        });
+        const tokens = await refreshPromise;
+        originalRequest._retriedAfterRefresh = true;
+        originalRequest.headers.set("Authorization", `Bearer ${tokens.accessToken}`);
+        return client.request(originalRequest);
+      } catch {
+        tokenStorage.clearTokens();
+        onAuthExpired?.();
+        throw error;
+      }
+    }
+  );
+  return client;
+}
+
+// src/api/request.ts
+async function apiRequest(client, requestConfig, dataSchema) {
+  try {
+    const response = await client.request(requestConfig);
+    const parsed = apiSuccessBodySchema(dataSchema).parse(response.data);
+    return { data: parsed.data, meta: parsed.meta };
+  } catch (err) {
+    throw normalizeAxiosError(err);
+  }
+}
+
+export { ApiClientError, apiErrorBodySchema, apiRequest, apiSuccessBodySchema, createApiClient, createLocalStorageTokenStorage, isApiClientError, normalizeAxiosError, paginationMetaSchema };
+//# sourceMappingURL=api.js.map
+//# sourceMappingURL=api.js.map

package/dist/api.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/api/envelope.ts","../src/api/errors.ts","../src/api/tokenStorage.ts","../src/api/createApiClient.ts","../src/api/request.ts"],"names":["axios","message","z"],"mappings":";;;;AAeO,IAAM,oBAAA,GAAuB,EACjC,MAAA,CAAO;AAAA,EACN,IAAA,EAAM,CAAA,CAAE,MAAA,EAAO,CAAE,QAAA,EAAS;AAAA,EAC1B,KAAA,EAAO,CAAA,CAAE,MAAA,EAAO,CAAE,QAAA,EAAS;AAAA,EAC3B,KAAA,EAAO,CAAA,CAAE,MAAA,EAAO,CAAE,QAAA,EAAS;AAAA,EAC3B,UAAA,EAAY,CAAA,CAAE,MAAA,EAAO,CAAE,QAAA;AACzB,CAAC,EACA,WAAA;AAEI,IAAM,kBAAA,GAAqB,EAAE,MAAA,CAAO;AAAA,EACzC,OAAA,EAAS,CAAA,CAAE,OAAA,CAAQ,KAAK,CAAA;AAAA,EACxB,IAAA,EAAM,EAAE,IAAA,EAAK;AAAA,EACb,KAAA,EAAO,EAAE,MAAA,CAAO;AAAA,IACd,OAAA,EAAS,EAAE,MAAA,EAAO;AAAA,IAClB,OAAA,EAAS,CAAA,CAAE,OAAA,EAAQ,CAAE,QAAA;AAAS,GAC/B,CAAA;AAAA,EACD,IAAA,EAAM,qBAAqB,QAAA;AAC7B,CAAC;AAQM,SAAS,qBAAiD,UAAA,EAAmB;AAClF,EAAA,OAAO,EAAE,MAAA,CAAO;AAAA,IACd,OAAA,EAAS,CAAA,CAAE,OAAA,CAAQ,IAAI,CAAA;AAAA,IACvB,IAAA,EAAM,UAAA;AAAA,IACN,KAAA,EAAO,EAAE,IAAA,EAAK;AAAA,IACd,IAAA,EAAM,qBAAqB,QAAA;AAAS,GACrC,CAAA;AACH;ACvBO,IAAM,cAAA,GAAN,MAAM,eAAA,SAAuB,KAAA,CAAM;AAAA,EAC/B,IAAA;AAAA,EACA,UAAA;AAAA,EACA,OAAA;AAAA,EACA,WAAA;AAAA,EAET,WAAA,CAAY,IAAA,EAA0B,OAAA,EAAiB,OAAA,GAAiC,EAAC,EAAG;AAC1F,IAAA,KAAA,CAAM,OAAO,CAAA;AACb,IAAA,IAAA,CAAK,IAAA,GAAO,gBAAA;AACZ,IAAA,IAAA,CAAK,IAAA,GAAO,IAAA;AACZ,IAAA,IAAA,CAAK,aAAa,OAAA,CAAQ,UAAA;AAC1B,IAAA,IAAA,CAAK,UAAU,OAAA,CAAQ,OAAA;AACvB,IAAA,IAAA,CAAK,cAAc,OAAA,CAAQ,WAAA;AAC3B,IAAA,MAAA,CAAO,cAAA,CAAe,IAAA,EAAM,eAAA,CAAe,SAAS,CAAA;AAAA,EACtD;AACF;AAEO,SAAS,iBAAiB,GAAA,EAAqC;AACpE,EAAA,OAAO,GAAA,YAAe,cAAA;AACxB;AAOA,SAAS,gBAAgB,OAAA,EAA6C;AACpE,EAAA,OACE,MAAM,OAAA,CAAQ,OAAO,KACrB,OAAA,CAAQ,MAAA,GAAS,KACjB,OAAA,CAAQ,KAAA;AAAA,IACN,CAAC,KAAA,KACC,OAAO,KAAA,KAAU,YACjB,KAAA,KAAU,IAAA,IACV,KAAA,CAAM,OAAA,CAAS,KAAA,CAAuB,IAAI,CAAA,IAC1C,OAAQ,MAAuB,OAAA,KAAY;AAAA,GAC/C;AAEJ;AAEA,SAAS,cAAc,MAAA,EAAyC;AAC9D,EAAA,OAAO,MAAA,CAAO,GAAA,CAAI,CAAC,KAAA,MAAW;AAAA,IAC5B,IAAA,EAAM,KAAA,CAAM,IAAA,CAAK,IAAA,CAAK,GAAG,CAAA;AAAA,IACzB,SAAS,KAAA,CAAM;AAAA,GACjB,CAAE,CAAA;AACJ;AAQO,SAAS,oBAAoB,GAAA,EAA8B;AAChE,EAAA,IAAI,gBAAA,CAAiB,GAAG,CAAA,EAAG,OAAO,GAAA;AAElC,EAAA,IAAIA,MAAA,CAAM,YAAA,CAAa,GAAG,CAAA,EAAG;AAC3B,IAAA,IAAI,CAAC,IAAI,QAAA,EAAU;AACjB,MAAA,OAAO,IAAI,cAAA,CAAe,SAAA,EAAW,kEAAkE,CAAA;AAAA,IACzG;AAEA,IAAA,MAAM,MAAA,GAAS,IAAI,QAAA,CAAS,MAAA;AAC5B,IAAA,MAAM,UAAA,GAAa,kBAAA,CAAmB,SAAA,CAAU,GAAA,CAAI,SAAS,IAAI,CAAA;AACjE,IAAA,MAAMC,QAAAA,GAAU,WAAW,OAAA,GAAU,UAAA,CAAW,KAAK,KAAA,CAAM,OAAA,GAAU,8BAA8B,MAAM,CAAA,CAAA;AACzG,IAAA,MAAM,UAAU,UAAA,CAAW,OAAA,GAAU,UAAA,CAAW,IAAA,CAAK,MAAM,OAAA,GAAU,MAAA;AAErE,IAAA,IAAI,MAAA,KAAW,GAAA,IAAO,eAAA,CAAgB,OAAO,CAAA,EAAG;AAC9C,MAAA,OAAO,IAAI,cAAA,CAAe,YAAA,EAAcA,QAAAA,EAAS;AAAA,QAC/C,UAAA,EAAY,MAAA;AAAA,QACZ,OAAA;AAAA,QACA,WAAA,EAAa,cAAc,OAAO;AAAA,OACnC,CAAA;AAAA,IACH;AAEA,IAAA,OAAO,IAAI,eAAe,MAAA,EAAQA,QAAAA,EAAS,EAAE,UAAA,EAAY,MAAA,EAAQ,SAAS,CAAA;AAAA,EAC5E;AAEA,EAAA,IAAI,GAAA,YAAeC,EAAE,QAAA,EAAU;AAG7B,IAAA,OAAO,IAAI,cAAA,CAAe,MAAA,EAAQ,4CAAA,EAA8C;AAAA,MAC9E,SAAS,GAAA,CAAI;AAAA,KACd,CAAA;AAAA,EACH;AAEA,EAAA,MAAM,OAAA,GAAU,GAAA,YAAe,KAAA,GAAQ,GAAA,CAAI,OAAA,GAAU,yCAAA;AACrD,EAAA,OAAO,IAAI,cAAA,CAAe,MAAA,EAAQ,OAAO,CAAA;AAC3C;;;AC9FO,SAAS,+BAA+B,SAAA,EAAiC;AAC9E,EAAA,MAAM,SAAA,GAAY,aAAa,SAAS,CAAA,YAAA,CAAA;AACxC,EAAA,MAAM,UAAA,GAAa,aAAa,SAAS,CAAA,aAAA,CAAA;AAEzC,EAAA,OAAO;AAAA,IACL,cAAA,GAAiB;AACf,MAAA,OAAO,YAAA,CAAa,QAAQ,SAAS,CAAA;AAAA,IACvC,CAAA;AAAA,IACA,eAAA,GAAkB;AAChB,MAAA,OAAO,YAAA,CAAa,QAAQ,UAAU,CAAA;AAAA,IACxC,CAAA;AAAA,IACA,SAAA,CAAU,EAAE,WAAA,EAAa,YAAA,EAAa,EAAG;AACvC,MAAA,YAAA,CAAa,OAAA,CAAQ,WAAW,WAAW,CAAA;AAC3C,MAAA,YAAA,CAAa,OAAA,CAAQ,YAAY,YAAY,CAAA;AAAA,IAC/C,CAAA;AAAA,IACA,WAAA,GAAc;AACZ,MAAA,YAAA,CAAa,WAAW,SAAS,CAAA;AACjC,MAAA,YAAA,CAAa,WAAW,UAAU,CAAA;AAAA,IACpC;AAAA,GACF;AACF;ACNO,SAAS,gBAAgB,MAAA,EAA8C;AAC5E,EAAA,MAAM,EAAE,OAAA,EAAS,YAAA,EAAc,WAAA,EAAa,eAAc,GAAI,MAAA;AAC9D,EAAA,MAAM,MAAA,GAASF,MAAAA,CAAM,MAAA,CAAO,EAAE,SAAS,CAAA;AAEvC,EAAA,IAAI,cAAA,GAA6C,IAAA;AAEjD,EAAA,eAAe,aAAA,GAAqC;AAClD,IAAA,MAAM,YAAA,GAAe,aAAa,eAAA,EAAgB;AAClD,IAAA,IAAI,CAAC,YAAA,EAAc,MAAM,IAAI,MAAM,4BAA4B,CAAA;AAI/D,IAAA,MAAM,QAAA,GAAW,MAAMA,MAAAA,CAAM,IAAA,CAA2B,CAAA,EAAG,OAAO,CAAA,EAAG,WAAW,CAAA,CAAA,EAAI,EAAE,YAAA,EAAc,CAAA;AACpG,IAAA,MAAM,MAAA,GAAS,SAAS,IAAA,CAAK,IAAA;AAC7B,IAAA,YAAA,CAAa,UAAU,MAAM,CAAA;AAC7B,IAAA,OAAO,MAAA;AAAA,EACT;AAEA,EAAA,MAAA,CAAO,YAAA,CAAa,OAAA,CAAQ,GAAA,CAAI,CAAC,aAAA,KAAkB;AACjD,IAAA,IAAI,aAAA,CAAc,UAAU,OAAO,aAAA;AAEnC,IAAA,MAAM,WAAA,GAAc,aAAa,cAAA,EAAe;AAChD,IAAA,IAAI,WAAA,EAAa;AACf,MAAA,aAAA,CAAc,OAAA,CAAQ,GAAA,CAAI,eAAA,EAAiB,CAAA,OAAA,EAAU,WAAW,CAAA,CAAE,CAAA;AAAA,IACpE;AACA,IAAA,OAAO,aAAA;AAAA,EACT,CAAC,CAAA;AAED,EAAA,MAAA,CAAO,aAAa,QAAA,CAAS,GAAA;AAAA,IAC3B,CAAC,QAAA,KAAa,QAAA;AAAA,IACd,OAAO,KAAA,KAAU;AACf,MAAA,IAAI,CAACA,OAAM,YAAA,CAAa,KAAK,KAAK,KAAA,CAAM,QAAA,EAAU,WAAW,GAAA,EAAK;AAChE,QAAA,MAAM,KAAA;AAAA,MACR;AAEA,MAAA,MAAM,kBAAkB,KAAA,CAAM,MAAA;AAC9B,MAAA,IAAI,CAAC,eAAA,IAAmB,eAAA,CAAgB,QAAA,IAAY,gBAAgB,oBAAA,EAAsB;AACxF,QAAA,MAAM,KAAA;AAAA,MACR;AAEA,MAAA,IAAI;AACF,QAAA,cAAA,KAAmB,aAAA,EAAc,CAAE,OAAA,CAAQ,MAAM;AAC/C,UAAA,cAAA,GAAiB,IAAA;AAAA,QACnB,CAAC,CAAA;AACD,QAAA,MAAM,SAAS,MAAM,cAAA;AAErB,QAAA,eAAA,CAAgB,oBAAA,GAAuB,IAAA;AACvC,QAAA,eAAA,CAAgB,QAAQ,GAAA,CAAI,eAAA,EAAiB,CAAA,OAAA,EAAU,MAAA,CAAO,WAAW,CAAA,CAAE,CAAA;AAC3E,QAAA,OAAO,MAAA,CAAO,QAAQ,eAAe,CAAA;AAAA,MACvC,CAAA,CAAA,MAAQ;AACN,QAAA,YAAA,CAAa,WAAA,EAAY;AACzB,QAAA,aAAA,IAAgB;AAChB,QAAA,MAAM,KAAA;AAAA,MACR;AAAA,IACF;AAAA,GACF;AAEA,EAAA,OAAO,MAAA;AACT;;;ACtEA,eAAsB,UAAA,CACpB,MAAA,EACA,aAAA,EACA,UAAA,EACkC;AAClC,EAAA,IAAI;AACF,IAAA,MAAM,QAAA,GAAW,MAAM,MAAA,CAAO,OAAA,CAAQ,aAAa,CAAA;AACnD,IAAA,MAAM,SAAS,oBAAA,CAAqB,UAAU,CAAA,CAAE,KAAA,CAAM,SAAS,IAAI,CAAA;AAGnE,IAAA,OAAO,EAAE,IAAA,EAAM,MAAA,CAAO,IAAA,EAAe,IAAA,EAAM,OAAO,IAAA,EAAK;AAAA,EACzD,SAAS,GAAA,EAAK;AACZ,IAAA,MAAM,oBAAoB,GAAG,CAAA;AAAA,EAC/B;AACF","file":"api.js","sourcesContent":["import { z } from \"zod\";\n\n/**\n * Mirrors `apps/api/src/lib/ApiResponse.ts` exactly. Every route on the\n * backend responds with this envelope (the only exceptions are documented\n * per-service, e.g. `POST /auth/logout` returns 204 with no body).\n */\nexport interface ApiResponseMeta {\n  page?: number;\n  limit?: number;\n  total?: number;\n  totalPages?: number;\n  [key: string]: unknown;\n}\n\nexport const paginationMetaSchema = z\n  .object({\n    page: z.number().optional(),\n    limit: z.number().optional(),\n    total: z.number().optional(),\n    totalPages: z.number().optional(),\n  })\n  .passthrough();\n\nexport const apiErrorBodySchema = z.object({\n  success: z.literal(false),\n  data: z.null(),\n  error: z.object({\n    message: z.string(),\n    details: z.unknown().optional(),\n  }),\n  meta: paginationMetaSchema.optional(),\n});\n\nexport type ApiErrorBody = z.infer<typeof apiErrorBodySchema>;\n\n/**\n * Builds a schema for the success envelope around a given data schema, e.g.\n * `apiSuccessBodySchema(bookingSchema)` or `apiSuccessBodySchema(z.array(bookingSchema))`.\n */\nexport function apiSuccessBodySchema<TData extends z.ZodTypeAny>(dataSchema: TData) {\n  return z.object({\n    success: z.literal(true),\n    data: dataSchema,\n    error: z.null(),\n    meta: paginationMetaSchema.optional(),\n  });\n}\n\nexport type ApiSuccessBody<TData> = {\n  success: true;\n  data: TData;\n  error: null;\n  meta?: ApiResponseMeta;\n};\n","import axios from \"axios\";\nimport { z } from \"zod\";\nimport { apiErrorBodySchema } from \"./envelope\";\n\n/**\n * - \"network\": the request never got a response at all (server unreachable, timeout, CORS/preflight failure).\n * - \"validation\": HTTP 400 from our API where `error.details` is the Zod-issues shape produced by\n *   `validate.middleware.ts` — field-mappable.\n * - \"http\": every other status our API returns (401, 403, 404, 409, 500, ...). Not field-specific by default.\n */\nexport type ApiClientErrorKind = \"network\" | \"validation\" | \"http\";\n\nexport interface ApiFieldError {\n  /** Dot-path, e.g. \"email\" — matched against react-hook-form field names. */\n  path: string;\n  message: string;\n}\n\nexport interface ApiClientErrorOptions {\n  statusCode?: number;\n  details?: unknown;\n  fieldErrors?: ApiFieldError[];\n}\n\nexport class ApiClientError extends Error {\n  readonly kind: ApiClientErrorKind;\n  readonly statusCode?: number;\n  readonly details?: unknown;\n  readonly fieldErrors?: ApiFieldError[];\n\n  constructor(kind: ApiClientErrorKind, message: string, options: ApiClientErrorOptions = {}) {\n    super(message);\n    this.name = \"ApiClientError\";\n    this.kind = kind;\n    this.statusCode = options.statusCode;\n    this.details = options.details;\n    this.fieldErrors = options.fieldErrors;\n    Object.setPrototypeOf(this, ApiClientError.prototype);\n  }\n}\n\nexport function isApiClientError(err: unknown): err is ApiClientError {\n  return err instanceof ApiClientError;\n}\n\ninterface ZodLikeIssue {\n  path: Array<string | number>;\n  message: string;\n}\n\nfunction isZodIssueArray(details: unknown): details is ZodLikeIssue[] {\n  return (\n    Array.isArray(details) &&\n    details.length > 0 &&\n    details.every(\n      (issue) =>\n        typeof issue === \"object\" &&\n        issue !== null &&\n        Array.isArray((issue as ZodLikeIssue).path) &&\n        typeof (issue as ZodLikeIssue).message === \"string\",\n    )\n  );\n}\n\nfunction toFieldErrors(issues: ZodLikeIssue[]): ApiFieldError[] {\n  return issues.map((issue) => ({\n    path: issue.path.join(\".\"),\n    message: issue.message,\n  }));\n}\n\n/**\n * Normalizes anything that can be thrown while making a request (axios error,\n * envelope-shape mismatch, or an unexpected exception) into one `ApiClientError`,\n * classified by `kind` so callers like `useApiForm` can apply a sensible default\n * per failure mode instead of treating a dropped connection the same as a 409.\n */\nexport function normalizeAxiosError(err: unknown): ApiClientError {\n  if (isApiClientError(err)) return err;\n\n  if (axios.isAxiosError(err)) {\n    if (!err.response) {\n      return new ApiClientError(\"network\", \"Unable to reach the server. Check your connection and try again.\");\n    }\n\n    const status = err.response.status;\n    const parsedBody = apiErrorBodySchema.safeParse(err.response.data);\n    const message = parsedBody.success ? parsedBody.data.error.message : `Request failed with status ${status}`;\n    const details = parsedBody.success ? parsedBody.data.error.details : undefined;\n\n    if (status === 400 && isZodIssueArray(details)) {\n      return new ApiClientError(\"validation\", message, {\n        statusCode: status,\n        details,\n        fieldErrors: toFieldErrors(details),\n      });\n    }\n\n    return new ApiClientError(\"http\", message, { statusCode: status, details });\n  }\n\n  if (err instanceof z.ZodError) {\n    // The server responded 2xx but the payload didn't match the schema we expected -\n    // a frontend/backend contract mismatch, not a user-facing form error.\n    return new ApiClientError(\"http\", \"Unexpected response shape from the server.\", {\n      details: err.issues,\n    });\n  }\n\n  const message = err instanceof Error ? err.message : \"Something went wrong. Please try again.\";\n  return new ApiClientError(\"http\", message);\n}\n","export interface AuthTokens {\n  accessToken: string;\n  refreshToken: string;\n}\n\nexport interface TokenStorage {\n  getAccessToken(): string | null;\n  getRefreshToken(): string | null;\n  setTokens(tokens: AuthTokens): void;\n  clearTokens(): void;\n}\n\n/**\n * localStorage-backed token storage, namespaced per app/scope (e.g. \"tenant\", \"platform\")\n * so multiple apps on the same origin (or a single app talking to two backends) never\n * collide on the same keys.\n */\nexport function createLocalStorageTokenStorage(namespace: string): TokenStorage {\n  const accessKey = `coworking.${namespace}.accessToken`;\n  const refreshKey = `coworking.${namespace}.refreshToken`;\n\n  return {\n    getAccessToken() {\n      return localStorage.getItem(accessKey);\n    },\n    getRefreshToken() {\n      return localStorage.getItem(refreshKey);\n    },\n    setTokens({ accessToken, refreshToken }) {\n      localStorage.setItem(accessKey, accessToken);\n      localStorage.setItem(refreshKey, refreshToken);\n    },\n    clearTokens() {\n      localStorage.removeItem(accessKey);\n      localStorage.removeItem(refreshKey);\n    },\n  };\n}\n","import axios, { type AxiosInstance } from \"axios\";\nimport type { AuthTokens, TokenStorage } from \"./tokenStorage\";\n\ndeclare module \"axios\" {\n  export interface AxiosRequestConfig {\n    /** Set on requests (login/register/refresh) that should never get a Bearer header or trigger a refresh-retry. */\n    skipAuth?: boolean;\n    /** Internal flag set by the response interceptor to avoid retrying the same request twice. */\n    _retriedAfterRefresh?: boolean;\n  }\n}\n\nexport interface CreateApiClientConfig {\n  baseURL: string;\n  tokenStorage: TokenStorage;\n  /** Path (relative to `baseURL`) used to exchange a refresh token for a new token pair, e.g. \"/auth/refresh\". */\n  refreshPath: string;\n  /** Called once refreshing the session has failed (bad/expired refresh token) - e.g. navigate to /login. */\n  onAuthExpired?: () => void;\n}\n\n/**\n * Creates an axios instance that:\n * - attaches `Authorization: Bearer <accessToken>` to every request (unless `skipAuth` is set on that request's config)\n * - on a 401, refreshes the session exactly once (concurrent 401s share the same in-flight refresh call via\n *   `refreshPromise`, so a burst of requests never fires multiple refreshes) and retries the original request\n * - on refresh failure, clears stored tokens and calls `onAuthExpired` so the app can redirect to login\n *\n * Does NOT unwrap the `{ success, data, error }` envelope itself - see `request.ts` for that - so raw responses\n * (e.g. the 204 from `/auth/logout`) are still inspectable when needed.\n */\nexport function createApiClient(config: CreateApiClientConfig): AxiosInstance {\n  const { baseURL, tokenStorage, refreshPath, onAuthExpired } = config;\n  const client = axios.create({ baseURL });\n\n  let refreshPromise: Promise<AuthTokens> | null = null;\n\n  async function refreshTokens(): Promise<AuthTokens> {\n    const refreshToken = tokenStorage.getRefreshToken();\n    if (!refreshToken) throw new Error(\"No refresh token available\");\n\n    // Uses the bare `axios` instance (not `client`) so this call never passes through the\n    // interceptors below - it can't trigger its own refresh-retry loop.\n    const response = await axios.post<{ data: AuthTokens }>(`${baseURL}${refreshPath}`, { refreshToken });\n    const tokens = response.data.data;\n    tokenStorage.setTokens(tokens);\n    return tokens;\n  }\n\n  client.interceptors.request.use((requestConfig) => {\n    if (requestConfig.skipAuth) return requestConfig;\n\n    const accessToken = tokenStorage.getAccessToken();\n    if (accessToken) {\n      requestConfig.headers.set(\"Authorization\", `Bearer ${accessToken}`);\n    }\n    return requestConfig;\n  });\n\n  client.interceptors.response.use(\n    (response) => response,\n    async (error) => {\n      if (!axios.isAxiosError(error) || error.response?.status !== 401) {\n        throw error;\n      }\n\n      const originalRequest = error.config;\n      if (!originalRequest || originalRequest.skipAuth || originalRequest._retriedAfterRefresh) {\n        throw error;\n      }\n\n      try {\n        refreshPromise ??= refreshTokens().finally(() => {\n          refreshPromise = null;\n        });\n        const tokens = await refreshPromise;\n\n        originalRequest._retriedAfterRefresh = true;\n        originalRequest.headers.set(\"Authorization\", `Bearer ${tokens.accessToken}`);\n        return client.request(originalRequest);\n      } catch {\n        tokenStorage.clearTokens();\n        onAuthExpired?.();\n        throw error; // surface the original 401, not the refresh failure\n      }\n    },\n  );\n\n  return client;\n}\n","import type { AxiosInstance, AxiosRequestConfig } from \"axios\";\nimport type { z } from \"zod\";\nimport { apiSuccessBodySchema, type ApiResponseMeta } from \"./envelope\";\nimport { normalizeAxiosError } from \"./errors\";\n\nexport interface ApiRequestResult<TData> {\n  data: TData;\n  meta?: ApiResponseMeta;\n}\n\n/**\n * Runs a request through the given client, validates + unwraps the `{ success, data, error, meta }`\n * envelope against `dataSchema`, and normalizes any failure (network, envelope-shape mismatch, or a\n * `{ success: false }` response) into an `ApiClientError`.\n *\n * This is the one place response validation + error normalization happens, so every service call\n * built on top of it gets a runtime-verified response \"for free\" - if the backend's actual response\n * doesn't match `dataSchema`, this throws instead of silently returning malformed data.\n */\nexport async function apiRequest<TData>(\n  client: AxiosInstance,\n  requestConfig: AxiosRequestConfig,\n  dataSchema: z.ZodType<TData>,\n): Promise<ApiRequestResult<TData>> {\n  try {\n    const response = await client.request(requestConfig);\n    const parsed = apiSuccessBodySchema(dataSchema).parse(response.data);\n    // `parsed.data` is structurally `TData` by construction (it came from `dataSchema`), but TS\n    // can't prove that through a generic zod composition - narrow it explicitly.\n    return { data: parsed.data as TData, meta: parsed.meta };\n  } catch (err) {\n    throw normalizeAxiosError(err);\n  }\n}\n"]}

package/dist/app-modal.d.ts

@@ -0,0 +1,25 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { D as DialogContent, a as DialogFooter, b as DialogHeader } from './dialog-CIdvylPK.js';
+import '@radix-ui/react-dialog';
+
+/** Shared shell for `DialogContent` when header/body/footer supply their own padding (`p-0`). */
+declare const appModalDialogContentChrome = "bg-card border-border rounded-xl text-foreground shadow-xl gap-0 p-0 overflow-hidden";
+declare function AppModalDialogContent({ className, ...props }: React.ComponentProps<typeof DialogContent>): react_jsx_runtime.JSX.Element;
+declare function AppModalDialogHeader({ className, ...props }: React.ComponentProps<typeof DialogHeader>): react_jsx_runtime.JSX.Element;
+declare function AppModalDialogBody({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function AppModalDialogFooter({ className, muted, ...props }: React.ComponentProps<typeof DialogFooter> & {
+    muted?: boolean;
+}): react_jsx_runtime.JSX.Element;
+type ChromeHeaderVariant = "row" | "stack";
+/** Header region for Radix `Dialog.Content` layouts (custom close in header). */
+declare function AppModalChromeHeader({ variant, className, ...props }: React.ComponentProps<"div"> & {
+    variant?: ChromeHeaderVariant;
+}): react_jsx_runtime.JSX.Element;
+type ChromeFooterVariant = "end" | "split";
+/** Footer region for Radix `Dialog.Content` layouts. */
+declare function AppModalChromeFooter({ variant, className, ...props }: React.ComponentProps<"div"> & {
+    variant?: ChromeFooterVariant;
+}): react_jsx_runtime.JSX.Element;
+
+export { AppModalChromeFooter, AppModalChromeHeader, AppModalDialogBody, AppModalDialogContent, AppModalDialogFooter, AppModalDialogHeader, appModalDialogContentChrome };

package/dist/app-modal.js

@@ -0,0 +1,145 @@
+import * as DialogPrimitive from '@radix-ui/react-dialog';
+import { XIcon } from 'lucide-react';
+import { clsx } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+function DialogPortal({ ...props }) {
+  return /* @__PURE__ */ jsx(DialogPrimitive.Portal, { "data-slot": "dialog-portal", ...props });
+}
+function DialogOverlay({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    DialogPrimitive.Overlay,
+    {
+      "data-slot": "dialog-overlay",
+      className: cn(
+        "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function DialogContent({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(DialogPortal, { "data-slot": "dialog-portal", children: [
+    /* @__PURE__ */ jsx(DialogOverlay, {}),
+    /* @__PURE__ */ jsxs(
+      DialogPrimitive.Content,
+      {
+        "data-slot": "dialog-content",
+        className: cn(
+          "bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg",
+          className
+        ),
+        ...props,
+        children: [
+          children,
+          /* @__PURE__ */ jsxs(DialogPrimitive.Close, { className: "ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", children: [
+            /* @__PURE__ */ jsx(XIcon, {}),
+            /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
+          ] })
+        ]
+      }
+    )
+  ] });
+}
+function DialogHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "dialog-header",
+      className: cn("flex flex-col gap-2 text-center sm:text-left", className),
+      ...props
+    }
+  );
+}
+function DialogFooter({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "dialog-footer",
+      className: cn("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", className),
+      ...props
+    }
+  );
+}
+var appModalDialogContentChrome = "bg-card border-border rounded-xl text-foreground shadow-xl gap-0 p-0 overflow-hidden";
+function AppModalDialogContent({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(DialogContent, { className: cn(appModalDialogContentChrome, className), ...props });
+}
+function AppModalDialogHeader({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(DialogHeader, { className: cn("px-6 pt-6 pb-4", className), ...props });
+}
+function AppModalDialogBody({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx("div", { className: cn("px-6 pb-4 flex flex-col gap-4", className), ...props });
+}
+function AppModalDialogFooter({
+  className,
+  muted = false,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    DialogFooter,
+    {
+      className: cn("px-6 py-4 gap-2 sm:gap-2", muted && "bg-muted/80", className),
+      ...props
+    }
+  );
+}
+function AppModalChromeHeader({
+  variant = "row",
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(
+        "shrink-0",
+        variant === "stack" ? "flex items-start justify-between gap-4 px-6 py-4" : "flex items-center justify-between px-6 pt-5 pb-4",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function AppModalChromeFooter({
+  variant = "end",
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(
+        "shrink-0",
+        variant === "split" ? "flex items-center justify-between gap-2 px-6 py-4 bg-card" : "flex items-center justify-end gap-2 px-6 py-4",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+export { AppModalChromeFooter, AppModalChromeHeader, AppModalDialogBody, AppModalDialogContent, AppModalDialogFooter, AppModalDialogHeader, appModalDialogContentChrome };
+//# sourceMappingURL=app-modal.js.map
+//# sourceMappingURL=app-modal.js.map

package/dist/app-modal.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ui/utils.ts","../src/ui/dialog.tsx","../src/shell/app-modal.tsx"],"names":["jsx"],"mappings":";;;;;;AAGO,SAAS,MAAM,MAAA,EAAsB;AAC1C,EAAA,OAAO,OAAA,CAAQ,IAAA,CAAK,MAAM,CAAC,CAAA;AAC7B;ACWA,SAAS,YAAA,CAAa,EAAE,GAAG,KAAA,EAAM,EAAwD;AACvF,EAAA,2BAAwB,eAAA,CAAA,MAAA,EAAhB,EAAuB,WAAA,EAAU,eAAA,EAAiB,GAAG,KAAA,EAAO,CAAA;AACtE;AAMA,SAAS,aAAA,CAAc;AAAA,EACrB,SAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAyD;AACvD,EAAA,uBACE,GAAA;AAAA,IAAiB,eAAA,CAAA,OAAA;AAAA,IAAhB;AAAA,MACC,WAAA,EAAU,gBAAA;AAAA,MACV,SAAA,EAAW,EAAA;AAAA,QACT,wJAAA;AAAA,QACA;AAAA,OACF;AAAA,MACC,GAAG;AAAA;AAAA,GACN;AAEJ;AAEA,SAAS,aAAA,CAAc;AAAA,EACrB,SAAA;AAAA,EACA,QAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAyD;AACvD,EAAA,uBACE,IAAA,CAAC,YAAA,EAAA,EAAa,WAAA,EAAU,eAAA,EACtB,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,aAAA,EAAA,EAAc,CAAA;AAAA,oBACf,IAAA;AAAA,MAAiB,eAAA,CAAA,OAAA;AAAA,MAAhB;AAAA,QACC,WAAA,EAAU,gBAAA;AAAA,QACV,SAAA,EAAW,EAAA;AAAA,UACT,6WAAA;AAAA,UACA;AAAA,SACF;AAAA,QACC,GAAG,KAAA;AAAA,QAEH,QAAA,EAAA;AAAA,UAAA,QAAA;AAAA,0BACD,IAAA,CAAiB,eAAA,CAAA,KAAA,EAAhB,EAAsB,SAAA,EAAU,mWAAA,EAC/B,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,KAAA,EAAA,EAAM,CAAA;AAAA,4BACP,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,SAAA,EAAU,QAAA,EAAA,OAAA,EAAK;AAAA,WAAA,EACjC;AAAA;AAAA;AAAA;AACF,GAAA,EACF,CAAA;AAEJ;AAEA,SAAS,YAAA,CAAa,EAAE,SAAA,EAAW,GAAG,OAAM,EAAgC;AAC1E,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,eAAA;AAAA,MACV,SAAA,EAAW,EAAA,CAAG,8CAAA,EAAgD,SAAS,CAAA;AAAA,MACtE,GAAG;AAAA;AAAA,GACN;AAEJ;AAEA,SAAS,YAAA,CAAa,EAAE,SAAA,EAAW,GAAG,OAAM,EAAgC;AAC1E,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,eAAA;AAAA,MACV,SAAA,EAAW,EAAA,CAAG,wDAAA,EAA0D,SAAS,CAAA;AAAA,MAChF,GAAG;AAAA;AAAA,GACN;AAEJ;AC7EO,IAAM,2BAAA,GACX;AAEK,SAAS,qBAAA,CAAsB;AAAA,EACpC,SAAA;AAAA,EACA,GAAG;AACL,CAAA,EAA+C;AAC7C,EAAA,uBAAOA,IAAC,aAAA,EAAA,EAAc,SAAA,EAAW,GAAG,2BAAA,EAA6B,SAAS,CAAA,EAAI,GAAG,KAAA,EAAO,CAAA;AAC1F;AAEO,SAAS,oBAAA,CAAqB;AAAA,EACnC,SAAA;AAAA,EACA,GAAG;AACL,CAAA,EAA8C;AAC5C,EAAA,uBAAOA,IAAC,YAAA,EAAA,EAAa,SAAA,EAAW,GAAG,gBAAA,EAAkB,SAAS,CAAA,EAAI,GAAG,KAAA,EAAO,CAAA;AAC9E;AAEO,SAAS,kBAAA,CAAmB;AAAA,EACjC,SAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAgC;AAC9B,EAAA,uBAAOA,IAAC,KAAA,EAAA,EAAI,SAAA,EAAW,GAAG,+BAAA,EAAiC,SAAS,CAAA,EAAI,GAAG,KAAA,EAAO,CAAA;AACpF;AAEO,SAAS,oBAAA,CAAqB;AAAA,EACnC,SAAA;AAAA,EACA,KAAA,GAAQ,KAAA;AAAA,EACR,GAAG;AACL,CAAA,EAAoE;AAClE,EAAA,uBACEA,GAAAA;AAAA,IAAC,YAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,EAAA,CAAG,0BAAA,EAA4B,KAAA,IAAS,eAAe,SAAS,CAAA;AAAA,MAC1E,GAAG;AAAA;AAAA,GACN;AAEJ;AAKO,SAAS,oBAAA,CAAqB;AAAA,EACnC,OAAA,GAAU,KAAA;AAAA,EACV,SAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAoE;AAClE,EAAA,uBACEA,GAAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,EAAA;AAAA,QACT,UAAA;AAAA,QACA,OAAA,KAAY,UACR,kDAAA,GACA,kDAAA;AAAA,QACJ;AAAA,OACF;AAAA,MACC,GAAG;AAAA;AAAA,GACN;AAEJ;AAKO,SAAS,oBAAA,CAAqB;AAAA,EACnC,OAAA,GAAU,KAAA;AAAA,EACV,SAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAoE;AAClE,EAAA,uBACEA,GAAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,EAAA;AAAA,QACT,UAAA;AAAA,QACA,OAAA,KAAY,UACR,2DAAA,GACA,+CAAA;AAAA,QACJ;AAAA,OACF;AAAA,MACC,GAAG;AAAA;AAAA,GACN;AAEJ","file":"app-modal.js","sourcesContent":["import { clsx, type ClassValue } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n","\"use client\";\n\nimport * as React from \"react\";\nimport * as DialogPrimitive from \"@radix-ui/react-dialog\";\nimport { XIcon } from \"lucide-react\";\n\nimport { cn } from \"./utils\";\n\nfunction Dialog({ ...props }: React.ComponentProps<typeof DialogPrimitive.Root>) {\n  return <DialogPrimitive.Root data-slot=\"dialog\" {...props} />;\n}\n\nfunction DialogTrigger({ ...props }: React.ComponentProps<typeof DialogPrimitive.Trigger>) {\n  return <DialogPrimitive.Trigger data-slot=\"dialog-trigger\" {...props} />;\n}\n\nfunction DialogPortal({ ...props }: React.ComponentProps<typeof DialogPrimitive.Portal>) {\n  return <DialogPrimitive.Portal data-slot=\"dialog-portal\" {...props} />;\n}\n\nfunction DialogClose({ ...props }: React.ComponentProps<typeof DialogPrimitive.Close>) {\n  return <DialogPrimitive.Close data-slot=\"dialog-close\" {...props} />;\n}\n\nfunction DialogOverlay({\n  className,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Overlay>) {\n  return (\n    <DialogPrimitive.Overlay\n      data-slot=\"dialog-overlay\"\n      className={cn(\n        \"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction DialogContent({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Content>) {\n  return (\n    <DialogPortal data-slot=\"dialog-portal\">\n      <DialogOverlay />\n      <DialogPrimitive.Content\n        data-slot=\"dialog-content\"\n        className={cn(\n          \"bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg\",\n          className,\n        )}\n        {...props}\n      >\n        {children}\n        <DialogPrimitive.Close className=\"ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\">\n          <XIcon />\n          <span className=\"sr-only\">Close</span>\n        </DialogPrimitive.Close>\n      </DialogPrimitive.Content>\n    </DialogPortal>\n  );\n}\n\nfunction DialogHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"dialog-header\"\n      className={cn(\"flex flex-col gap-2 text-center sm:text-left\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction DialogFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"dialog-footer\"\n      className={cn(\"flex flex-col-reverse gap-2 sm:flex-row sm:justify-end\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction DialogTitle({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Title>) {\n  return (\n    <DialogPrimitive.Title\n      data-slot=\"dialog-title\"\n      className={cn(\"text-lg leading-none font-semibold\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction DialogDescription({\n  className,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Description>) {\n  return (\n    <DialogPrimitive.Description\n      data-slot=\"dialog-description\"\n      className={cn(\"text-muted-foreground text-sm\", className)}\n      {...props}\n    />\n  );\n}\n\nexport {\n  Dialog,\n  DialogClose,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogOverlay,\n  DialogPortal,\n  DialogTitle,\n  DialogTrigger,\n};\n","\"use client\";\n\nimport * as React from \"react\";\nimport { DialogContent, DialogFooter, DialogHeader } from \"../ui/dialog\";\nimport { cn } from \"../ui/utils\";\n\n/** Shared shell for `DialogContent` when header/body/footer supply their own padding (`p-0`). */\nexport const appModalDialogContentChrome =\n  \"bg-card border-border rounded-xl text-foreground shadow-xl gap-0 p-0 overflow-hidden\";\n\nexport function AppModalDialogContent({\n  className,\n  ...props\n}: React.ComponentProps<typeof DialogContent>) {\n  return <DialogContent className={cn(appModalDialogContentChrome, className)} {...props} />;\n}\n\nexport function AppModalDialogHeader({\n  className,\n  ...props\n}: React.ComponentProps<typeof DialogHeader>) {\n  return <DialogHeader className={cn(\"px-6 pt-6 pb-4\", className)} {...props} />;\n}\n\nexport function AppModalDialogBody({\n  className,\n  ...props\n}: React.ComponentProps<\"div\">) {\n  return <div className={cn(\"px-6 pb-4 flex flex-col gap-4\", className)} {...props} />;\n}\n\nexport function AppModalDialogFooter({\n  className,\n  muted = false,\n  ...props\n}: React.ComponentProps<typeof DialogFooter> & { muted?: boolean }) {\n  return (\n    <DialogFooter\n      className={cn(\"px-6 py-4 gap-2 sm:gap-2\", muted && \"bg-muted/80\", className)}\n      {...props}\n    />\n  );\n}\n\ntype ChromeHeaderVariant = \"row\" | \"stack\";\n\n/** Header region for Radix `Dialog.Content` layouts (custom close in header). */\nexport function AppModalChromeHeader({\n  variant = \"row\",\n  className,\n  ...props\n}: React.ComponentProps<\"div\"> & { variant?: ChromeHeaderVariant }) {\n  return (\n    <div\n      className={cn(\n        \"shrink-0\",\n        variant === \"stack\"\n          ? \"flex items-start justify-between gap-4 px-6 py-4\"\n          : \"flex items-center justify-between px-6 pt-5 pb-4\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\ntype ChromeFooterVariant = \"end\" | \"split\";\n\n/** Footer region for Radix `Dialog.Content` layouts. */\nexport function AppModalChromeFooter({\n  variant = \"end\",\n  className,\n  ...props\n}: React.ComponentProps<\"div\"> & { variant?: ChromeFooterVariant }) {\n  return (\n    <div\n      className={cn(\n        \"shrink-0\",\n        variant === \"split\"\n          ? \"flex items-center justify-between gap-2 px-6 py-4 bg-card\"\n          : \"flex items-center justify-end gap-2 px-6 py-4\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n"]}

package/dist/app-shell-mobile-nav.d.ts

@@ -0,0 +1,29 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { ReactNode } from 'react';
+
+/**
+ * Closes the mobile nav drawer on route change and when crossing the `md` breakpoint upward.
+ * Pass `location.pathname` from React Router (or any stable route key).
+ */
+declare function useAppShellMobileNav(pathname: string): {
+    mobileNavOpen: boolean;
+    setMobileNavOpen: React.Dispatch<React.SetStateAction<boolean>>;
+};
+type AppShellMobileNavProps = {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    /** Top block inside the drawer (brand, workspace controls, sign out, etc.). */
+    drawerHeader: ReactNode;
+    /** Scrollable navigation — usually the same content as `AppWebShell`’s `sidebar`. */
+    drawerNav: ReactNode;
+    /** Accessible name for the drawer (visually hidden). */
+    drawerTitle?: string;
+};
+/**
+ * Bottom drawer + FAB used with {@link AppWebShell} on viewports below `md`
+ * (sidebar and top bar hidden; main is full-bleed white).
+ */
+declare function AppShellMobileNav({ open, onOpenChange, drawerHeader, drawerNav, drawerTitle, }: AppShellMobileNavProps): react_jsx_runtime.JSX.Element;
+
+export { AppShellMobileNav, type AppShellMobileNavProps, useAppShellMobileNav };