@mesob/auth-react 0.2.3 → 0.2.4

package/dist/index.js

@@ -11,18 +11,16 @@ import { zodResolver } from "@hookform/resolvers/zod";
 import {
   Alert,
   AlertDescription,
-  AlertTitle
-} from "@mesob/ui/components/alert";
-import { Button } from "@mesob/ui/components/button";
-import {
+  AlertTitle,
+  Button,
   Field,
   FieldError,
   FieldGroup,
-  FieldLabel
-} from "@mesob/ui/components/field";
-import { Input } from "@mesob/ui/components/input";
-import { useMesob as useMesob2 } from "@mesob/ui/components/mesob-context";
-import { Spinner } from "@mesob/ui/components/spinner";
+  FieldLabel,
+  Input,
+  Spinner
+} from "@mesob/ui/components";
+import { useMesob as useMesob2 } from "@mesob/ui/providers";
 import { IconAlertCircle } from "@tabler/icons-react";
 import { useEffect, useState as useState2 } from "react";
 import { Controller, useForm } from "react-hook-form";
@@ -30,7 +28,7 @@ import { toast } from "sonner";
 import { z } from "zod";
 
 // src/hooks/use-translator.ts
-import { useMesob } from "@mesob/ui/components/mesob-context";
+import { useMesob } from "@mesob/ui/providers";
 
 // src/lib/translations.ts
 function createTranslator(messages, namespace) {
@@ -456,7 +454,7 @@ var ForgotPassword = () => {
   const { config } = useConfig();
   const mesob = useMesob2();
   const t = useTranslator("Auth.forgotPassword");
-  const Link3 = mesob?.linkComponent ?? config.navigation?.linkComponent;
+  const Link = mesob?.navigation?.Link;
   const [isLoading, setIsLoading] = useState2(false);
   const [error, setError] = useState2(null);
   const forgotPasswordMutation = hooks.useMutation("post", "/password/forgot");
@@ -516,7 +514,7 @@ var ForgotPassword = () => {
       title: t("title"),
       description: t("description"),
       logoImage,
-      footer: Link3 ? /* @__PURE__ */ jsx4(Link3, { href: signInLink, className: "text-primary hover:underline", children: t("footer.backToSignIn") }) : /* @__PURE__ */ jsx4(
+      footer: Link ? /* @__PURE__ */ jsx4(Link, { href: signInLink, className: "text-primary hover:underline", children: t("footer.backToSignIn") }) : /* @__PURE__ */ jsx4(
         "a",
         {
           href: signInLink,
@@ -580,23 +578,19 @@ import { zodResolver as zodResolver2 } from "@hookform/resolvers/zod";
 import {
   Alert as Alert2,
   AlertDescription as AlertDescription2,
-  AlertTitle as AlertTitle2
-} from "@mesob/ui/components/alert";
-import { Button as Button2 } from "@mesob/ui/components/button";
-import {
+  AlertTitle as AlertTitle2,
+  Button as Button2,
   Field as Field2,
   FieldError as FieldError2,
   FieldGroup as FieldGroup2,
-  FieldLabel as FieldLabel2
-} from "@mesob/ui/components/field";
-import { Input as Input2 } from "@mesob/ui/components/input";
-import {
+  FieldLabel as FieldLabel2,
+  Input as Input2,
   InputOTP,
   InputOTPGroup,
-  InputOTPSlot
-} from "@mesob/ui/components/input-otp";
-import { Link } from "@mesob/ui/components/link";
-import { Spinner as Spinner2 } from "@mesob/ui/components/spinner";
+  InputOTPSlot,
+  Spinner as Spinner2
+} from "@mesob/ui/components";
+import { useMesob as useMesob3 } from "@mesob/ui/providers";
 import { IconAlertCircle as IconAlertCircle2, IconEye, IconEyeOff } from "@tabler/icons-react";
 import { useEffect as useEffect2, useState as useState3 } from "react";
 import { Controller as Controller2, useForm as useForm2 } from "react-hook-form";
@@ -617,6 +611,8 @@ var ResetPasswordForm = ({
 }) => {
   const { hooks, refresh } = useApi();
   const { config } = useConfig();
+  const mesob = useMesob3();
+  const Link = mesob?.navigation?.Link;
   const t = useTranslator("Auth.resetPassword");
   const common = useTranslator("Common");
   const [isLoading, setIsLoading] = useState3(false);
@@ -844,18 +840,16 @@ import { zodResolver as zodResolver3 } from "@hookform/resolvers/zod";
 import {
   Alert as Alert3,
   AlertDescription as AlertDescription3,
-  AlertTitle as AlertTitle3
-} from "@mesob/ui/components/alert";
-import { Button as Button3 } from "@mesob/ui/components/button";
-import {
+  AlertTitle as AlertTitle3,
+  Button as Button3,
   Field as Field3,
   FieldError as FieldError3,
   FieldGroup as FieldGroup3,
-  FieldLabel as FieldLabel3
-} from "@mesob/ui/components/field";
-import { Input as Input3 } from "@mesob/ui/components/input";
-import { useMesob as useMesob3 } from "@mesob/ui/components/mesob-context";
-import { Spinner as Spinner3 } from "@mesob/ui/components/spinner";
+  FieldLabel as FieldLabel3,
+  Input as Input3,
+  Spinner as Spinner3
+} from "@mesob/ui/components";
+import { useMesob as useMesob4 } from "@mesob/ui/providers";
 import { IconAlertCircle as IconAlertCircle3, IconEye as IconEye2, IconEyeOff as IconEyeOff2 } from "@tabler/icons-react";
 import { useEffect as useEffect3, useState as useState4 } from "react";
 import { Controller as Controller3, useForm as useForm3 } from "react-hook-form";
@@ -901,9 +895,9 @@ var passwordSchema = (t) => z3.object({
 var SignIn = ({ redirectUrl } = {}) => {
   const { hooks, setAuth } = useApi();
   const { config } = useConfig();
-  const mesob = useMesob3();
+  const mesob = useMesob4();
   const t = useTranslator("Auth.signIn");
-  const Link3 = mesob?.linkComponent ?? config.navigation?.linkComponent;
+  const Link = mesob?.navigation?.Link;
   const [isLoading, setIsLoading] = useState4(false);
   const [error, setError] = useState4(null);
   const [showPasswordField, setShowPasswordField] = useState4(false);
@@ -1112,8 +1106,8 @@ var SignIn = ({ redirectUrl } = {}) => {
       title: t("title"),
       description: t("description"),
       logoImage,
-      footer: showPasswordField ? /* @__PURE__ */ jsx6("div", { className: "flex items-center justify-center w-full", children: Link3 ? /* @__PURE__ */ jsx6(
-        Link3,
+      footer: showPasswordField ? /* @__PURE__ */ jsx6("div", { className: "flex items-center justify-center w-full", children: Link ? /* @__PURE__ */ jsx6(
+        Link,
         {
           href: forgotPasswordLink,
           className: "text-primary inline-block hover:underline",
@@ -1148,17 +1142,15 @@ import { zodResolver as zodResolver4 } from "@hookform/resolvers/zod";
 import {
   Alert as Alert4,
   AlertDescription as AlertDescription4,
-  AlertTitle as AlertTitle4
-} from "@mesob/ui/components/alert";
-import { Button as Button4 } from "@mesob/ui/components/button";
-import {
+  AlertTitle as AlertTitle4,
+  Button as Button4,
   Field as Field4,
   FieldError as FieldError4,
   FieldGroup as FieldGroup4,
-  FieldLabel as FieldLabel4
-} from "@mesob/ui/components/field";
-import { Input as Input4 } from "@mesob/ui/components/input";
-import { useMesob as useMesob4 } from "@mesob/ui/components/mesob-context";
+  FieldLabel as FieldLabel4,
+  Input as Input4
+} from "@mesob/ui/components";
+import { useMesob as useMesob5 } from "@mesob/ui/providers";
 import { IconAlertCircle as IconAlertCircle4, IconEye as IconEye3, IconEyeOff as IconEyeOff3 } from "@tabler/icons-react";
 import { useEffect as useEffect4, useState as useState5 } from "react";
 import { Controller as Controller4, useForm as useForm4 } from "react-hook-form";
@@ -1191,9 +1183,9 @@ var SignUp = ({
 } = {}) => {
   const { hooks, setAuth } = useApi();
   const { config } = useConfig();
-  const mesob = useMesob4();
+  const mesob = useMesob5();
   const t = useTranslator("Auth.signUp");
-  const Link3 = mesob?.linkComponent ?? config.navigation?.linkComponent;
+  const Link = mesob?.navigation?.Link;
   const [isLoading, setIsLoading] = useState5(false);
   const [error, setError] = useState5(null);
   const [showPassword, setShowPassword] = useState5(false);
@@ -1297,7 +1289,7 @@ var SignUp = ({
       footer: /* @__PURE__ */ jsxs5("p", { children: [
         t("footer.hasAccount"),
         " ",
-        Link3 ? /* @__PURE__ */ jsx7(Link3, { href: signInLink, className: "text-primary hover:underline", children: t("footer.signInCta") }) : /* @__PURE__ */ jsx7(
+        Link ? /* @__PURE__ */ jsx7(Link, { href: signInLink, className: "text-primary hover:underline", children: t("footer.signInCta") }) : /* @__PURE__ */ jsx7(
           "a",
           {
             href: signInLink,
@@ -1450,20 +1442,21 @@ var SignUp = ({
 
 // src/components/auth/verification-form.tsx
 import { zodResolver as zodResolver5 } from "@hookform/resolvers/zod";
-import { Button as Button6 } from "@mesob/ui/components/button";
-import { Field as Field5, FieldError as FieldError5, FieldGroup as FieldGroup5 } from "@mesob/ui/components/field";
 import {
+  Button as Button6,
+  Field as Field5,
+  FieldError as FieldError5,
+  FieldGroup as FieldGroup5,
   InputOTP as InputOTP2,
   InputOTPGroup as InputOTPGroup2,
-  InputOTPSlot as InputOTPSlot2
-} from "@mesob/ui/components/input-otp";
-import { Spinner as Spinner5 } from "@mesob/ui/components/spinner";
+  InputOTPSlot as InputOTPSlot2,
+  Spinner as Spinner5
+} from "@mesob/ui/components";
 import { Controller as Controller5, useForm as useForm5 } from "react-hook-form";
 import { z as z5 } from "zod";
 
 // src/components/auth/countdown.tsx
-import { Button as Button5 } from "@mesob/ui/components/button";
-import { Spinner as Spinner4 } from "@mesob/ui/components/spinner";
+import { Button as Button5, Spinner as Spinner4 } from "@mesob/ui/components";
 import { useEffect as useEffect5, useState as useState6 } from "react";
 import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
 var Countdown = ({
@@ -1587,12 +1580,8 @@ var VerificationForm = ({
 };
 
 // src/components/auth/verify-email.tsx
-import {
-  Alert as Alert5,
-  AlertDescription as AlertDescription5,
-  AlertTitle as AlertTitle5
-} from "@mesob/ui/components/alert";
-import { useMesob as useMesob5 } from "@mesob/ui/components/mesob-context";
+import { Alert as Alert5, AlertDescription as AlertDescription5, AlertTitle as AlertTitle5 } from "@mesob/ui/components";
+import { useMesob as useMesob6 } from "@mesob/ui/providers";
 import { IconAlertCircle as IconAlertCircle5 } from "@tabler/icons-react";
 import { useEffect as useEffect6, useState as useState7 } from "react";
 import { toast as toast5 } from "sonner";
@@ -1604,11 +1593,11 @@ var VerifyEmail = ({
 }) => {
   const { hooks, setAuth } = useApi();
   const { config } = useConfig();
-  const mesob = useMesob5();
+  const mesob = useMesob6();
   const t = useTranslator("Auth.verification");
   const common = useTranslator("Common");
   const footer = useTranslator("Auth.forgotPassword.footer");
-  const Link3 = mesob?.linkComponent ?? config.navigation?.linkComponent;
+  const Link = mesob?.navigation?.Link;
   const [isLoading, setIsLoading] = useState7(false);
   const [error, setError] = useState7(null);
   const verifyEmailMutation = hooks.useMutation(
@@ -1689,7 +1678,7 @@ var VerifyEmail = ({
       {
         title: common("invalidLinkTitle"),
         description: common("invalidLinkDescription"),
-        footer: Link3 ? /* @__PURE__ */ jsx10(Link3, { href: signInLink, className: "text-primary hover:underline", children: footer("backToSignIn") }) : /* @__PURE__ */ jsx10(
+        footer: Link ? /* @__PURE__ */ jsx10(Link, { href: signInLink, className: "text-primary hover:underline", children: footer("backToSignIn") }) : /* @__PURE__ */ jsx10(
           "a",
           {
             href: signInLink,
@@ -1719,7 +1708,7 @@ var VerifyEmail = ({
       title: t("email.title"),
       description: t("email.description"),
       logoImage,
-      footer: Link3 ? /* @__PURE__ */ jsx10(Link3, { href: signInLink, className: "text-primary hover:underline", children: footer("backToSignIn") }) : /* @__PURE__ */ jsx10(
+      footer: Link ? /* @__PURE__ */ jsx10(Link, { href: signInLink, className: "text-primary hover:underline", children: footer("backToSignIn") }) : /* @__PURE__ */ jsx10(
         "a",
         {
           href: signInLink,
@@ -1753,12 +1742,8 @@ var VerifyEmail = ({
 };
 
 // src/components/auth/verify-phone.tsx
-import {
-  Alert as Alert6,
-  AlertDescription as AlertDescription6,
-  AlertTitle as AlertTitle6
-} from "@mesob/ui/components/alert";
-import { Link as Link2 } from "@mesob/ui/components/link";
+import { Alert as Alert6, AlertDescription as AlertDescription6, AlertTitle as AlertTitle6 } from "@mesob/ui/components";
+import { useMesob as useMesob7 } from "@mesob/ui/providers";
 import { IconAlertCircle as IconAlertCircle6 } from "@tabler/icons-react";
 import { useEffect as useEffect7, useState as useState8 } from "react";
 import { toast as toast6 } from "sonner";
@@ -1771,6 +1756,8 @@ var VerifyPhone = ({
 }) => {
   const { hooks, refresh, setAuth } = useApi();
   const { config } = useConfig();
+  const mesob = useMesob7();
+  const Link = mesob?.navigation?.Link;
   const t = useTranslator("Auth.verification");
   const common = useTranslator("Common");
   const footer = useTranslator("Auth.forgotPassword.footer");
@@ -1867,7 +1854,7 @@ var VerifyPhone = ({
       {
         title: common("invalidLinkTitle"),
         description: common("invalidLinkDescription"),
-        footer: /* @__PURE__ */ jsx11(Link2, { href: signInLink, className: "text-primary hover:underline", children: footer("backToSignIn") }),
+        footer: /* @__PURE__ */ jsx11(Link, { href: signInLink, className: "text-primary hover:underline", children: footer("backToSignIn") }),
         children: /* @__PURE__ */ jsx11("div", {})
       }
     );
@@ -1888,7 +1875,7 @@ var VerifyPhone = ({
         target: phone || t("phone.missingPhone")
       }),
       logoImage,
-      footer: Link2 ? /* @__PURE__ */ jsx11(Link2, { href: signInLink, className: "text-primary hover:underline", children: footer("backToSignIn") }) : /* @__PURE__ */ jsx11(
+      footer: Link ? /* @__PURE__ */ jsx11(Link, { href: signInLink, className: "text-primary hover:underline", children: footer("backToSignIn") }) : /* @__PURE__ */ jsx11(
         "a",
         {
           href: signInLink,
@@ -1922,7 +1909,7 @@ var VerifyPhone = ({
 };
 
 // src/components/error-boundary.tsx
-import { Button as Button7 } from "@mesob/ui/components/button";
+import { Button as Button7 } from "@mesob/ui/components";
 import { Component } from "react";
 import { jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
 var ErrorBoundary = class extends Component {
@@ -1965,8 +1952,7 @@ function AuthErrorBoundary({ children }) {
 }
 
 // src/components/iam/permissions.tsx
-import { Badge } from "@mesob/ui/components/badge";
-import { Button as Button8 } from "@mesob/ui/components/button";
+import { Badge, Button as Button8 } from "@mesob/ui/components";
 import { useLocale } from "next-intl";
 import { useState as useState9 } from "react";
 
@@ -1978,10 +1964,10 @@ import {
   TableHead,
   TableHeader,
   TableRow
-} from "@mesob/ui/components/table";
+} from "@mesob/ui/components";
 
 // src/components/skeletons/table-skeleton.tsx
-import { Skeleton } from "@mesob/ui/components/skeleton";
+import { Skeleton } from "@mesob/ui/components";
 import { jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
 function TableSkeleton({ columns = 5, rows = 10 }) {
   const headerKeys = Array.from({ length: columns }, (_, i) => `header-${i}`);
@@ -2147,8 +2133,7 @@ function Permissions() {
 }
 
 // src/components/iam/roles.tsx
-import { Badge as Badge2 } from "@mesob/ui/components/badge";
-import { Button as Button9 } from "@mesob/ui/components/button";
+import { Badge as Badge2, Button as Button9 } from "@mesob/ui/components";
 import { useLocale as useLocale2 } from "next-intl";
 import { useState as useState10 } from "react";
 import { jsx as jsx16, jsxs as jsxs14 } from "react/jsx-runtime";
@@ -2245,7 +2230,7 @@ function Roles() {
 }
 
 // src/components/iam/sessions.tsx
-import { Button as Button10 } from "@mesob/ui/components/button";
+import { Button as Button10 } from "@mesob/ui/components";
 import { useState as useState11 } from "react";
 import { jsx as jsx17, jsxs as jsxs15 } from "react/jsx-runtime";
 function Sessions() {
@@ -2332,8 +2317,7 @@ function Sessions() {
 }
 
 // src/components/iam/tenants.tsx
-import { Badge as Badge3 } from "@mesob/ui/components/badge";
-import { Button as Button11 } from "@mesob/ui/components/button";
+import { Badge as Badge3, Button as Button11 } from "@mesob/ui/components";
 import { useState as useState12 } from "react";
 import { jsx as jsx18, jsxs as jsxs16 } from "react/jsx-runtime";
 function Tenants() {
@@ -2419,8 +2403,7 @@ function Tenants() {
 }
 
 // src/components/iam/users.tsx
-import { Badge as Badge4 } from "@mesob/ui/components/badge";
-import { Button as Button12 } from "@mesob/ui/components/button";
+import { Badge as Badge4, Button as Button12 } from "@mesob/ui/components";
 import { useState as useState13 } from "react";
 import { jsx as jsx19, jsxs as jsxs17 } from "react/jsx-runtime";
 function Users() {
@@ -2515,7 +2498,7 @@ function Users() {
 }
 
 // src/components/profile/account.tsx
-import { Separator } from "@mesob/ui/components/separator";
+import { Separator } from "@mesob/ui/components";
 import { jsx as jsx20, jsxs as jsxs18 } from "react/jsx-runtime";
 function Account() {
   const { user, isAuthenticated } = useSession();
@@ -2544,21 +2527,18 @@ function Account() {
 }
 
 // src/components/profile/change-email-form.tsx
-import { Button as Button14 } from "@mesob/ui/components/button";
 import {
+  Button as Button14,
   Collapsible,
   CollapsibleContent,
   CollapsibleTrigger
-} from "@mesob/ui/components/collapsible";
+} from "@mesob/ui/components";
 import { IconChevronDown } from "@tabler/icons-react";
 import { useState as useState16 } from "react";
 
 // src/components/profile/request-change-email-form.tsx
 import { zodResolver as zodResolver6 } from "@hookform/resolvers/zod";
-import { Button as Button13 } from "@mesob/ui/components/button";
-import { Input as Input5 } from "@mesob/ui/components/input";
-import { Label } from "@mesob/ui/components/label";
-import { Spinner as Spinner6 } from "@mesob/ui/components/spinner";
+import { Button as Button13, Input as Input5, Label, Spinner as Spinner6 } from "@mesob/ui/components";
 import { IconEye as IconEye4, IconEyeOff as IconEyeOff4 } from "@tabler/icons-react";
 import { useEffect as useEffect8, useState as useState14 } from "react";
 import { useForm as useForm6 } from "react-hook-form";
@@ -2813,7 +2793,7 @@ import {
   DialogDescription,
   DialogHeader,
   DialogTitle
-} from "@mesob/ui/components/dialog";
+} from "@mesob/ui/components";
 import { jsx as jsx22, jsxs as jsxs20 } from "react/jsx-runtime";
 function OtpVerificationModal({
   open,
@@ -3040,15 +3020,15 @@ function ChangeEmailForm() {
 
 // src/components/profile/change-password-form.tsx
 import { zodResolver as zodResolver7 } from "@hookform/resolvers/zod";
-import { Button as Button15 } from "@mesob/ui/components/button";
 import {
+  Button as Button15,
   Collapsible as Collapsible2,
   CollapsibleContent as CollapsibleContent2,
-  CollapsibleTrigger as CollapsibleTrigger2
-} from "@mesob/ui/components/collapsible";
-import { Input as Input6 } from "@mesob/ui/components/input";
-import { Label as Label2 } from "@mesob/ui/components/label";
-import { Spinner as Spinner7 } from "@mesob/ui/components/spinner";
+  CollapsibleTrigger as CollapsibleTrigger2,
+  Input as Input6,
+  Label as Label2,
+  Spinner as Spinner7
+} from "@mesob/ui/components";
 import { IconChevronDown as IconChevronDown2, IconEye as IconEye5, IconEyeOff as IconEyeOff5 } from "@tabler/icons-react";
 import { useState as useState17 } from "react";
 import { useForm as useForm7 } from "react-hook-form";
@@ -3258,21 +3238,18 @@ function ChangePasswordForm() {
 }
 
 // src/components/profile/change-phone-form.tsx
-import { Button as Button17 } from "@mesob/ui/components/button";
 import {
+  Button as Button17,
   Collapsible as Collapsible3,
   CollapsibleContent as CollapsibleContent3,
   CollapsibleTrigger as CollapsibleTrigger3
-} from "@mesob/ui/components/collapsible";
+} from "@mesob/ui/components";
 import { IconChevronDown as IconChevronDown3 } from "@tabler/icons-react";
 import { useState as useState20 } from "react";
 
 // src/components/profile/request-change-phone-form.tsx
 import { zodResolver as zodResolver8 } from "@hookform/resolvers/zod";
-import { Button as Button16 } from "@mesob/ui/components/button";
-import { Input as Input7 } from "@mesob/ui/components/input";
-import { Label as Label3 } from "@mesob/ui/components/label";
-import { Spinner as Spinner8 } from "@mesob/ui/components/spinner";
+import { Button as Button16, Input as Input7, Label as Label3, Spinner as Spinner8 } from "@mesob/ui/components";
 import { IconEye as IconEye6, IconEyeOff as IconEyeOff6 } from "@tabler/icons-react";
 import { useEffect as useEffect9, useState as useState18 } from "react";
 import { useForm as useForm8 } from "react-hook-form";
@@ -3737,7 +3714,7 @@ function Security() {
 }
 
 // src/components/skeletons/auth-form-skeleton.tsx
-import { Skeleton as Skeleton2 } from "@mesob/ui/components/skeleton";
+import { Skeleton as Skeleton2 } from "@mesob/ui/components";
 import { jsx as jsx30, jsxs as jsxs26 } from "react/jsx-runtime";
 function AuthFormSkeleton() {
   return /* @__PURE__ */ jsxs26("div", { className: "w-full max-w-md space-y-6 p-6", children: [
@@ -3764,7 +3741,7 @@ function AuthFormSkeleton() {
 }
 
 // src/components/skeletons/profile-skeleton.tsx
-import { Skeleton as Skeleton3 } from "@mesob/ui/components/skeleton";
+import { Skeleton as Skeleton3 } from "@mesob/ui/components";
 import { jsx as jsx31, jsxs as jsxs27 } from "react/jsx-runtime";
 function ProfileSkeleton() {
   return /* @__PURE__ */ jsxs27("div", { className: "w-full max-w-4xl space-y-8 p-6", children: [