@clerk/ui 0.1.9 → 0.1.10

package/dist/components/sign-up.mjs

@@ -1,10 +1,10 @@
-import { useLocalizations, useAttributes, useDevModeWarning, useCard, Root as Root$1, LOCALIZATION_NEEDED, Content, Header, Logo, Title, Description, GlobalError, Body, UsernameField, PhoneNumberField, EmailField, PasswordField, Actions, Button, CaretRightLegacySm, Footer, FooterAction, FooterActionText, FooterActionLink, useEnabledConnections, useEnvironment, useSignUpAttributes, useDisplayConfig, Connections, EmailOrPhoneNumberField, PenSm, OTPField, LinkButton, Root2, Label, Hint, Input, Animated, Message, parsePhoneString } from '../chunk-GJNJVJGS.mjs';
-import { AppearanceProvider, useAppearance, Separator } from '../chunk-RVVUA25B.mjs';
+import { useAttributes, useDevModeWarning, useCard, LOCALIZATION_NEEDED, GlobalError, UsernameField, PhoneNumberField, EmailField, PasswordField, CaretRightLegacySm, RouterLink, useEnvironment, useSignUpAttributes, useDisplayConfig, EmailOrPhoneNumberField, PenSm, OTPField, LinkButton, Root as Root$2, Label, Hint, Input, Animated, Message, parsePhoneString } from '../chunk-TVTJKSVH.mjs';
+import { AppearanceProvider, useOptions, useLocalizations, Root as Root$1, Content, Header, Logo, Title, Description, Body, Actions, Button, Footer, FooterAction, FooterActionText, FooterActionLink, useEnabledConnections, useAppearance, Connections, Separator } from '../chunk-LLOUIL3Z.mjs';
 import * as SignUp3 from '@clerk/elements/sign-up';
 import { Root } from '@clerk/elements/sign-up';
 import * as Common from '@clerk/elements/common';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useClerk } from '@clerk/shared/react';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 function FirstNameField(props) {
   const { t, translateError } = useLocalizations();
@@ -13,7 +13,7 @@ function FirstNameField(props) {
     {
       name: "firstName",
       asChild: true,
-      children: /* @__PURE__ */ jsxs(Root2, { children: [
+      children: /* @__PURE__ */ jsxs(Root$2, { children: [
         /* @__PURE__ */ jsx(Common.Label, { asChild: true, children: /* @__PURE__ */ jsxs(Label, { children: [
           t("formFieldLabel__firstName"),
           " ",
@@ -44,7 +44,7 @@ function LastNameField(props) {
     {
       name: "lastName",
       asChild: true,
-      children: /* @__PURE__ */ jsxs(Root2, { children: [
+      children: /* @__PURE__ */ jsxs(Root$2, { children: [
         /* @__PURE__ */ jsx(Common.Label, { asChild: true, children: /* @__PURE__ */ jsxs(Label, { children: [
           t("formFieldLabel__lastName"),
           " ",
@@ -69,6 +69,8 @@ function LastNameField(props) {
   );
 }
 function SignUpContinue() {
+  const clerk = useClerk();
+  const { signInUrl } = useOptions();
   const { t } = useLocalizations();
   const { enabled: firstNameEnabled, required: firstNameRequired } = useAttributes("first_name");
   const { enabled: lastNameEnabled, required: lastNameRequired } = useAttributes("last_name");
@@ -160,7 +162,14 @@ function SignUpContinue() {
               /* @__PURE__ */ jsx(Footer, { ...footerProps, children: /* @__PURE__ */ jsx(FooterAction, { children: /* @__PURE__ */ jsxs(FooterActionText, { children: [
                 t("signUp.continue.actionText"),
                 " ",
-                /* @__PURE__ */ jsx(FooterActionLink, { href: "/sign-in", children: t("signUp.continue.actionLink") })
+                /* @__PURE__ */ jsx(
+                  RouterLink,
+                  {
+                    asChild: true,
+                    href: clerk.buildUrlWithAuth(signInUrl || "/sign-in"),
+                    children: /* @__PURE__ */ jsx(FooterActionLink, { children: t("signUp.continue.actionLink") })
+                  }
+                )
               ] }) }) })
             ]
           }
@@ -171,6 +180,7 @@ function SignUpContinue() {
 }
 function SignUpStart() {
   const clerk = useClerk();
+  const { signInUrl } = useOptions();
   const enabledConnections = useEnabledConnections();
   const { userSettings } = useEnvironment();
   const { t } = useLocalizations();
@@ -303,7 +313,14 @@ function SignUpStart() {
               /* @__PURE__ */ jsx(Footer, { ...footerProps, children: /* @__PURE__ */ jsx(FooterAction, { children: /* @__PURE__ */ jsxs(FooterActionText, { children: [
                 t("signUp.start.actionText"),
                 " ",
-                /* @__PURE__ */ jsx(FooterActionLink, { href: "/sign-in", children: t("signUp.start.actionLink") })
+                /* @__PURE__ */ jsx(
+                  RouterLink,
+                  {
+                    asChild: true,
+                    href: clerk.buildUrlWithAuth(signInUrl || "/sign-in"),
+                    children: /* @__PURE__ */ jsx(FooterActionLink, { children: t("signUp.start.actionLink") })
+                  }
+                )
               ] }) }) })
             ]
           }
@@ -549,7 +566,9 @@ function SignUpVerifications() {
   } });
 }
 function SignUp4({ appearance, ...props }) {
-  return /* @__PURE__ */ jsx(AppearanceProvider, { appearance, children: /* @__PURE__ */ jsxs(Root, { ...props, children: [
+  var _a;
+  const componentAppearance = ((_a = props.__experimental) == null ? void 0 : _a.newComponents) ? props.__experimental.appearance : appearance;
+  return /* @__PURE__ */ jsx(AppearanceProvider, { appearance: componentAppearance, children: /* @__PURE__ */ jsxs(Root, { ...props, children: [
     /* @__PURE__ */ jsx(SignUpStart, {}),
     /* @__PURE__ */ jsx(SignUpVerifications, {}),
     /* @__PURE__ */ jsx(SignUpContinue, {})

package/dist/components/sign-up.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/sign-up/sign-up.tsx","../../src/components/sign-up/steps/continue.tsx","../../src/common/first-name-field.tsx","../../src/common/last-name-field.tsx","../../src/components/sign-up/steps/start.tsx","../../src/components/sign-up/steps/verifications.tsx"],"names":["Common","Root","jsx","jsxs","SignUp","useClerk"],"mappings":"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","sourcesContent":["import { Root as SignUpRoot } from '@clerk/elements/sign-up';\nimport type { SignUpProps } from '@clerk/types';\n\nimport { SignUpContinue } from '~/components/sign-up/steps/continue';\nimport { SignUpStart } from '~/components/sign-up/steps/start';\n// import { SignUpStatus } from '~/components/sign-up/steps/status';\nimport { SignUpVerifications } from '~/components/sign-up/steps/verifications';\nimport { type Appearance, AppearanceProvider } from '~/contexts';\n\nexport function SignUp({ appearance, ...props }: { appearance?: Appearance } & SignUpProps) {\n  return (\n    <AppearanceProvider appearance={appearance}>\n      <SignUpRoot {...props}>\n        <SignUpStart />\n        <SignUpVerifications />\n        <SignUpContinue />\n        {/* <SignUpStatus /> */}\n      </SignUpRoot>\n    </AppearanceProvider>\n  );\n}\n","import * as Common from '@clerk/elements/common';\nimport * as SignUp from '@clerk/elements/sign-up';\n\nimport { EmailField } from '~/common/email-field';\nimport { FirstNameField } from '~/common/first-name-field';\nimport { GlobalError } from '~/common/global-error';\nimport { LastNameField } from '~/common/last-name-field';\nimport { PasswordField } from '~/common/password-field';\nimport { PhoneNumberField } from '~/common/phone-number-field';\nimport { UsernameField } from '~/common/username-field';\nimport { LOCALIZATION_NEEDED } from '~/constants/localizations';\nimport { useAttributes } from '~/hooks/use-attributes';\nimport { useCard } from '~/hooks/use-card';\nimport { useDevModeWarning } from '~/hooks/use-dev-mode-warning';\nimport { useLocalizations } from '~/hooks/use-localizations';\nimport { Button } from '~/primitives/button';\nimport * as Card from '~/primitives/card';\nimport CaretRightLegacySm from '~/primitives/icons/caret-right-legacy-sm';\n\nexport function SignUpContinue() {\n  const { t } = useLocalizations();\n  const { enabled: firstNameEnabled, required: firstNameRequired } = useAttributes('first_name');\n  const { enabled: lastNameEnabled, required: lastNameRequired } = useAttributes('last_name');\n  const { enabled: usernameEnabled, required: usernameRequired } = useAttributes('username');\n  const { enabled: phoneNumberEnabled, required: phoneNumberRequired } = useAttributes('phone_number');\n  const { enabled: passwordEnabled, required: passwordRequired } = useAttributes('password');\n  const isDev = useDevModeWarning();\n  const { logoProps, footerProps } = useCard();\n\n  return (\n    (<Common.Loading scope='global'>\n      {isGlobalLoading => {\n        return (\n          (<SignUp.Step\n            asChild\n            name='continue'\n          >\n            <Card.Root\n              as='form'\n              banner={isDev ? LOCALIZATION_NEEDED.developmentMode : null}\n            >\n              <Card.Content>\n                <Card.Header>\n                  <Card.Logo {...logoProps} />\n                  <Card.Title>{t('signUp.continue.title')}</Card.Title>\n                  <Card.Description>{t('signUp.continue.subtitle')}</Card.Description>\n                </Card.Header>\n\n                <GlobalError />\n\n                <Card.Body>\n                  <div className=\"cl-254f463f\">\n                    {firstNameEnabled && lastNameEnabled ? (\n                      <div className=\"cl-e1e451e8\">\n                        <FirstNameField\n                          required={firstNameRequired}\n                          disabled={isGlobalLoading}\n                        />\n                        <LastNameField\n                          required={lastNameRequired}\n                          disabled={isGlobalLoading}\n                        />\n                      </div>\n                    ) : null}\n\n                    {usernameEnabled ? (\n                      <UsernameField\n                        required={usernameRequired}\n                        disabled={isGlobalLoading}\n                      />\n                    ) : null}\n\n                    {phoneNumberEnabled ? (\n                      <PhoneNumberField\n                        required={phoneNumberRequired}\n                        disabled={isGlobalLoading}\n                      />\n                    ) : null}\n\n                    <EmailField disabled={isGlobalLoading} />\n\n                    {passwordEnabled && passwordRequired ? (\n                      <PasswordField\n                        validatePassword\n                        label={t('formFieldLabel__password')}\n                        required={passwordRequired}\n                        disabled={isGlobalLoading}\n                      />\n                    ) : null}\n                  </div>\n                </Card.Body>\n                <Card.Actions>\n                  <Common.Loading scope='submit'>\n                    {isSubmitting => {\n                      return (\n                        <SignUp.Action\n                          submit\n                          asChild\n                        >\n                          <Button\n                            busy={isSubmitting}\n                            disabled={isGlobalLoading}\n                            iconEnd={<CaretRightLegacySm />}\n                          >\n                            {t('formButtonPrimary')}\n                          </Button>\n                        </SignUp.Action>\n                      );\n                    }}\n                  </Common.Loading>\n                </Card.Actions>\n              </Card.Content>\n              <Card.Footer {...footerProps}>\n                <Card.FooterAction>\n                  <Card.FooterActionText>\n                    {t('signUp.continue.actionText')}{' '}\n                    <Card.FooterActionLink href='/sign-in'>{t('signUp.continue.actionLink')}</Card.FooterActionLink>\n                  </Card.FooterActionText>\n                </Card.FooterAction>\n              </Card.Footer>\n            </Card.Root>\n          </SignUp.Step>)\n        );\n      }}\n    </Common.Loading>)\n  );\n}\n","import * as Common from '@clerk/elements/common';\nimport React from 'react';\n\nimport { useLocalizations } from '~/hooks/use-localizations';\nimport { Animated } from '~/primitives/animated';\nimport * as Field from '~/primitives/field';\n\nexport function FirstNameField(props: Omit<React.ComponentProps<typeof Common.Input>, 'type'>) {\n  const { t, translateError } = useLocalizations();\n\n  return (\n    <Common.Field\n      name='firstName'\n      asChild\n    >\n      <Field.Root>\n        <Common.Label asChild>\n          <Field.Label>\n            {t('formFieldLabel__firstName')}{' '}\n            {!props?.required ? <Field.Hint>{t('formFieldHintText__optional')}</Field.Hint> : null}\n          </Field.Label>\n        </Common.Label>\n        <Common.FieldState>\n          {({ state }) => {\n            return (\n              <Common.Input\n                type='text'\n                {...props}\n                asChild\n              >\n                <Field.Input intent={state} />\n              </Common.Input>\n            );\n          }}\n        </Common.FieldState>\n        <Animated>\n          <Common.FieldError asChild>\n            {({ message, code }) => {\n              return (\n                <Field.Message intent='error'>{translateError({ message, code, name: 'first_name' })}</Field.Message>\n              );\n            }}\n          </Common.FieldError>\n        </Animated>\n      </Field.Root>\n    </Common.Field>\n  );\n}\n","import * as Common from '@clerk/elements/common';\nimport React from 'react';\n\nimport { useLocalizations } from '~/hooks/use-localizations';\nimport { Animated } from '~/primitives/animated';\nimport * as Field from '~/primitives/field';\n\nexport function LastNameField(props: Omit<React.ComponentProps<typeof Common.Input>, 'type'>) {\n  const { t, translateError } = useLocalizations();\n\n  return (\n    <Common.Field\n      name='lastName'\n      asChild\n    >\n      <Field.Root>\n        <Common.Label asChild>\n          <Field.Label>\n            {t('formFieldLabel__lastName')}{' '}\n            {!props?.required ? <Field.Hint>{t('formFieldHintText__optional')}</Field.Hint> : null}\n          </Field.Label>\n        </Common.Label>\n        <Common.FieldState>\n          {({ state }) => {\n            return (\n              <Common.Input\n                type='text'\n                {...props}\n                asChild\n              >\n                <Field.Input intent={state} />\n              </Common.Input>\n            );\n          }}\n        </Common.FieldState>\n        <Animated>\n          <Common.FieldError asChild>\n            {({ message, code }) => {\n              return (\n                <Field.Message intent='error'>{translateError({ message, code, name: 'last_name' })}</Field.Message>\n              );\n            }}\n          </Common.FieldError>\n        </Animated>\n      </Field.Root>\n    </Common.Field>\n  );\n}\n","import * as Common from '@clerk/elements/common';\nimport * as SignUp from '@clerk/elements/sign-up';\nimport { useClerk } from '@clerk/shared/react';\n\nimport { Connections } from '~/common/connections';\nimport { EmailField } from '~/common/email-field';\nimport { EmailOrPhoneNumberField } from '~/common/email-or-phone-number-field';\nimport { FirstNameField } from '~/common/first-name-field';\nimport { GlobalError } from '~/common/global-error';\nimport { LastNameField } from '~/common/last-name-field';\nimport { PasswordField } from '~/common/password-field';\nimport { PhoneNumberField } from '~/common/phone-number-field';\nimport { UsernameField } from '~/common/username-field';\nimport { LOCALIZATION_NEEDED } from '~/constants/localizations';\nimport { useAppearance } from '~/contexts';\nimport { useSignUpAttributes } from '~/hooks/use-attributes';\nimport { useCard } from '~/hooks/use-card';\nimport { useDevModeWarning } from '~/hooks/use-dev-mode-warning';\nimport { useDisplayConfig } from '~/hooks/use-display-config';\nimport { useEnabledConnections } from '~/hooks/use-enabled-connections';\nimport { useEnvironment } from '~/hooks/use-environment';\nimport { useLocalizations } from '~/hooks/use-localizations';\nimport { Button } from '~/primitives/button';\nimport * as Card from '~/primitives/card';\nimport CaretRightLegacySm from '~/primitives/icons/caret-right-legacy-sm';\nimport { Separator } from '~/primitives/separator';\n\nexport function SignUpStart() {\n  const clerk = useClerk();\n  const enabledConnections = useEnabledConnections();\n  const { userSettings } = useEnvironment();\n  const { t } = useLocalizations();\n  const { required: firstNameRequired, show: showFirstName } = useSignUpAttributes('first_name');\n  const { required: lastNameRequired, show: showLastName } = useSignUpAttributes('last_name');\n  const { enabled: usernameEnabled, required: usernameRequired, show: showUserName } = useSignUpAttributes('username');\n  const {\n    enabled: phoneNumberEnabled,\n    required: phoneNumberRequired,\n    show: showPhoneNumber,\n  } = useSignUpAttributes('phone_number');\n  const {\n    enabled: emailAddressEnabled,\n    required: emailAddressRequired,\n    show: showEmailAddress,\n  } = useSignUpAttributes('email_address');\n  const { required: passwordRequired, show: showPassword } = useSignUpAttributes('password');\n  const { applicationName } = useDisplayConfig();\n\n  const hasConnection = enabledConnections.length > 0;\n  const hasIdentifier = emailAddressEnabled || usernameEnabled || phoneNumberEnabled;\n  const isDev = useDevModeWarning();\n  const { options } = useAppearance().parsedAppearance;\n  const { logoProps, footerProps } = useCard();\n\n  return (\n    (<Common.Loading scope='global'>\n      {isGlobalLoading => {\n        const connectionsWithSeperator = [\n          <Connections\n            key='connections'\n            disabled={isGlobalLoading}\n          />,\n          hasConnection && hasIdentifier ? <Separator key='separator'>{t('dividerText')}</Separator> : null,\n        ];\n        return (\n          (<SignUp.Step\n            asChild\n            name='start'\n          >\n            <Card.Root\n              as='form'\n              banner={isDev ? LOCALIZATION_NEEDED.developmentMode : null}\n            >\n              <Card.Content>\n                <Card.Header>\n                  <Card.Logo {...logoProps} />\n                  <Card.Title>{t('signUp.start.title')}</Card.Title>\n                  <Card.Description>\n                    {t('signUp.start.subtitle', {\n                      applicationName,\n                    })}\n                  </Card.Description>\n                </Card.Header>\n\n                <GlobalError />\n\n                <Card.Body>\n                  {options.socialButtonsPlacement === 'top' ? connectionsWithSeperator : null}\n\n                  {hasIdentifier ? (\n                    <div className=\"cl-7147c693\">\n                      {showFirstName && showLastName ? (\n                        <div className=\"cl-8a585078\">\n                          <FirstNameField\n                            required={firstNameRequired}\n                            disabled={isGlobalLoading}\n                          />\n                          <LastNameField\n                            required={lastNameRequired}\n                            disabled={isGlobalLoading}\n                          />\n                        </div>\n                      ) : null}\n\n                      {showUserName ? (\n                        <UsernameField\n                          required={usernameRequired}\n                          disabled={isGlobalLoading}\n                        />\n                      ) : null}\n\n                      {emailAddressEnabled && !emailAddressRequired && phoneNumberEnabled && !phoneNumberRequired ? (\n                        <EmailOrPhoneNumberField\n                          toggleLabelEmail={t('signUp.start.actionLink__use_email')}\n                          toggleLabelPhoneNumber={t('signUp.start.actionLink__use_phone')}\n                        />\n                      ) : (\n                        <>\n                          {showEmailAddress ? <EmailField disabled={isGlobalLoading} /> : null}\n\n                          {showPhoneNumber ? (\n                            <PhoneNumberField\n                              required={phoneNumberRequired}\n                              disabled={isGlobalLoading}\n                              initPhoneWithCode={clerk.client.signUp.phoneNumber || ''}\n                            />\n                          ) : null}\n                        </>\n                      )}\n\n                      {showPassword ? (\n                        <PasswordField\n                          validatePassword\n                          label={t('formFieldLabel__password')}\n                          required={passwordRequired}\n                          disabled={isGlobalLoading}\n                        />\n                      ) : null}\n                    </div>\n                  ) : null}\n\n                  {options.socialButtonsPlacement === 'bottom' ? connectionsWithSeperator.reverse() : null}\n\n                  {userSettings.signUp.captcha_enabled ? <SignUp.Captcha className=\"cl-7a09f230\" /> : null}\n                </Card.Body>\n                {hasConnection || hasIdentifier ? (\n                  <Card.Actions>\n                    <Common.Loading scope='submit'>\n                      {isSubmitting => {\n                        return (\n                          <SignUp.Action\n                            submit\n                            asChild\n                          >\n                            <Button\n                              busy={isSubmitting}\n                              disabled={isGlobalLoading}\n                              iconEnd={<CaretRightLegacySm />}\n                            >\n                              {t('formButtonPrimary')}\n                            </Button>\n                          </SignUp.Action>\n                        );\n                      }}\n                    </Common.Loading>\n                  </Card.Actions>\n                ) : null}\n              </Card.Content>\n              <Card.Footer {...footerProps}>\n                <Card.FooterAction>\n                  <Card.FooterActionText>\n                    {t('signUp.start.actionText')}{' '}\n                    <Card.FooterActionLink href='/sign-in'>{t('signUp.start.actionLink')}</Card.FooterActionLink>\n                  </Card.FooterActionText>\n                </Card.FooterAction>\n              </Card.Footer>\n            </Card.Root>\n          </SignUp.Step>)\n        );\n      }}\n    </Common.Loading>)\n  );\n}\n","import * as Common from '@clerk/elements/common';\nimport * as SignUp from '@clerk/elements/sign-up';\nimport { useClerk } from '@clerk/shared/react';\n\nimport { GlobalError } from '~/common/global-error';\nimport { OTPField } from '~/common/otp-field';\nimport { LOCALIZATION_NEEDED } from '~/constants/localizations';\nimport { useCard } from '~/hooks/use-card';\nimport { useDevModeWarning } from '~/hooks/use-dev-mode-warning';\nimport { useDisplayConfig } from '~/hooks/use-display-config';\nimport { useLocalizations } from '~/hooks/use-localizations';\nimport { Button } from '~/primitives/button';\nimport * as Card from '~/primitives/card';\nimport CaretRightLegacySm from '~/primitives/icons/caret-right-legacy-sm';\nimport PenSm from '~/primitives/icons/pen-sm';\nimport { LinkButton } from '~/primitives/link';\nimport type { RequireExactlyOne } from '~/types/utils';\nimport { parsePhoneString } from '~/utils/phone-number';\n\n/* Internal\n  ============================================ */\n\ntype Identifiers = {\n  emailAddress: boolean;\n  phoneNumber: boolean;\n};\n\ntype Identifier = RequireExactlyOne<Identifiers>;\n\nfunction SignUpIdentifier({ emailAddress, phoneNumber }: Identifier) {\n  const { client } = useClerk();\n\n  if (emailAddress) {\n    return <span>{client.signUp.emailAddress}</span>;\n  }\n\n  if (phoneNumber) {\n    const { formattedNumberWithCode } = parsePhoneString(client.signUp.phoneNumber || '');\n    return <span>{formattedNumberWithCode}</span>;\n  }\n\n  return null;\n}\n\n/* Public\n  ============================================ */\n\nexport function SignUpVerifications() {\n  const { t } = useLocalizations();\n  const { applicationName } = useDisplayConfig();\n\n  const isDev = useDevModeWarning();\n  const { logoProps, footerProps } = useCard();\n\n  return (\n    (<Common.Loading scope='global'>\n      {isGlobalLoading => {\n        return (\n          (<SignUp.Step\n            asChild\n            name='verifications'\n          >\n            <Card.Root\n              as='form'\n              banner={isDev ? LOCALIZATION_NEEDED.developmentMode : null}\n            >\n              <Card.Content>\n                <SignUp.Strategy name='phone_code'>\n                  <Card.Header>\n                    <Card.Logo {...logoProps} />\n                    <Card.Title>{t('signUp.phoneCode.title')}</Card.Title>\n                    <Card.Description>{t('signUp.phoneCode.subtitle')}</Card.Description>\n                    <Card.Description>\n                      <span className=\"cl-6cb778e1\">\n                        <SignUpIdentifier phoneNumber />\n                        <SignUp.Action\n                          navigate='start'\n                          asChild\n                        >\n                          <button\n                            type='button'\n                            className=\"cl-0f165050\"\n                            aria-label='Start again'\n                          >\n                            <PenSm />\n                          </button>\n                        </SignUp.Action>\n                      </span>\n                    </Card.Description>\n                  </Card.Header>\n\n                  <GlobalError />\n\n                  <Card.Body>\n                    <OTPField\n                      label={t('signUp.phoneCode.formTitle')}\n                      disabled={isGlobalLoading}\n                      resend={\n                        <SignUp.Action\n                          asChild\n                          resend\n                          // eslint-disable-next-line react/no-unstable-nested-components\n                          fallback={({ resendableAfter }) => (\n                            <LinkButton\n                              type='button'\n                              disabled\n                            >\n                              {t('signUp.phoneCode.resendButton')} (\n                              <span className=\"cl-ba2d0eea\">{resendableAfter}</span>)\n                            </LinkButton>\n                          )}\n                        >\n                          <LinkButton type='button'>{t('signUp.phoneCode.resendButton')}</LinkButton>\n                        </SignUp.Action>\n                      }\n                    />\n                  </Card.Body>\n                  <Card.Actions>\n                    <Common.Loading scope='submit'>\n                      {isSubmitting => {\n                        return (\n                          <SignUp.Action\n                            submit\n                            asChild\n                          >\n                            <Button\n                              busy={isSubmitting}\n                              disabled={isGlobalLoading}\n                              iconEnd={<CaretRightLegacySm />}\n                            >\n                              {t('formButtonPrimary')}\n                            </Button>\n                          </SignUp.Action>\n                        );\n                      }}\n                    </Common.Loading>\n                  </Card.Actions>\n                </SignUp.Strategy>\n\n                <SignUp.Strategy name='email_code'>\n                  <Card.Header>\n                    <Card.Logo {...logoProps} />\n                    <Card.Title>{t('signUp.emailCode.title')}</Card.Title>\n                    <Card.Description>{t('signUp.emailCode.subtitle')}</Card.Description>\n                    <Card.Description>\n                      <span className=\"cl-6cb778e1\">\n                        <SignUpIdentifier emailAddress />\n                        <SignUp.Action\n                          navigate='start'\n                          asChild\n                        >\n                          <button\n                            type='button'\n                            className=\"cl-0f165050\"\n                            aria-label='Start again'\n                          >\n                            <PenSm />\n                          </button>\n                        </SignUp.Action>\n                      </span>\n                    </Card.Description>\n                  </Card.Header>\n\n                  <GlobalError />\n\n                  <Card.Body>\n                    <OTPField\n                      label={t('signUp.emailCode.formTitle')}\n                      disabled={isGlobalLoading}\n                      resend={\n                        <SignUp.Action\n                          asChild\n                          resend\n                          // eslint-disable-next-line react/no-unstable-nested-components\n                          fallback={({ resendableAfter }) => (\n                            <LinkButton\n                              type='button'\n                              disabled\n                            >\n                              {t('signUp.emailCode.resendButton')} (\n                              <span className=\"cl-ba2d0eea\">{resendableAfter}</span>)\n                            </LinkButton>\n                          )}\n                        >\n                          <LinkButton type='button'>{t('signUp.emailCode.resendButton')}</LinkButton>\n                        </SignUp.Action>\n                      }\n                    />\n                  </Card.Body>\n                  <Card.Actions>\n                    <Common.Loading scope='submit'>\n                      {isSubmitting => {\n                        return (\n                          <SignUp.Action\n                            submit\n                            asChild\n                          >\n                            <Button\n                              busy={isSubmitting}\n                              disabled={isGlobalLoading}\n                              iconEnd={<CaretRightLegacySm />}\n                            >\n                              {t('formButtonPrimary')}\n                            </Button>\n                          </SignUp.Action>\n                        );\n                      }}\n                    </Common.Loading>\n                  </Card.Actions>\n                </SignUp.Strategy>\n\n                <SignUp.Strategy name='email_link'>\n                  <Card.Header>\n                    <Card.Logo {...logoProps} />\n                    <Card.Title>{t('signUp.emailLink.title')}</Card.Title>\n                    <Card.Description>\n                      {t('signUp.emailLink.subtitle', {\n                        applicationName,\n                      })}\n                    </Card.Description>\n                    <Card.Description>\n                      <span className=\"cl-6cb778e1\">\n                        <SignUpIdentifier emailAddress />\n                        <SignUp.Action\n                          navigate='start'\n                          asChild\n                        >\n                          <button\n                            type='button'\n                            className=\"cl-0f165050\"\n                            aria-label='Start again'\n                          >\n                            <PenSm />\n                          </button>\n                        </SignUp.Action>\n                      </span>\n                    </Card.Description>\n                  </Card.Header>\n\n                  <GlobalError />\n\n                  <Card.Body>\n                    <SignUp.Action\n                      resend\n                      asChild\n                      // eslint-disable-next-line react/no-unstable-nested-components\n                      fallback={({ resendableAfter }) => {\n                        return (\n                          (<LinkButton\n                            type='button'\n                            disabled\n                          >\n                            {t('signUp.emailLink.resendButton')}(<span className=\"cl-ba2d0eea\">{resendableAfter}</span>)</LinkButton>)\n                        );\n                      }}\n                    >\n                      <LinkButton type='button'>{t('signUp.emailLink.resendButton')}</LinkButton>\n                    </SignUp.Action>\n                  </Card.Body>\n                </SignUp.Strategy>\n              </Card.Content>\n              <Card.Footer {...footerProps} />\n            </Card.Root>\n          </SignUp.Step>)\n        );\n      }}\n    </Common.Loading>)\n  );\n}\n"]}
+{"version":3,"sources":["../../src/components/sign-up/sign-up.tsx","../../src/components/sign-up/steps/continue.tsx","../../src/common/first-name-field.tsx","../../src/common/last-name-field.tsx","../../src/components/sign-up/steps/start.tsx","../../src/components/sign-up/steps/verifications.tsx"],"names":["Common","Root","jsx","jsxs","SignUp","useClerk"],"mappings":"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","sourcesContent":["import { Root as SignUpRoot } from '@clerk/elements/sign-up';\nimport type { SignUpProps } from '@clerk/types';\n\nimport { SignUpContinue } from '~/components/sign-up/steps/continue';\nimport { SignUpStart } from '~/components/sign-up/steps/start';\n// import { SignUpStatus } from '~/components/sign-up/steps/status';\nimport { SignUpVerifications } from '~/components/sign-up/steps/verifications';\nimport { type Appearance, AppearanceProvider } from '~/contexts';\n\nexport function SignUp({ appearance, ...props }: { appearance?: Appearance } & SignUpProps) {\n  // If __experimental.newComponents is `true`, we should use __experimental.appearance instead of appearance.\n  const componentAppearance = props.__experimental?.newComponents ? props.__experimental.appearance : appearance;\n\n  return (\n    <AppearanceProvider appearance={componentAppearance}>\n      <SignUpRoot {...props}>\n        <SignUpStart />\n        <SignUpVerifications />\n        <SignUpContinue />\n        {/* <SignUpStatus /> */}\n      </SignUpRoot>\n    </AppearanceProvider>\n  );\n}\n","import * as Common from '@clerk/elements/common';\nimport * as SignUp from '@clerk/elements/sign-up';\nimport { useClerk } from '@clerk/shared/react';\n\nimport { EmailField } from '~/common/email-field';\nimport { FirstNameField } from '~/common/first-name-field';\nimport { GlobalError } from '~/common/global-error';\nimport { LastNameField } from '~/common/last-name-field';\nimport { PasswordField } from '~/common/password-field';\nimport { PhoneNumberField } from '~/common/phone-number-field';\nimport { RouterLink } from '~/common/router-link';\nimport { UsernameField } from '~/common/username-field';\nimport { LOCALIZATION_NEEDED } from '~/constants/localizations';\nimport { useAttributes } from '~/hooks/use-attributes';\nimport { useCard } from '~/hooks/use-card';\nimport { useDevModeWarning } from '~/hooks/use-dev-mode-warning';\nimport { useLocalizations } from '~/hooks/use-localizations';\nimport { useOptions } from '~/hooks/use-options';\nimport { Button } from '~/primitives/button';\nimport * as Card from '~/primitives/card';\nimport CaretRightLegacySm from '~/primitives/icons/caret-right-legacy-sm';\n\nexport function SignUpContinue() {\n  const clerk = useClerk();\n  const { signInUrl } = useOptions();\n  const { t } = useLocalizations();\n  const { enabled: firstNameEnabled, required: firstNameRequired } = useAttributes('first_name');\n  const { enabled: lastNameEnabled, required: lastNameRequired } = useAttributes('last_name');\n  const { enabled: usernameEnabled, required: usernameRequired } = useAttributes('username');\n  const { enabled: phoneNumberEnabled, required: phoneNumberRequired } = useAttributes('phone_number');\n  const { enabled: passwordEnabled, required: passwordRequired } = useAttributes('password');\n  const isDev = useDevModeWarning();\n  const { logoProps, footerProps } = useCard();\n\n  return (\n    (<Common.Loading scope='global'>\n      {isGlobalLoading => {\n        return (\n          (<SignUp.Step\n            asChild\n            name='continue'\n          >\n            <Card.Root\n              as='form'\n              banner={isDev ? LOCALIZATION_NEEDED.developmentMode : null}\n            >\n              <Card.Content>\n                <Card.Header>\n                  <Card.Logo {...logoProps} />\n                  <Card.Title>{t('signUp.continue.title')}</Card.Title>\n                  <Card.Description>{t('signUp.continue.subtitle')}</Card.Description>\n                </Card.Header>\n\n                <GlobalError />\n\n                <Card.Body>\n                  <div className=\"cl-254f463f\">\n                    {firstNameEnabled && lastNameEnabled ? (\n                      <div className=\"cl-e1e451e8\">\n                        <FirstNameField\n                          required={firstNameRequired}\n                          disabled={isGlobalLoading}\n                        />\n                        <LastNameField\n                          required={lastNameRequired}\n                          disabled={isGlobalLoading}\n                        />\n                      </div>\n                    ) : null}\n\n                    {usernameEnabled ? (\n                      <UsernameField\n                        required={usernameRequired}\n                        disabled={isGlobalLoading}\n                      />\n                    ) : null}\n\n                    {phoneNumberEnabled ? (\n                      <PhoneNumberField\n                        required={phoneNumberRequired}\n                        disabled={isGlobalLoading}\n                      />\n                    ) : null}\n\n                    <EmailField disabled={isGlobalLoading} />\n\n                    {passwordEnabled && passwordRequired ? (\n                      <PasswordField\n                        validatePassword\n                        label={t('formFieldLabel__password')}\n                        required={passwordRequired}\n                        disabled={isGlobalLoading}\n                      />\n                    ) : null}\n                  </div>\n                </Card.Body>\n                <Card.Actions>\n                  <Common.Loading scope='submit'>\n                    {isSubmitting => {\n                      return (\n                        <SignUp.Action\n                          submit\n                          asChild\n                        >\n                          <Button\n                            busy={isSubmitting}\n                            disabled={isGlobalLoading}\n                            iconEnd={<CaretRightLegacySm />}\n                          >\n                            {t('formButtonPrimary')}\n                          </Button>\n                        </SignUp.Action>\n                      );\n                    }}\n                  </Common.Loading>\n                </Card.Actions>\n              </Card.Content>\n              <Card.Footer {...footerProps}>\n                <Card.FooterAction>\n                  <Card.FooterActionText>\n                    {t('signUp.continue.actionText')}{' '}\n                    <RouterLink\n                      asChild\n                      href={clerk.buildUrlWithAuth(signInUrl || '/sign-in')}\n                    >\n                      <Card.FooterActionLink>{t('signUp.continue.actionLink')}</Card.FooterActionLink>\n                    </RouterLink>\n                  </Card.FooterActionText>\n                </Card.FooterAction>\n              </Card.Footer>\n            </Card.Root>\n          </SignUp.Step>)\n        );\n      }}\n    </Common.Loading>)\n  );\n}\n","import * as Common from '@clerk/elements/common';\nimport React from 'react';\n\nimport { useLocalizations } from '~/hooks/use-localizations';\nimport { Animated } from '~/primitives/animated';\nimport * as Field from '~/primitives/field';\n\nexport function FirstNameField(props: Omit<React.ComponentProps<typeof Common.Input>, 'type'>) {\n  const { t, translateError } = useLocalizations();\n\n  return (\n    <Common.Field\n      name='firstName'\n      asChild\n    >\n      <Field.Root>\n        <Common.Label asChild>\n          <Field.Label>\n            {t('formFieldLabel__firstName')}{' '}\n            {!props?.required ? <Field.Hint>{t('formFieldHintText__optional')}</Field.Hint> : null}\n          </Field.Label>\n        </Common.Label>\n        <Common.FieldState>\n          {({ state }) => {\n            return (\n              <Common.Input\n                type='text'\n                {...props}\n                asChild\n              >\n                <Field.Input intent={state} />\n              </Common.Input>\n            );\n          }}\n        </Common.FieldState>\n        <Animated>\n          <Common.FieldError asChild>\n            {({ message, code }) => {\n              return (\n                <Field.Message intent='error'>{translateError({ message, code, name: 'first_name' })}</Field.Message>\n              );\n            }}\n          </Common.FieldError>\n        </Animated>\n      </Field.Root>\n    </Common.Field>\n  );\n}\n","import * as Common from '@clerk/elements/common';\nimport React from 'react';\n\nimport { useLocalizations } from '~/hooks/use-localizations';\nimport { Animated } from '~/primitives/animated';\nimport * as Field from '~/primitives/field';\n\nexport function LastNameField(props: Omit<React.ComponentProps<typeof Common.Input>, 'type'>) {\n  const { t, translateError } = useLocalizations();\n\n  return (\n    <Common.Field\n      name='lastName'\n      asChild\n    >\n      <Field.Root>\n        <Common.Label asChild>\n          <Field.Label>\n            {t('formFieldLabel__lastName')}{' '}\n            {!props?.required ? <Field.Hint>{t('formFieldHintText__optional')}</Field.Hint> : null}\n          </Field.Label>\n        </Common.Label>\n        <Common.FieldState>\n          {({ state }) => {\n            return (\n              <Common.Input\n                type='text'\n                {...props}\n                asChild\n              >\n                <Field.Input intent={state} />\n              </Common.Input>\n            );\n          }}\n        </Common.FieldState>\n        <Animated>\n          <Common.FieldError asChild>\n            {({ message, code }) => {\n              return (\n                <Field.Message intent='error'>{translateError({ message, code, name: 'last_name' })}</Field.Message>\n              );\n            }}\n          </Common.FieldError>\n        </Animated>\n      </Field.Root>\n    </Common.Field>\n  );\n}\n","import * as Common from '@clerk/elements/common';\nimport * as SignUp from '@clerk/elements/sign-up';\nimport { useClerk } from '@clerk/shared/react';\n\nimport { Connections } from '~/common/connections';\nimport { EmailField } from '~/common/email-field';\nimport { EmailOrPhoneNumberField } from '~/common/email-or-phone-number-field';\nimport { FirstNameField } from '~/common/first-name-field';\nimport { GlobalError } from '~/common/global-error';\nimport { LastNameField } from '~/common/last-name-field';\nimport { PasswordField } from '~/common/password-field';\nimport { PhoneNumberField } from '~/common/phone-number-field';\nimport { RouterLink } from '~/common/router-link';\nimport { UsernameField } from '~/common/username-field';\nimport { LOCALIZATION_NEEDED } from '~/constants/localizations';\nimport { useAppearance } from '~/contexts';\nimport { useSignUpAttributes } from '~/hooks/use-attributes';\nimport { useCard } from '~/hooks/use-card';\nimport { useDevModeWarning } from '~/hooks/use-dev-mode-warning';\nimport { useDisplayConfig } from '~/hooks/use-display-config';\nimport { useEnabledConnections } from '~/hooks/use-enabled-connections';\nimport { useEnvironment } from '~/hooks/use-environment';\nimport { useLocalizations } from '~/hooks/use-localizations';\nimport { useOptions } from '~/hooks/use-options';\nimport { Button } from '~/primitives/button';\nimport * as Card from '~/primitives/card';\nimport CaretRightLegacySm from '~/primitives/icons/caret-right-legacy-sm';\nimport { Separator } from '~/primitives/separator';\n\nexport function SignUpStart() {\n  const clerk = useClerk();\n  const { signInUrl } = useOptions();\n  const enabledConnections = useEnabledConnections();\n  const { userSettings } = useEnvironment();\n  const { t } = useLocalizations();\n  const { required: firstNameRequired, show: showFirstName } = useSignUpAttributes('first_name');\n  const { required: lastNameRequired, show: showLastName } = useSignUpAttributes('last_name');\n  const { enabled: usernameEnabled, required: usernameRequired, show: showUserName } = useSignUpAttributes('username');\n  const {\n    enabled: phoneNumberEnabled,\n    required: phoneNumberRequired,\n    show: showPhoneNumber,\n  } = useSignUpAttributes('phone_number');\n  const {\n    enabled: emailAddressEnabled,\n    required: emailAddressRequired,\n    show: showEmailAddress,\n  } = useSignUpAttributes('email_address');\n  const { required: passwordRequired, show: showPassword } = useSignUpAttributes('password');\n  const { applicationName } = useDisplayConfig();\n\n  const hasConnection = enabledConnections.length > 0;\n  const hasIdentifier = emailAddressEnabled || usernameEnabled || phoneNumberEnabled;\n  const isDev = useDevModeWarning();\n  const { options } = useAppearance().parsedAppearance;\n  const { logoProps, footerProps } = useCard();\n\n  return (\n    (<Common.Loading scope='global'>\n      {isGlobalLoading => {\n        const connectionsWithSeperator = [\n          <Connections\n            key='connections'\n            disabled={isGlobalLoading}\n          />,\n          hasConnection && hasIdentifier ? <Separator key='separator'>{t('dividerText')}</Separator> : null,\n        ];\n        return (\n          (<SignUp.Step\n            asChild\n            name='start'\n          >\n            <Card.Root\n              as='form'\n              banner={isDev ? LOCALIZATION_NEEDED.developmentMode : null}\n            >\n              <Card.Content>\n                <Card.Header>\n                  <Card.Logo {...logoProps} />\n                  <Card.Title>{t('signUp.start.title')}</Card.Title>\n                  <Card.Description>\n                    {t('signUp.start.subtitle', {\n                      applicationName,\n                    })}\n                  </Card.Description>\n                </Card.Header>\n\n                <GlobalError />\n\n                <Card.Body>\n                  {options.socialButtonsPlacement === 'top' ? connectionsWithSeperator : null}\n\n                  {hasIdentifier ? (\n                    <div className=\"cl-7147c693\">\n                      {showFirstName && showLastName ? (\n                        <div className=\"cl-8a585078\">\n                          <FirstNameField\n                            required={firstNameRequired}\n                            disabled={isGlobalLoading}\n                          />\n                          <LastNameField\n                            required={lastNameRequired}\n                            disabled={isGlobalLoading}\n                          />\n                        </div>\n                      ) : null}\n\n                      {showUserName ? (\n                        <UsernameField\n                          required={usernameRequired}\n                          disabled={isGlobalLoading}\n                        />\n                      ) : null}\n\n                      {emailAddressEnabled && !emailAddressRequired && phoneNumberEnabled && !phoneNumberRequired ? (\n                        <EmailOrPhoneNumberField\n                          toggleLabelEmail={t('signUp.start.actionLink__use_email')}\n                          toggleLabelPhoneNumber={t('signUp.start.actionLink__use_phone')}\n                        />\n                      ) : (\n                        <>\n                          {showEmailAddress ? <EmailField disabled={isGlobalLoading} /> : null}\n\n                          {showPhoneNumber ? (\n                            <PhoneNumberField\n                              required={phoneNumberRequired}\n                              disabled={isGlobalLoading}\n                              initPhoneWithCode={clerk.client.signUp.phoneNumber || ''}\n                            />\n                          ) : null}\n                        </>\n                      )}\n\n                      {showPassword ? (\n                        <PasswordField\n                          validatePassword\n                          label={t('formFieldLabel__password')}\n                          required={passwordRequired}\n                          disabled={isGlobalLoading}\n                        />\n                      ) : null}\n                    </div>\n                  ) : null}\n\n                  {options.socialButtonsPlacement === 'bottom' ? connectionsWithSeperator.reverse() : null}\n\n                  {userSettings.signUp.captcha_enabled ? <SignUp.Captcha className=\"cl-7a09f230\" /> : null}\n                </Card.Body>\n                {hasConnection || hasIdentifier ? (\n                  <Card.Actions>\n                    <Common.Loading scope='submit'>\n                      {isSubmitting => {\n                        return (\n                          <SignUp.Action\n                            submit\n                            asChild\n                          >\n                            <Button\n                              busy={isSubmitting}\n                              disabled={isGlobalLoading}\n                              iconEnd={<CaretRightLegacySm />}\n                            >\n                              {t('formButtonPrimary')}\n                            </Button>\n                          </SignUp.Action>\n                        );\n                      }}\n                    </Common.Loading>\n                  </Card.Actions>\n                ) : null}\n              </Card.Content>\n              <Card.Footer {...footerProps}>\n                <Card.FooterAction>\n                  <Card.FooterActionText>\n                    {t('signUp.start.actionText')}{' '}\n                    <RouterLink\n                      asChild\n                      href={clerk.buildUrlWithAuth(signInUrl || '/sign-in')}\n                    >\n                      <Card.FooterActionLink>{t('signUp.start.actionLink')}</Card.FooterActionLink>\n                    </RouterLink>\n                  </Card.FooterActionText>\n                </Card.FooterAction>\n              </Card.Footer>\n            </Card.Root>\n          </SignUp.Step>)\n        );\n      }}\n    </Common.Loading>)\n  );\n}\n","import * as Common from '@clerk/elements/common';\nimport * as SignUp from '@clerk/elements/sign-up';\nimport { useClerk } from '@clerk/shared/react';\n\nimport { GlobalError } from '~/common/global-error';\nimport { OTPField } from '~/common/otp-field';\nimport { LOCALIZATION_NEEDED } from '~/constants/localizations';\nimport { useCard } from '~/hooks/use-card';\nimport { useDevModeWarning } from '~/hooks/use-dev-mode-warning';\nimport { useDisplayConfig } from '~/hooks/use-display-config';\nimport { useLocalizations } from '~/hooks/use-localizations';\nimport { Button } from '~/primitives/button';\nimport * as Card from '~/primitives/card';\nimport CaretRightLegacySm from '~/primitives/icons/caret-right-legacy-sm';\nimport PenSm from '~/primitives/icons/pen-sm';\nimport { LinkButton } from '~/primitives/link';\nimport type { RequireExactlyOne } from '~/types/utils';\nimport { parsePhoneString } from '~/utils/phone-number';\n\n/* Internal\n  ============================================ */\n\ntype Identifiers = {\n  emailAddress: boolean;\n  phoneNumber: boolean;\n};\n\ntype Identifier = RequireExactlyOne<Identifiers>;\n\nfunction SignUpIdentifier({ emailAddress, phoneNumber }: Identifier) {\n  const { client } = useClerk();\n\n  if (emailAddress) {\n    return <span>{client.signUp.emailAddress}</span>;\n  }\n\n  if (phoneNumber) {\n    const { formattedNumberWithCode } = parsePhoneString(client.signUp.phoneNumber || '');\n    return <span>{formattedNumberWithCode}</span>;\n  }\n\n  return null;\n}\n\n/* Public\n  ============================================ */\n\nexport function SignUpVerifications() {\n  const { t } = useLocalizations();\n  const { applicationName } = useDisplayConfig();\n\n  const isDev = useDevModeWarning();\n  const { logoProps, footerProps } = useCard();\n\n  return (\n    (<Common.Loading scope='global'>\n      {isGlobalLoading => {\n        return (\n          (<SignUp.Step\n            asChild\n            name='verifications'\n          >\n            <Card.Root\n              as='form'\n              banner={isDev ? LOCALIZATION_NEEDED.developmentMode : null}\n            >\n              <Card.Content>\n                <SignUp.Strategy name='phone_code'>\n                  <Card.Header>\n                    <Card.Logo {...logoProps} />\n                    <Card.Title>{t('signUp.phoneCode.title')}</Card.Title>\n                    <Card.Description>{t('signUp.phoneCode.subtitle')}</Card.Description>\n                    <Card.Description>\n                      <span className=\"cl-6cb778e1\">\n                        <SignUpIdentifier phoneNumber />\n                        <SignUp.Action\n                          navigate='start'\n                          asChild\n                        >\n                          <button\n                            type='button'\n                            className=\"cl-0f165050\"\n                            aria-label='Start again'\n                          >\n                            <PenSm />\n                          </button>\n                        </SignUp.Action>\n                      </span>\n                    </Card.Description>\n                  </Card.Header>\n\n                  <GlobalError />\n\n                  <Card.Body>\n                    <OTPField\n                      label={t('signUp.phoneCode.formTitle')}\n                      disabled={isGlobalLoading}\n                      resend={\n                        <SignUp.Action\n                          asChild\n                          resend\n                          // eslint-disable-next-line react/no-unstable-nested-components\n                          fallback={({ resendableAfter }) => (\n                            <LinkButton\n                              type='button'\n                              disabled\n                            >\n                              {t('signUp.phoneCode.resendButton')} (\n                              <span className=\"cl-ba2d0eea\">{resendableAfter}</span>)\n                            </LinkButton>\n                          )}\n                        >\n                          <LinkButton type='button'>{t('signUp.phoneCode.resendButton')}</LinkButton>\n                        </SignUp.Action>\n                      }\n                    />\n                  </Card.Body>\n                  <Card.Actions>\n                    <Common.Loading scope='submit'>\n                      {isSubmitting => {\n                        return (\n                          <SignUp.Action\n                            submit\n                            asChild\n                          >\n                            <Button\n                              busy={isSubmitting}\n                              disabled={isGlobalLoading}\n                              iconEnd={<CaretRightLegacySm />}\n                            >\n                              {t('formButtonPrimary')}\n                            </Button>\n                          </SignUp.Action>\n                        );\n                      }}\n                    </Common.Loading>\n                  </Card.Actions>\n                </SignUp.Strategy>\n\n                <SignUp.Strategy name='email_code'>\n                  <Card.Header>\n                    <Card.Logo {...logoProps} />\n                    <Card.Title>{t('signUp.emailCode.title')}</Card.Title>\n                    <Card.Description>{t('signUp.emailCode.subtitle')}</Card.Description>\n                    <Card.Description>\n                      <span className=\"cl-6cb778e1\">\n                        <SignUpIdentifier emailAddress />\n                        <SignUp.Action\n                          navigate='start'\n                          asChild\n                        >\n                          <button\n                            type='button'\n                            className=\"cl-0f165050\"\n                            aria-label='Start again'\n                          >\n                            <PenSm />\n                          </button>\n                        </SignUp.Action>\n                      </span>\n                    </Card.Description>\n                  </Card.Header>\n\n                  <GlobalError />\n\n                  <Card.Body>\n                    <OTPField\n                      label={t('signUp.emailCode.formTitle')}\n                      disabled={isGlobalLoading}\n                      resend={\n                        <SignUp.Action\n                          asChild\n                          resend\n                          // eslint-disable-next-line react/no-unstable-nested-components\n                          fallback={({ resendableAfter }) => (\n                            <LinkButton\n                              type='button'\n                              disabled\n                            >\n                              {t('signUp.emailCode.resendButton')} (\n                              <span className=\"cl-ba2d0eea\">{resendableAfter}</span>)\n                            </LinkButton>\n                          )}\n                        >\n                          <LinkButton type='button'>{t('signUp.emailCode.resendButton')}</LinkButton>\n                        </SignUp.Action>\n                      }\n                    />\n                  </Card.Body>\n                  <Card.Actions>\n                    <Common.Loading scope='submit'>\n                      {isSubmitting => {\n                        return (\n                          <SignUp.Action\n                            submit\n                            asChild\n                          >\n                            <Button\n                              busy={isSubmitting}\n                              disabled={isGlobalLoading}\n                              iconEnd={<CaretRightLegacySm />}\n                            >\n                              {t('formButtonPrimary')}\n                            </Button>\n                          </SignUp.Action>\n                        );\n                      }}\n                    </Common.Loading>\n                  </Card.Actions>\n                </SignUp.Strategy>\n\n                <SignUp.Strategy name='email_link'>\n                  <Card.Header>\n                    <Card.Logo {...logoProps} />\n                    <Card.Title>{t('signUp.emailLink.title')}</Card.Title>\n                    <Card.Description>\n                      {t('signUp.emailLink.subtitle', {\n                        applicationName,\n                      })}\n                    </Card.Description>\n                    <Card.Description>\n                      <span className=\"cl-6cb778e1\">\n                        <SignUpIdentifier emailAddress />\n                        <SignUp.Action\n                          navigate='start'\n                          asChild\n                        >\n                          <button\n                            type='button'\n                            className=\"cl-0f165050\"\n                            aria-label='Start again'\n                          >\n                            <PenSm />\n                          </button>\n                        </SignUp.Action>\n                      </span>\n                    </Card.Description>\n                  </Card.Header>\n\n                  <GlobalError />\n\n                  <Card.Body>\n                    <SignUp.Action\n                      resend\n                      asChild\n                      // eslint-disable-next-line react/no-unstable-nested-components\n                      fallback={({ resendableAfter }) => {\n                        return (\n                          (<LinkButton\n                            type='button'\n                            disabled\n                          >\n                            {t('signUp.emailLink.resendButton')}(<span className=\"cl-ba2d0eea\">{resendableAfter}</span>)</LinkButton>)\n                        );\n                      }}\n                    >\n                      <LinkButton type='button'>{t('signUp.emailLink.resendButton')}</LinkButton>\n                    </SignUp.Action>\n                  </Card.Body>\n                </SignUp.Strategy>\n              </Card.Content>\n              <Card.Footer {...footerProps} />\n            </Card.Root>\n          </SignUp.Step>)\n        );\n      }}\n    </Common.Loading>)\n  );\n}\n"]}

package/dist/contexts.d.mts

@@ -1,13 +1,14 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { Appearance as Appearance$1, Layout } from '@clerk/types';
+import { OAuthProvider, Web3Provider, Appearance as Appearance$1, Layout } from '@clerk/types';
 import React from 'react';
 
-type AlertDescriptorIdentifier = 'alert' | 'alert__error' | 'alert__warning' | 'alertRoot' | 'alertIcon';
-type SeparatorDescriptorIdentifier = 'separator';
+declare const DESCRIPTORS: readonly ["alert", "alert__error", "alert__warning", "alertIcon", "button", "buttonPrimary", "buttonSecondary", "buttonConnection", "buttonPrimaryDefault", "buttonSecondaryDefault", "buttonConnectionDefault", "buttonDisabled", "buttonBusy", "buttonText", "buttonTextVisuallyHidden", "buttonIcon", "buttonIconStart", "buttonIconEnd", "buttonSpinner", ...string[], "connectionList", "connectionListItem", "separator", "spinner", "cardRoot", "cardRootDefault", "cardRootInner", "cardHeader", "cardContent", "cardTitle", "cardDescription", "cardBody", "cardActions", "cardFooter", "cardFooterAction", "cardFooterActionText", "cardFooterActionLink", "cardFooterActionButton", "cardFooterActionPageLink", "cardLogoBox", "cardLogoLink", "cardLogoImage"];
+type Provider = OAuthProvider | Web3Provider;
 /**
  * Union of all valid descriptors used throughout the components.
  */
-type DescriptorIdentifier = AlertDescriptorIdentifier | SeparatorDescriptorIdentifier;
+type DescriptorIdentifier = (typeof DESCRIPTORS)[number] | `buttonConnection__${Provider}`;
+
 /**
  * The final resulting descriptor that gets passed to mergeDescriptors and spread on the element.
  */

package/dist/contexts.d.ts

@@ -1,13 +1,14 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { Appearance as Appearance$1, Layout } from '@clerk/types';
+import { OAuthProvider, Web3Provider, Appearance as Appearance$1, Layout } from '@clerk/types';
 import React from 'react';
 
-type AlertDescriptorIdentifier = 'alert' | 'alert__error' | 'alert__warning' | 'alertRoot' | 'alertIcon';
-type SeparatorDescriptorIdentifier = 'separator';
+declare const DESCRIPTORS: readonly ["alert", "alert__error", "alert__warning", "alertIcon", "button", "buttonPrimary", "buttonSecondary", "buttonConnection", "buttonPrimaryDefault", "buttonSecondaryDefault", "buttonConnectionDefault", "buttonDisabled", "buttonBusy", "buttonText", "buttonTextVisuallyHidden", "buttonIcon", "buttonIconStart", "buttonIconEnd", "buttonSpinner", ...string[], "connectionList", "connectionListItem", "separator", "spinner", "cardRoot", "cardRootDefault", "cardRootInner", "cardHeader", "cardContent", "cardTitle", "cardDescription", "cardBody", "cardActions", "cardFooter", "cardFooterAction", "cardFooterActionText", "cardFooterActionLink", "cardFooterActionButton", "cardFooterActionPageLink", "cardLogoBox", "cardLogoLink", "cardLogoImage"];
+type Provider = OAuthProvider | Web3Provider;
 /**
  * Union of all valid descriptors used throughout the components.
  */
-type DescriptorIdentifier = AlertDescriptorIdentifier | SeparatorDescriptorIdentifier;
+type DescriptorIdentifier = (typeof DESCRIPTORS)[number] | `buttonConnection__${Provider}`;
+
 /**
  * The final resulting descriptor that gets passed to mergeDescriptors and spread on the element.
  */