@intlayer/design-system 5.0.5 → 5.1.0

package/dist/components/Auth/VerifyEmailForm/VerifyEmailForm.mjs

@@ -1,5 +1,5 @@
 "use client";
-import { j as jsxRuntimeExports } from "../../../jsx-runtime-DQkoUcjV.js";
+import { jsxs, jsx } from "react/jsx-runtime";
 import { intlayerAPI } from "@intlayer/api";
 import { Check } from "lucide-react";
 import { useState, useMemo, useEffect } from "react";
@@ -7,7 +7,7 @@ import { useDictionary } from "react-intlayer";
 import { Button } from "../../Button/Button.mjs";
 import { useForm } from "../../Form/FormBase.mjs";
 import "../../Form/FormField.mjs";
-import { F as Form } from "../../../Form-DlqjTz3u.js";
+import { F as Form } from "../../../Form-BZUDRfoN.js";
 import { H3 } from "../../Headers/index.mjs";
 import { Loader } from "../../Loader/index.mjs";
 import { useUser } from "../useUser/index.mjs";
@@ -47,7 +47,7 @@ const VerifyEmailForm = ({
     };
     return () => eventSource.close();
   }, [revalidateSession, targetedUserId, userId, user?._id, isEmailVerified]);
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+  return /* @__PURE__ */ jsxs(
     Form,
     {
       schema: VerifyEmailSchema,
@@ -56,10 +56,10 @@ const VerifyEmailForm = ({
       onSubmitSuccess,
       onSubmitError,
       children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(H3, { children: verifyEmail.title }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-neutral dark:text-neutral text-sm", children: verifyEmail.description }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(Loader, { isLoading: !isEmailVerified, children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "bg-success/30 dark:bg-success-dark/30 m-auto aspect-square rounded-full p-5", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Check, { className: "text-success dark:text-success-dark", size: 50 }) }) }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
+        /* @__PURE__ */ jsx(H3, { children: verifyEmail.title }),
+        /* @__PURE__ */ jsx("span", { className: "text-neutral dark:text-neutral text-sm", children: verifyEmail.description }),
+        /* @__PURE__ */ jsx(Loader, { isLoading: !isEmailVerified, children: /* @__PURE__ */ jsx("div", { className: "bg-success/30 dark:bg-success-dark/30 m-auto aspect-square rounded-full p-5", children: /* @__PURE__ */ jsx(Check, { className: "text-success dark:text-success-dark", size: 50 }) }) }),
+        /* @__PURE__ */ jsx(
           Button,
           {
             disabled: !isEmailVerified,

package/dist/components/Auth/VerifyEmailForm/VerifyEmailForm.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"VerifyEmailForm.mjs","sources":["../../../../src/components/Auth/VerifyEmailForm/VerifyEmailForm.tsx"],"sourcesContent":["'use client';\n\nimport { intlayerAPI } from '@intlayer/api';\nimport { Check } from 'lucide-react';\nimport { useEffect, useMemo, useState, type FC } from 'react';\nimport { useDictionary } from 'react-intlayer';\nimport { Button } from '../../Button';\nimport { Form, useForm } from '../../Form';\nimport { H3 } from '../../Headers';\nimport { Loader } from '../../Loader';\nimport { useUser } from '../useUser';\nimport content from './index.content';\nimport { getVerifyEmailSchema, VerifyEmail } from './VerifyEmailSchema';\n\ntype VerifyEmailFormProps = {\n  onSubmitSuccess: (data: VerifyEmail) => Promise<void>;\n  onSubmitError?: (error: Error) => void;\n  userId?: string;\n};\n\nexport const VerifyEmailForm: FC<VerifyEmailFormProps> = ({\n  userId,\n  onSubmitSuccess,\n  onSubmitError,\n}) => {\n  const VerifyEmailSchema = getVerifyEmailSchema();\n  const { revalidateSession, user } = useUser();\n  const { verifyEmail, doneButton } = useDictionary(content);\n  const [isEmailVerified, setIsEmailVerified] = useState(false);\n  const { form } = useForm(VerifyEmailSchema, {});\n\n  const targetedUserId = useMemo(\n    () => userId ?? user?._id,\n    [userId, user?._id]\n  );\n\n  useEffect(() => {\n    if (!targetedUserId) return;\n    if (isEmailVerified) return;\n\n    // EventSource alow to receive server-sent events from the server\n    // In this case, we are listening to the email verification status\n    const eventSource = new EventSource(\n      intlayerAPI.auth.getVerifyEmailStatusURL(targetedUserId!)\n    );\n\n    eventSource.onmessage = async (event) => {\n      const data = JSON.parse(event.data);\n\n      if (data.status === 'verified') {\n        // Update your UI to reflect the verification\n\n        setIsEmailVerified(true);\n\n        await revalidateSession();\n\n        eventSource.close(); // Close the connection if no longer needed\n      }\n    };\n\n    eventSource.onerror = (event) => {\n      console.error(event);\n      // Handle errors or reconnection logic\n      eventSource.close();\n    };\n\n    return () => eventSource.close(); // Clean up on component unmount\n  }, [revalidateSession, targetedUserId, userId, user?._id, isEmailVerified]);\n\n  return (\n    <Form\n      schema={VerifyEmailSchema}\n      autoComplete\n      {...form}\n      onSubmitSuccess={onSubmitSuccess}\n      onSubmitError={onSubmitError}\n    >\n      <H3>{verifyEmail.title}</H3>\n      <span className=\"text-neutral dark:text-neutral text-sm\">\n        {verifyEmail.description}\n      </span>\n      <Loader isLoading={!isEmailVerified}>\n        <div className=\"bg-success/30 dark:bg-success-dark/30 m-auto aspect-square rounded-full p-5\">\n          <Check className=\"text-success dark:text-success-dark\" size={50} />\n        </div>\n      </Loader>\n      <Button\n        disabled={!isEmailVerified}\n        label={doneButton.text.value}\n        type=\"submit\"\n        color=\"text\"\n      >\n        {doneButton.text}\n      </Button>\n    </Form>\n  );\n};\n"],"names":["content","jsxs","jsx"],"mappings":";;;;;;;;;;;;;;;AAoBO,MAAM,kBAA4C,CAAC;AAAA,EACxD;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,oBAAoB,qBAAqB;AAC/C,QAAM,EAAE,mBAAmB,KAAK,IAAI,QAAQ;AAC5C,QAAM,EAAE,aAAa,eAAe,cAAcA,sBAAO;AACzD,QAAM,CAAC,iBAAiB,kBAAkB,IAAI,SAAS,KAAK;AAC5D,QAAM,EAAE,KAAK,IAAI,QAAQ,mBAAmB,CAAA,CAAE;AAE9C,QAAM,iBAAiB;AAAA,IACrB,MAAM,UAAU,MAAM;AAAA,IACtB,CAAC,QAAQ,MAAM,GAAG;AAAA,EACpB;AAEA,YAAU,MAAM;AACd,QAAI,CAAC,eAAgB;AACrB,QAAI,gBAAiB;AAIrB,UAAM,cAAc,IAAI;AAAA,MACtB,YAAY,KAAK,wBAAwB,cAAe;AAAA,IAC1D;AAEY,gBAAA,YAAY,OAAO,UAAU;AACvC,YAAM,OAAO,KAAK,MAAM,MAAM,IAAI;AAE9B,UAAA,KAAK,WAAW,YAAY;AAG9B,2BAAmB,IAAI;AAEvB,cAAM,kBAAkB;AAExB,oBAAY,MAAM;AAAA,MAAA;AAAA,IAEtB;AAEY,gBAAA,UAAU,CAAC,UAAU;AAC/B,cAAQ,MAAM,KAAK;AAEnB,kBAAY,MAAM;AAAA,IACpB;AAEO,WAAA,MAAM,YAAY,MAAM;AAAA,EAAA,GAC9B,CAAC,mBAAmB,gBAAgB,QAAQ,MAAM,KAAK,eAAe,CAAC;AAGxE,SAAAC,kCAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,QAAQ;AAAA,MACR,cAAY;AAAA,MACX,GAAG;AAAA,MACJ;AAAA,MACA;AAAA,MAEA,UAAA;AAAA,QAACC,kCAAAA,IAAA,IAAA,EAAI,sBAAY,MAAM,CAAA;AAAA,QACtBA,kCAAA,IAAA,QAAA,EAAK,WAAU,0CACb,sBAAY,aACf;AAAA,8CACC,QAAO,EAAA,WAAW,CAAC,iBAClB,gDAAC,OAAI,EAAA,WAAU,+EACb,UAAAA,kCAAA,IAAC,SAAM,WAAU,uCAAsC,MAAM,GAAA,CAAI,EACnE,CAAA,GACF;AAAA,QACAA,kCAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,UAAU,CAAC;AAAA,YACX,OAAO,WAAW,KAAK;AAAA,YACvB,MAAK;AAAA,YACL,OAAM;AAAA,YAEL,UAAW,WAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACd;AAAA,IAAA;AAAA,EACF;AAEJ;"}
+{"version":3,"file":"VerifyEmailForm.mjs","sources":["../../../../src/components/Auth/VerifyEmailForm/VerifyEmailForm.tsx"],"sourcesContent":["'use client';\n\nimport { intlayerAPI } from '@intlayer/api';\nimport { Check } from 'lucide-react';\nimport { useEffect, useMemo, useState, type FC } from 'react';\nimport { useDictionary } from 'react-intlayer';\nimport { Button } from '../../Button';\nimport { Form, useForm } from '../../Form';\nimport { H3 } from '../../Headers';\nimport { Loader } from '../../Loader';\nimport { useUser } from '../useUser';\nimport content from './index.content';\nimport { type VerifyEmail, getVerifyEmailSchema } from './VerifyEmailSchema';\n\ntype VerifyEmailFormProps = {\n  onSubmitSuccess: (data: VerifyEmail) => Promise<void>;\n  onSubmitError?: (error: Error) => void;\n  userId?: string;\n};\n\nexport const VerifyEmailForm: FC<VerifyEmailFormProps> = ({\n  userId,\n  onSubmitSuccess,\n  onSubmitError,\n}) => {\n  const VerifyEmailSchema = getVerifyEmailSchema();\n  const { revalidateSession, user } = useUser();\n  const { verifyEmail, doneButton } = useDictionary(content);\n  const [isEmailVerified, setIsEmailVerified] = useState(false);\n  const { form } = useForm(VerifyEmailSchema, {});\n\n  const targetedUserId = useMemo(\n    () => userId ?? user?._id,\n    [userId, user?._id]\n  );\n\n  useEffect(() => {\n    if (!targetedUserId) return;\n    if (isEmailVerified) return;\n\n    // EventSource alow to receive server-sent events from the server\n    // In this case, we are listening to the email verification status\n    const eventSource = new EventSource(\n      intlayerAPI.auth.getVerifyEmailStatusURL(targetedUserId!)\n    );\n\n    eventSource.onmessage = async (event) => {\n      const data = JSON.parse(event.data);\n\n      if (data.status === 'verified') {\n        // Update your UI to reflect the verification\n\n        setIsEmailVerified(true);\n\n        await revalidateSession();\n\n        eventSource.close(); // Close the connection if no longer needed\n      }\n    };\n\n    eventSource.onerror = (event) => {\n      console.error(event);\n      // Handle errors or reconnection logic\n      eventSource.close();\n    };\n\n    return () => eventSource.close(); // Clean up on component unmount\n  }, [revalidateSession, targetedUserId, userId, user?._id, isEmailVerified]);\n\n  return (\n    <Form\n      schema={VerifyEmailSchema}\n      autoComplete\n      {...form}\n      onSubmitSuccess={onSubmitSuccess}\n      onSubmitError={onSubmitError}\n    >\n      <H3>{verifyEmail.title}</H3>\n      <span className=\"text-neutral dark:text-neutral text-sm\">\n        {verifyEmail.description}\n      </span>\n      <Loader isLoading={!isEmailVerified}>\n        <div className=\"bg-success/30 dark:bg-success-dark/30 m-auto aspect-square rounded-full p-5\">\n          <Check className=\"text-success dark:text-success-dark\" size={50} />\n        </div>\n      </Loader>\n      <Button\n        disabled={!isEmailVerified}\n        label={doneButton.text.value}\n        type=\"submit\"\n        color=\"text\"\n      >\n        {doneButton.text}\n      </Button>\n    </Form>\n  );\n};\n"],"names":["content"],"mappings":";;;;;;;;;;;;;;;AAoBO,MAAM,kBAA4C,CAAC;AAAA,EACxD;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,oBAAoB,qBAAqB;AAC/C,QAAM,EAAE,mBAAmB,KAAK,IAAI,QAAQ;AAC5C,QAAM,EAAE,aAAa,eAAe,cAAcA,sBAAO;AACzD,QAAM,CAAC,iBAAiB,kBAAkB,IAAI,SAAS,KAAK;AAC5D,QAAM,EAAE,KAAK,IAAI,QAAQ,mBAAmB,CAAA,CAAE;AAE9C,QAAM,iBAAiB;AAAA,IACrB,MAAM,UAAU,MAAM;AAAA,IACtB,CAAC,QAAQ,MAAM,GAAG;AAAA,EACpB;AAEA,YAAU,MAAM;AACd,QAAI,CAAC,eAAgB;AACrB,QAAI,gBAAiB;AAIrB,UAAM,cAAc,IAAI;AAAA,MACtB,YAAY,KAAK,wBAAwB,cAAe;AAAA,IAC1D;AAEY,gBAAA,YAAY,OAAO,UAAU;AACvC,YAAM,OAAO,KAAK,MAAM,MAAM,IAAI;AAE9B,UAAA,KAAK,WAAW,YAAY;AAG9B,2BAAmB,IAAI;AAEvB,cAAM,kBAAkB;AAExB,oBAAY,MAAM;AAAA,MAAA;AAAA,IAEtB;AAEY,gBAAA,UAAU,CAAC,UAAU;AAC/B,cAAQ,MAAM,KAAK;AAEnB,kBAAY,MAAM;AAAA,IACpB;AAEO,WAAA,MAAM,YAAY,MAAM;AAAA,EAAA,GAC9B,CAAC,mBAAmB,gBAAgB,QAAQ,MAAM,KAAK,eAAe,CAAC;AAGxE,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,QAAQ;AAAA,MACR,cAAY;AAAA,MACX,GAAG;AAAA,MACJ;AAAA,MACA;AAAA,MAEA,UAAA;AAAA,QAAC,oBAAA,IAAA,EAAI,sBAAY,MAAM,CAAA;AAAA,QACtB,oBAAA,QAAA,EAAK,WAAU,0CACb,sBAAY,aACf;AAAA,4BACC,QAAO,EAAA,WAAW,CAAC,iBAClB,8BAAC,OAAI,EAAA,WAAU,+EACb,UAAA,oBAAC,SAAM,WAAU,uCAAsC,MAAM,GAAA,CAAI,EACnE,CAAA,GACF;AAAA,QACA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,UAAU,CAAC;AAAA,YACX,OAAO,WAAW,KAAK;AAAA,YACvB,MAAK;AAAA,YACL,OAAM;AAAA,YAEL,UAAW,WAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACd;AAAA,IAAA;AAAA,EACF;AAEJ;"}

package/dist/components/Auth/useAuth/index.cjs

@@ -1,7 +1,7 @@
 "use client";
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require$$0 = require("react");
+const ReactExports = require("react");
 const components_Auth_useAuth_useCSRF = require("./useCSRF.cjs");
 const components_Auth_useAuth_useOAuth2 = require("./useOAuth2.cjs");
 const components_Auth_useAuth_useSession = require("./useSession.cjs");
@@ -15,7 +15,7 @@ const useAuth = ({
     intlayerConfiguration
   );
   const { oAuth2AccessToken } = components_Auth_useAuth_useOAuth2.useOAuth2(csrfToken, intlayerConfiguration);
-  const memoValue = require$$0.useMemo(
+  const memoValue = ReactExports.useMemo(
     () => ({
       session,
       fetchSession,

package/dist/components/Auth/useAuth/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../../src/components/Auth/useAuth/index.tsx"],"sourcesContent":["'use client';\n\nimport type {\n  OAuth2Token,\n  OrganizationAPI,\n  ProjectAPI,\n  UserAPI,\n} from '@intlayer/backend';\nimport { type IntlayerConfig } from '@intlayer/config/client';\nimport { useMemo } from 'react';\nimport { useCSRF } from './useCSRF';\nimport { useOAuth2 } from './useOAuth2';\nimport { useSession } from './useSession';\n\nexport type Session = {\n  user: UserAPI | null;\n  organization: OrganizationAPI | null;\n  project: ProjectAPI | null;\n  isOrganizationAdmin: boolean;\n  isProjectAdmin: boolean;\n};\n\ntype SessionContextProps = {\n  session: Session | null | undefined;\n  setSession: (session: Session | null) => void;\n  fetchSession: () => Promise<Session | null | undefined>;\n  revalidateSession: () => Promise<Session | null | undefined>;\n  csrfToken: string | null | undefined;\n  csrfTokenFetched: boolean;\n  oAuth2AccessToken: OAuth2Token | null | undefined;\n  isProjectAdmin: boolean | null | undefined;\n  isOrganizationAdmin: boolean | null | undefined;\n};\n\nexport const useAuth = ({\n  session: sessionProp,\n  intlayerConfiguration,\n}: {\n  session?: Session | null;\n  intlayerConfiguration?: IntlayerConfig;\n} = {}) => {\n  const { csrfToken, csrfTokenFetched } = useCSRF(intlayerConfiguration);\n  const { session, fetchSession, revalidateSession, setSession } = useSession(\n    sessionProp,\n    intlayerConfiguration\n  );\n  const { oAuth2AccessToken } = useOAuth2(csrfToken, intlayerConfiguration);\n\n  const memoValue: SessionContextProps = useMemo(\n    () => ({\n      session,\n      fetchSession,\n      setSession,\n      revalidateSession,\n      csrfToken,\n      csrfTokenFetched,\n      oAuth2AccessToken,\n      isProjectAdmin: session?.isProjectAdmin,\n      isOrganizationAdmin: session?.isOrganizationAdmin,\n    }),\n    [\n      session,\n      setSession,\n      fetchSession,\n      revalidateSession,\n      csrfToken,\n      csrfTokenFetched,\n      oAuth2AccessToken,\n    ]\n  );\n\n  return memoValue;\n};\n"],"names":["useCSRF","useSession","useOAuth2","useMemo"],"mappings":";;;;;;;AAkCO,MAAM,UAAU,CAAC;AAAA,EACtB,SAAS;AAAA,EACT;AACF,IAGI,OAAO;AACT,QAAM,EAAE,WAAW,qBAAqBA,gCAAAA,QAAQ,qBAAqB;AACrE,QAAM,EAAE,SAAS,cAAc,mBAAmB,WAAe,IAAAC,mCAAA;AAAA,IAC/D;AAAA,IACA;AAAA,EACF;AACA,QAAM,EAAE,kBAAsB,IAAAC,4CAAU,WAAW,qBAAqB;AAExE,QAAM,YAAiCC,WAAA;AAAA,IACrC,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,gBAAgB,SAAS;AAAA,MACzB,qBAAqB,SAAS;AAAA,IAAA;AAAA,IAEhC;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EAEJ;AAEO,SAAA;AACT;;"}
+{"version":3,"file":"index.cjs","sources":["../../../../src/components/Auth/useAuth/index.tsx"],"sourcesContent":["'use client';\n\nimport type {\n  OAuth2Token,\n  OrganizationAPI,\n  ProjectAPI,\n  UserAPI,\n} from '@intlayer/backend';\nimport { type IntlayerConfig } from '@intlayer/config/client';\nimport { useMemo } from 'react';\nimport { useCSRF } from './useCSRF';\nimport { useOAuth2 } from './useOAuth2';\nimport { useSession } from './useSession';\n\nexport type Session = {\n  user: UserAPI | null;\n  organization: OrganizationAPI | null;\n  project: ProjectAPI | null;\n  isOrganizationAdmin: boolean;\n  isProjectAdmin: boolean;\n};\n\ntype SessionContextProps = {\n  session: Session | null | undefined;\n  setSession: (session: Session | null) => void;\n  fetchSession: () => Promise<Session | null | undefined>;\n  revalidateSession: () => Promise<Session | null | undefined>;\n  csrfToken: string | null | undefined;\n  csrfTokenFetched: boolean;\n  oAuth2AccessToken: OAuth2Token | null | undefined;\n  isProjectAdmin: boolean | null | undefined;\n  isOrganizationAdmin: boolean | null | undefined;\n};\n\nexport const useAuth = ({\n  session: sessionProp,\n  intlayerConfiguration,\n}: {\n  session?: Session | null;\n  intlayerConfiguration?: IntlayerConfig;\n} = {}) => {\n  const { csrfToken, csrfTokenFetched } = useCSRF(intlayerConfiguration);\n  const { session, fetchSession, revalidateSession, setSession } = useSession(\n    sessionProp,\n    intlayerConfiguration\n  );\n  const { oAuth2AccessToken } = useOAuth2(csrfToken, intlayerConfiguration);\n\n  const memoValue: SessionContextProps = useMemo(\n    () => ({\n      session,\n      fetchSession,\n      setSession,\n      revalidateSession,\n      csrfToken,\n      csrfTokenFetched,\n      oAuth2AccessToken,\n      isProjectAdmin: session?.isProjectAdmin,\n      isOrganizationAdmin: session?.isOrganizationAdmin,\n    }),\n    [\n      session,\n      setSession,\n      fetchSession,\n      revalidateSession,\n      csrfToken,\n      csrfTokenFetched,\n      oAuth2AccessToken,\n    ]\n  );\n\n  return memoValue;\n};\n"],"names":["useCSRF","useSession","useOAuth2","useMemo"],"mappings":";;;;;;;AAkCO,MAAM,UAAU,CAAC;AAAA,EACtB,SAAS;AAAA,EACT;AACF,IAGI,OAAO;AACT,QAAM,EAAE,WAAW,qBAAqBA,gCAAAA,QAAQ,qBAAqB;AACrE,QAAM,EAAE,SAAS,cAAc,mBAAmB,WAAe,IAAAC,mCAAA;AAAA,IAC/D;AAAA,IACA;AAAA,EACF;AACA,QAAM,EAAE,kBAAsB,IAAAC,4CAAU,WAAW,qBAAqB;AAExE,QAAM,YAAiCC,aAAA;AAAA,IACrC,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,gBAAgB,SAAS;AAAA,MACzB,qBAAqB,SAAS;AAAA,IAAA;AAAA,IAEhC;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EAEJ;AAEO,SAAA;AACT;;"}

package/dist/components/Auth/useAuth/useCSRF.cjs

@@ -3,9 +3,11 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const api = require("@intlayer/api");
 const client = require("@intlayer/config/client");
+const editorReact = require("@intlayer/editor-react");
 const hooks_useAsync_useAsync = require("../../../hooks/useAsync/useAsync.cjs");
 const useCSRF = (intlayerConfiguration) => {
-  const config = intlayerConfiguration ?? client.getConfiguration();
+  const configuration = editorReact.useConfiguration();
+  const config = intlayerConfiguration ?? configuration ?? client.getConfiguration();
   const intlayerAPI = api.getIntlayerAPI(void 0, config);
   const { data, isFetched: csrfTokenFetched } = hooks_useAsync_useAsync.useAsync(
     "getCSRFToken",

package/dist/components/Auth/useAuth/useCSRF.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useCSRF.cjs","sources":["../../../../src/components/Auth/useAuth/useCSRF.ts"],"sourcesContent":["'use client';\n\nimport { getIntlayerAPI } from '@intlayer/api';\nimport { getConfiguration, type IntlayerConfig } from '@intlayer/config/client';\nimport { useAsync } from '../../../hooks/useAsync/useAsync';\n\nexport const useCSRF = (intlayerConfiguration?: IntlayerConfig) => {\n  const config = intlayerConfiguration ?? getConfiguration();\n  const intlayerAPI = getIntlayerAPI(undefined, config);\n\n  const { data, isFetched: csrfTokenFetched } = useAsync(\n    'getCSRFToken',\n    intlayerAPI.auth.getCSRFToken,\n    {\n      cache: true,\n      autoFetch: true,\n    }\n  );\n\n  const csrfToken = data?.data?.csrf_token;\n\n  return {\n    csrfToken,\n    csrfTokenFetched,\n  };\n};\n"],"names":["getConfiguration","getIntlayerAPI","useAsync"],"mappings":";;;;;;AAMa,MAAA,UAAU,CAAC,0BAA2C;AAC3D,QAAA,SAAS,yBAAyBA,wBAAiB;AACnD,QAAA,cAAcC,IAAAA,eAAe,QAAW,MAAM;AAEpD,QAAM,EAAE,MAAM,WAAW,iBAAqB,IAAAC,wBAAA;AAAA,IAC5C;AAAA,IACA,YAAY,KAAK;AAAA,IACjB;AAAA,MACE,OAAO;AAAA,MACP,WAAW;AAAA,IAAA;AAAA,EAEf;AAEM,QAAA,YAAY,MAAM,MAAM;AAEvB,SAAA;AAAA,IACL;AAAA,IACA;AAAA,EACF;AACF;;"}
+{"version":3,"file":"useCSRF.cjs","sources":["../../../../src/components/Auth/useAuth/useCSRF.ts"],"sourcesContent":["'use client';\n\nimport { getIntlayerAPI } from '@intlayer/api';\nimport { getConfiguration, type IntlayerConfig } from '@intlayer/config/client';\nimport { useConfiguration } from '@intlayer/editor-react';\nimport { useAsync } from '../../../hooks/useAsync/useAsync';\n\nexport const useCSRF = (intlayerConfiguration?: IntlayerConfig) => {\n  const configuration = useConfiguration();\n  const config = intlayerConfiguration ?? configuration ?? getConfiguration();\n  const intlayerAPI = getIntlayerAPI(undefined, config);\n\n  const { data, isFetched: csrfTokenFetched } = useAsync(\n    'getCSRFToken',\n    intlayerAPI.auth.getCSRFToken,\n    {\n      cache: true,\n      autoFetch: true,\n    }\n  );\n\n  const csrfToken = data?.data?.csrf_token;\n\n  return {\n    csrfToken,\n    csrfTokenFetched,\n  };\n};\n"],"names":["useConfiguration","getConfiguration","getIntlayerAPI","useAsync"],"mappings":";;;;;;;AAOa,MAAA,UAAU,CAAC,0BAA2C;AACjE,QAAM,gBAAgBA,YAAAA,iBAAiB;AACjC,QAAA,SAAS,yBAAyB,iBAAiBC,wBAAiB;AACpE,QAAA,cAAcC,IAAAA,eAAe,QAAW,MAAM;AAEpD,QAAM,EAAE,MAAM,WAAW,iBAAqB,IAAAC,wBAAA;AAAA,IAC5C;AAAA,IACA,YAAY,KAAK;AAAA,IACjB;AAAA,MACE,OAAO;AAAA,MACP,WAAW;AAAA,IAAA;AAAA,EAEf;AAEM,QAAA,YAAY,MAAM,MAAM;AAEvB,SAAA;AAAA,IACL;AAAA,IACA;AAAA,EACF;AACF;;"}

package/dist/components/Auth/useAuth/useCSRF.d.ts

@@ -1,6 +1,6 @@
 import { IntlayerConfig } from '@intlayer/config/client';
 export declare const useCSRF: (intlayerConfiguration?: IntlayerConfig) => {
-    csrfToken: string | undefined;
+    csrfToken: any;
     csrfTokenFetched: boolean;
 };
 //# sourceMappingURL=useCSRF.d.ts.map

package/dist/components/Auth/useAuth/useCSRF.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useCSRF.d.ts","sourceRoot":"","sources":["../../../../src/components/Auth/useAuth/useCSRF.ts"],"names":[],"mappings":"AAGA,OAAO,EAAoB,KAAK,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAGhF,eAAO,MAAM,OAAO,2BAA4B,cAAc;;;CAmB7D,CAAC"}
+{"version":3,"file":"useCSRF.d.ts","sourceRoot":"","sources":["../../../../src/components/Auth/useAuth/useCSRF.ts"],"names":[],"mappings":"AAGA,OAAO,EAAoB,KAAK,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAIhF,eAAO,MAAM,OAAO,2BAA4B,cAAc;;;CAoB7D,CAAC"}

package/dist/components/Auth/useAuth/useCSRF.mjs

@@ -1,9 +1,11 @@
 "use client";
 import { getIntlayerAPI } from "@intlayer/api";
 import { getConfiguration } from "@intlayer/config/client";
+import { useConfiguration } from "@intlayer/editor-react";
 import { useAsync } from "../../../hooks/useAsync/useAsync.mjs";
 const useCSRF = (intlayerConfiguration) => {
-  const config = intlayerConfiguration ?? getConfiguration();
+  const configuration = useConfiguration();
+  const config = intlayerConfiguration ?? configuration ?? getConfiguration();
   const intlayerAPI = getIntlayerAPI(void 0, config);
   const { data, isFetched: csrfTokenFetched } = useAsync(
     "getCSRFToken",

package/dist/components/Auth/useAuth/useCSRF.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useCSRF.mjs","sources":["../../../../src/components/Auth/useAuth/useCSRF.ts"],"sourcesContent":["'use client';\n\nimport { getIntlayerAPI } from '@intlayer/api';\nimport { getConfiguration, type IntlayerConfig } from '@intlayer/config/client';\nimport { useAsync } from '../../../hooks/useAsync/useAsync';\n\nexport const useCSRF = (intlayerConfiguration?: IntlayerConfig) => {\n  const config = intlayerConfiguration ?? getConfiguration();\n  const intlayerAPI = getIntlayerAPI(undefined, config);\n\n  const { data, isFetched: csrfTokenFetched } = useAsync(\n    'getCSRFToken',\n    intlayerAPI.auth.getCSRFToken,\n    {\n      cache: true,\n      autoFetch: true,\n    }\n  );\n\n  const csrfToken = data?.data?.csrf_token;\n\n  return {\n    csrfToken,\n    csrfTokenFetched,\n  };\n};\n"],"names":[],"mappings":";;;;AAMa,MAAA,UAAU,CAAC,0BAA2C;AAC3D,QAAA,SAAS,yBAAyB,iBAAiB;AACnD,QAAA,cAAc,eAAe,QAAW,MAAM;AAEpD,QAAM,EAAE,MAAM,WAAW,iBAAqB,IAAA;AAAA,IAC5C;AAAA,IACA,YAAY,KAAK;AAAA,IACjB;AAAA,MACE,OAAO;AAAA,MACP,WAAW;AAAA,IAAA;AAAA,EAEf;AAEM,QAAA,YAAY,MAAM,MAAM;AAEvB,SAAA;AAAA,IACL;AAAA,IACA;AAAA,EACF;AACF;"}
+{"version":3,"file":"useCSRF.mjs","sources":["../../../../src/components/Auth/useAuth/useCSRF.ts"],"sourcesContent":["'use client';\n\nimport { getIntlayerAPI } from '@intlayer/api';\nimport { getConfiguration, type IntlayerConfig } from '@intlayer/config/client';\nimport { useConfiguration } from '@intlayer/editor-react';\nimport { useAsync } from '../../../hooks/useAsync/useAsync';\n\nexport const useCSRF = (intlayerConfiguration?: IntlayerConfig) => {\n  const configuration = useConfiguration();\n  const config = intlayerConfiguration ?? configuration ?? getConfiguration();\n  const intlayerAPI = getIntlayerAPI(undefined, config);\n\n  const { data, isFetched: csrfTokenFetched } = useAsync(\n    'getCSRFToken',\n    intlayerAPI.auth.getCSRFToken,\n    {\n      cache: true,\n      autoFetch: true,\n    }\n  );\n\n  const csrfToken = data?.data?.csrf_token;\n\n  return {\n    csrfToken,\n    csrfTokenFetched,\n  };\n};\n"],"names":[],"mappings":";;;;;AAOa,MAAA,UAAU,CAAC,0BAA2C;AACjE,QAAM,gBAAgB,iBAAiB;AACjC,QAAA,SAAS,yBAAyB,iBAAiB,iBAAiB;AACpE,QAAA,cAAc,eAAe,QAAW,MAAM;AAEpD,QAAM,EAAE,MAAM,WAAW,iBAAqB,IAAA;AAAA,IAC5C;AAAA,IACA,YAAY,KAAK;AAAA,IACjB;AAAA,MACE,OAAO;AAAA,MACP,WAAW;AAAA,IAAA;AAAA,EAEf;AAEM,QAAA,YAAY,MAAM,MAAM;AAEvB,SAAA;AAAA,IACL;AAAA,IACA;AAAA,EACF;AACF;"}

package/dist/components/Auth/useAuth/useOAuth2.cjs

@@ -3,9 +3,11 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const api = require("@intlayer/api");
 const client = require("@intlayer/config/client");
+const editorReact = require("@intlayer/editor-react");
 const hooks_useAsync_useAsync = require("../../../hooks/useAsync/useAsync.cjs");
 const useOAuth2 = (csrfToken, intlayerConfiguration) => {
-  const config = intlayerConfiguration ?? client.getConfiguration();
+  const configuration = editorReact.useConfiguration();
+  const config = intlayerConfiguration ?? configuration ?? client.getConfiguration();
   const intlayerAPI = api.getIntlayerAPI(void 0, config);
   const { data } = hooks_useAsync_useAsync.useAsync(
     "getOAuth2AccessToken",

package/dist/components/Auth/useAuth/useOAuth2.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useOAuth2.cjs","sources":["../../../../src/components/Auth/useAuth/useOAuth2.ts"],"sourcesContent":["'use client';\n\nimport { getIntlayerAPI } from '@intlayer/api';\nimport { getConfiguration, type IntlayerConfig } from '@intlayer/config/client';\nimport { useAsync } from '../../../hooks/useAsync/useAsync';\n\nexport const useOAuth2 = (\n  csrfToken: string | null | undefined,\n  intlayerConfiguration?: IntlayerConfig\n) => {\n  const config = intlayerConfiguration ?? getConfiguration();\n  const intlayerAPI = getIntlayerAPI(undefined, config);\n\n  const { data } = useAsync(\n    'getOAuth2AccessToken',\n    () =>\n      intlayerAPI.auth.getOAuth2AccessToken({\n        body: { csrf_token: csrfToken },\n      }),\n    {\n      cache: true,\n      autoFetch: true,\n      enable: !!(\n        config.editor.clientId &&\n        config.editor.clientSecret &&\n        csrfToken\n      ),\n    }\n  );\n\n  const oAuth2AccessToken = data?.data;\n\n  return {\n    oAuth2AccessToken,\n  };\n};\n"],"names":["getConfiguration","getIntlayerAPI","useAsync"],"mappings":";;;;;;AAMa,MAAA,YAAY,CACvB,WACA,0BACG;AACG,QAAA,SAAS,yBAAyBA,wBAAiB;AACnD,QAAA,cAAcC,IAAAA,eAAe,QAAW,MAAM;AAE9C,QAAA,EAAE,SAASC,wBAAA;AAAA,IACf;AAAA,IACA,MACE,YAAY,KAAK,qBAAqB;AAAA,MACpC,MAAM,EAAE,YAAY,UAAU;AAAA,IAAA,CAC/B;AAAA,IACH;AAAA,MACE,OAAO;AAAA,MACP,WAAW;AAAA,MACX,QAAQ,CAAC,EACP,OAAO,OAAO,YACd,OAAO,OAAO,gBACd;AAAA,IAAA;AAAA,EAGN;AAEA,QAAM,oBAAoB,MAAM;AAEzB,SAAA;AAAA,IACL;AAAA,EACF;AACF;;"}
+{"version":3,"file":"useOAuth2.cjs","sources":["../../../../src/components/Auth/useAuth/useOAuth2.ts"],"sourcesContent":["'use client';\n\nimport { getIntlayerAPI } from '@intlayer/api';\nimport { getConfiguration, type IntlayerConfig } from '@intlayer/config/client';\nimport { useConfiguration } from '@intlayer/editor-react';\nimport { useAsync } from '../../../hooks/useAsync/useAsync';\n\nexport const useOAuth2 = (\n  csrfToken: string | null | undefined,\n  intlayerConfiguration?: IntlayerConfig\n) => {\n  const configuration = useConfiguration();\n  const config = intlayerConfiguration ?? configuration ?? getConfiguration();\n  const intlayerAPI = getIntlayerAPI(undefined, config);\n\n  const { data } = useAsync(\n    'getOAuth2AccessToken',\n    () =>\n      intlayerAPI.auth.getOAuth2AccessToken({\n        body: { csrf_token: csrfToken },\n      }),\n    {\n      cache: true,\n      autoFetch: true,\n      enable: !!(\n        config.editor.clientId &&\n        config.editor.clientSecret &&\n        csrfToken\n      ),\n    }\n  );\n\n  const oAuth2AccessToken = data?.data;\n\n  return {\n    oAuth2AccessToken,\n  };\n};\n"],"names":["useConfiguration","getConfiguration","getIntlayerAPI","useAsync"],"mappings":";;;;;;;AAOa,MAAA,YAAY,CACvB,WACA,0BACG;AACH,QAAM,gBAAgBA,YAAAA,iBAAiB;AACjC,QAAA,SAAS,yBAAyB,iBAAiBC,wBAAiB;AACpE,QAAA,cAAcC,IAAAA,eAAe,QAAW,MAAM;AAE9C,QAAA,EAAE,SAASC,wBAAA;AAAA,IACf;AAAA,IACA,MACE,YAAY,KAAK,qBAAqB;AAAA,MACpC,MAAM,EAAE,YAAY,UAAU;AAAA,IAAA,CAC/B;AAAA,IACH;AAAA,MACE,OAAO;AAAA,MACP,WAAW;AAAA,MACX,QAAQ,CAAC,EACP,OAAO,OAAO,YACd,OAAO,OAAO,gBACd;AAAA,IAAA;AAAA,EAGN;AAEA,QAAM,oBAAoB,MAAM;AAEzB,SAAA;AAAA,IACL;AAAA,EACF;AACF;;"}

package/dist/components/Auth/useAuth/useOAuth2.d.ts

@@ -1,5 +1,5 @@
 import { IntlayerConfig } from '@intlayer/config/client';
 export declare const useOAuth2: (csrfToken: string | null | undefined, intlayerConfiguration?: IntlayerConfig) => {
-    oAuth2AccessToken: import('node_modules/@intlayer/backend/dist/types/types/oAuth2.types').OAuth2Token | null | undefined;
+    oAuth2AccessToken: any;
 };
 //# sourceMappingURL=useOAuth2.d.ts.map

package/dist/components/Auth/useAuth/useOAuth2.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useOAuth2.d.ts","sourceRoot":"","sources":["../../../../src/components/Auth/useAuth/useOAuth2.ts"],"names":[],"mappings":"AAGA,OAAO,EAAoB,KAAK,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAGhF,eAAO,MAAM,SAAS,cACT,MAAM,GAAG,IAAI,GAAG,SAAS,0BACZ,cAAc;;CA2BvC,CAAC"}
+{"version":3,"file":"useOAuth2.d.ts","sourceRoot":"","sources":["../../../../src/components/Auth/useAuth/useOAuth2.ts"],"names":[],"mappings":"AAGA,OAAO,EAAoB,KAAK,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAIhF,eAAO,MAAM,SAAS,cACT,MAAM,GAAG,IAAI,GAAG,SAAS,0BACZ,cAAc;;CA4BvC,CAAC"}

package/dist/components/Auth/useAuth/useOAuth2.mjs

@@ -1,9 +1,11 @@
 "use client";
 import { getIntlayerAPI } from "@intlayer/api";
 import { getConfiguration } from "@intlayer/config/client";
+import { useConfiguration } from "@intlayer/editor-react";
 import { useAsync } from "../../../hooks/useAsync/useAsync.mjs";
 const useOAuth2 = (csrfToken, intlayerConfiguration) => {
-  const config = intlayerConfiguration ?? getConfiguration();
+  const configuration = useConfiguration();
+  const config = intlayerConfiguration ?? configuration ?? getConfiguration();
   const intlayerAPI = getIntlayerAPI(void 0, config);
   const { data } = useAsync(
     "getOAuth2AccessToken",

package/dist/components/Auth/useAuth/useOAuth2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useOAuth2.mjs","sources":["../../../../src/components/Auth/useAuth/useOAuth2.ts"],"sourcesContent":["'use client';\n\nimport { getIntlayerAPI } from '@intlayer/api';\nimport { getConfiguration, type IntlayerConfig } from '@intlayer/config/client';\nimport { useAsync } from '../../../hooks/useAsync/useAsync';\n\nexport const useOAuth2 = (\n  csrfToken: string | null | undefined,\n  intlayerConfiguration?: IntlayerConfig\n) => {\n  const config = intlayerConfiguration ?? getConfiguration();\n  const intlayerAPI = getIntlayerAPI(undefined, config);\n\n  const { data } = useAsync(\n    'getOAuth2AccessToken',\n    () =>\n      intlayerAPI.auth.getOAuth2AccessToken({\n        body: { csrf_token: csrfToken },\n      }),\n    {\n      cache: true,\n      autoFetch: true,\n      enable: !!(\n        config.editor.clientId &&\n        config.editor.clientSecret &&\n        csrfToken\n      ),\n    }\n  );\n\n  const oAuth2AccessToken = data?.data;\n\n  return {\n    oAuth2AccessToken,\n  };\n};\n"],"names":[],"mappings":";;;;AAMa,MAAA,YAAY,CACvB,WACA,0BACG;AACG,QAAA,SAAS,yBAAyB,iBAAiB;AACnD,QAAA,cAAc,eAAe,QAAW,MAAM;AAE9C,QAAA,EAAE,SAAS;AAAA,IACf;AAAA,IACA,MACE,YAAY,KAAK,qBAAqB;AAAA,MACpC,MAAM,EAAE,YAAY,UAAU;AAAA,IAAA,CAC/B;AAAA,IACH;AAAA,MACE,OAAO;AAAA,MACP,WAAW;AAAA,MACX,QAAQ,CAAC,EACP,OAAO,OAAO,YACd,OAAO,OAAO,gBACd;AAAA,IAAA;AAAA,EAGN;AAEA,QAAM,oBAAoB,MAAM;AAEzB,SAAA;AAAA,IACL;AAAA,EACF;AACF;"}
+{"version":3,"file":"useOAuth2.mjs","sources":["../../../../src/components/Auth/useAuth/useOAuth2.ts"],"sourcesContent":["'use client';\n\nimport { getIntlayerAPI } from '@intlayer/api';\nimport { getConfiguration, type IntlayerConfig } from '@intlayer/config/client';\nimport { useConfiguration } from '@intlayer/editor-react';\nimport { useAsync } from '../../../hooks/useAsync/useAsync';\n\nexport const useOAuth2 = (\n  csrfToken: string | null | undefined,\n  intlayerConfiguration?: IntlayerConfig\n) => {\n  const configuration = useConfiguration();\n  const config = intlayerConfiguration ?? configuration ?? getConfiguration();\n  const intlayerAPI = getIntlayerAPI(undefined, config);\n\n  const { data } = useAsync(\n    'getOAuth2AccessToken',\n    () =>\n      intlayerAPI.auth.getOAuth2AccessToken({\n        body: { csrf_token: csrfToken },\n      }),\n    {\n      cache: true,\n      autoFetch: true,\n      enable: !!(\n        config.editor.clientId &&\n        config.editor.clientSecret &&\n        csrfToken\n      ),\n    }\n  );\n\n  const oAuth2AccessToken = data?.data;\n\n  return {\n    oAuth2AccessToken,\n  };\n};\n"],"names":[],"mappings":";;;;;AAOa,MAAA,YAAY,CACvB,WACA,0BACG;AACH,QAAM,gBAAgB,iBAAiB;AACjC,QAAA,SAAS,yBAAyB,iBAAiB,iBAAiB;AACpE,QAAA,cAAc,eAAe,QAAW,MAAM;AAE9C,QAAA,EAAE,SAAS;AAAA,IACf;AAAA,IACA,MACE,YAAY,KAAK,qBAAqB;AAAA,MACpC,MAAM,EAAE,YAAY,UAAU;AAAA,IAAA,CAC/B;AAAA,IACH;AAAA,MACE,OAAO;AAAA,MACP,WAAW;AAAA,MACX,QAAQ,CAAC,EACP,OAAO,OAAO,YACd,OAAO,OAAO,gBACd;AAAA,IAAA;AAAA,EAGN;AAEA,QAAM,oBAAoB,MAAM;AAEzB,SAAA;AAAA,IACL;AAAA,EACF;AACF;"}

package/dist/components/Auth/useAuth/useSession.cjs

@@ -3,11 +3,13 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const api = require("@intlayer/api");
 const client = require("@intlayer/config/client");
-const require$$0 = require("react");
+const editorReact = require("@intlayer/editor-react");
+const ReactExports = require("react");
 const hooks_useAsync_useAsync = require("../../../hooks/useAsync/useAsync.cjs");
 require("../../../hooks/useAsync/useAsyncStateStore.cjs");
 const useSession = (sessionProp, intlayerConfiguration) => {
-  const config = intlayerConfiguration ?? client.getConfiguration();
+  const configuration = editorReact.useConfiguration();
+  const config = intlayerConfiguration ?? configuration ?? client.getConfiguration();
   const intlayerAPI = api.getIntlayerAPI(void 0, config);
   const {
     getSession,
@@ -49,7 +51,7 @@ const useSession = (sessionProp, intlayerConfiguration) => {
       ]
     }
   );
-  const session = require$$0.useMemo(
+  const session = ReactExports.useMemo(
     () => data ?? (isFetched ? null : void 0),
     [data, isFetched]
   );

package/dist/components/Auth/useAuth/useSession.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useSession.cjs","sources":["../../../../src/components/Auth/useAuth/useSession.ts"],"sourcesContent":["'use client';\n\nimport { getIntlayerAPI } from '@intlayer/api';\nimport { getConfiguration, IntlayerConfig } from '@intlayer/config/client';\nimport { useMemo } from 'react';\nimport { useAsync } from '../../../hooks/useAsync';\nimport type { Session } from './index';\n\nexport const useSession = (\n  sessionProp?: Session | null,\n  intlayerConfiguration?: IntlayerConfig\n) => {\n  const config = intlayerConfiguration ?? getConfiguration();\n  const intlayerAPI = getIntlayerAPI(undefined, config);\n\n  const {\n    getSession,\n    revalidate,\n    data,\n    setData: setSession,\n    isFetched,\n  } = useAsync(\n    'getSession',\n    async () => {\n      try {\n        const result = await intlayerAPI.auth.getSession();\n\n        if (result.data) {\n          const { user, organization, project } = result.data;\n\n          const formattedSession: Session = {\n            user,\n            organization,\n            isOrganizationAdmin:\n              (user && (organization?.adminsIds ?? []).includes(user._id!)) ??\n              false,\n            project,\n            isProjectAdmin:\n              (user && (project?.adminsIds ?? []).includes(user._id!)) ?? false,\n          };\n\n          return formattedSession;\n        }\n      } catch (_error) {\n        console.error(_error);\n        // Failed to fetch session\n      }\n\n      return null;\n    },\n    {\n      cache: true,\n      store: true,\n      autoFetch: true,\n      enable: !sessionProp,\n      invalidateQueries: [\n        'getOrganizations',\n        'getProjects',\n        'getUsers',\n        'getDictionaries',\n      ],\n    }\n  );\n\n  const session = useMemo(\n    () => data ?? (isFetched ? null : undefined),\n    [data, isFetched]\n  );\n\n  return {\n    session,\n    fetchSession: getSession,\n    revalidateSession: revalidate,\n    setSession,\n  };\n};\n"],"names":["getConfiguration","getIntlayerAPI","useAsync","useMemo"],"mappings":";;;;;;;;AAQa,MAAA,aAAa,CACxB,aACA,0BACG;AACG,QAAA,SAAS,yBAAyBA,wBAAiB;AACnD,QAAA,cAAcC,IAAAA,eAAe,QAAW,MAAM;AAE9C,QAAA;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA,SAAS;AAAA,IACT;AAAA,EAAA,IACEC,wBAAA;AAAA,IACF;AAAA,IACA,YAAY;AACN,UAAA;AACF,cAAM,SAAS,MAAM,YAAY,KAAK,WAAW;AAEjD,YAAI,OAAO,MAAM;AACf,gBAAM,EAAE,MAAM,cAAc,YAAY,OAAO;AAE/C,gBAAM,mBAA4B;AAAA,YAChC;AAAA,YACA;AAAA,YACA,sBACG,SAAS,cAAc,aAAa,CAAI,GAAA,SAAS,KAAK,GAAI,MAC3D;AAAA,YACF;AAAA,YACA,iBACG,SAAS,SAAS,aAAa,CAAA,GAAI,SAAS,KAAK,GAAI,MAAM;AAAA,UAChE;AAEO,iBAAA;AAAA,QAAA;AAAA,eAEF,QAAQ;AACf,gBAAQ,MAAM,MAAM;AAAA,MAAA;AAIf,aAAA;AAAA,IACT;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,OAAO;AAAA,MACP,WAAW;AAAA,MACX,QAAQ,CAAC;AAAA,MACT,mBAAmB;AAAA,QACjB;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAAA,IACF;AAAA,EAEJ;AAEA,QAAM,UAAUC,WAAA;AAAA,IACd,MAAM,SAAS,YAAY,OAAO;AAAA,IAClC,CAAC,MAAM,SAAS;AAAA,EAClB;AAEO,SAAA;AAAA,IACL;AAAA,IACA,cAAc;AAAA,IACd,mBAAmB;AAAA,IACnB;AAAA,EACF;AACF;;"}
+{"version":3,"file":"useSession.cjs","sources":["../../../../src/components/Auth/useAuth/useSession.ts"],"sourcesContent":["'use client';\n\nimport { getIntlayerAPI } from '@intlayer/api';\nimport { type IntlayerConfig, getConfiguration } from '@intlayer/config/client';\nimport { useConfiguration } from '@intlayer/editor-react';\nimport { useMemo } from 'react';\nimport { useAsync } from '../../../hooks/useAsync';\nimport type { Session } from './index';\n\nexport const useSession = (\n  sessionProp?: Session | null,\n  intlayerConfiguration?: IntlayerConfig\n) => {\n  const configuration = useConfiguration();\n  const config = intlayerConfiguration ?? configuration ?? getConfiguration();\n  const intlayerAPI = getIntlayerAPI(undefined, config);\n\n  const {\n    getSession,\n    revalidate,\n    data,\n    setData: setSession,\n    isFetched,\n  } = useAsync(\n    'getSession',\n    async () => {\n      try {\n        const result = await intlayerAPI.auth.getSession();\n\n        if (result.data) {\n          const { user, organization, project } = result.data;\n\n          const formattedSession: Session = {\n            user,\n            organization,\n            isOrganizationAdmin:\n              (user && (organization?.adminsIds ?? []).includes(user._id!)) ??\n              false,\n            project,\n            isProjectAdmin:\n              (user && (project?.adminsIds ?? []).includes(user._id!)) ?? false,\n          };\n\n          return formattedSession;\n        }\n      } catch (_error) {\n        console.error(_error);\n        // Failed to fetch session\n      }\n\n      return null;\n    },\n    {\n      cache: true,\n      store: true,\n      autoFetch: true,\n      enable: !sessionProp,\n      invalidateQueries: [\n        'getOrganizations',\n        'getProjects',\n        'getUsers',\n        'getDictionaries',\n      ],\n    }\n  );\n\n  const session = useMemo(\n    () => data ?? (isFetched ? null : undefined),\n    [data, isFetched]\n  );\n\n  return {\n    session,\n    fetchSession: getSession,\n    revalidateSession: revalidate,\n    setSession,\n  };\n};\n"],"names":["useConfiguration","getConfiguration","getIntlayerAPI","useAsync","useMemo"],"mappings":";;;;;;;;;AASa,MAAA,aAAa,CACxB,aACA,0BACG;AACH,QAAM,gBAAgBA,YAAAA,iBAAiB;AACjC,QAAA,SAAS,yBAAyB,iBAAiBC,wBAAiB;AACpE,QAAA,cAAcC,IAAAA,eAAe,QAAW,MAAM;AAE9C,QAAA;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA,SAAS;AAAA,IACT;AAAA,EAAA,IACEC,wBAAA;AAAA,IACF;AAAA,IACA,YAAY;AACN,UAAA;AACF,cAAM,SAAS,MAAM,YAAY,KAAK,WAAW;AAEjD,YAAI,OAAO,MAAM;AACf,gBAAM,EAAE,MAAM,cAAc,YAAY,OAAO;AAE/C,gBAAM,mBAA4B;AAAA,YAChC;AAAA,YACA;AAAA,YACA,sBACG,SAAS,cAAc,aAAa,CAAI,GAAA,SAAS,KAAK,GAAI,MAC3D;AAAA,YACF;AAAA,YACA,iBACG,SAAS,SAAS,aAAa,CAAA,GAAI,SAAS,KAAK,GAAI,MAAM;AAAA,UAChE;AAEO,iBAAA;AAAA,QAAA;AAAA,eAEF,QAAQ;AACf,gBAAQ,MAAM,MAAM;AAAA,MAAA;AAIf,aAAA;AAAA,IACT;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,OAAO;AAAA,MACP,WAAW;AAAA,MACX,QAAQ,CAAC;AAAA,MACT,mBAAmB;AAAA,QACjB;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAAA,IACF;AAAA,EAEJ;AAEA,QAAM,UAAUC,aAAA;AAAA,IACd,MAAM,SAAS,YAAY,OAAO;AAAA,IAClC,CAAC,MAAM,SAAS;AAAA,EAClB;AAEO,SAAA;AAAA,IACL;AAAA,IACA,cAAc;AAAA,IACd,mBAAmB;AAAA,IACnB;AAAA,EACF;AACF;;"}

package/dist/components/Auth/useAuth/useSession.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useSession.d.ts","sourceRoot":"","sources":["../../../../src/components/Auth/useAuth/useSession.ts"],"names":[],"mappings":"AAGA,OAAO,EAAoB,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAG3E,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAEvC,eAAO,MAAM,UAAU,iBACP,OAAO,GAAG,IAAI,0BACJ,cAAc;;;;;CAiEvC,CAAC"}
+{"version":3,"file":"useSession.d.ts","sourceRoot":"","sources":["../../../../src/components/Auth/useAuth/useSession.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,cAAc,EAAoB,MAAM,yBAAyB,CAAC;AAIhF,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAEvC,eAAO,MAAM,UAAU,iBACP,OAAO,GAAG,IAAI,0BACJ,cAAc;;;;;CAkEvC,CAAC"}

package/dist/components/Auth/useAuth/useSession.mjs

@@ -1,11 +1,13 @@
 "use client";
 import { getIntlayerAPI } from "@intlayer/api";
 import { getConfiguration } from "@intlayer/config/client";
+import { useConfiguration } from "@intlayer/editor-react";
 import { useMemo } from "react";
 import { useAsync } from "../../../hooks/useAsync/useAsync.mjs";
 import "../../../hooks/useAsync/useAsyncStateStore.mjs";
 const useSession = (sessionProp, intlayerConfiguration) => {
-  const config = intlayerConfiguration ?? getConfiguration();
+  const configuration = useConfiguration();
+  const config = intlayerConfiguration ?? configuration ?? getConfiguration();
   const intlayerAPI = getIntlayerAPI(void 0, config);
   const {
     getSession,

package/dist/components/Auth/useAuth/useSession.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useSession.mjs","sources":["../../../../src/components/Auth/useAuth/useSession.ts"],"sourcesContent":["'use client';\n\nimport { getIntlayerAPI } from '@intlayer/api';\nimport { getConfiguration, IntlayerConfig } from '@intlayer/config/client';\nimport { useMemo } from 'react';\nimport { useAsync } from '../../../hooks/useAsync';\nimport type { Session } from './index';\n\nexport const useSession = (\n  sessionProp?: Session | null,\n  intlayerConfiguration?: IntlayerConfig\n) => {\n  const config = intlayerConfiguration ?? getConfiguration();\n  const intlayerAPI = getIntlayerAPI(undefined, config);\n\n  const {\n    getSession,\n    revalidate,\n    data,\n    setData: setSession,\n    isFetched,\n  } = useAsync(\n    'getSession',\n    async () => {\n      try {\n        const result = await intlayerAPI.auth.getSession();\n\n        if (result.data) {\n          const { user, organization, project } = result.data;\n\n          const formattedSession: Session = {\n            user,\n            organization,\n            isOrganizationAdmin:\n              (user && (organization?.adminsIds ?? []).includes(user._id!)) ??\n              false,\n            project,\n            isProjectAdmin:\n              (user && (project?.adminsIds ?? []).includes(user._id!)) ?? false,\n          };\n\n          return formattedSession;\n        }\n      } catch (_error) {\n        console.error(_error);\n        // Failed to fetch session\n      }\n\n      return null;\n    },\n    {\n      cache: true,\n      store: true,\n      autoFetch: true,\n      enable: !sessionProp,\n      invalidateQueries: [\n        'getOrganizations',\n        'getProjects',\n        'getUsers',\n        'getDictionaries',\n      ],\n    }\n  );\n\n  const session = useMemo(\n    () => data ?? (isFetched ? null : undefined),\n    [data, isFetched]\n  );\n\n  return {\n    session,\n    fetchSession: getSession,\n    revalidateSession: revalidate,\n    setSession,\n  };\n};\n"],"names":[],"mappings":";;;;;;AAQa,MAAA,aAAa,CACxB,aACA,0BACG;AACG,QAAA,SAAS,yBAAyB,iBAAiB;AACnD,QAAA,cAAc,eAAe,QAAW,MAAM;AAE9C,QAAA;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA,SAAS;AAAA,IACT;AAAA,EAAA,IACE;AAAA,IACF;AAAA,IACA,YAAY;AACN,UAAA;AACF,cAAM,SAAS,MAAM,YAAY,KAAK,WAAW;AAEjD,YAAI,OAAO,MAAM;AACf,gBAAM,EAAE,MAAM,cAAc,YAAY,OAAO;AAE/C,gBAAM,mBAA4B;AAAA,YAChC;AAAA,YACA;AAAA,YACA,sBACG,SAAS,cAAc,aAAa,CAAI,GAAA,SAAS,KAAK,GAAI,MAC3D;AAAA,YACF;AAAA,YACA,iBACG,SAAS,SAAS,aAAa,CAAA,GAAI,SAAS,KAAK,GAAI,MAAM;AAAA,UAChE;AAEO,iBAAA;AAAA,QAAA;AAAA,eAEF,QAAQ;AACf,gBAAQ,MAAM,MAAM;AAAA,MAAA;AAIf,aAAA;AAAA,IACT;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,OAAO;AAAA,MACP,WAAW;AAAA,MACX,QAAQ,CAAC;AAAA,MACT,mBAAmB;AAAA,QACjB;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAAA,IACF;AAAA,EAEJ;AAEA,QAAM,UAAU;AAAA,IACd,MAAM,SAAS,YAAY,OAAO;AAAA,IAClC,CAAC,MAAM,SAAS;AAAA,EAClB;AAEO,SAAA;AAAA,IACL;AAAA,IACA,cAAc;AAAA,IACd,mBAAmB;AAAA,IACnB;AAAA,EACF;AACF;"}
+{"version":3,"file":"useSession.mjs","sources":["../../../../src/components/Auth/useAuth/useSession.ts"],"sourcesContent":["'use client';\n\nimport { getIntlayerAPI } from '@intlayer/api';\nimport { type IntlayerConfig, getConfiguration } from '@intlayer/config/client';\nimport { useConfiguration } from '@intlayer/editor-react';\nimport { useMemo } from 'react';\nimport { useAsync } from '../../../hooks/useAsync';\nimport type { Session } from './index';\n\nexport const useSession = (\n  sessionProp?: Session | null,\n  intlayerConfiguration?: IntlayerConfig\n) => {\n  const configuration = useConfiguration();\n  const config = intlayerConfiguration ?? configuration ?? getConfiguration();\n  const intlayerAPI = getIntlayerAPI(undefined, config);\n\n  const {\n    getSession,\n    revalidate,\n    data,\n    setData: setSession,\n    isFetched,\n  } = useAsync(\n    'getSession',\n    async () => {\n      try {\n        const result = await intlayerAPI.auth.getSession();\n\n        if (result.data) {\n          const { user, organization, project } = result.data;\n\n          const formattedSession: Session = {\n            user,\n            organization,\n            isOrganizationAdmin:\n              (user && (organization?.adminsIds ?? []).includes(user._id!)) ??\n              false,\n            project,\n            isProjectAdmin:\n              (user && (project?.adminsIds ?? []).includes(user._id!)) ?? false,\n          };\n\n          return formattedSession;\n        }\n      } catch (_error) {\n        console.error(_error);\n        // Failed to fetch session\n      }\n\n      return null;\n    },\n    {\n      cache: true,\n      store: true,\n      autoFetch: true,\n      enable: !sessionProp,\n      invalidateQueries: [\n        'getOrganizations',\n        'getProjects',\n        'getUsers',\n        'getDictionaries',\n      ],\n    }\n  );\n\n  const session = useMemo(\n    () => data ?? (isFetched ? null : undefined),\n    [data, isFetched]\n  );\n\n  return {\n    session,\n    fetchSession: getSession,\n    revalidateSession: revalidate,\n    setSession,\n  };\n};\n"],"names":[],"mappings":";;;;;;;AASa,MAAA,aAAa,CACxB,aACA,0BACG;AACH,QAAM,gBAAgB,iBAAiB;AACjC,QAAA,SAAS,yBAAyB,iBAAiB,iBAAiB;AACpE,QAAA,cAAc,eAAe,QAAW,MAAM;AAE9C,QAAA;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA,SAAS;AAAA,IACT;AAAA,EAAA,IACE;AAAA,IACF;AAAA,IACA,YAAY;AACN,UAAA;AACF,cAAM,SAAS,MAAM,YAAY,KAAK,WAAW;AAEjD,YAAI,OAAO,MAAM;AACf,gBAAM,EAAE,MAAM,cAAc,YAAY,OAAO;AAE/C,gBAAM,mBAA4B;AAAA,YAChC;AAAA,YACA;AAAA,YACA,sBACG,SAAS,cAAc,aAAa,CAAI,GAAA,SAAS,KAAK,GAAI,MAC3D;AAAA,YACF;AAAA,YACA,iBACG,SAAS,SAAS,aAAa,CAAA,GAAI,SAAS,KAAK,GAAI,MAAM;AAAA,UAChE;AAEO,iBAAA;AAAA,QAAA;AAAA,eAEF,QAAQ;AACf,gBAAQ,MAAM,MAAM;AAAA,MAAA;AAIf,aAAA;AAAA,IACT;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,OAAO;AAAA,MACP,WAAW;AAAA,MACX,QAAQ,CAAC;AAAA,MACT,mBAAmB;AAAA,QACjB;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAAA,IACF;AAAA,EAEJ;AAEA,QAAM,UAAU;AAAA,IACd,MAAM,SAAS,YAAY,OAAO;AAAA,IAClC,CAAC,MAAM,SAAS;AAAA,EAClB;AAEO,SAAA;AAAA,IACL;AAAA,IACA,cAAc;AAAA,IACd,mBAAmB;AAAA,IACnB;AAAA,EACF;AACF;"}

package/dist/components/Avatar/index.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("../../jsx-runtime-CgFM7lM3.cjs");
+const jsxRuntime = require("react/jsx-runtime");
 const lucideReact = require("lucide-react");
 const utils_cn = require("../../utils/cn.cjs");
 const components_Loader_index = require("../Loader/index.cjs");
@@ -22,8 +22,8 @@ const Avatar = ({
   const displayInitials = isLoggedIn && !displayLoader && !displayAvatar && isNameDefined;
   const displayUserIcon = isLoggedIn && !displayLoader && !displayAvatar && !displayInitials;
   const isClickable = onClick !== void 0;
-  const Container = (props2) => isClickable ? /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("button", { ...props2 }) : /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("div", { ...props2 });
-  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+  const Container = (props2) => isClickable ? /* @__PURE__ */ jsxRuntime.jsx("button", { ...props2 }) : /* @__PURE__ */ jsxRuntime.jsx("div", { ...props2 });
+  return /* @__PURE__ */ jsxRuntime.jsx(
     Container,
     {
       className: utils_cn.cn(
@@ -33,9 +33,9 @@ const Avatar = ({
       ),
       onClick,
       ...props,
-      children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("div", { className: "relative flex size-full flex-row items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs("div", { className: "bg-text text-text-dark dark:bg-text-dark dark:text-text absolute left-0 top-0 flex size-full flex-col items-center justify-center rounded-full", children: [
-        displayLoader && /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(components_Loader_index.Loader, { className: "w-3/4" }),
-        displayAvatar && /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+      children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative flex size-full flex-row items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "bg-text text-text-dark dark:bg-text-dark dark:text-text absolute left-0 top-0 flex size-full flex-col items-center justify-center rounded-full", children: [
+        displayLoader && /* @__PURE__ */ jsxRuntime.jsx(components_Loader_index.Loader, { className: "w-3/4" }),
+        displayAvatar && /* @__PURE__ */ jsxRuntime.jsx(
           "img",
           {
             className: "size-full rounded-full",
@@ -46,15 +46,15 @@ const Avatar = ({
             height: 59
           }
         ),
-        displayInitials && /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+        displayInitials && /* @__PURE__ */ jsxRuntime.jsx(
           "div",
           {
             className: "flex size-full items-center justify-center gap-[0.1rem] text-sm font-bold max-md:py-1",
             "aria-label": "Initials of user's name",
-            children: capitals?.map((capital) => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("span", { children: capital }, capital))
+            children: capitals?.map((capital) => /* @__PURE__ */ jsxRuntime.jsx("span", { children: capital }, capital))
           }
         ),
-        displayUserIcon && /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(lucideReact.User, { size: 25 })
+        displayUserIcon && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.User, { size: 25 })
       ] }) })
     }
   );

package/dist/components/Avatar/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/Avatar/index.tsx"],"sourcesContent":["import { User } from 'lucide-react';\nimport type { ComponentProps, FC, HTMLAttributes } from 'react';\nimport { cn } from '../../utils/cn';\nimport { Loader } from '../Loader';\n\nconst getCapitals = (name: string): string[] =>\n  name\n    .split(' ') // split by space\n    .map((word) => word[0]) // get first letter of each word\n    .filter(Boolean) // remove empty strings\n    .map((char) => char.toUpperCase()); // convert to uppercase\n\nexport type AvatarProps = ComponentProps<'button'> & {\n  src?: string;\n  fullname?: string;\n  isLoading?: boolean;\n  isLoggedIn?: boolean;\n};\n\nexport const Avatar: FC<AvatarProps> = ({\n  fullname,\n  className,\n  isLoading,\n  isLoggedIn,\n  src,\n  onClick,\n  ...props\n}) => {\n  const isImageDefined = Boolean(src);\n  const isNameDefined = Boolean((fullname ?? '').length > 0);\n  const capitals = fullname ? getCapitals(fullname) : undefined;\n\n  const displayLoader = isLoading;\n  const displayAvatar =\n    isLoggedIn && !displayLoader && !displayLoader && isImageDefined;\n  const displayInitials =\n    isLoggedIn && !displayLoader && !displayAvatar && isNameDefined;\n  const displayUserIcon =\n    isLoggedIn && !displayLoader && !displayAvatar && !displayInitials;\n\n  const isClickable = onClick !== undefined;\n\n  const Container = (props: HTMLAttributes<HTMLElement>) =>\n    isClickable ? <button {...props} /> : <div {...props} />;\n\n  return (\n    <Container\n      className={cn(\n        `border-text dark:border-text-dark size-9 rounded-full border-[1.5px] p-[1.5px]`,\n        isClickable && `cursor-pointer`,\n        className\n      )}\n      onClick={onClick}\n      {...props}\n    >\n      <div className=\"relative flex size-full flex-row items-center justify-center\">\n        <div className=\"bg-text text-text-dark dark:bg-text-dark dark:text-text absolute left-0 top-0 flex size-full flex-col items-center justify-center rounded-full\">\n          {displayLoader && <Loader className=\"w-3/4\" />}\n          {displayAvatar && (\n            <img\n              className=\"size-full rounded-full\"\n              src={src}\n              srcSet={src}\n              alt={`avatar of ${fullname}`}\n              width={59}\n              height={59}\n            />\n          )}\n          {displayInitials && (\n            <div\n              className=\"flex size-full items-center justify-center gap-[0.1rem] text-sm font-bold max-md:py-1\"\n              aria-label=\"Initials of user's name\"\n            >\n              {capitals?.map((capital) => <span key={capital}>{capital}</span>)}\n            </div>\n          )}\n          {displayUserIcon && <User size={25} />}\n        </div>\n      </div>\n    </Container>\n  );\n};\n"],"names":["props","jsx","cn","jsxs","Loader","User"],"mappings":";;;;;;AAKA,MAAM,cAAc,CAAC,SACnB,KACG,MAAM,GAAG,EACT,IAAI,CAAC,SAAS,KAAK,CAAC,CAAC,EACrB,OAAO,OAAO,EACd,IAAI,CAAC,SAAS,KAAK,aAAa;AAS9B,MAAM,SAA0B,CAAC;AAAA,EACtC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACE,QAAA,iBAAiB,QAAQ,GAAG;AAClC,QAAM,gBAAgB,SAAS,YAAY,IAAI,SAAS,CAAC;AACzD,QAAM,WAAW,WAAW,YAAY,QAAQ,IAAI;AAEpD,QAAM,gBAAgB;AACtB,QAAM,gBACJ,cAAc,CAAC,iBAAiB,CAAC,iBAAiB;AACpD,QAAM,kBACJ,cAAc,CAAC,iBAAiB,CAAC,iBAAiB;AACpD,QAAM,kBACJ,cAAc,CAAC,iBAAiB,CAAC,iBAAiB,CAAC;AAErD,QAAM,cAAc,YAAY;AAEhC,QAAM,YAAY,CAACA,WACjB,cAAeC,2BAAAA,kBAAAA,IAAA,UAAA,EAAQ,GAAGD,OAAAA,CAAO,IAAKC,2BAAA,kBAAA,IAAC,OAAK,EAAA,GAAGD,OAAO,CAAA;AAGtD,SAAAC,2BAAA,kBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,SAAA;AAAA,QACT;AAAA,QACA,eAAe;AAAA,QACf;AAAA,MACF;AAAA,MACA;AAAA,MACC,GAAG;AAAA,MAEJ,2DAAC,OAAI,EAAA,WAAU,gEACb,UAACC,2BAAAA,kBAAAA,KAAA,OAAA,EAAI,WAAU,kJACZ,UAAA;AAAA,QAAiB,iBAAAF,2BAAAA,kBAAAA,IAACG,wBAAAA,QAAO,EAAA,WAAU,QAAQ,CAAA;AAAA,QAC3C,iBACCH,2BAAA,kBAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV;AAAA,YACA,QAAQ;AAAA,YACR,KAAK,aAAa,QAAQ;AAAA,YAC1B,OAAO;AAAA,YACP,QAAQ;AAAA,UAAA;AAAA,QACV;AAAA,QAED,mBACCA,2BAAA,kBAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,cAAW;AAAA,YAEV,UAAA,UAAU,IAAI,CAAC,6DAAa,QAAoB,EAAA,UAAA,QAAA,GAAV,OAAkB,CAAO;AAAA,UAAA;AAAA,QAClE;AAAA,QAED,mBAAmBA,2BAAAA,kBAAAA,IAACI,YAAAA,MAAK,EAAA,MAAM,GAAI,CAAA;AAAA,MAAA,EAAA,CACtC,EACF,CAAA;AAAA,IAAA;AAAA,EACF;AAEJ;;"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/Avatar/index.tsx"],"sourcesContent":["import { User } from 'lucide-react';\nimport type { ComponentProps, FC, HTMLAttributes } from 'react';\nimport { cn } from '../../utils/cn';\nimport { Loader } from '../Loader';\n\nconst getCapitals = (name: string): string[] =>\n  name\n    .split(' ') // split by space\n    .map((word) => word[0]) // get first letter of each word\n    .filter(Boolean) // remove empty strings\n    .map((char) => char.toUpperCase()); // convert to uppercase\n\nexport type AvatarProps = ComponentProps<'button'> & {\n  src?: string;\n  fullname?: string;\n  isLoading?: boolean;\n  isLoggedIn?: boolean;\n};\n\nexport const Avatar: FC<AvatarProps> = ({\n  fullname,\n  className,\n  isLoading,\n  isLoggedIn,\n  src,\n  onClick,\n  ...props\n}) => {\n  const isImageDefined = Boolean(src);\n  const isNameDefined = Boolean((fullname ?? '').length > 0);\n  const capitals = fullname ? getCapitals(fullname) : undefined;\n\n  const displayLoader = isLoading;\n  const displayAvatar =\n    isLoggedIn && !displayLoader && !displayLoader && isImageDefined;\n  const displayInitials =\n    isLoggedIn && !displayLoader && !displayAvatar && isNameDefined;\n  const displayUserIcon =\n    isLoggedIn && !displayLoader && !displayAvatar && !displayInitials;\n\n  const isClickable = onClick !== undefined;\n\n  const Container = (props: HTMLAttributes<HTMLElement>) =>\n    isClickable ? <button {...props} /> : <div {...props} />;\n\n  return (\n    <Container\n      className={cn(\n        `border-text dark:border-text-dark size-9 rounded-full border-[1.5px] p-[1.5px]`,\n        isClickable && `cursor-pointer`,\n        className\n      )}\n      onClick={onClick}\n      {...props}\n    >\n      <div className=\"relative flex size-full flex-row items-center justify-center\">\n        <div className=\"bg-text text-text-dark dark:bg-text-dark dark:text-text absolute left-0 top-0 flex size-full flex-col items-center justify-center rounded-full\">\n          {displayLoader && <Loader className=\"w-3/4\" />}\n          {displayAvatar && (\n            <img\n              className=\"size-full rounded-full\"\n              src={src}\n              srcSet={src}\n              alt={`avatar of ${fullname}`}\n              width={59}\n              height={59}\n            />\n          )}\n          {displayInitials && (\n            <div\n              className=\"flex size-full items-center justify-center gap-[0.1rem] text-sm font-bold max-md:py-1\"\n              aria-label=\"Initials of user's name\"\n            >\n              {capitals?.map((capital) => <span key={capital}>{capital}</span>)}\n            </div>\n          )}\n          {displayUserIcon && <User size={25} />}\n        </div>\n      </div>\n    </Container>\n  );\n};\n"],"names":["props","jsx","cn","jsxs","Loader","User"],"mappings":";;;;;;AAKA,MAAM,cAAc,CAAC,SACnB,KACG,MAAM,GAAG,EACT,IAAI,CAAC,SAAS,KAAK,CAAC,CAAC,EACrB,OAAO,OAAO,EACd,IAAI,CAAC,SAAS,KAAK,aAAa;AAS9B,MAAM,SAA0B,CAAC;AAAA,EACtC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACE,QAAA,iBAAiB,QAAQ,GAAG;AAClC,QAAM,gBAAgB,SAAS,YAAY,IAAI,SAAS,CAAC;AACzD,QAAM,WAAW,WAAW,YAAY,QAAQ,IAAI;AAEpD,QAAM,gBAAgB;AACtB,QAAM,gBACJ,cAAc,CAAC,iBAAiB,CAAC,iBAAiB;AACpD,QAAM,kBACJ,cAAc,CAAC,iBAAiB,CAAC,iBAAiB;AACpD,QAAM,kBACJ,cAAc,CAAC,iBAAiB,CAAC,iBAAiB,CAAC;AAErD,QAAM,cAAc,YAAY;AAEhC,QAAM,YAAY,CAACA,WACjB,cAAeC,2BAAAA,IAAA,UAAA,EAAQ,GAAGD,OAAAA,CAAO,IAAKC,2BAAA,IAAC,OAAK,EAAA,GAAGD,OAAO,CAAA;AAGtD,SAAAC,2BAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,SAAA;AAAA,QACT;AAAA,QACA,eAAe;AAAA,QACf;AAAA,MACF;AAAA,MACA;AAAA,MACC,GAAG;AAAA,MAEJ,yCAAC,OAAI,EAAA,WAAU,gEACb,UAACC,2BAAAA,KAAA,OAAA,EAAI,WAAU,kJACZ,UAAA;AAAA,QAAiB,iBAAAF,2BAAAA,IAACG,wBAAAA,QAAO,EAAA,WAAU,QAAQ,CAAA;AAAA,QAC3C,iBACCH,2BAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV;AAAA,YACA,QAAQ;AAAA,YACR,KAAK,aAAa,QAAQ;AAAA,YAC1B,OAAO;AAAA,YACP,QAAQ;AAAA,UAAA;AAAA,QACV;AAAA,QAED,mBACCA,2BAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,cAAW;AAAA,YAEV,UAAA,UAAU,IAAI,CAAC,2CAAa,QAAoB,EAAA,UAAA,QAAA,GAAV,OAAkB,CAAO;AAAA,UAAA;AAAA,QAClE;AAAA,QAED,mBAAmBA,2BAAAA,IAACI,YAAAA,MAAK,EAAA,MAAM,GAAI,CAAA;AAAA,MAAA,EAAA,CACtC,EACF,CAAA;AAAA,IAAA;AAAA,EACF;AAEJ;;"}

package/dist/components/Avatar/index.mjs

@@ -1,4 +1,4 @@
-import { j as jsxRuntimeExports } from "../../jsx-runtime-DQkoUcjV.js";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { User } from "lucide-react";
 import { cn } from "../../utils/cn.mjs";
 import { Loader } from "../Loader/index.mjs";
@@ -20,8 +20,8 @@ const Avatar = ({
   const displayInitials = isLoggedIn && !displayLoader && !displayAvatar && isNameDefined;
   const displayUserIcon = isLoggedIn && !displayLoader && !displayAvatar && !displayInitials;
   const isClickable = onClick !== void 0;
-  const Container = (props2) => isClickable ? /* @__PURE__ */ jsxRuntimeExports.jsx("button", { ...props2 }) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ...props2 });
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+  const Container = (props2) => isClickable ? /* @__PURE__ */ jsx("button", { ...props2 }) : /* @__PURE__ */ jsx("div", { ...props2 });
+  return /* @__PURE__ */ jsx(
     Container,
     {
       className: cn(
@@ -31,9 +31,9 @@ const Avatar = ({
       ),
       onClick,
       ...props,
-      children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "relative flex size-full flex-row items-center justify-center", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "bg-text text-text-dark dark:bg-text-dark dark:text-text absolute left-0 top-0 flex size-full flex-col items-center justify-center rounded-full", children: [
-        displayLoader && /* @__PURE__ */ jsxRuntimeExports.jsx(Loader, { className: "w-3/4" }),
-        displayAvatar && /* @__PURE__ */ jsxRuntimeExports.jsx(
+      children: /* @__PURE__ */ jsx("div", { className: "relative flex size-full flex-row items-center justify-center", children: /* @__PURE__ */ jsxs("div", { className: "bg-text text-text-dark dark:bg-text-dark dark:text-text absolute left-0 top-0 flex size-full flex-col items-center justify-center rounded-full", children: [
+        displayLoader && /* @__PURE__ */ jsx(Loader, { className: "w-3/4" }),
+        displayAvatar && /* @__PURE__ */ jsx(
           "img",
           {
             className: "size-full rounded-full",
@@ -44,15 +44,15 @@ const Avatar = ({
             height: 59
           }
         ),
-        displayInitials && /* @__PURE__ */ jsxRuntimeExports.jsx(
+        displayInitials && /* @__PURE__ */ jsx(
           "div",
           {
             className: "flex size-full items-center justify-center gap-[0.1rem] text-sm font-bold max-md:py-1",
             "aria-label": "Initials of user's name",
-            children: capitals?.map((capital) => /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: capital }, capital))
+            children: capitals?.map((capital) => /* @__PURE__ */ jsx("span", { children: capital }, capital))
           }
         ),
-        displayUserIcon && /* @__PURE__ */ jsxRuntimeExports.jsx(User, { size: 25 })
+        displayUserIcon && /* @__PURE__ */ jsx(User, { size: 25 })
       ] }) })
     }
   );

package/dist/components/Avatar/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../src/components/Avatar/index.tsx"],"sourcesContent":["import { User } from 'lucide-react';\nimport type { ComponentProps, FC, HTMLAttributes } from 'react';\nimport { cn } from '../../utils/cn';\nimport { Loader } from '../Loader';\n\nconst getCapitals = (name: string): string[] =>\n  name\n    .split(' ') // split by space\n    .map((word) => word[0]) // get first letter of each word\n    .filter(Boolean) // remove empty strings\n    .map((char) => char.toUpperCase()); // convert to uppercase\n\nexport type AvatarProps = ComponentProps<'button'> & {\n  src?: string;\n  fullname?: string;\n  isLoading?: boolean;\n  isLoggedIn?: boolean;\n};\n\nexport const Avatar: FC<AvatarProps> = ({\n  fullname,\n  className,\n  isLoading,\n  isLoggedIn,\n  src,\n  onClick,\n  ...props\n}) => {\n  const isImageDefined = Boolean(src);\n  const isNameDefined = Boolean((fullname ?? '').length > 0);\n  const capitals = fullname ? getCapitals(fullname) : undefined;\n\n  const displayLoader = isLoading;\n  const displayAvatar =\n    isLoggedIn && !displayLoader && !displayLoader && isImageDefined;\n  const displayInitials =\n    isLoggedIn && !displayLoader && !displayAvatar && isNameDefined;\n  const displayUserIcon =\n    isLoggedIn && !displayLoader && !displayAvatar && !displayInitials;\n\n  const isClickable = onClick !== undefined;\n\n  const Container = (props: HTMLAttributes<HTMLElement>) =>\n    isClickable ? <button {...props} /> : <div {...props} />;\n\n  return (\n    <Container\n      className={cn(\n        `border-text dark:border-text-dark size-9 rounded-full border-[1.5px] p-[1.5px]`,\n        isClickable && `cursor-pointer`,\n        className\n      )}\n      onClick={onClick}\n      {...props}\n    >\n      <div className=\"relative flex size-full flex-row items-center justify-center\">\n        <div className=\"bg-text text-text-dark dark:bg-text-dark dark:text-text absolute left-0 top-0 flex size-full flex-col items-center justify-center rounded-full\">\n          {displayLoader && <Loader className=\"w-3/4\" />}\n          {displayAvatar && (\n            <img\n              className=\"size-full rounded-full\"\n              src={src}\n              srcSet={src}\n              alt={`avatar of ${fullname}`}\n              width={59}\n              height={59}\n            />\n          )}\n          {displayInitials && (\n            <div\n              className=\"flex size-full items-center justify-center gap-[0.1rem] text-sm font-bold max-md:py-1\"\n              aria-label=\"Initials of user's name\"\n            >\n              {capitals?.map((capital) => <span key={capital}>{capital}</span>)}\n            </div>\n          )}\n          {displayUserIcon && <User size={25} />}\n        </div>\n      </div>\n    </Container>\n  );\n};\n"],"names":["props","jsx","jsxs"],"mappings":";;;;AAKA,MAAM,cAAc,CAAC,SACnB,KACG,MAAM,GAAG,EACT,IAAI,CAAC,SAAS,KAAK,CAAC,CAAC,EACrB,OAAO,OAAO,EACd,IAAI,CAAC,SAAS,KAAK,aAAa;AAS9B,MAAM,SAA0B,CAAC;AAAA,EACtC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACE,QAAA,iBAAiB,QAAQ,GAAG;AAClC,QAAM,gBAAgB,SAAS,YAAY,IAAI,SAAS,CAAC;AACzD,QAAM,WAAW,WAAW,YAAY,QAAQ,IAAI;AAEpD,QAAM,gBAAgB;AACtB,QAAM,gBACJ,cAAc,CAAC,iBAAiB,CAAC,iBAAiB;AACpD,QAAM,kBACJ,cAAc,CAAC,iBAAiB,CAAC,iBAAiB;AACpD,QAAM,kBACJ,cAAc,CAAC,iBAAiB,CAAC,iBAAiB,CAAC;AAErD,QAAM,cAAc,YAAY;AAEhC,QAAM,YAAY,CAACA,WACjB,cAAeC,kCAAAA,IAAA,UAAA,EAAQ,GAAGD,OAAAA,CAAO,IAAKC,kCAAA,IAAC,OAAK,EAAA,GAAGD,OAAO,CAAA;AAGtD,SAAAC,kCAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA,eAAe;AAAA,QACf;AAAA,MACF;AAAA,MACA;AAAA,MACC,GAAG;AAAA,MAEJ,gDAAC,OAAI,EAAA,WAAU,gEACb,UAACC,kCAAAA,KAAA,OAAA,EAAI,WAAU,kJACZ,UAAA;AAAA,QAAiB,iBAAAD,kCAAAA,IAAC,QAAO,EAAA,WAAU,QAAQ,CAAA;AAAA,QAC3C,iBACCA,kCAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV;AAAA,YACA,QAAQ;AAAA,YACR,KAAK,aAAa,QAAQ;AAAA,YAC1B,OAAO;AAAA,YACP,QAAQ;AAAA,UAAA;AAAA,QACV;AAAA,QAED,mBACCA,kCAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,cAAW;AAAA,YAEV,UAAA,UAAU,IAAI,CAAC,kDAAa,QAAoB,EAAA,UAAA,QAAA,GAAV,OAAkB,CAAO;AAAA,UAAA;AAAA,QAClE;AAAA,QAED,mBAAmBA,kCAAAA,IAAC,MAAK,EAAA,MAAM,GAAI,CAAA;AAAA,MAAA,EAAA,CACtC,EACF,CAAA;AAAA,IAAA;AAAA,EACF;AAEJ;"}
+{"version":3,"file":"index.mjs","sources":["../../../src/components/Avatar/index.tsx"],"sourcesContent":["import { User } from 'lucide-react';\nimport type { ComponentProps, FC, HTMLAttributes } from 'react';\nimport { cn } from '../../utils/cn';\nimport { Loader } from '../Loader';\n\nconst getCapitals = (name: string): string[] =>\n  name\n    .split(' ') // split by space\n    .map((word) => word[0]) // get first letter of each word\n    .filter(Boolean) // remove empty strings\n    .map((char) => char.toUpperCase()); // convert to uppercase\n\nexport type AvatarProps = ComponentProps<'button'> & {\n  src?: string;\n  fullname?: string;\n  isLoading?: boolean;\n  isLoggedIn?: boolean;\n};\n\nexport const Avatar: FC<AvatarProps> = ({\n  fullname,\n  className,\n  isLoading,\n  isLoggedIn,\n  src,\n  onClick,\n  ...props\n}) => {\n  const isImageDefined = Boolean(src);\n  const isNameDefined = Boolean((fullname ?? '').length > 0);\n  const capitals = fullname ? getCapitals(fullname) : undefined;\n\n  const displayLoader = isLoading;\n  const displayAvatar =\n    isLoggedIn && !displayLoader && !displayLoader && isImageDefined;\n  const displayInitials =\n    isLoggedIn && !displayLoader && !displayAvatar && isNameDefined;\n  const displayUserIcon =\n    isLoggedIn && !displayLoader && !displayAvatar && !displayInitials;\n\n  const isClickable = onClick !== undefined;\n\n  const Container = (props: HTMLAttributes<HTMLElement>) =>\n    isClickable ? <button {...props} /> : <div {...props} />;\n\n  return (\n    <Container\n      className={cn(\n        `border-text dark:border-text-dark size-9 rounded-full border-[1.5px] p-[1.5px]`,\n        isClickable && `cursor-pointer`,\n        className\n      )}\n      onClick={onClick}\n      {...props}\n    >\n      <div className=\"relative flex size-full flex-row items-center justify-center\">\n        <div className=\"bg-text text-text-dark dark:bg-text-dark dark:text-text absolute left-0 top-0 flex size-full flex-col items-center justify-center rounded-full\">\n          {displayLoader && <Loader className=\"w-3/4\" />}\n          {displayAvatar && (\n            <img\n              className=\"size-full rounded-full\"\n              src={src}\n              srcSet={src}\n              alt={`avatar of ${fullname}`}\n              width={59}\n              height={59}\n            />\n          )}\n          {displayInitials && (\n            <div\n              className=\"flex size-full items-center justify-center gap-[0.1rem] text-sm font-bold max-md:py-1\"\n              aria-label=\"Initials of user's name\"\n            >\n              {capitals?.map((capital) => <span key={capital}>{capital}</span>)}\n            </div>\n          )}\n          {displayUserIcon && <User size={25} />}\n        </div>\n      </div>\n    </Container>\n  );\n};\n"],"names":["props"],"mappings":";;;;AAKA,MAAM,cAAc,CAAC,SACnB,KACG,MAAM,GAAG,EACT,IAAI,CAAC,SAAS,KAAK,CAAC,CAAC,EACrB,OAAO,OAAO,EACd,IAAI,CAAC,SAAS,KAAK,aAAa;AAS9B,MAAM,SAA0B,CAAC;AAAA,EACtC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACE,QAAA,iBAAiB,QAAQ,GAAG;AAClC,QAAM,gBAAgB,SAAS,YAAY,IAAI,SAAS,CAAC;AACzD,QAAM,WAAW,WAAW,YAAY,QAAQ,IAAI;AAEpD,QAAM,gBAAgB;AACtB,QAAM,gBACJ,cAAc,CAAC,iBAAiB,CAAC,iBAAiB;AACpD,QAAM,kBACJ,cAAc,CAAC,iBAAiB,CAAC,iBAAiB;AACpD,QAAM,kBACJ,cAAc,CAAC,iBAAiB,CAAC,iBAAiB,CAAC;AAErD,QAAM,cAAc,YAAY;AAEhC,QAAM,YAAY,CAACA,WACjB,cAAe,oBAAA,UAAA,EAAQ,GAAGA,OAAAA,CAAO,IAAK,oBAAC,OAAK,EAAA,GAAGA,OAAO,CAAA;AAGtD,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA,eAAe;AAAA,QACf;AAAA,MACF;AAAA,MACA;AAAA,MACC,GAAG;AAAA,MAEJ,8BAAC,OAAI,EAAA,WAAU,gEACb,UAAC,qBAAA,OAAA,EAAI,WAAU,kJACZ,UAAA;AAAA,QAAiB,iBAAA,oBAAC,QAAO,EAAA,WAAU,QAAQ,CAAA;AAAA,QAC3C,iBACC;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV;AAAA,YACA,QAAQ;AAAA,YACR,KAAK,aAAa,QAAQ;AAAA,YAC1B,OAAO;AAAA,YACP,QAAQ;AAAA,UAAA;AAAA,QACV;AAAA,QAED,mBACC;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,cAAW;AAAA,YAEV,UAAA,UAAU,IAAI,CAAC,gCAAa,QAAoB,EAAA,UAAA,QAAA,GAAV,OAAkB,CAAO;AAAA,UAAA;AAAA,QAClE;AAAA,QAED,mBAAmB,oBAAC,MAAK,EAAA,MAAM,GAAI,CAAA;AAAA,MAAA,EAAA,CACtC,EACF,CAAA;AAAA,IAAA;AAAA,EACF;AAEJ;"}

package/dist/components/Badge/index.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("../../jsx-runtime-CgFM7lM3.cjs");
+const jsxRuntime = require("react/jsx-runtime");
 const classVarianceAuthority = require("class-variance-authority");
 const utils_cn = require("../../utils/cn.cjs");
 const badgeVariants = classVarianceAuthority.cva(
@@ -30,7 +30,7 @@ const badgeVariants = classVarianceAuthority.cva(
     }
   }
 );
-const Badge = ({ className, variant, color, ...props }) => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+const Badge = ({ className, variant, color, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
   "div",
   {
     className: utils_cn.cn(badgeVariants({ variant, color }), className),

package/dist/components/Badge/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/Badge/index.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\nimport type { HTMLAttributes } from 'react';\nimport { cn } from '../../utils/cn';\n\nexport const badgeVariants = cva(\n  'focus:ring-ring inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2',\n  {\n    variants: {\n      color: {\n        primary:\n          'border-primary bg-primary text-primary hover:bg-primary-500 dark:border-primary-dark dark:bg-primary-dark dark:text-primary-dark hover:dark:bg-primary-300',\n        secondary:\n          'border-secondary bg-secondary text-secondary hover:bg-secondary-300 dark:border-secondary-dark dark:bg-secondary-dark dark:text-secondary-dark hover:dark:bg-secondary-100',\n        destructive:\n          'border-destructive bg-destructive text-destructive hover:bg-destructive-500 dark:border-destructive-dark dark:bg-destructive-dark hover:dark:bg-destructive-200',\n        neutral:\n          'border-neutral bg-neutral text-neutral hover:bg-neutral-600 dark:border-neutral-dark dark:bg-neutral-dark dark:text-neutral-dark hover:dark:bg-neutral-400',\n        light: 'border-white bg-white text-white hover:bg-neutral-500',\n        dark: 'border-neutral-800 bg-neutral-800 text-neutral-800 hover:bg-neutral-900 dark:hover:bg-neutral-700',\n        text: 'border-text bg-text text-text hover:opacity-80 dark:border-text-dark dark:bg-text-dark dark:text-text-dark',\n        custom: '',\n      },\n      variant: {\n        default: 'rounded-lg text-text-opposite dark:text-text-opposite-dark',\n        none: 'border-none bg-opacity-0 text-inherit hover:bg-opacity-0 dark:bg-opacity-0 dark:text-inherit dark:hover:bg-opacity-0',\n        outline:\n          'rounded-lg border-[1.5px] bg-opacity-0 hover:bg-opacity-30 dark:bg-opacity-0',\n        hoverable:\n          'rounded-lg border-none bg-opacity-0 transition hover:bg-opacity-10 dark:border-none dark:bg-opacity-0 dark:hover:bg-opacity-10',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      color: 'primary',\n    },\n  }\n);\n\nexport type BadgeProps = HTMLAttributes<HTMLDivElement> &\n  VariantProps<typeof badgeVariants>;\n\nexport const Badge = ({ className, variant, color, ...props }: BadgeProps) => (\n  <div\n    className={cn(badgeVariants({ variant, color }), className)}\n    {...props}\n  />\n);\n"],"names":["cva","jsx","cn"],"mappings":";;;;;AAIO,MAAM,gBAAgBA,uBAAA;AAAA,EAC3B;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,OAAO;AAAA,QACL,SACE;AAAA,QACF,WACE;AAAA,QACF,aACE;AAAA,QACF,SACE;AAAA,QACF,OAAO;AAAA,QACP,MAAM;AAAA,QACN,MAAM;AAAA,QACN,QAAQ;AAAA,MACV;AAAA,MACA,SAAS;AAAA,QACP,SAAS;AAAA,QACT,MAAM;AAAA,QACN,SACE;AAAA,QACF,WACE;AAAA,MAAA;AAAA,IAEN;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,OAAO;AAAA,IAAA;AAAA,EACT;AAEJ;AAKa,MAAA,QAAQ,CAAC,EAAE,WAAW,SAAS,OAAO,GAAG,YACpDC,2BAAA,kBAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC,YAAG,cAAc,EAAE,SAAS,MAAM,CAAC,GAAG,SAAS;AAAA,IACzD,GAAG;AAAA,EAAA;AACN;;;"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/Badge/index.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\nimport type { HTMLAttributes } from 'react';\nimport { cn } from '../../utils/cn';\n\nexport const badgeVariants = cva(\n  'focus:ring-ring inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2',\n  {\n    variants: {\n      color: {\n        primary:\n          'border-primary bg-primary text-primary hover:bg-primary-500 dark:border-primary-dark dark:bg-primary-dark dark:text-primary-dark hover:dark:bg-primary-300',\n        secondary:\n          'border-secondary bg-secondary text-secondary hover:bg-secondary-300 dark:border-secondary-dark dark:bg-secondary-dark dark:text-secondary-dark hover:dark:bg-secondary-100',\n        destructive:\n          'border-destructive bg-destructive text-destructive hover:bg-destructive-500 dark:border-destructive-dark dark:bg-destructive-dark hover:dark:bg-destructive-200',\n        neutral:\n          'border-neutral bg-neutral text-neutral hover:bg-neutral-600 dark:border-neutral-dark dark:bg-neutral-dark dark:text-neutral-dark hover:dark:bg-neutral-400',\n        light: 'border-white bg-white text-white hover:bg-neutral-500',\n        dark: 'border-neutral-800 bg-neutral-800 text-neutral-800 hover:bg-neutral-900 dark:hover:bg-neutral-700',\n        text: 'border-text bg-text text-text hover:opacity-80 dark:border-text-dark dark:bg-text-dark dark:text-text-dark',\n        custom: '',\n      },\n      variant: {\n        default: 'rounded-lg text-text-opposite dark:text-text-opposite-dark',\n        none: 'border-none bg-opacity-0 text-inherit hover:bg-opacity-0 dark:bg-opacity-0 dark:text-inherit dark:hover:bg-opacity-0',\n        outline:\n          'rounded-lg border-[1.5px] bg-opacity-0 hover:bg-opacity-30 dark:bg-opacity-0',\n        hoverable:\n          'rounded-lg border-none bg-opacity-0 transition hover:bg-opacity-10 dark:border-none dark:bg-opacity-0 dark:hover:bg-opacity-10',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      color: 'primary',\n    },\n  }\n);\n\nexport type BadgeProps = HTMLAttributes<HTMLDivElement> &\n  VariantProps<typeof badgeVariants>;\n\nexport const Badge = ({ className, variant, color, ...props }: BadgeProps) => (\n  <div\n    className={cn(badgeVariants({ variant, color }), className)}\n    {...props}\n  />\n);\n"],"names":["cva","jsx","cn"],"mappings":";;;;;AAIO,MAAM,gBAAgBA,uBAAA;AAAA,EAC3B;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,OAAO;AAAA,QACL,SACE;AAAA,QACF,WACE;AAAA,QACF,aACE;AAAA,QACF,SACE;AAAA,QACF,OAAO;AAAA,QACP,MAAM;AAAA,QACN,MAAM;AAAA,QACN,QAAQ;AAAA,MACV;AAAA,MACA,SAAS;AAAA,QACP,SAAS;AAAA,QACT,MAAM;AAAA,QACN,SACE;AAAA,QACF,WACE;AAAA,MAAA;AAAA,IAEN;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,OAAO;AAAA,IAAA;AAAA,EACT;AAEJ;AAKa,MAAA,QAAQ,CAAC,EAAE,WAAW,SAAS,OAAO,GAAG,YACpDC,2BAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC,YAAG,cAAc,EAAE,SAAS,MAAM,CAAC,GAAG,SAAS;AAAA,IACzD,GAAG;AAAA,EAAA;AACN;;;"}

package/dist/components/Badge/index.mjs

@@ -1,4 +1,4 @@
-import { j as jsxRuntimeExports } from "../../jsx-runtime-DQkoUcjV.js";
+import { jsx } from "react/jsx-runtime";
 import { cva } from "class-variance-authority";
 import { cn } from "../../utils/cn.mjs";
 const badgeVariants = cva(
@@ -28,7 +28,7 @@ const badgeVariants = cva(
     }
   }
 );
-const Badge = ({ className, variant, color, ...props }) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+const Badge = ({ className, variant, color, ...props }) => /* @__PURE__ */ jsx(
   "div",
   {
     className: cn(badgeVariants({ variant, color }), className),

package/dist/components/Badge/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../src/components/Badge/index.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\nimport type { HTMLAttributes } from 'react';\nimport { cn } from '../../utils/cn';\n\nexport const badgeVariants = cva(\n  'focus:ring-ring inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2',\n  {\n    variants: {\n      color: {\n        primary:\n          'border-primary bg-primary text-primary hover:bg-primary-500 dark:border-primary-dark dark:bg-primary-dark dark:text-primary-dark hover:dark:bg-primary-300',\n        secondary:\n          'border-secondary bg-secondary text-secondary hover:bg-secondary-300 dark:border-secondary-dark dark:bg-secondary-dark dark:text-secondary-dark hover:dark:bg-secondary-100',\n        destructive:\n          'border-destructive bg-destructive text-destructive hover:bg-destructive-500 dark:border-destructive-dark dark:bg-destructive-dark hover:dark:bg-destructive-200',\n        neutral:\n          'border-neutral bg-neutral text-neutral hover:bg-neutral-600 dark:border-neutral-dark dark:bg-neutral-dark dark:text-neutral-dark hover:dark:bg-neutral-400',\n        light: 'border-white bg-white text-white hover:bg-neutral-500',\n        dark: 'border-neutral-800 bg-neutral-800 text-neutral-800 hover:bg-neutral-900 dark:hover:bg-neutral-700',\n        text: 'border-text bg-text text-text hover:opacity-80 dark:border-text-dark dark:bg-text-dark dark:text-text-dark',\n        custom: '',\n      },\n      variant: {\n        default: 'rounded-lg text-text-opposite dark:text-text-opposite-dark',\n        none: 'border-none bg-opacity-0 text-inherit hover:bg-opacity-0 dark:bg-opacity-0 dark:text-inherit dark:hover:bg-opacity-0',\n        outline:\n          'rounded-lg border-[1.5px] bg-opacity-0 hover:bg-opacity-30 dark:bg-opacity-0',\n        hoverable:\n          'rounded-lg border-none bg-opacity-0 transition hover:bg-opacity-10 dark:border-none dark:bg-opacity-0 dark:hover:bg-opacity-10',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      color: 'primary',\n    },\n  }\n);\n\nexport type BadgeProps = HTMLAttributes<HTMLDivElement> &\n  VariantProps<typeof badgeVariants>;\n\nexport const Badge = ({ className, variant, color, ...props }: BadgeProps) => (\n  <div\n    className={cn(badgeVariants({ variant, color }), className)}\n    {...props}\n  />\n);\n"],"names":["jsx"],"mappings":";;;AAIO,MAAM,gBAAgB;AAAA,EAC3B;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,OAAO;AAAA,QACL,SACE;AAAA,QACF,WACE;AAAA,QACF,aACE;AAAA,QACF,SACE;AAAA,QACF,OAAO;AAAA,QACP,MAAM;AAAA,QACN,MAAM;AAAA,QACN,QAAQ;AAAA,MACV;AAAA,MACA,SAAS;AAAA,QACP,SAAS;AAAA,QACT,MAAM;AAAA,QACN,SACE;AAAA,QACF,WACE;AAAA,MAAA;AAAA,IAEN;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,OAAO;AAAA,IAAA;AAAA,EACT;AAEJ;AAKa,MAAA,QAAQ,CAAC,EAAE,WAAW,SAAS,OAAO,GAAG,YACpDA,kCAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAW,GAAG,cAAc,EAAE,SAAS,MAAM,CAAC,GAAG,SAAS;AAAA,IACzD,GAAG;AAAA,EAAA;AACN;"}
+{"version":3,"file":"index.mjs","sources":["../../../src/components/Badge/index.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\nimport type { HTMLAttributes } from 'react';\nimport { cn } from '../../utils/cn';\n\nexport const badgeVariants = cva(\n  'focus:ring-ring inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2',\n  {\n    variants: {\n      color: {\n        primary:\n          'border-primary bg-primary text-primary hover:bg-primary-500 dark:border-primary-dark dark:bg-primary-dark dark:text-primary-dark hover:dark:bg-primary-300',\n        secondary:\n          'border-secondary bg-secondary text-secondary hover:bg-secondary-300 dark:border-secondary-dark dark:bg-secondary-dark dark:text-secondary-dark hover:dark:bg-secondary-100',\n        destructive:\n          'border-destructive bg-destructive text-destructive hover:bg-destructive-500 dark:border-destructive-dark dark:bg-destructive-dark hover:dark:bg-destructive-200',\n        neutral:\n          'border-neutral bg-neutral text-neutral hover:bg-neutral-600 dark:border-neutral-dark dark:bg-neutral-dark dark:text-neutral-dark hover:dark:bg-neutral-400',\n        light: 'border-white bg-white text-white hover:bg-neutral-500',\n        dark: 'border-neutral-800 bg-neutral-800 text-neutral-800 hover:bg-neutral-900 dark:hover:bg-neutral-700',\n        text: 'border-text bg-text text-text hover:opacity-80 dark:border-text-dark dark:bg-text-dark dark:text-text-dark',\n        custom: '',\n      },\n      variant: {\n        default: 'rounded-lg text-text-opposite dark:text-text-opposite-dark',\n        none: 'border-none bg-opacity-0 text-inherit hover:bg-opacity-0 dark:bg-opacity-0 dark:text-inherit dark:hover:bg-opacity-0',\n        outline:\n          'rounded-lg border-[1.5px] bg-opacity-0 hover:bg-opacity-30 dark:bg-opacity-0',\n        hoverable:\n          'rounded-lg border-none bg-opacity-0 transition hover:bg-opacity-10 dark:border-none dark:bg-opacity-0 dark:hover:bg-opacity-10',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      color: 'primary',\n    },\n  }\n);\n\nexport type BadgeProps = HTMLAttributes<HTMLDivElement> &\n  VariantProps<typeof badgeVariants>;\n\nexport const Badge = ({ className, variant, color, ...props }: BadgeProps) => (\n  <div\n    className={cn(badgeVariants({ variant, color }), className)}\n    {...props}\n  />\n);\n"],"names":[],"mappings":";;;AAIO,MAAM,gBAAgB;AAAA,EAC3B;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,OAAO;AAAA,QACL,SACE;AAAA,QACF,WACE;AAAA,QACF,aACE;AAAA,QACF,SACE;AAAA,QACF,OAAO;AAAA,QACP,MAAM;AAAA,QACN,MAAM;AAAA,QACN,QAAQ;AAAA,MACV;AAAA,MACA,SAAS;AAAA,QACP,SAAS;AAAA,QACT,MAAM;AAAA,QACN,SACE;AAAA,QACF,WACE;AAAA,MAAA;AAAA,IAEN;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,OAAO;AAAA,IAAA;AAAA,EACT;AAEJ;AAKa,MAAA,QAAQ,CAAC,EAAE,WAAW,SAAS,OAAO,GAAG,YACpD;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAW,GAAG,cAAc,EAAE,SAAS,MAAM,CAAC,GAAG,SAAS;AAAA,IACzD,GAAG;AAAA,EAAA;AACN;"}