hazo_auth 6.1.1 → 7.0.2

package/dist/theme/create_theme.js

@@ -0,0 +1,97 @@
+import { hex_to_hsl, adjust_lightness } from "./hex_to_hsl.js";
+import { pick_foreground } from "./luminance.js";
+import { preset_neutral } from "../themes/preset_neutral.js";
+/**
+ * Creates a fully-resolved HazoAuthTheme from a partial input, applying defaults
+ * from preset_neutral. Computes all shadcn CSS variable overrides.
+ */
+export function createTheme(input) {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
+    // Step 1: Deep merge input over preset_neutral defaults
+    const merged = Object.assign(Object.assign(Object.assign({}, preset_neutral), input), { colors: Object.assign(Object.assign({}, preset_neutral.colors), ((_a = input.colors) !== null && _a !== void 0 ? _a : {})), fonts: (_b = input.fonts) !== null && _b !== void 0 ? _b : preset_neutral.fonts, radius: Object.assign(Object.assign({}, ((_c = preset_neutral.radius) !== null && _c !== void 0 ? _c : {})), ((_d = input.radius) !== null && _d !== void 0 ? _d : {})), layout: (_e = input.layout) !== null && _e !== void 0 ? _e : preset_neutral.layout, brandPanel: (_f = input.brandPanel) !== null && _f !== void 0 ? _f : preset_neutral.brandPanel });
+    // Step 2: Compute CSS variable overrides
+    const colors = merged.colors;
+    const radius = (_g = merged.radius) !== null && _g !== void 0 ? _g : { md: "0.5rem" };
+    const md = (_h = radius.md) !== null && _h !== void 0 ? _h : "0.5rem";
+    // Derive radius values
+    const derivedRadius = _derive_radius(md);
+    // Build computed overrides
+    const computed = {
+        "--primary": hex_to_hsl(colors.primary),
+        "--primary-foreground": hex_to_hsl(pick_foreground(colors.primary)),
+        "--ring": hex_to_hsl(colors.accent),
+        "--background": hex_to_hsl(colors.surface),
+        "--foreground": hex_to_hsl(colors.textPrimary),
+        "--card": hex_to_hsl(colors.surfaceElevated),
+        "--card-foreground": hex_to_hsl(pick_foreground(colors.surfaceElevated)),
+        "--popover": hex_to_hsl(colors.surfaceElevated),
+        "--popover-foreground": hex_to_hsl(pick_foreground(colors.surfaceElevated)),
+        "--border": hex_to_hsl(colors.border),
+        "--input": hex_to_hsl(colors.border),
+        "--muted-foreground": hex_to_hsl(colors.textMuted),
+        "--secondary-foreground": hex_to_hsl(colors.textSecondary),
+        "--destructive": "0 84% 60%",
+        "--destructive-foreground": "0 0% 100%",
+        // Derived background tones
+        "--secondary": hex_to_hsl(adjust_lightness(colors.surface, -0.03)),
+        "--muted": hex_to_hsl(adjust_lightness(colors.surface, -0.06)),
+        "--accent": hex_to_hsl(adjust_lightness(colors.surface, -0.04)),
+        "--accent-foreground": hex_to_hsl(pick_foreground(adjust_lightness(colors.surface, -0.04))),
+        // Radius
+        "--radius-sm": derivedRadius.sm,
+        "--radius": derivedRadius.md,
+        "--radius-lg": derivedRadius.lg,
+        "--radius-xl": derivedRadius.xl,
+    };
+    // Font vars (only if provided)
+    if ((_j = merged.fonts) === null || _j === void 0 ? void 0 : _j.display) {
+        computed["--font-display"] = merged.fonts.display;
+    }
+    if ((_k = merged.fonts) === null || _k === void 0 ? void 0 : _k.body) {
+        computed["--font-body"] = merged.fonts.body;
+    }
+    if ((_l = merged.fonts) === null || _l === void 0 ? void 0 : _l.mono) {
+        computed["--font-mono"] = merged.fonts.mono;
+    }
+    // Step 3: Merge user overrides on top (escape hatch — user wins)
+    const finalOverrides = Object.assign(Object.assign({}, computed), ((_m = input.overrides) !== null && _m !== void 0 ? _m : {}));
+    // Step 4: Return resolved theme
+    return Object.assign(Object.assign({}, merged), { overrides: finalOverrides });
+}
+// ---------------------------------------------------------------------------
+// Internal helpers
+// ---------------------------------------------------------------------------
+/**
+ * Derives sm, lg, xl radius values from the md value.
+ * Handles rem and px units.
+ */
+function _derive_radius(md) {
+    const remMatch = md.match(/^([\d.]+)rem$/);
+    const pxMatch = md.match(/^([\d.]+)px$/);
+    if (remMatch) {
+        const base = parseFloat(remMatch[1]);
+        const unit = "rem";
+        return {
+            sm: `${_round(base * 0.5)}${unit}`,
+            md: md,
+            lg: `${_round(base * 1.5)}${unit}`,
+            xl: `${_round(base * 2)}${unit}`,
+        };
+    }
+    if (pxMatch) {
+        const base = parseFloat(pxMatch[1]);
+        const unit = "px";
+        return {
+            sm: `${_round(base * 0.5)}${unit}`,
+            md: md,
+            lg: `${_round(base * 1.5)}${unit}`,
+            xl: `${_round(base * 2)}${unit}`,
+        };
+    }
+    // Fallback: can't parse, use md for everything
+    return { sm: md, md, lg: md, xl: md };
+}
+function _round(n) {
+    // Round to 4 decimal places max, but trim trailing zeros
+    return parseFloat(n.toFixed(4));
+}

package/dist/theme/hex_to_hsl.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Converts a hex color string to HSL format "H S% L%".
+ * Returns shadcn-compatible space-separated string: "<h> <s>% <l>%"
+ * Handles: 3-digit hex, uppercase, with or without leading #
+ */
+export declare function hex_to_hsl(hex: string): string;
+/**
+ * Shifts the L (lightness) channel of a hex color by `delta` (0–1 range of percentage points).
+ * e.g. adjust_lightness("#FFFFFF", -0.03) drops L by 3 percentage points.
+ * Clamps result to [0, 100]%. Returns a hex string.
+ *
+ * Note: uses HSL lightness (0–100 scale), NOT WCAG relative luminance (0–1 scale).
+ * See luminance.ts for WCAG relative_luminance.
+ */
+export declare function adjust_lightness(hex: string, delta: number): string;
+//# sourceMappingURL=hex_to_hsl.d.ts.map

package/dist/theme/hex_to_hsl.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hex_to_hsl.d.ts","sourceRoot":"","sources":["../../src/theme/hex_to_hsl.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAG9C;AAED;;;;;;;GAOG;AACH,wBAAgB,gBAAgB,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,CAMnE"}

package/dist/theme/hex_to_hsl.js

@@ -0,0 +1,110 @@
+/**
+ * Converts a hex color string to HSL format "H S% L%".
+ * Returns shadcn-compatible space-separated string: "<h> <s>% <l>%"
+ * Handles: 3-digit hex, uppercase, with or without leading #
+ */
+export function hex_to_hsl(hex) {
+    const { h, s, l } = _hex_to_hsl_values(hex);
+    return `${Math.round(h)} ${Math.round(s)}% ${Math.round(l)}%`;
+}
+/**
+ * Shifts the L (lightness) channel of a hex color by `delta` (0–1 range of percentage points).
+ * e.g. adjust_lightness("#FFFFFF", -0.03) drops L by 3 percentage points.
+ * Clamps result to [0, 100]%. Returns a hex string.
+ *
+ * Note: uses HSL lightness (0–100 scale), NOT WCAG relative luminance (0–1 scale).
+ * See luminance.ts for WCAG relative_luminance.
+ */
+export function adjust_lightness(hex, delta) {
+    const { h, s, l } = _hex_to_hsl_values(hex);
+    // delta is in the same scale as l (0–100)
+    const deltaPercent = delta * 100;
+    const newL = Math.max(0, Math.min(100, l + deltaPercent));
+    return _hsl_to_hex(h, s, newL);
+}
+function _normalize_hex(hex) {
+    // Strip leading # if present
+    let h = hex.startsWith("#") ? hex.slice(1) : hex;
+    // Expand 3-digit shorthand
+    if (h.length === 3) {
+        h = h[0] + h[0] + h[1] + h[1] + h[2] + h[2];
+    }
+    return h.toLowerCase();
+}
+function _hex_to_hsl_values(hex) {
+    const h = _normalize_hex(hex);
+    const r = parseInt(h.slice(0, 2), 16) / 255;
+    const g = parseInt(h.slice(2, 4), 16) / 255;
+    const b = parseInt(h.slice(4, 6), 16) / 255;
+    const max = Math.max(r, g, b);
+    const min = Math.min(r, g, b);
+    const delta = max - min;
+    // Lightness
+    const l = (max + min) / 2;
+    // Saturation
+    let s = 0;
+    if (delta !== 0) {
+        s = delta / (1 - Math.abs(2 * l - 1));
+    }
+    // Hue
+    let hue = 0;
+    if (delta !== 0) {
+        if (max === r) {
+            hue = ((g - b) / delta) % 6;
+        }
+        else if (max === g) {
+            hue = (b - r) / delta + 2;
+        }
+        else {
+            hue = (r - g) / delta + 4;
+        }
+        hue = hue * 60;
+        if (hue < 0)
+            hue += 360;
+    }
+    return { h: hue, s: s * 100, l: l * 100 };
+}
+function _hsl_to_hex(h, s, l) {
+    // Normalize s, l to 0–1
+    const sN = s / 100;
+    const lN = l / 100;
+    const c = (1 - Math.abs(2 * lN - 1)) * sN;
+    const x = c * (1 - Math.abs(((h / 60) % 2) - 1));
+    const m = lN - c / 2;
+    let r = 0, g = 0, b = 0;
+    if (h >= 0 && h < 60) {
+        r = c;
+        g = x;
+        b = 0;
+    }
+    else if (h >= 60 && h < 120) {
+        r = x;
+        g = c;
+        b = 0;
+    }
+    else if (h >= 120 && h < 180) {
+        r = 0;
+        g = c;
+        b = x;
+    }
+    else if (h >= 180 && h < 240) {
+        r = 0;
+        g = x;
+        b = c;
+    }
+    else if (h >= 240 && h < 300) {
+        r = x;
+        g = 0;
+        b = c;
+    }
+    else {
+        r = c;
+        g = 0;
+        b = x;
+    }
+    const toHex = (n) => {
+        const val = Math.round((n + m) * 255);
+        return Math.max(0, Math.min(255, val)).toString(16).padStart(2, "0");
+    };
+    return `#${toHex(r)}${toHex(g)}${toHex(b)}`;
+}

package/dist/theme/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./theme_types.js";
+export * from "./create_theme.js";
+export * from "./theme_provider.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/theme/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/theme/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC"}

package/dist/theme/index.js

@@ -0,0 +1,3 @@
+export * from "./theme_types.js";
+export * from "./create_theme.js";
+export * from "./theme_provider.js";

package/dist/theme/luminance.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Calculates the relative luminance of a hex color per WCAG 2.1.
+ * Returns a value between 0 (black) and 1 (white).
+ */
+export declare function relative_luminance(hex: string): number;
+/**
+ * Returns the foreground color (light or dark) with best contrast against bg_hex.
+ * Uses WCAG contrast ratio formula.
+ */
+export declare function pick_foreground(bg_hex: string, light_hex?: string, dark_hex?: string): string;
+//# sourceMappingURL=luminance.d.ts.map

package/dist/theme/luminance.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"luminance.d.ts","sourceRoot":"","sources":["../../src/theme/luminance.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,wBAAgB,kBAAkB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAStD;AAED;;;GAGG;AACH,wBAAgB,eAAe,CAC7B,MAAM,EAAE,MAAM,EACd,SAAS,GAAE,MAAkB,EAC7B,QAAQ,GAAE,MAAkB,GAC3B,MAAM,CAeR"}

package/dist/theme/luminance.js

@@ -0,0 +1,45 @@
+/**
+ * Calculates the relative luminance of a hex color per WCAG 2.1.
+ * Returns a value between 0 (black) and 1 (white).
+ */
+export function relative_luminance(hex) {
+    const { r, g, b } = _hex_to_rgb(hex);
+    const linearize = (c) => {
+        const normalized = c / 255;
+        return normalized <= 0.04045
+            ? normalized / 12.92
+            : Math.pow((normalized + 0.055) / 1.055, 2.4);
+    };
+    return 0.2126 * linearize(r) + 0.7152 * linearize(g) + 0.0722 * linearize(b);
+}
+/**
+ * Returns the foreground color (light or dark) with best contrast against bg_hex.
+ * Uses WCAG contrast ratio formula.
+ */
+export function pick_foreground(bg_hex, light_hex = "#FFFFFF", dark_hex = "#0F172A") {
+    const bgL = relative_luminance(bg_hex);
+    const lightL = relative_luminance(light_hex);
+    const darkL = relative_luminance(dark_hex);
+    const contrast_ratio = (l1, l2) => {
+        const lighter = Math.max(l1, l2);
+        const darker = Math.min(l1, l2);
+        return (lighter + 0.05) / (darker + 0.05);
+    };
+    const lightContrast = contrast_ratio(bgL, lightL);
+    const darkContrast = contrast_ratio(bgL, darkL);
+    return lightContrast >= darkContrast ? light_hex : dark_hex;
+}
+// ---------------------------------------------------------------------------
+// Internal helpers
+// ---------------------------------------------------------------------------
+function _hex_to_rgb(hex) {
+    let h = hex.startsWith("#") ? hex.slice(1) : hex;
+    if (h.length === 3) {
+        h = h[0] + h[0] + h[1] + h[1] + h[2] + h[2];
+    }
+    return {
+        r: parseInt(h.slice(0, 2), 16),
+        g: parseInt(h.slice(2, 4), 16),
+        b: parseInt(h.slice(4, 6), 16),
+    };
+}

package/dist/theme/theme_provider.d.ts

@@ -0,0 +1,14 @@
+import type { HazoAuthTheme } from "./theme_types";
+/**
+ * Server Component that injects theme CSS variables into the page at SSR time.
+ * Wraps children in a div with a style tag containing :root overrides.
+ * CSS variable values are derived from the theme object — all values are hex
+ * colors converted to HSL strings (e.g. "244 55% 41%") or rem/px radius
+ * values, so they cannot contain HTML or script injection.
+ * No "use client" — runs on the server.
+ */
+export declare function HazoAuthThemeProvider({ theme, children, }: {
+    theme: HazoAuthTheme;
+    children: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=theme_provider.d.ts.map

package/dist/theme/theme_provider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme_provider.d.ts","sourceRoot":"","sources":["../../src/theme/theme_provider.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAEnD;;;;;;;GAOG;AACH,wBAAgB,qBAAqB,CAAC,EACpC,KAAK,EACL,QAAQ,GACT,EAAE;IACD,KAAK,EAAE,aAAa,CAAC;IACrB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,2CAgBA"}

package/dist/theme/theme_provider.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// file_description: Server Component that applies a HazoAuthTheme via CSS variables injected at SSR time
+// NO "use client" — this is intentionally a Server Component
+import { createTheme } from "./create_theme.js";
+/**
+ * Server Component that injects theme CSS variables into the page at SSR time.
+ * Wraps children in a div with a style tag containing :root overrides.
+ * CSS variable values are derived from the theme object — all values are hex
+ * colors converted to HSL strings (e.g. "244 55% 41%") or rem/px radius
+ * values, so they cannot contain HTML or script injection.
+ * No "use client" — runs on the server.
+ */
+export function HazoAuthThemeProvider({ theme, children, }) {
+    var _a;
+    const resolved = createTheme(theme);
+    const cssVars = Object.entries((_a = resolved.overrides) !== null && _a !== void 0 ? _a : {})
+        .map(([key, val]) => `${key}: ${val};`)
+        .join(" ");
+    // CSS variable values come from createTheme which produces only HSL strings,
+    // rem/px values, and font family tokens — never raw user HTML.
+    const css = `:root { ${cssVars} }`;
+    return (_jsxs("div", { "data-hazo-auth-theme": "true", children: [_jsx("style", { dangerouslySetInnerHTML: { __html: css } }), children] }));
+}

package/dist/theme/theme_types.d.ts

@@ -0,0 +1,36 @@
+export interface HazoAuthTheme {
+    colors: {
+        primary: string;
+        accent: string;
+        surface: string;
+        surfaceElevated: string;
+        border: string;
+        textPrimary: string;
+        textSecondary: string;
+        textMuted: string;
+    };
+    fonts?: {
+        display?: string;
+        body?: string;
+        mono?: string;
+    };
+    radius?: {
+        sm?: string;
+        md?: string;
+        lg?: string;
+        xl?: string;
+    };
+    layout: "split" | "centered";
+    brandPanel?: {
+        logoSrc: string;
+        tagline?: string;
+        backgroundGradient?: string;
+        accentImage?: string;
+    };
+    overrides?: Record<string, string>;
+}
+export type ResolvedTheme = Required<HazoAuthTheme> & {
+    colors: Required<HazoAuthTheme["colors"]>;
+    radius: Required<NonNullable<HazoAuthTheme["radius"]>>;
+};
+//# sourceMappingURL=theme_types.d.ts.map

package/dist/theme/theme_types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme_types.d.ts","sourceRoot":"","sources":["../../src/theme/theme_types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,aAAa;IAC5B,MAAM,EAAE;QACN,OAAO,EAAE,MAAM,CAAC;QAChB,MAAM,EAAE,MAAM,CAAC;QACf,OAAO,EAAE,MAAM,CAAC;QAChB,eAAe,EAAE,MAAM,CAAC;QACxB,MAAM,EAAE,MAAM,CAAC;QACf,WAAW,EAAE,MAAM,CAAC;QACpB,aAAa,EAAE,MAAM,CAAC;QACtB,SAAS,EAAE,MAAM,CAAC;KACnB,CAAC;IACF,KAAK,CAAC,EAAE;QACN,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,IAAI,CAAC,EAAE,MAAM,CAAC;KACf,CAAC;IACF,MAAM,CAAC,EAAE;QACP,EAAE,CAAC,EAAE,MAAM,CAAC;QACZ,EAAE,CAAC,EAAE,MAAM,CAAC;QACZ,EAAE,CAAC,EAAE,MAAM,CAAC;QACZ,EAAE,CAAC,EAAE,MAAM,CAAC;KACb,CAAC;IACF,MAAM,EAAE,OAAO,GAAG,UAAU,CAAC;IAC7B,UAAU,CAAC,EAAE;QACX,OAAO,EAAE,MAAM,CAAC;QAChB,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,kBAAkB,CAAC,EAAE,MAAM,CAAC;QAC5B,WAAW,CAAC,EAAE,MAAM,CAAC;KACtB,CAAC;IACF,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CACpC;AAGD,MAAM,MAAM,aAAa,GAAG,QAAQ,CAAC,aAAa,CAAC,GAAG;IACpD,MAAM,EAAE,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC,CAAC;IAC1C,MAAM,EAAE,QAAQ,CAAC,WAAW,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;CACxD,CAAC"}

package/dist/theme/theme_types.js

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

package/dist/themes/index.d.ts

@@ -0,0 +1,2 @@
+export { preset_neutral } from "./preset_neutral.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/themes/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/themes/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/themes/index.js

@@ -0,0 +1,2 @@
+// file_description: barrel export for hazo_auth theme presets
+export { preset_neutral } from "./preset_neutral.js";

package/dist/themes/preset_neutral.d.ts

@@ -0,0 +1,3 @@
+import type { HazoAuthTheme } from "../theme/theme_types";
+export declare const preset_neutral: HazoAuthTheme;
+//# sourceMappingURL=preset_neutral.d.ts.map

package/dist/themes/preset_neutral.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"preset_neutral.d.ts","sourceRoot":"","sources":["../../src/themes/preset_neutral.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAE1D,eAAO,MAAM,cAAc,EAAE,aAa5B,CAAC"}

package/dist/themes/preset_neutral.js

@@ -0,0 +1,14 @@
+export const preset_neutral = {
+    colors: {
+        primary: "#475569",
+        accent: "#475569",
+        surface: "#FFFFFF",
+        surfaceElevated: "#F8FAFC",
+        border: "#E2E8F0",
+        textPrimary: "#0F172A",
+        textSecondary: "#475569",
+        textMuted: "#64748B",
+    },
+    radius: { md: "0.5rem" },
+    layout: "centered",
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "hazo_auth",
-  "version": "6.1.1",
+  "version": "7.0.2",
   "description": "Zero-config authentication UI components for Next.js with RBAC, OAuth, scope-based multi-tenancy, and invitations",
   "keywords": [
     "authentication",
@@ -81,10 +81,6 @@
       "types": "./dist/components/layouts/create_firm/index.d.ts",
       "import": "./dist/components/layouts/create_firm/index.js"
     },
-    "./components/layouts/otp": {
-      "types": "./dist/components/layouts/otp/index.d.ts",
-      "import": "./dist/components/layouts/otp/index.js"
-    },
     "./components/layouts/shared": {
       "types": "./dist/components/layouts/shared/index.d.ts",
       "import": "./dist/components/layouts/shared/index.js"
@@ -109,6 +105,22 @@
       "types": "./dist/server/middleware.d.ts",
       "import": "./dist/server/middleware.js"
     },
+    "./theme": {
+      "types": "./dist/theme/index.d.ts",
+      "import": "./dist/theme/index.js"
+    },
+    "./themes": {
+      "types": "./dist/themes/index.d.ts",
+      "import": "./dist/themes/index.js"
+    },
+    "./consent": {
+      "types": "./dist/consent/index.d.ts",
+      "import": "./dist/consent/index.js"
+    },
+    "./strings": {
+      "types": "./dist/strings/index.d.ts",
+      "import": "./dist/strings/index.js"
+    },
     "./pages": {
       "types": "./dist/server_pages/index.d.ts",
       "import": "./dist/server_pages/index.js"
@@ -117,10 +129,6 @@
       "types": "./dist/server_pages/login.d.ts",
       "import": "./dist/server_pages/login.js"
     },
-    "./pages/otp": {
-      "types": "./dist/server_pages/otp.d.ts",
-      "import": "./dist/server_pages/otp.js"
-    },
     "./pages/register": {
       "types": "./dist/server_pages/register.d.ts",
       "import": "./dist/server_pages/register.js"
@@ -141,6 +149,10 @@
       "types": "./dist/server_pages/my_settings.d.ts",
       "import": "./dist/server_pages/my_settings.js"
     },
+    "./pages/otp": {
+      "types": "./dist/server_pages/otp.d.ts",
+      "import": "./dist/server_pages/otp.js"
+    },
     "./page_components": {
       "types": "./dist/page_components/index.d.ts",
       "import": "./dist/page_components/index.js"
@@ -149,10 +161,6 @@
       "types": "./dist/page_components/login.d.ts",
       "import": "./dist/page_components/login.js"
     },
-    "./page_components/otp": {
-      "types": "./dist/page_components/otp.d.ts",
-      "import": "./dist/page_components/otp.js"
-    },
     "./page_components/register": {
       "types": "./dist/page_components/register.d.ts",
       "import": "./dist/page_components/register.js"
@@ -262,11 +270,10 @@
     "@radix-ui/react-tabs": "^1.1.0",
     "@radix-ui/react-tooltip": "^1.2.0",
     "hazo_config": "^2.1.0",
-    "hazo_connect": "^2.6.0",
+    "hazo_connect": "^2.4.0",
     "hazo_logs": "^1.0.13",
     "hazo_notify": "^3.0.0",
-    "hazo_ui": "^2.7.0",
-    "input-otp": "^1.4.0",
+    "hazo_ui": "^2.17.0",
     "lucide-react": "^0.553.0",
     "next": ">=14.0.0",
     "next-auth": "^4.24.0",
@@ -291,9 +298,6 @@
     "hazo_ui": {
       "optional": true
     },
-    "input-otp": {
-      "optional": true
-    },
     "next-themes": {
       "optional": true
     },
@@ -390,13 +394,12 @@
     "eslint-plugin-storybook": "^10.0.6",
     "@tailwindcss/postcss": "^4.2.4",
     "hazo_config": "^2.1.0",
-    "hazo_connect": "^2.6.0",
+    "hazo_connect": "^2.4.0",
     "hazo_logs": "^1.0.13",
     "hazo_notify": "^3.0.0",
-    "hazo_ui": "^2.7.0",
+    "hazo_ui": "^2.17.0",
     "jest": "^30.2.0",
     "jest-environment-jsdom": "^30.0.0",
-    "input-otp": "^1.4.0",
     "lucide-react": "^0.553.0",
     "next": "^16.0.7",
     "next-auth": "^4.24.13",