@hexdspace/react 0.0.19 → 0.0.21

package/dist/css/component.css

@@ -103,7 +103,6 @@
     }
 
     .chip {
-        background: color-mix(in oklab, var(--surface-2), var(--surface-3) 40%);
         border-radius: var(--radius-chip);
         box-shadow: var(--shadow-none);
         color: var(--text-2);

package/dist/css/primitive.css

@@ -32,16 +32,16 @@
     --ink-100: oklch(0.16 0.025 258);
 
     /* Accent */
-    --accent-10: oklch(0.970 0.030 200);
-    --accent-20: oklch(0.940 0.045 200);
-    --accent-30: oklch(0.910 0.060 200);
-    --accent-40: oklch(0.880 0.075 200);
-    --accent-50: oklch(0.820 0.095 200);
-    --accent-60: oklch(0.760 0.110 200);
-    --accent-70: oklch(0.650 0.105 200);
-    --accent-80: oklch(0.560 0.090 200);
-    --accent-90: oklch(0.480 0.075 200);
-    --accent-100: oklch(0.400 0.060 200);
+    --accent-10:  oklch(0.900 0.020 120);
+    --accent-20:  oklch(0.870 0.025 120);
+    --accent-30:  oklch(0.855 0.028 120);
+    --accent-40:  oklch(0.845 0.030 120);
+    --accent-50:  oklch(0.8428 0.030 120);
+    --accent-60:  oklch(0.780 0.045 120);
+    --accent-70:  oklch(0.680 0.060 120);
+    --accent-80:  oklch(0.580 0.070 120);
+    --accent-90:  oklch(0.500 0.065 120);
+    --accent-100: oklch(0.430 0.055 120);
 
     /* Brand ramp */
     --brand-10:  oklch(0.97 0.020 250);

package/dist/css/semantic.css

@@ -88,8 +88,8 @@
     --border: var(--ink-40);
     --divider: color-mix(in oklab, var(--border), transparent 40%);
 
-    --brand: var(--brand-70);
-    --brand-strong: var(--brand-60);
+    --brand: var(--brand-50);
+    --brand-strong: var(--brand-40);
 
     --accent: var(--accent-70);
     --accent-strong: var(--accent-60);
@@ -99,10 +99,10 @@
     --focus: var(--brand);
     --focus-ring: 0 0 0 3px color-mix(in oklab, var(--focus), transparent 60%);
 
-    --info: var(--info-70);
-    --success: var(--success-70);
-    --warning: var(--warning-70);
-    --danger: var(--danger-70);
+    --info: var(--info-60);
+    --success: var(--success-60);
+    --warning: var(--warning-60);
+    --danger: var(--danger-60);
 
     --surface-hover: color-mix(in oklab, var(--surface-1), white 6%);
     --surface-active: color-mix(in oklab, var(--surface-1), white 8%);

package/dist/index.d.ts

@@ -307,7 +307,7 @@ type AuthState = {
 declare function useAuth(): AuthState;
 
 declare function useAuthActions(): {
-    login: (email: string, password: string) => void;
+    login: (email: string, password: string) => Promise<Result<Error, User>>;
     logout: () => void;
     register: (email: string, password: string) => Promise<Result<Error, {
         message: string;
@@ -363,15 +363,18 @@ type RequireAuthProps = {
     guarded?: ReactNode;
     loadingPlaceholder?: ReactNode;
     errorPlaceholder?: ReactNode;
+    unauthenticatedRedirectTo?: string;
+    unauthenticatedPlaceholder?: ReactNode;
 };
 type RedirectIfAuthedProps = {
     redirectTo?: string;
     loadingPlaceholder?: ReactNode;
     nonAuthedPlaceholder?: ReactNode;
     errorPlaceholder?: ReactNode;
+    authenticatedPlaceholder?: ReactNode;
 };
-declare function RequireAuth({ guarded, loadingPlaceholder, errorPlaceholder }: RequireAuthProps): react_jsx_runtime.JSX.Element;
-declare function RedirectIfAuthed({ redirectTo, loadingPlaceholder, nonAuthedPlaceholder, errorPlaceholder }: RedirectIfAuthedProps): react_jsx_runtime.JSX.Element;
+declare function RequireAuth({ guarded, loadingPlaceholder, errorPlaceholder, unauthenticatedRedirectTo, unauthenticatedPlaceholder }: RequireAuthProps): react_jsx_runtime.JSX.Element;
+declare function RedirectIfAuthed({ redirectTo, loadingPlaceholder, nonAuthedPlaceholder, errorPlaceholder, authenticatedPlaceholder }: RedirectIfAuthedProps): react_jsx_runtime.JSX.Element;
 
 type AuthFixtures = {
     meError?: HttpError;

package/dist/index.js

@@ -835,11 +835,11 @@ function useAuthDispatch() {
 function useAuthActions() {
   const dispatch = useAuthDispatch();
   const authController2 = useAuthController();
-  const login = useCallback2((email, password) => {
+  const login = useCallback2(async (email, password) => {
     dispatch({ type: "REQUEST" });
-    authController2.login(email, password).then((res) => {
-      dispatchLoginResult(res, dispatch);
-    });
+    const res = await authController2.login(email, password);
+    dispatchLoginResult(res, dispatch);
+    return res;
   }, [dispatch, authController2]);
   const logout = useCallback2(() => {
     authController2.logout().then(() => dispatch({ type: "LOGOUT" }));
@@ -912,7 +912,13 @@ var AuthFormInputField = ({ id, label, type, value, onChange, placeholder, class
 // src/feature/auth/interface/web/react/auth-route-guards.tsx
 import { Navigate, Outlet, useLocation } from "react-router-dom";
 import { Fragment, jsx as jsx6 } from "react/jsx-runtime";
-function RequireAuth({ guarded, loadingPlaceholder, errorPlaceholder }) {
+function RequireAuth({
+  guarded,
+  loadingPlaceholder,
+  errorPlaceholder,
+  unauthenticatedRedirectTo,
+  unauthenticatedPlaceholder
+}) {
   const auth = useAuth();
   const location = useLocation();
   if (auth.status === "loading") {
@@ -922,11 +928,20 @@ function RequireAuth({ guarded, loadingPlaceholder, errorPlaceholder }) {
     return /* @__PURE__ */ jsx6(Fragment, { children: errorPlaceholder ?? loadingPlaceholder ?? null });
   }
   if (auth.status === "unauthenticated") {
-    return /* @__PURE__ */ jsx6(Navigate, { to: "/login", replace: true, state: { from: location } });
+    if (unauthenticatedRedirectTo) {
+      return /* @__PURE__ */ jsx6(Navigate, { to: unauthenticatedRedirectTo, replace: true, state: { from: location } });
+    }
+    return /* @__PURE__ */ jsx6(Fragment, { children: unauthenticatedPlaceholder ?? null });
   }
   return guarded ? /* @__PURE__ */ jsx6(Fragment, { children: guarded }) : /* @__PURE__ */ jsx6(Outlet, {});
 }
-function RedirectIfAuthed({ redirectTo, loadingPlaceholder, nonAuthedPlaceholder, errorPlaceholder }) {
+function RedirectIfAuthed({
+  redirectTo,
+  loadingPlaceholder,
+  nonAuthedPlaceholder,
+  errorPlaceholder,
+  authenticatedPlaceholder
+}) {
   const auth = useAuth();
   if (auth.status === "loading") {
     return /* @__PURE__ */ jsx6(Fragment, { children: loadingPlaceholder ?? null });
@@ -934,7 +949,12 @@ function RedirectIfAuthed({ redirectTo, loadingPlaceholder, nonAuthedPlaceholder
   if (auth.status === "error") {
     return /* @__PURE__ */ jsx6(Fragment, { children: errorPlaceholder ?? loadingPlaceholder ?? null });
   }
-  if (auth.status === "authenticated") return /* @__PURE__ */ jsx6(Navigate, { to: redirectTo ?? "/", replace: true });
+  if (auth.status === "authenticated") {
+    if (redirectTo) {
+      return /* @__PURE__ */ jsx6(Navigate, { to: redirectTo, replace: true });
+    }
+    return /* @__PURE__ */ jsx6(Fragment, { children: authenticatedPlaceholder ?? null });
+  }
   return nonAuthedPlaceholder ? /* @__PURE__ */ jsx6(Fragment, { children: nonAuthedPlaceholder }) : /* @__PURE__ */ jsx6(Outlet, {});
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hexdspace/react",
-  "version": "0.0.19",
+  "version": "0.0.21",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",