authhero 8.25.0 → 8.25.1

package/dist/types/components/AuthCard.d.ts

@@ -0,0 +1,17 @@
+import type { FC, Child, PropsWithChildren } from "hono/jsx";
+import { Theme, Branding } from "@authhero/adapter-interfaces";
+import type { AuthFormStyles } from "./auth-form-styles";
+type Props = PropsWithChildren<{
+    styles: AuthFormStyles;
+    theme?: Theme | null;
+    branding?: Branding | null;
+    title: Child;
+    description: Child;
+    className?: string;
+}>;
+/**
+ * The shared page shell for the universal-login auth screens: the themed card,
+ * optional logo, title, and description, with the form passed as children.
+ */
+declare const AuthCard: FC<Props>;
+export default AuthCard;

package/dist/types/components/PasswordField.d.ts

@@ -0,0 +1,18 @@
+import type { FC } from "hono/jsx";
+type Props = {
+    id: string;
+    name: string;
+    placeholder: string;
+    error?: boolean;
+    style?: Record<string, string | number>;
+};
+/**
+ * A themed password input with a client-side show/hide toggle.
+ *
+ * Emits the `data-password-toggle` / `data-password-input` /
+ * `data-password-toggle-btn` / `data-show-icon` / `data-hide-icon` hooks that
+ * the client-side `PasswordToggle` component wires up. Shared by the
+ * enter-password, reset-password, and sign-up screens.
+ */
+declare const PasswordField: FC<Props>;
+export default PasswordField;

package/dist/types/components/auth-form-styles.d.ts

@@ -0,0 +1,39 @@
+import { Theme, Branding } from "@authhero/adapter-interfaces";
+type Style = Record<string, string | number>;
+/**
+ * Derived theme/branding styles shared by the universal-login auth forms.
+ *
+ * Every field is computed exactly as the forms did inline, so
+ * {@link getThemeStyles} is a drop-in replacement that renders byte-identically.
+ * `inputStyle` depends on whether the form is in an error state, so `error` is
+ * passed in.
+ */
+export interface AuthFormStyles {
+    primaryColor: string;
+    primaryButtonLabel: string;
+    bodyText: string;
+    inputBackground: string;
+    inputBorder: string;
+    inputText: string;
+    errorColor: string;
+    widgetBackground: string;
+    widgetBorder: string;
+    borderRadius: number;
+    inputBorderRadius: number;
+    buttonBorderRadius: number;
+    showShadow: boolean;
+    titleSize: number;
+    titleBold: boolean;
+    bodySize: number;
+    cardStyle: Style;
+    titleStyle: Style;
+    bodyStyle: Style;
+    inputStyle: Style;
+    buttonStyle: Style;
+    logoPosition: string;
+    logoAlignmentClass: string;
+    logoUrl?: string;
+    showLogo: string | false | undefined;
+}
+export declare function getThemeStyles(theme?: Theme | null, branding?: Branding | null, error?: string): AuthFormStyles;
+export {};

package/dist/types/components/auth-forms.render.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/ui/input.d.ts

@@ -10,6 +10,7 @@ export interface InputProps {
     disabled?: boolean;
     error?: boolean;
     style?: Record<string, string | number>;
+    "data-password-input"?: string;
 }
 declare const Input: FC<InputProps>;
 export default Input;