@insforge/react 0.6.9 → 0.6.10

package/dist/index.d.cts

@@ -109,4 +109,116 @@ declare function getProviderConfig(provider: OAuthProvider): OAuthProviderConfig
  */
 declare function getAllProviderConfigs(): Partial<Record<OAuthProvider, OAuthProviderConfig>>;
 
-export { type InitialAuthState, InsforgeProvider, InsforgeProviderCore, type InsforgeProviderProps, OAUTH_PROVIDER_CONFIG, OAuthProviderConfig, getAllProviderConfigs, getProviderConfig, useInsforge };
+interface StyleProviderProps {
+    children: ReactNode;
+    /** Optional nonce value for CSP (Content Security Policy) */
+    nonce?: string;
+}
+/**
+ * Provides Emotion CSS-in-JS styling context for Insforge components.
+ *
+ * This ensures styles are injected dynamically at runtime, preventing FOUC
+ * in SSR environments like Next.js.
+ *
+ * @internal
+ */
+declare function StyleProvider({ children, nonce }: StyleProviderProps): react_jsx_runtime.JSX.Element;
+
+/**
+ * Insforge Design System Theme
+ *
+ * Complete design tokens for all components
+ */
+declare const theme: {
+    readonly colors: {
+        readonly primary: "#000000";
+        readonly primaryHover: "#1f1f1f";
+        readonly text: "#000000";
+        readonly textSecondary: "#828282";
+        readonly textMuted: "#a3a3a3";
+        readonly textGray: "#525252";
+        readonly border: "#d4d4d4";
+        readonly borderGray: "#e4e4e7";
+        readonly borderHover: "#9ca3af";
+        readonly borderFocus: "#000000";
+        readonly bgWhite: "#ffffff";
+        readonly bgLight: "#fafafa";
+        readonly bgGray: "#f5f5f5";
+        readonly bgHover: "#f9fafb";
+        readonly error: "#dc2626";
+        readonly errorBg: "#fee2e2";
+        readonly success: "#16a34a";
+        readonly successBg: "#d1fae5";
+        readonly successDark: "#059669";
+        readonly black: "#000000";
+        readonly zinc900: "#09090b";
+    };
+    readonly spacing: {
+        readonly 1: "0.25rem";
+        readonly 2: "0.5rem";
+        readonly 3: "0.75rem";
+        readonly 4: "1rem";
+        readonly 6: "1.5rem";
+        readonly 8: "2rem";
+        readonly 10: "2.5rem";
+    };
+    readonly radius: {
+        readonly xs: "0.125rem";
+        readonly sm: "0.25rem";
+        readonly md: "0.375rem";
+        readonly lg: "0.5rem";
+        readonly xl: "0.75rem";
+        readonly full: "9999px";
+    };
+    readonly fontSize: {
+        readonly xs: "0.75rem";
+        readonly sm: "0.875rem";
+        readonly base: "1rem";
+        readonly lg: "1.125rem";
+        readonly xl: "1.25rem";
+        readonly '2xl': "1.5rem";
+    };
+    readonly lineHeight: {
+        readonly tight: "1rem";
+        readonly normal: "1.25rem";
+        readonly relaxed: "1.5rem";
+        readonly loose: "2rem";
+    };
+    readonly fontFamily: {
+        readonly base: "'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif";
+        readonly manrope: "'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif";
+    };
+    readonly fontWeight: {
+        readonly normal: 400;
+        readonly medium: 500;
+        readonly semibold: 600;
+    };
+    readonly shadow: {
+        readonly sm: "0 1px 2px 0 rgba(0, 0, 0, 0.05)";
+        readonly md: "0 1px 2px 0 rgba(0, 0, 0, 0.1)";
+        readonly lg: "0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)";
+    };
+    readonly transition: {
+        readonly fast: "150ms cubic-bezier(0.4, 0, 0.2, 1)";
+        readonly base: "200ms cubic-bezier(0.4, 0, 0.2, 1)";
+    };
+    readonly sizes: {
+        readonly input: {
+            readonly height: "2.5rem";
+        };
+        readonly button: {
+            readonly height: "2.5rem";
+            readonly heightOAuth: "2.25rem";
+        };
+        readonly avatar: "2rem";
+        readonly icon: "1.25rem";
+        readonly iconSm: "1.125rem";
+        readonly iconLg: "1.5rem";
+        readonly verifyCode: "3rem";
+        readonly verifyIcon: "4rem";
+        readonly verifyIconInner: "2rem";
+    };
+};
+type Theme = typeof theme;
+
+export { type InitialAuthState, InsforgeProvider, InsforgeProviderCore, type InsforgeProviderProps, OAUTH_PROVIDER_CONFIG, OAuthProviderConfig, StyleProvider, type Theme, getAllProviderConfigs, getProviderConfig, theme, useInsforge };

package/dist/index.d.ts

@@ -109,4 +109,116 @@ declare function getProviderConfig(provider: OAuthProvider): OAuthProviderConfig
  */
 declare function getAllProviderConfigs(): Partial<Record<OAuthProvider, OAuthProviderConfig>>;
 
-export { type InitialAuthState, InsforgeProvider, InsforgeProviderCore, type InsforgeProviderProps, OAUTH_PROVIDER_CONFIG, OAuthProviderConfig, getAllProviderConfigs, getProviderConfig, useInsforge };
+interface StyleProviderProps {
+    children: ReactNode;
+    /** Optional nonce value for CSP (Content Security Policy) */
+    nonce?: string;
+}
+/**
+ * Provides Emotion CSS-in-JS styling context for Insforge components.
+ *
+ * This ensures styles are injected dynamically at runtime, preventing FOUC
+ * in SSR environments like Next.js.
+ *
+ * @internal
+ */
+declare function StyleProvider({ children, nonce }: StyleProviderProps): react_jsx_runtime.JSX.Element;
+
+/**
+ * Insforge Design System Theme
+ *
+ * Complete design tokens for all components
+ */
+declare const theme: {
+    readonly colors: {
+        readonly primary: "#000000";
+        readonly primaryHover: "#1f1f1f";
+        readonly text: "#000000";
+        readonly textSecondary: "#828282";
+        readonly textMuted: "#a3a3a3";
+        readonly textGray: "#525252";
+        readonly border: "#d4d4d4";
+        readonly borderGray: "#e4e4e7";
+        readonly borderHover: "#9ca3af";
+        readonly borderFocus: "#000000";
+        readonly bgWhite: "#ffffff";
+        readonly bgLight: "#fafafa";
+        readonly bgGray: "#f5f5f5";
+        readonly bgHover: "#f9fafb";
+        readonly error: "#dc2626";
+        readonly errorBg: "#fee2e2";
+        readonly success: "#16a34a";
+        readonly successBg: "#d1fae5";
+        readonly successDark: "#059669";
+        readonly black: "#000000";
+        readonly zinc900: "#09090b";
+    };
+    readonly spacing: {
+        readonly 1: "0.25rem";
+        readonly 2: "0.5rem";
+        readonly 3: "0.75rem";
+        readonly 4: "1rem";
+        readonly 6: "1.5rem";
+        readonly 8: "2rem";
+        readonly 10: "2.5rem";
+    };
+    readonly radius: {
+        readonly xs: "0.125rem";
+        readonly sm: "0.25rem";
+        readonly md: "0.375rem";
+        readonly lg: "0.5rem";
+        readonly xl: "0.75rem";
+        readonly full: "9999px";
+    };
+    readonly fontSize: {
+        readonly xs: "0.75rem";
+        readonly sm: "0.875rem";
+        readonly base: "1rem";
+        readonly lg: "1.125rem";
+        readonly xl: "1.25rem";
+        readonly '2xl': "1.5rem";
+    };
+    readonly lineHeight: {
+        readonly tight: "1rem";
+        readonly normal: "1.25rem";
+        readonly relaxed: "1.5rem";
+        readonly loose: "2rem";
+    };
+    readonly fontFamily: {
+        readonly base: "'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif";
+        readonly manrope: "'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif";
+    };
+    readonly fontWeight: {
+        readonly normal: 400;
+        readonly medium: 500;
+        readonly semibold: 600;
+    };
+    readonly shadow: {
+        readonly sm: "0 1px 2px 0 rgba(0, 0, 0, 0.05)";
+        readonly md: "0 1px 2px 0 rgba(0, 0, 0, 0.1)";
+        readonly lg: "0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)";
+    };
+    readonly transition: {
+        readonly fast: "150ms cubic-bezier(0.4, 0, 0.2, 1)";
+        readonly base: "200ms cubic-bezier(0.4, 0, 0.2, 1)";
+    };
+    readonly sizes: {
+        readonly input: {
+            readonly height: "2.5rem";
+        };
+        readonly button: {
+            readonly height: "2.5rem";
+            readonly heightOAuth: "2.25rem";
+        };
+        readonly avatar: "2rem";
+        readonly icon: "1.25rem";
+        readonly iconSm: "1.125rem";
+        readonly iconLg: "1.5rem";
+        readonly verifyCode: "3rem";
+        readonly verifyIcon: "4rem";
+        readonly verifyIconInner: "2rem";
+    };
+};
+type Theme = typeof theme;
+
+export { type InitialAuthState, InsforgeProvider, InsforgeProviderCore, type InsforgeProviderProps, OAUTH_PROVIDER_CONFIG, OAuthProviderConfig, StyleProvider, type Theme, getAllProviderConfigs, getProviderConfig, theme, useInsforge };