apiblaze 0.17.21 → 0.17.23

package/dist/react/index.d.mts

@@ -1,32 +1,92 @@
 import * as React from 'react';
 
 /**
- * apiblaze/react — <ApiKeyWidget/>. Drop it into resiresi.com; it talks ONLY to your
- * own backend route (which holds the CP key). Shows the logged-in user their API key
- * with reveal + regenerate up front and full self-service in an advanced drawer.
+ * apiblaze/react — <UsersGroupsWidget/>. Drop it into your site next to (or
+ * instead of) <ApiKeyWidget/>; it talks ONLY to your own backend route (which
+ * holds the same one CP widget key, mounted via createApiblazeGroups().handler).
+ *
+ *   import { UsersGroupsWidget } from 'apiblaze/react';
+ *   <UsersGroupsWidget theme={{ accent: '#e11d48' }} />
+ *
+ * Who sees what: apiblaze authorizes the LOGGED-IN USER server-side — only a
+ * tenant admin (an email on the tenant's admin-emails allowlist) can manage.
+ * Anyone else gets the "admin access pending" panel; nothing in this component
+ * (or your page) can elevate them.
+ *
+ * Default view = flat groups + members (the right ceiling for a handful of
+ * admins). Delegation (per-group admins) and nesting (subgroups) are there,
+ * one level down. Strictly users + groups — no authorization-rule authoring.
+ *
+ * `endpoint` defaults to /api/apiblaze/groups.
+ */
+
+type UsersGroupsWidgetTheme = ApiKeyWidgetTheme;
+interface UsersGroupsWidgetProps {
+    endpoint?: string;
+    theme?: UsersGroupsWidgetTheme;
+    /** Heading text. Default "Users & groups". */
+    title?: string;
+    className?: string;
+}
+interface UsersGroupsWidgetHandle {
+    refresh: () => void;
+}
+declare const UsersGroupsWidget: React.ForwardRefExoticComponent<UsersGroupsWidgetProps & React.RefAttributes<UsersGroupsWidgetHandle>>;
+
+/**
+ * apiblaze/react — <ApiKeyWidget/>. Drop it into your site (e.g. resiresi.com);
+ * it talks ONLY to your own backend route (which holds the CP key). Shows the
+ * logged-in user their API keys as a simple list with one always-visible
+ * "Create key" action, plus per-key show / rotate / revoke.
  *
  *   import { ApiKeyWidget } from 'apiblaze/react';
  *   <ApiKeyWidget theme={{ accent: '#e11d48' }} />
  *
+ * Fully white-labelable through `theme` alone — every font and color is a token,
+ * so you can match your brand (including a dark "codebox" look) without forking
+ * the component. See ApiKeyWidgetTheme.
+ *
  * `endpoint` defaults to /api/apiblaze/keys (where you mounted createApiblazeKeys().handler).
  */
 
 interface ApiKeyWidgetTheme {
+    /** Accent / primary action color. */
     accent?: string;
+    /** Text/icon color ON accent buttons. Default #fff. */
+    accentText?: string;
+    /** Page color behind the card. Default transparent. */
     background?: string;
+    /** Card body color. */
     surface?: string;
+    /** Header strip color. Defaults to `surface` when unset. */
+    headerBackground?: string;
+    /** Primary text color. */
     text?: string;
+    /** Secondary / muted text color. */
     muted?: string;
+    /** Border + divider color. */
     border?: string;
+    /** Destructive (revoke) color. */
+    danger?: string;
+    /** Positive (copied) color. */
+    success?: string;
+    /** Corner radius of the card, e.g. "12px". */
     radius?: string;
+    /** Body font stack. */
+    fontFamily?: string;
+    /** Monospace font stack for keys and secrets. */
+    monoFontFamily?: string;
 }
 interface ApiKeyWidgetProps {
     endpoint?: string;
     theme?: ApiKeyWidgetTheme;
-    /** Show the advanced (multi-key) drawer. Default true. */
-    advanced?: boolean;
+    /** Heading text. Default "Your API keys". */
+    title?: string;
     className?: string;
 }
-declare function ApiKeyWidget({ endpoint, theme, advanced, className }: ApiKeyWidgetProps): React.JSX.Element;
+interface ApiKeyWidgetHandle {
+    refresh: () => void;
+}
+declare const ApiKeyWidget: React.ForwardRefExoticComponent<ApiKeyWidgetProps & React.RefAttributes<ApiKeyWidgetHandle>>;
 
-export { ApiKeyWidget, type ApiKeyWidgetProps, type ApiKeyWidgetTheme, ApiKeyWidget as default };
+export { ApiKeyWidget, type ApiKeyWidgetHandle, type ApiKeyWidgetProps, type ApiKeyWidgetTheme, UsersGroupsWidget, type UsersGroupsWidgetHandle, type UsersGroupsWidgetProps, type UsersGroupsWidgetTheme, ApiKeyWidget as default };

package/dist/react/index.d.ts

@@ -1,32 +1,92 @@
 import * as React from 'react';
 
 /**
- * apiblaze/react — <ApiKeyWidget/>. Drop it into resiresi.com; it talks ONLY to your
- * own backend route (which holds the CP key). Shows the logged-in user their API key
- * with reveal + regenerate up front and full self-service in an advanced drawer.
+ * apiblaze/react — <UsersGroupsWidget/>. Drop it into your site next to (or
+ * instead of) <ApiKeyWidget/>; it talks ONLY to your own backend route (which
+ * holds the same one CP widget key, mounted via createApiblazeGroups().handler).
+ *
+ *   import { UsersGroupsWidget } from 'apiblaze/react';
+ *   <UsersGroupsWidget theme={{ accent: '#e11d48' }} />
+ *
+ * Who sees what: apiblaze authorizes the LOGGED-IN USER server-side — only a
+ * tenant admin (an email on the tenant's admin-emails allowlist) can manage.
+ * Anyone else gets the "admin access pending" panel; nothing in this component
+ * (or your page) can elevate them.
+ *
+ * Default view = flat groups + members (the right ceiling for a handful of
+ * admins). Delegation (per-group admins) and nesting (subgroups) are there,
+ * one level down. Strictly users + groups — no authorization-rule authoring.
+ *
+ * `endpoint` defaults to /api/apiblaze/groups.
+ */
+
+type UsersGroupsWidgetTheme = ApiKeyWidgetTheme;
+interface UsersGroupsWidgetProps {
+    endpoint?: string;
+    theme?: UsersGroupsWidgetTheme;
+    /** Heading text. Default "Users & groups". */
+    title?: string;
+    className?: string;
+}
+interface UsersGroupsWidgetHandle {
+    refresh: () => void;
+}
+declare const UsersGroupsWidget: React.ForwardRefExoticComponent<UsersGroupsWidgetProps & React.RefAttributes<UsersGroupsWidgetHandle>>;
+
+/**
+ * apiblaze/react — <ApiKeyWidget/>. Drop it into your site (e.g. resiresi.com);
+ * it talks ONLY to your own backend route (which holds the CP key). Shows the
+ * logged-in user their API keys as a simple list with one always-visible
+ * "Create key" action, plus per-key show / rotate / revoke.
  *
  *   import { ApiKeyWidget } from 'apiblaze/react';
  *   <ApiKeyWidget theme={{ accent: '#e11d48' }} />
  *
+ * Fully white-labelable through `theme` alone — every font and color is a token,
+ * so you can match your brand (including a dark "codebox" look) without forking
+ * the component. See ApiKeyWidgetTheme.
+ *
  * `endpoint` defaults to /api/apiblaze/keys (where you mounted createApiblazeKeys().handler).
  */
 
 interface ApiKeyWidgetTheme {
+    /** Accent / primary action color. */
     accent?: string;
+    /** Text/icon color ON accent buttons. Default #fff. */
+    accentText?: string;
+    /** Page color behind the card. Default transparent. */
     background?: string;
+    /** Card body color. */
     surface?: string;
+    /** Header strip color. Defaults to `surface` when unset. */
+    headerBackground?: string;
+    /** Primary text color. */
     text?: string;
+    /** Secondary / muted text color. */
     muted?: string;
+    /** Border + divider color. */
     border?: string;
+    /** Destructive (revoke) color. */
+    danger?: string;
+    /** Positive (copied) color. */
+    success?: string;
+    /** Corner radius of the card, e.g. "12px". */
     radius?: string;
+    /** Body font stack. */
+    fontFamily?: string;
+    /** Monospace font stack for keys and secrets. */
+    monoFontFamily?: string;
 }
 interface ApiKeyWidgetProps {
     endpoint?: string;
     theme?: ApiKeyWidgetTheme;
-    /** Show the advanced (multi-key) drawer. Default true. */
-    advanced?: boolean;
+    /** Heading text. Default "Your API keys". */
+    title?: string;
     className?: string;
 }
-declare function ApiKeyWidget({ endpoint, theme, advanced, className }: ApiKeyWidgetProps): React.JSX.Element;
+interface ApiKeyWidgetHandle {
+    refresh: () => void;
+}
+declare const ApiKeyWidget: React.ForwardRefExoticComponent<ApiKeyWidgetProps & React.RefAttributes<ApiKeyWidgetHandle>>;
 
-export { ApiKeyWidget, type ApiKeyWidgetProps, type ApiKeyWidgetTheme, ApiKeyWidget as default };
+export { ApiKeyWidget, type ApiKeyWidgetHandle, type ApiKeyWidgetProps, type ApiKeyWidgetTheme, UsersGroupsWidget, type UsersGroupsWidgetHandle, type UsersGroupsWidgetProps, type UsersGroupsWidgetTheme, ApiKeyWidget as default };