@stytch/react 20.0.4 → 20.0.5

package/dist/esm/packages/web/src/ui/b2b/screens/RecoveryCodeSaveScreen.module.css.mjs

@@ -1,8 +1,8 @@
 import { collectCss } from '../../../../../../internal/style-injector/src/index.mjs';
 
-var css = ".RecoveryCodeSaveScreen_module_codes__5283da32{column-gap:4ch;display:grid;grid-template-columns:repeat(auto-fill,var(--st-max-code-length));justify-content:center;list-style:none;margin:0 auto;max-width:calc(var(--st-max-code-length)*2 + 4ch)}.RecoveryCodeSaveScreen_module_codes__5283da32 li{-webkit-user-select:all;user-select:all;white-space:nowrap}";
-collectCss(css);
+var css$2 = ".RecoveryCodeSaveScreen_module_codes__5283da32{column-gap:4ch;display:grid;grid-template-columns:repeat(auto-fill,var(--st-max-code-length));justify-content:center;list-style:none;margin:0 auto;max-width:calc(var(--st-max-code-length)*2 + 4ch)}.RecoveryCodeSaveScreen_module_codes__5283da32 li{-webkit-user-select:all;user-select:all;white-space:nowrap}";
+collectCss(css$2);
 var modules_18162161 = {"codes":"RecoveryCodeSaveScreen_module_codes__5283da32"};
 
-export { css, modules_18162161 as default };
+export { css$2 as css, modules_18162161 as default };
 //# sourceMappingURL=RecoveryCodeSaveScreen.module.css.mjs.map

package/dist/esm/packages/web/src/ui/b2b/screens/TOTPEnrollManualScreen.module.css.mjs

@@ -1,8 +1,8 @@
 import { collectCss } from '../../../../../../internal/style-injector/src/index.mjs';
 
-var css = ".TOTPEnrollManualScreen_module_codeContainer__dc7a0e56{cursor:pointer}.TOTPEnrollManualScreen_module_code__dc7a0e56{column-gap:1ch;display:grid;grid-template-columns:repeat(var(--st-column-count,auto-fill),var(--st-chunk-size,4ch));justify-content:center}";
-collectCss(css);
+var css$1 = ".TOTPEnrollManualScreen_module_codeContainer__dc7a0e56{cursor:pointer}.TOTPEnrollManualScreen_module_code__dc7a0e56{column-gap:1ch;display:grid;grid-template-columns:repeat(var(--st-column-count,auto-fill),var(--st-chunk-size,4ch));justify-content:center}";
+collectCss(css$1);
 var modules_f9925f51 = {"codeContainer":"TOTPEnrollManualScreen_module_codeContainer__dc7a0e56","code":"TOTPEnrollManualScreen_module_code__dc7a0e56"};
 
-export { css, modules_f9925f51 as default };
+export { css$1 as css, modules_f9925f51 as default };
 //# sourceMappingURL=TOTPEnrollManualScreen.module.css.mjs.map

package/dist/esm/packages/web/src/ui/b2c/Container.mjs

@@ -7,7 +7,7 @@ import { useGlobalReducer, useConfig, AppScreens } from './GlobalContextProvider
 import { MainScreen } from './screens/Main/index.mjs';
 import { useProductComponents } from './utils.mjs';
 
-const AppContainer = ()=>{
+const AppContainer$1 = ()=>{
     const [state] = useGlobalReducer();
     const config = useConfig();
     const { displayWatermark, theme, options } = usePresentation();
@@ -28,5 +28,5 @@ const AppContainer = ()=>{
     }), /*#__PURE__*/ React__default.createElement(ScreenComponent, null));
 };
 
-export { AppContainer as default };
+export { AppContainer$1 as default };
 //# sourceMappingURL=Container.mjs.map

package/dist/esm/packages/web/src/ui/b2c/Container.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Container.mjs","sources":["../../../../../../../../web/src/ui/b2c/Container.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\n\nimport Logo from '../components/atoms/Logo';\nimport MainContainer from '../components/molecules/MainContainer';\nimport { usePresentation } from '../components/PresentationConfig';\nimport { useIsOnlyFloatingOneTap } from '../hooks/useIsOnlyFloatingOneTap';\nimport { AppScreens, useConfig, useGlobalReducer } from './GlobalContextProvider';\nimport { MainScreen } from './screens/Main';\nimport { useProductComponents } from './utils';\n\nconst AppContainer: () => null | ReactNode = () => {\n  const [state] = useGlobalReducer();\n  const config = useConfig();\n  const { displayWatermark, theme, options } = usePresentation();\n  const isOnlyFloatingOneTap = useIsOnlyFloatingOneTap(config);\n  const currentScreen = state.screen;\n\n  const screenComponentMap = useProductComponents(config.products, 'screens');\n\n  if (isOnlyFloatingOneTap) {\n    const { FloatingOneTap } = screenComponentMap;\n    return <FloatingOneTap />;\n  }\n\n  // MainScreen is omitted from StytchProduct since it's used by everything\n  const ScreenComponent = currentScreen === AppScreens.Main ? MainScreen : screenComponentMap[currentScreen];\n  return (\n    <MainContainer theme={theme} displayWatermark={displayWatermark}>\n      {options.logo && <Logo appLogo={options.logo} />}\n\n      <ScreenComponent />\n    </MainContainer>\n  );\n};\n\nexport default AppContainer;\n"],"names":["AppContainer","state","useGlobalReducer","config","useConfig","displayWatermark","theme","options","usePresentation","isOnlyFloatingOneTap","useIsOnlyFloatingOneTap","currentScreen","screen","screenComponentMap","useProductComponents","products","FloatingOneTap","React","ScreenComponent","AppScreens","Main","MainScreen","MainContainer","logo","Logo","appLogo"],"mappings":";;;;;;;;;AAUA,MAAMA,YAAAA,GAAuC,IAAA;IAC3C,MAAM,CAACC,MAAM,GAAGC,gBAAAA,EAAAA;AAChB,IAAA,MAAMC,MAAAA,GAASC,SAAAA,EAAAA;AACf,IAAA,MAAM,EAAEC,gBAAgB,EAAEC,KAAK,EAAEC,OAAO,EAAE,GAAGC,eAAAA,EAAAA;AAC7C,IAAA,MAAMC,uBAAuBC,uBAAAA,CAAwBP,MAAAA,CAAAA;IACrD,MAAMQ,aAAAA,GAAgBV,MAAMW,MAAM;AAElC,IAAA,MAAMC,kBAAAA,GAAqBC,oBAAAA,CAAqBX,MAAAA,CAAOY,QAAQ,EAAE,SAAA,CAAA;AAEjE,IAAA,IAAIN,oBAAAA,EAAsB;QACxB,MAAM,EAAEO,cAAc,EAAE,GAAGH,kBAAAA;AAC3B,QAAA,qBAAOI,cAAA,CAAA,aAAA,CAACD,cAAAA,EAAAA,IAAAA,CAAAA;AACV,IAAA;;IAGA,MAAME,eAAAA,GAAkBP,kBAAkBQ,UAAAA,CAAWC,IAAI,GAAGC,UAAAA,GAAaR,kBAAkB,CAACF,aAAAA,CAAc;AAC1G,IAAA,qBACEM,cAAA,CAAA,aAAA,CAACK,aAAAA,EAAAA;QAAchB,KAAAA,EAAOA,KAAAA;QAAOD,gBAAAA,EAAkBA;OAC5CE,OAAAA,CAAQgB,IAAI,kBAAIN,cAAA,CAAA,aAAA,CAACO,IAAAA,EAAAA;AAAKC,QAAAA,OAAAA,EAASlB,QAAQgB;sBAExCN,cAAA,CAAA,aAAA,CAACC,eAAAA,EAAAA,IAAAA,CAAAA,CAAAA;AAGP;;;;"}
+{"version":3,"file":"Container.mjs","sources":["../../../../../../../../web/src/ui/b2c/Container.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\n\nimport Logo from '../components/atoms/Logo';\nimport MainContainer from '../components/molecules/MainContainer';\nimport { usePresentation } from '../components/PresentationConfig';\nimport { useIsOnlyFloatingOneTap } from '../hooks/useIsOnlyFloatingOneTap';\nimport { AppScreens, useConfig, useGlobalReducer } from './GlobalContextProvider';\nimport { MainScreen } from './screens/Main';\nimport { useProductComponents } from './utils';\n\nconst AppContainer: () => null | ReactNode = () => {\n  const [state] = useGlobalReducer();\n  const config = useConfig();\n  const { displayWatermark, theme, options } = usePresentation();\n  const isOnlyFloatingOneTap = useIsOnlyFloatingOneTap(config);\n  const currentScreen = state.screen;\n\n  const screenComponentMap = useProductComponents(config.products, 'screens');\n\n  if (isOnlyFloatingOneTap) {\n    const { FloatingOneTap } = screenComponentMap;\n    return <FloatingOneTap />;\n  }\n\n  // MainScreen is omitted from StytchProduct since it's used by everything\n  const ScreenComponent = currentScreen === AppScreens.Main ? MainScreen : screenComponentMap[currentScreen];\n  return (\n    <MainContainer theme={theme} displayWatermark={displayWatermark}>\n      {options.logo && <Logo appLogo={options.logo} />}\n\n      <ScreenComponent />\n    </MainContainer>\n  );\n};\n\nexport default AppContainer;\n"],"names":["AppContainer","state","useGlobalReducer","config","useConfig","displayWatermark","theme","options","usePresentation","isOnlyFloatingOneTap","useIsOnlyFloatingOneTap","currentScreen","screen","screenComponentMap","useProductComponents","products","FloatingOneTap","React","ScreenComponent","AppScreens","Main","MainScreen","MainContainer","logo","Logo","appLogo"],"mappings":";;;;;;;;;AAUA,MAAMA,cAAAA,GAAuC,IAAA;IAC3C,MAAM,CAACC,MAAM,GAAGC,gBAAAA,EAAAA;AAChB,IAAA,MAAMC,MAAAA,GAASC,SAAAA,EAAAA;AACf,IAAA,MAAM,EAAEC,gBAAgB,EAAEC,KAAK,EAAEC,OAAO,EAAE,GAAGC,eAAAA,EAAAA;AAC7C,IAAA,MAAMC,uBAAuBC,uBAAAA,CAAwBP,MAAAA,CAAAA;IACrD,MAAMQ,aAAAA,GAAgBV,MAAMW,MAAM;AAElC,IAAA,MAAMC,kBAAAA,GAAqBC,oBAAAA,CAAqBX,MAAAA,CAAOY,QAAQ,EAAE,SAAA,CAAA;AAEjE,IAAA,IAAIN,oBAAAA,EAAsB;QACxB,MAAM,EAAEO,cAAc,EAAE,GAAGH,kBAAAA;AAC3B,QAAA,qBAAOI,cAAA,CAAA,aAAA,CAACD,cAAAA,EAAAA,IAAAA,CAAAA;AACV,IAAA;;IAGA,MAAME,eAAAA,GAAkBP,kBAAkBQ,UAAAA,CAAWC,IAAI,GAAGC,UAAAA,GAAaR,kBAAkB,CAACF,aAAAA,CAAc;AAC1G,IAAA,qBACEM,cAAA,CAAA,aAAA,CAACK,aAAAA,EAAAA;QAAchB,KAAAA,EAAOA,KAAAA;QAAOD,gBAAAA,EAAkBA;OAC5CE,OAAAA,CAAQgB,IAAI,kBAAIN,cAAA,CAAA,aAAA,CAACO,IAAAA,EAAAA;AAAKC,QAAAA,OAAAA,EAASlB,QAAQgB;sBAExCN,cAAA,CAAA,aAAA,CAACC,eAAAA,EAAAA,IAAAA,CAAAA,CAAAA;AAGP;;;;"}

package/dist/esm/packages/web/src/ui/b2c/GlobalContextProvider.mjs

@@ -72,11 +72,11 @@ const GlobalContextProvider = ({ children, client, config, callbacks, initialSta
     }, children);
 };
 const useGlobalContext = ()=>useContext(GlobalContext);
-const useStytch = ()=>useGlobalContext().client;
+const useStytch$1 = ()=>useGlobalContext().client;
 const useGlobalReducer = ()=>useGlobalContext().state;
 const useConfig = ()=>useGlobalContext().config;
 const useErrorCallback = ()=>useEvent(useGlobalContext().callbacks?.onError ?? noop);
 const useEventCallback = ()=>useEvent(useGlobalContext().callbacks?.onEvent ?? noop);
 
-export { AppScreens, DEFAULT_STATE, GlobalContext, GlobalContextProvider, useConfig, useErrorCallback, useEventCallback, useGlobalContext, useGlobalReducer, useStytch };
+export { AppScreens, DEFAULT_STATE, GlobalContext, GlobalContextProvider, useConfig, useErrorCallback, useEventCallback, useGlobalContext, useGlobalReducer, useStytch$1 as useStytch };
 //# sourceMappingURL=GlobalContextProvider.mjs.map

package/dist/esm/packages/web/src/ui/b2c/GlobalContextProvider.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"GlobalContextProvider.mjs","sources":["../../../../../../../../web/src/ui/b2c/GlobalContextProvider.tsx"],"sourcesContent":["import { Callbacks, OTPMethods, StytchProjectConfigurationInput, Wallets } from '@stytch/core/public';\nimport React, { useContext } from 'react';\n\nimport type { StytchClient } from '../../StytchClient';\nimport { StytchLoginConfig } from '../../types';\nimport { noop } from '../../utils';\nimport { useEvent } from '../hooks/useEvent';\nimport { Action, reducer } from './reducer';\n\n/* eslint-disable lingui/no-unlocalized-strings -- internal constants, not user-facing strings */\nexport const AppScreens = {\n  Main: 'Main',\n  FloatingOneTap: 'FloatingOneTap',\n  PasskeyRegistrationStart: 'PasskeyRegistrationStart',\n  PasskeyRegistrationSuccess: 'PasskeyRegistrationSuccess',\n  PasskeyConfirmation: 'PasskeyConfirmation',\n  PasswordCreateOrLogin: 'PasswordCreateOrLogin',\n  PasswordResetForm: 'PasswordResetForm',\n  PasswordForgot: 'PasswordForgot',\n  PasswordBreached: 'PasswordBreached',\n  PasswordSetNew: 'PasswordSetNew',\n  PasswordDedupe: 'PasswordDedupe',\n  PasswordConfirmation: 'PasswordConfirmation',\n  EmailConfirmation: 'EmailConfirmation',\n  OTPAuthenticate: 'OTPAuthenticate',\n  OTPConfirmation: 'OTPConfirmation',\n  CryptoConnect: 'CryptoConnect',\n  CryptoSignMessage: 'CryptoSignMessage',\n  CryptoOtherScreen: 'CryptoOtherScreen',\n  CryptoSetupWallet: 'CryptoSetupWallet',\n  CryptoError: 'CryptoError',\n  CryptoConfirmation: 'CryptoConfirmation',\n} as const;\n/* eslint-enable lingui/no-unlocalized-strings */\n\nexport type AppScreens = keyof typeof AppScreens;\n\nexport type MagicLinkState = {\n  email: string;\n};\n\nexport type OTPState = {\n  type: OTPMethods;\n  methodId: string;\n  otpDestination: string;\n};\n\nexport type PasswordState = {\n  email: string;\n  type: 'new' | 'passwordless' | 'password';\n};\n\nexport type CryptoState = {\n  walletAddress: string;\n  walletOption: Wallets;\n  walletChallenge: string;\n};\n\nexport type ResetPasswordState = {\n  token: string;\n};\n\nexport type FormState = {\n  magicLinkState: MagicLinkState;\n  otpState: OTPState;\n  cryptoState: CryptoState;\n  passwordState: PasswordState;\n  resetPasswordState: ResetPasswordState;\n};\n\nexport type AppState = {\n  screen: AppScreens;\n  formState: FormState;\n};\n\nexport type AppContext<TProjectConfiguration extends StytchProjectConfigurationInput> = {\n  client: StytchClient<TProjectConfiguration>;\n  config: StytchLoginConfig;\n  callbacks?: Callbacks<TProjectConfiguration>;\n  state: [AppState, React.Dispatch<Action>];\n};\n\nexport const DEFAULT_STATE: AppState = {\n  screen: AppScreens.Main,\n  formState: {\n    magicLinkState: {\n      email: '',\n    },\n    otpState: {\n      type: OTPMethods.Email,\n      methodId: '',\n      otpDestination: '',\n    },\n    cryptoState: {\n      walletAddress: '',\n      walletOption: Wallets.Metamask,\n      walletChallenge: '',\n    },\n    passwordState: {\n      email: '',\n      type: 'new',\n    },\n    resetPasswordState: {\n      token: '',\n    },\n  },\n};\n\nexport const GlobalContext = React.createContext<AppContext<StytchProjectConfigurationInput>>({\n  client: {} as StytchClient<StytchProjectConfigurationInput>,\n  config: {} as StytchLoginConfig,\n  state: [DEFAULT_STATE, () => null],\n});\n\nexport type GlobalContextProviderProps<TProjectConfiguration extends StytchProjectConfigurationInput> = {\n  children: React.ReactNode;\n  client: StytchClient<TProjectConfiguration>;\n  config: StytchLoginConfig;\n  callbacks?: Callbacks<TProjectConfiguration>;\n  initialState?: AppState;\n};\n\nexport const GlobalContextProvider = <TProjectConfiguration extends StytchProjectConfigurationInput>({\n  children,\n  client,\n  config,\n  callbacks,\n  initialState,\n}: GlobalContextProviderProps<TProjectConfiguration>) => {\n  const state = React.useReducer(reducer, initialState ?? DEFAULT_STATE);\n\n  return <GlobalContext.Provider value={{ client, state, config, callbacks }}>{children}</GlobalContext.Provider>;\n};\n\nexport const useGlobalContext = () => useContext(GlobalContext);\nexport const useStytch = () => useGlobalContext().client;\nexport const useGlobalReducer = () => useGlobalContext().state;\nexport const useConfig = () => useGlobalContext().config;\nexport const useErrorCallback = () => useEvent(useGlobalContext().callbacks?.onError ?? noop);\nexport const useEventCallback = () => useEvent(useGlobalContext().callbacks?.onEvent ?? noop);\n"],"names":["AppScreens","Main","FloatingOneTap","PasskeyRegistrationStart","PasskeyRegistrationSuccess","PasskeyConfirmation","PasswordCreateOrLogin","PasswordResetForm","PasswordForgot","PasswordBreached","PasswordSetNew","PasswordDedupe","PasswordConfirmation","EmailConfirmation","OTPAuthenticate","OTPConfirmation","CryptoConnect","CryptoSignMessage","CryptoOtherScreen","CryptoSetupWallet","CryptoError","CryptoConfirmation","DEFAULT_STATE","screen","formState","magicLinkState","email","otpState","type","OTPMethods","Email","methodId","otpDestination","cryptoState","walletAddress","walletOption","Wallets","Metamask","walletChallenge","passwordState","resetPasswordState","token","GlobalContext","React","createContext","client","config","state","GlobalContextProvider","children","callbacks","initialState","useReducer","reducer","Provider","value","useGlobalContext","useContext","useStytch","useGlobalReducer","useConfig","useErrorCallback","useEvent","onError","noop","useEventCallback","onEvent"],"mappings":";;;;;;AASA,kGACO,MAAMA,UAAAA,GAAa;IACxBC,IAAAA,EAAM,MAAA;IACNC,cAAAA,EAAgB,gBAAA;IAChBC,wBAAAA,EAA0B,0BAAA;IAC1BC,0BAAAA,EAA4B,4BAAA;IAC5BC,mBAAAA,EAAqB,qBAAA;IACrBC,qBAAAA,EAAuB,uBAAA;IACvBC,iBAAAA,EAAmB,mBAAA;IACnBC,cAAAA,EAAgB,gBAAA;IAChBC,gBAAAA,EAAkB,kBAAA;IAClBC,cAAAA,EAAgB,gBAAA;IAChBC,cAAAA,EAAgB,gBAAA;IAChBC,oBAAAA,EAAsB,sBAAA;IACtBC,iBAAAA,EAAmB,mBAAA;IACnBC,eAAAA,EAAiB,iBAAA;IACjBC,eAAAA,EAAiB,iBAAA;IACjBC,aAAAA,EAAe,eAAA;IACfC,iBAAAA,EAAmB,mBAAA;IACnBC,iBAAAA,EAAmB,mBAAA;IACnBC,iBAAAA,EAAmB,mBAAA;IACnBC,WAAAA,EAAa,aAAA;IACbC,kBAAAA,EAAoB;AACtB;MAkDaC,aAAAA,GAA0B;AACrCC,IAAAA,MAAAA,EAAQvB,WAAWC,IAAI;IACvBuB,SAAAA,EAAW;QACTC,cAAAA,EAAgB;YACdC,KAAAA,EAAO;AACT,SAAA;QACAC,QAAAA,EAAU;AACRC,YAAAA,IAAAA,EAAMC,WAAWC,KAAK;YACtBC,QAAAA,EAAU,EAAA;YACVC,cAAAA,EAAgB;AAClB,SAAA;QACAC,WAAAA,EAAa;YACXC,aAAAA,EAAe,EAAA;AACfC,YAAAA,YAAAA,EAAcC,QAAQC,QAAQ;YAC9BC,eAAAA,EAAiB;AACnB,SAAA;QACAC,aAAAA,EAAe;YACbb,KAAAA,EAAO,EAAA;YACPE,IAAAA,EAAM;AACR,SAAA;QACAY,kBAAAA,EAAoB;YAClBC,KAAAA,EAAO;AACT;AACF;AACF;AAEO,MAAMC,aAAAA,iBAAgBC,cAAAA,CAAMC,aAAa,CAA8C;AAC5FC,IAAAA,MAAAA,EAAQ,EAAC;AACTC,IAAAA,MAAAA,EAAQ,EAAC;IACTC,KAAAA,EAAO;AAACzB,QAAAA,aAAAA;QAAe,IAAM;AAAK;AACpC,CAAA;AAUO,MAAM0B,qBAAAA,GAAwB,CAAgE,EACnGC,QAAQ,EACRJ,MAAM,EACNC,MAAM,EACNI,SAAS,EACTC,YAAY,EACsC,GAAA;AAClD,IAAA,MAAMJ,KAAAA,GAAQJ,cAAAA,CAAMS,UAAU,CAACC,SAASF,YAAAA,IAAgB7B,aAAAA,CAAAA;IAExD,qBAAOqB,cAAA,CAAA,aAAA,CAACD,cAAcY,QAAQ,EAAA;QAACC,KAAAA,EAAO;AAAEV,YAAAA,MAAAA;AAAQE,YAAAA,KAAAA;AAAOD,YAAAA,MAAAA;AAAQI,YAAAA;AAAU;AAAID,KAAAA,EAAAA,QAAAA,CAAAA;AAC/E;AAEO,MAAMO,gBAAAA,GAAmB,IAAMC,UAAAA,CAAWf,aAAAA;AAC1C,MAAMgB,SAAAA,GAAY,IAAMF,gBAAAA,EAAAA,CAAmBX;AAC3C,MAAMc,gBAAAA,GAAmB,IAAMH,gBAAAA,EAAAA,CAAmBT;AAClD,MAAMa,SAAAA,GAAY,IAAMJ,gBAAAA,EAAAA,CAAmBV;AAC3C,MAAMe,mBAAmB,IAAMC,QAAAA,CAASN,mBAAmBN,SAAS,EAAEa,WAAWC,IAAAA;AACjF,MAAMC,mBAAmB,IAAMH,QAAAA,CAASN,mBAAmBN,SAAS,EAAEgB,WAAWF,IAAAA;;;;"}
+{"version":3,"file":"GlobalContextProvider.mjs","sources":["../../../../../../../../web/src/ui/b2c/GlobalContextProvider.tsx"],"sourcesContent":["import { Callbacks, OTPMethods, StytchProjectConfigurationInput, Wallets } from '@stytch/core/public';\nimport React, { useContext } from 'react';\n\nimport type { StytchClient } from '../../StytchClient';\nimport { StytchLoginConfig } from '../../types';\nimport { noop } from '../../utils';\nimport { useEvent } from '../hooks/useEvent';\nimport { Action, reducer } from './reducer';\n\n/* eslint-disable lingui/no-unlocalized-strings -- internal constants, not user-facing strings */\nexport const AppScreens = {\n  Main: 'Main',\n  FloatingOneTap: 'FloatingOneTap',\n  PasskeyRegistrationStart: 'PasskeyRegistrationStart',\n  PasskeyRegistrationSuccess: 'PasskeyRegistrationSuccess',\n  PasskeyConfirmation: 'PasskeyConfirmation',\n  PasswordCreateOrLogin: 'PasswordCreateOrLogin',\n  PasswordResetForm: 'PasswordResetForm',\n  PasswordForgot: 'PasswordForgot',\n  PasswordBreached: 'PasswordBreached',\n  PasswordSetNew: 'PasswordSetNew',\n  PasswordDedupe: 'PasswordDedupe',\n  PasswordConfirmation: 'PasswordConfirmation',\n  EmailConfirmation: 'EmailConfirmation',\n  OTPAuthenticate: 'OTPAuthenticate',\n  OTPConfirmation: 'OTPConfirmation',\n  CryptoConnect: 'CryptoConnect',\n  CryptoSignMessage: 'CryptoSignMessage',\n  CryptoOtherScreen: 'CryptoOtherScreen',\n  CryptoSetupWallet: 'CryptoSetupWallet',\n  CryptoError: 'CryptoError',\n  CryptoConfirmation: 'CryptoConfirmation',\n} as const;\n/* eslint-enable lingui/no-unlocalized-strings */\n\nexport type AppScreens = keyof typeof AppScreens;\n\nexport type MagicLinkState = {\n  email: string;\n};\n\nexport type OTPState = {\n  type: OTPMethods;\n  methodId: string;\n  otpDestination: string;\n};\n\nexport type PasswordState = {\n  email: string;\n  type: 'new' | 'passwordless' | 'password';\n};\n\nexport type CryptoState = {\n  walletAddress: string;\n  walletOption: Wallets;\n  walletChallenge: string;\n};\n\nexport type ResetPasswordState = {\n  token: string;\n};\n\nexport type FormState = {\n  magicLinkState: MagicLinkState;\n  otpState: OTPState;\n  cryptoState: CryptoState;\n  passwordState: PasswordState;\n  resetPasswordState: ResetPasswordState;\n};\n\nexport type AppState = {\n  screen: AppScreens;\n  formState: FormState;\n};\n\nexport type AppContext<TProjectConfiguration extends StytchProjectConfigurationInput> = {\n  client: StytchClient<TProjectConfiguration>;\n  config: StytchLoginConfig;\n  callbacks?: Callbacks<TProjectConfiguration>;\n  state: [AppState, React.Dispatch<Action>];\n};\n\nexport const DEFAULT_STATE: AppState = {\n  screen: AppScreens.Main,\n  formState: {\n    magicLinkState: {\n      email: '',\n    },\n    otpState: {\n      type: OTPMethods.Email,\n      methodId: '',\n      otpDestination: '',\n    },\n    cryptoState: {\n      walletAddress: '',\n      walletOption: Wallets.Metamask,\n      walletChallenge: '',\n    },\n    passwordState: {\n      email: '',\n      type: 'new',\n    },\n    resetPasswordState: {\n      token: '',\n    },\n  },\n};\n\nexport const GlobalContext = React.createContext<AppContext<StytchProjectConfigurationInput>>({\n  client: {} as StytchClient<StytchProjectConfigurationInput>,\n  config: {} as StytchLoginConfig,\n  state: [DEFAULT_STATE, () => null],\n});\n\nexport type GlobalContextProviderProps<TProjectConfiguration extends StytchProjectConfigurationInput> = {\n  children: React.ReactNode;\n  client: StytchClient<TProjectConfiguration>;\n  config: StytchLoginConfig;\n  callbacks?: Callbacks<TProjectConfiguration>;\n  initialState?: AppState;\n};\n\nexport const GlobalContextProvider = <TProjectConfiguration extends StytchProjectConfigurationInput>({\n  children,\n  client,\n  config,\n  callbacks,\n  initialState,\n}: GlobalContextProviderProps<TProjectConfiguration>) => {\n  const state = React.useReducer(reducer, initialState ?? DEFAULT_STATE);\n\n  return <GlobalContext.Provider value={{ client, state, config, callbacks }}>{children}</GlobalContext.Provider>;\n};\n\nexport const useGlobalContext = () => useContext(GlobalContext);\nexport const useStytch = () => useGlobalContext().client;\nexport const useGlobalReducer = () => useGlobalContext().state;\nexport const useConfig = () => useGlobalContext().config;\nexport const useErrorCallback = () => useEvent(useGlobalContext().callbacks?.onError ?? noop);\nexport const useEventCallback = () => useEvent(useGlobalContext().callbacks?.onEvent ?? noop);\n"],"names":["AppScreens","Main","FloatingOneTap","PasskeyRegistrationStart","PasskeyRegistrationSuccess","PasskeyConfirmation","PasswordCreateOrLogin","PasswordResetForm","PasswordForgot","PasswordBreached","PasswordSetNew","PasswordDedupe","PasswordConfirmation","EmailConfirmation","OTPAuthenticate","OTPConfirmation","CryptoConnect","CryptoSignMessage","CryptoOtherScreen","CryptoSetupWallet","CryptoError","CryptoConfirmation","DEFAULT_STATE","screen","formState","magicLinkState","email","otpState","type","OTPMethods","Email","methodId","otpDestination","cryptoState","walletAddress","walletOption","Wallets","Metamask","walletChallenge","passwordState","resetPasswordState","token","GlobalContext","React","createContext","client","config","state","GlobalContextProvider","children","callbacks","initialState","useReducer","reducer","Provider","value","useGlobalContext","useContext","useStytch","useGlobalReducer","useConfig","useErrorCallback","useEvent","onError","noop","useEventCallback","onEvent"],"mappings":";;;;;;AASA,kGACO,MAAMA,UAAAA,GAAa;IACxBC,IAAAA,EAAM,MAAA;IACNC,cAAAA,EAAgB,gBAAA;IAChBC,wBAAAA,EAA0B,0BAAA;IAC1BC,0BAAAA,EAA4B,4BAAA;IAC5BC,mBAAAA,EAAqB,qBAAA;IACrBC,qBAAAA,EAAuB,uBAAA;IACvBC,iBAAAA,EAAmB,mBAAA;IACnBC,cAAAA,EAAgB,gBAAA;IAChBC,gBAAAA,EAAkB,kBAAA;IAClBC,cAAAA,EAAgB,gBAAA;IAChBC,cAAAA,EAAgB,gBAAA;IAChBC,oBAAAA,EAAsB,sBAAA;IACtBC,iBAAAA,EAAmB,mBAAA;IACnBC,eAAAA,EAAiB,iBAAA;IACjBC,eAAAA,EAAiB,iBAAA;IACjBC,aAAAA,EAAe,eAAA;IACfC,iBAAAA,EAAmB,mBAAA;IACnBC,iBAAAA,EAAmB,mBAAA;IACnBC,iBAAAA,EAAmB,mBAAA;IACnBC,WAAAA,EAAa,aAAA;IACbC,kBAAAA,EAAoB;AACtB;MAkDaC,aAAAA,GAA0B;AACrCC,IAAAA,MAAAA,EAAQvB,WAAWC,IAAI;IACvBuB,SAAAA,EAAW;QACTC,cAAAA,EAAgB;YACdC,KAAAA,EAAO;AACT,SAAA;QACAC,QAAAA,EAAU;AACRC,YAAAA,IAAAA,EAAMC,WAAWC,KAAK;YACtBC,QAAAA,EAAU,EAAA;YACVC,cAAAA,EAAgB;AAClB,SAAA;QACAC,WAAAA,EAAa;YACXC,aAAAA,EAAe,EAAA;AACfC,YAAAA,YAAAA,EAAcC,QAAQC,QAAQ;YAC9BC,eAAAA,EAAiB;AACnB,SAAA;QACAC,aAAAA,EAAe;YACbb,KAAAA,EAAO,EAAA;YACPE,IAAAA,EAAM;AACR,SAAA;QACAY,kBAAAA,EAAoB;YAClBC,KAAAA,EAAO;AACT;AACF;AACF;AAEO,MAAMC,aAAAA,iBAAgBC,cAAAA,CAAMC,aAAa,CAA8C;AAC5FC,IAAAA,MAAAA,EAAQ,EAAC;AACTC,IAAAA,MAAAA,EAAQ,EAAC;IACTC,KAAAA,EAAO;AAACzB,QAAAA,aAAAA;QAAe,IAAM;AAAK;AACpC,CAAA;AAUO,MAAM0B,qBAAAA,GAAwB,CAAgE,EACnGC,QAAQ,EACRJ,MAAM,EACNC,MAAM,EACNI,SAAS,EACTC,YAAY,EACsC,GAAA;AAClD,IAAA,MAAMJ,KAAAA,GAAQJ,cAAAA,CAAMS,UAAU,CAACC,SAASF,YAAAA,IAAgB7B,aAAAA,CAAAA;IAExD,qBAAOqB,cAAA,CAAA,aAAA,CAACD,cAAcY,QAAQ,EAAA;QAACC,KAAAA,EAAO;AAAEV,YAAAA,MAAAA;AAAQE,YAAAA,KAAAA;AAAOD,YAAAA,MAAAA;AAAQI,YAAAA;AAAU;AAAID,KAAAA,EAAAA,QAAAA,CAAAA;AAC/E;AAEO,MAAMO,gBAAAA,GAAmB,IAAMC,UAAAA,CAAWf,aAAAA;AAC1C,MAAMgB,WAAAA,GAAY,IAAMF,gBAAAA,EAAAA,CAAmBX;AAC3C,MAAMc,gBAAAA,GAAmB,IAAMH,gBAAAA,EAAAA,CAAmBT;AAClD,MAAMa,SAAAA,GAAY,IAAMJ,gBAAAA,EAAAA,CAAmBV;AAC3C,MAAMe,mBAAmB,IAAMC,QAAAA,CAASN,mBAAmBN,SAAS,EAAEa,WAAWC,IAAAA;AACjF,MAAMC,mBAAmB,IAAMH,QAAAA,CAASN,mBAAmBN,SAAS,EAAEgB,WAAWF,IAAAA;;;;"}

package/dist/esm/packages/web/src/ui/b2c/Products.mjs

@@ -1,6 +1,6 @@
 import React__default from 'react';
 import { GoogleOneTap } from './components/GoogleOneTap.mjs';
-import { emailIcons, oauthIcons, cryptoIcons } from './components/Icons.mjs';
+import { cryptoIcons, emailIcons, oauthIcons } from './components/Icons.mjs';
 import { AppScreens } from './GlobalContextProvider.mjs';
 import { ConnectWallet } from './screens/Crypto/ConnectWallet.mjs';
 import { Error } from './screens/Crypto/Error.mjs';

package/dist/esm/packages/web/src/ui/b2c/components/GoogleOneTap.module.css.mjs

@@ -1,8 +1,8 @@
 import { collectCss } from '../../../../../../internal/style-injector/src/index.mjs';
 
-var css = ".GoogleOneTap_module_container__cdc4789a{transition:all .5s ease-out}.GoogleOneTap_module_container__cdc4789a.GoogleOneTap_module_pending__cdc4789a{align-items:center;display:flex;justify-content:center}";
-collectCss(css);
+var css$3 = ".GoogleOneTap_module_container__cdc4789a{transition:all .5s ease-out}.GoogleOneTap_module_container__cdc4789a.GoogleOneTap_module_pending__cdc4789a{align-items:center;display:flex;justify-content:center}";
+collectCss(css$3);
 var modules_f4506a56 = {"container":"GoogleOneTap_module_container__cdc4789a","pending":"GoogleOneTap_module_pending__cdc4789a"};
 
-export { css, modules_f4506a56 as default };
+export { css$3 as css, modules_f4506a56 as default };
 //# sourceMappingURL=GoogleOneTap.module.css.mjs.map

package/dist/esm/packages/web/src/ui/b2c/screens/Crypto/Error.mjs

@@ -5,7 +5,7 @@ import Column from '../../../components/atoms/Column.mjs';
 import TextColumn from '../../../components/molecules/TextColumn.mjs';
 import { useGlobalReducer, AppScreens } from '../../GlobalContextProvider.mjs';
 
-const Error = ()=>{
+const Error$1 = ()=>{
     const { i18n: $__i18n, _: $__ } = useLingui();
     const [, dispatch] = useGlobalReducer();
     return /*#__PURE__*/ React__default.createElement(Column, {
@@ -31,5 +31,5 @@ const Error = ()=>{
     })));
 };
 
-export { Error };
+export { Error$1 as Error };
 //# sourceMappingURL=Error.mjs.map

package/dist/esm/packages/web/src/ui/b2c/screens/Crypto/Error.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Error.mjs","sources":["../../../../../../../../../../web/src/ui/b2c/screens/Crypto/Error.tsx"],"sourcesContent":["import { useLingui } from '@lingui/react/macro';\nimport React from 'react';\n\nimport Button from '../../../components/atoms/Button';\nimport Column from '../../../components/atoms/Column';\nimport TextColumn from '../../../components/molecules/TextColumn';\nimport { AppScreens, useGlobalReducer } from '../../GlobalContextProvider';\n\nexport const Error = () => {\n  const { t } = useLingui();\n  const [, dispatch] = useGlobalReducer();\n\n  return (\n    <Column gap={6}>\n      <TextColumn\n        header={t({ id: 'crypto.error.title', message: 'Looks like there was an error' })}\n        body={t({\n          id: 'crypto.error.content',\n          message: 'Your sign in request could not be completed. Go back to the main screen and try logging in again.',\n        })}\n      />\n      <Button variant=\"outline\" onClick={() => dispatch({ type: 'transition', screen: AppScreens.Main })}>\n        {t({ id: 'button.goBack', message: 'Go back' })}\n      </Button>\n    </Column>\n  );\n};\n"],"names":["Error","useLingui","dispatch","useGlobalReducer","React","Column","gap","TextColumn","header","body","Button","variant","onClick","type","screen","AppScreens","Main"],"mappings":";;;;;;;MAQaA,KAAAA,GAAQ,IAAA;AACnB,IAAA,MAAM,EAAA,IAAA,EAAA,OAAA,EAAA,CAAA,EAAA,GAAA,EAAA,GAAQC,SAAAA,EAAAA;IACd,MAAM,GAAGC,SAAS,GAAGC,gBAAAA,EAAAA;AAErB,IAAA,qBACEC,cAAA,CAAA,aAAA,CAACC,MAAAA,EAAAA;QAAOC,GAAAA,EAAK;qBACXF,cAAA,CAAA,aAAA,CAACG,UAAAA,EAAAA;QACCC,MAAM,EAAA,OAAA,CAAA,CAAA,CAAA;;;;QACNC,IAAI,EAAA,OAAA,CAAA,CAAA,CAAA;;;;sBAKNL,cAAA,CAAA,aAAA,CAACM,MAAAA,EAAAA;QAAOC,OAAAA,EAAQ,SAAA;AAAUC,QAAAA,OAAAA,EAAS,IAAMV,QAAAA,CAAS;gBAAEW,IAAAA,EAAM,YAAA;AAAcC,gBAAAA,MAAAA,EAAQC,WAAWC;AAAK,aAAA;;;;;AAKtG;;;;"}
+{"version":3,"file":"Error.mjs","sources":["../../../../../../../../../../web/src/ui/b2c/screens/Crypto/Error.tsx"],"sourcesContent":["import { useLingui } from '@lingui/react/macro';\nimport React from 'react';\n\nimport Button from '../../../components/atoms/Button';\nimport Column from '../../../components/atoms/Column';\nimport TextColumn from '../../../components/molecules/TextColumn';\nimport { AppScreens, useGlobalReducer } from '../../GlobalContextProvider';\n\nexport const Error = () => {\n  const { t } = useLingui();\n  const [, dispatch] = useGlobalReducer();\n\n  return (\n    <Column gap={6}>\n      <TextColumn\n        header={t({ id: 'crypto.error.title', message: 'Looks like there was an error' })}\n        body={t({\n          id: 'crypto.error.content',\n          message: 'Your sign in request could not be completed. Go back to the main screen and try logging in again.',\n        })}\n      />\n      <Button variant=\"outline\" onClick={() => dispatch({ type: 'transition', screen: AppScreens.Main })}>\n        {t({ id: 'button.goBack', message: 'Go back' })}\n      </Button>\n    </Column>\n  );\n};\n"],"names":["Error","useLingui","dispatch","useGlobalReducer","React","Column","gap","TextColumn","header","body","Button","variant","onClick","type","screen","AppScreens","Main"],"mappings":";;;;;;;MAQaA,OAAAA,GAAQ,IAAA;AACnB,IAAA,MAAM,EAAA,IAAA,EAAA,OAAA,EAAA,CAAA,EAAA,GAAA,EAAA,GAAQC,SAAAA,EAAAA;IACd,MAAM,GAAGC,SAAS,GAAGC,gBAAAA,EAAAA;AAErB,IAAA,qBACEC,cAAA,CAAA,aAAA,CAACC,MAAAA,EAAAA;QAAOC,GAAAA,EAAK;qBACXF,cAAA,CAAA,aAAA,CAACG,UAAAA,EAAAA;QACCC,MAAM,EAAA,OAAA,CAAA,CAAA,CAAA;;;;QACNC,IAAI,EAAA,OAAA,CAAA,CAAA,CAAA;;;;sBAKNL,cAAA,CAAA,aAAA,CAACM,MAAAA,EAAAA;QAAOC,OAAAA,EAAQ,SAAA;AAAUC,QAAAA,OAAAA,EAAS,IAAMV,QAAAA,CAAS;gBAAEW,IAAAA,EAAM,YAAA;AAAcC,gBAAAA,MAAAA,EAAQC,WAAWC;AAAK,aAAA;;;;;AAKtG;;;;"}

package/dist/esm/packages/web/src/ui/b2c/screens/Main/LoginForm/index.module.css.mjs

@@ -1,8 +1,8 @@
 import { collectCss } from '../../../../../../../../internal/style-injector/src/index.mjs';
 
-var css = ".index_module_tabRow__50b4194b{display:flex;margin-bottom:var(--st-spacing-8)}.index_module_tab__50b4194b:focus-visible{z-index:1}.index_module_tabRow__50b4194b .index_module_tab__50b4194b:hover{background-color:var(--st-tab-background)}.index_module_tabRow__50b4194b .index_module_tab__50b4194b:first-child{border-bottom-right-radius:0;border-top-right-radius:0}.index_module_tabRow__50b4194b .index_module_tab__50b4194b:last-child{border-bottom-left-radius:0;border-top-left-radius:0}.index_module_tabRow__50b4194b .index_module_tab__50b4194b:not(:first-child,:last-child){border-radius:0}.index_module_tabRow__50b4194b .index_module_tab__50b4194b:not(:first-child){border-left-width:0}.index_module_tabRow__50b4194b .index_module_tab__50b4194b:not(:first-child):focus-visible{border-left-width:1px;margin-left:-1px}.index_module_tabRow__50b4194b .index_module_tab__50b4194b[data-state=active]{background:var(--st-accent);color:var(--st-accent-foreground)}";
-collectCss(css);
+var css$2 = ".index_module_tabRow__50b4194b{display:flex;margin-bottom:var(--st-spacing-8)}.index_module_tab__50b4194b:focus-visible{z-index:1}.index_module_tabRow__50b4194b .index_module_tab__50b4194b:hover{background-color:var(--st-tab-background)}.index_module_tabRow__50b4194b .index_module_tab__50b4194b:first-child{border-bottom-right-radius:0;border-top-right-radius:0}.index_module_tabRow__50b4194b .index_module_tab__50b4194b:last-child{border-bottom-left-radius:0;border-top-left-radius:0}.index_module_tabRow__50b4194b .index_module_tab__50b4194b:not(:first-child,:last-child){border-radius:0}.index_module_tabRow__50b4194b .index_module_tab__50b4194b:not(:first-child){border-left-width:0}.index_module_tabRow__50b4194b .index_module_tab__50b4194b:not(:first-child):focus-visible{border-left-width:1px;margin-left:-1px}.index_module_tabRow__50b4194b .index_module_tab__50b4194b[data-state=active]{background:var(--st-accent);color:var(--st-accent-foreground)}";
+collectCss(css$2);
 var modules_c21c94f2 = {"tabRow":"index_module_tabRow__50b4194b","tab":"index_module_tab__50b4194b"};
 
-export { css, modules_c21c94f2 as default };
+export { css$2 as css, modules_c21c94f2 as default };
 //# sourceMappingURL=index.module.css.mjs.map

package/dist/esm/packages/web/src/ui/b2c/screens/Passkey/EditableRow.module.css.mjs

@@ -1,8 +1,8 @@
 import { collectCss } from '../../../../../../../internal/style-injector/src/index.mjs';
 
-var css = ".EditableRow_module_row__4e3b092b{align-items:center;display:flex;gap:var(--st-spacing-2);height:calc(var(--st-line-height-sm)*var(--st-text-sm) + var(--st-spacing-8));width:100%}.EditableRow_module_input__4e3b092b{flex:1 1 auto}.EditableRow_module_actions__4e3b092b{display:flex;flex:0 0 auto;gap:var(--st-spacing)}";
-collectCss(css);
+var css$1 = ".EditableRow_module_row__4e3b092b{align-items:center;display:flex;gap:var(--st-spacing-2);height:calc(var(--st-line-height-sm)*var(--st-text-sm) + var(--st-spacing-8));width:100%}.EditableRow_module_input__4e3b092b{flex:1 1 auto}.EditableRow_module_actions__4e3b092b{display:flex;flex:0 0 auto;gap:var(--st-spacing)}";
+collectCss(css$1);
 var modules_20f268b7 = {"row":"EditableRow_module_row__4e3b092b","input":"EditableRow_module_input__4e3b092b","actions":"EditableRow_module_actions__4e3b092b"};
 
-export { css, modules_20f268b7 as default };
+export { css$1 as css, modules_20f268b7 as default };
 //# sourceMappingURL=EditableRow.module.css.mjs.map

package/dist/esm/packages/web/src/ui/components/atoms/AnimatedContainer.module.css.mjs

@@ -1,8 +1,8 @@
 import { collectCss } from '../../../../../../internal/style-injector/src/index.mjs';
 
-var css = ".AnimatedContainer_module_container__fb438508{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--st-transition-duration) ease-out}.AnimatedContainer_module_open__fb438508{grid-template-rows:1fr}.AnimatedContainer_module_inner__fb438508{min-height:0;overflow:clip}";
-collectCss(css);
+var css$3 = ".AnimatedContainer_module_container__fb438508{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--st-transition-duration) ease-out}.AnimatedContainer_module_open__fb438508{grid-template-rows:1fr}.AnimatedContainer_module_inner__fb438508{min-height:0;overflow:clip}";
+collectCss(css$3);
 var modules_d098bf60 = {"container":"AnimatedContainer_module_container__fb438508","open":"AnimatedContainer_module_open__fb438508","inner":"AnimatedContainer_module_inner__fb438508"};
 
-export { css, modules_d098bf60 as default };
+export { css$3 as css, modules_d098bf60 as default };
 //# sourceMappingURL=AnimatedContainer.module.css.mjs.map

package/dist/esm/packages/web/src/ui/components/atoms/Button.module.css.mjs

@@ -1,8 +1,8 @@
 import { collectCss } from '../../../../../../internal/style-injector/src/index.mjs';
 
-var css = ".Button_module_button__fba1165e{align-items:center;border:1px solid;border-radius:var(--st-button-radius);box-shadow:var(--st-shadow-button);display:flex;font-family:var(--st-font-family);font-size:var(--st-text-sm);font-weight:var(--st-font-weight-medium);gap:var(--st-spacing-2);line-height:var(--st-line-height-sm);padding:var(--st-spacing-2) var(--st-spacing-3);transition:background-color var(--st-transition-duration) ease-in-out,border-color var(--st-transition-duration) ease-in-out}.-st-mobile .Button_module_button__fba1165e{padding:var(--st-spacing-3)}.Button_module_button__fba1165e:focus-visible{box-shadow:var(--st-shadow-button),var(--st-focus-ring-shadow)}.Button_module_button__fba1165e:not(:disabled){cursor:pointer}.Button_module_button__fba1165e:disabled{opacity:.5}.Button_module_block__fba1165e{justify-content:center;width:100%}.Button_module_primary__fba1165e{background-color:var(--st-primary);border-color:var(--st-primary);color:var(--st-primary-foreground)}.Button_module_primary__fba1165e:not(:disabled):hover{background-color:var(--st-primary-button-hover);border-color:var(--st-primary-button-hover)}.Button_module_secondary__fba1165e{background-color:var(--st-secondary);border-color:var(--st-secondary);color:var(--st-secondary-foreground)}.Button_module_secondary__fba1165e:not(:disabled):hover{background-color:var(--st-secondary-button-hover);border-color:var(--st-secondary-button-hover)}.Button_module_outline__fba1165e{background-color:var(--st-background);border:1px solid var(--st-border);color:var(--st-foreground)}.Button_module_outline__fba1165e:not(:disabled):hover{background-color:var(--st-accent);color:var(--st-accent-foreground)}.Button_module_outline__fba1165e:focus-visible{border-color:var(--st-ring)}.Button_module_ghost__fba1165e{background-color:var(--st-background);border:1px solid var(--st-background);box-shadow:none;color:var(--st-foreground)}.Button_module_ghost__fba1165e:not(:disabled):hover{background-color:var(--st-accent);border-color:var(--st-background);color:var(--st-accent-foreground)}.Button_module_ghost__fba1165e:focus-visible{box-shadow:var(--st-focus-ring-shadow)}.Button_module_destructive__fba1165e{background-color:var(--st-destructive);border-color:var(--st-destructive);color:var(--st-destructive-foreground)}.Button_module_destructive__fba1165e:not(:disabled):hover{background-color:var(--st-destructive-button-hover);border-color:var(--st-destructive-button-hover)}";
-collectCss(css);
+var css$q = ".Button_module_button__fba1165e{align-items:center;border:1px solid;border-radius:var(--st-button-radius);box-shadow:var(--st-shadow-button);display:flex;font-family:var(--st-font-family);font-size:var(--st-text-sm);font-weight:var(--st-font-weight-medium);gap:var(--st-spacing-2);line-height:var(--st-line-height-sm);padding:var(--st-spacing-2) var(--st-spacing-3);transition:background-color var(--st-transition-duration) ease-in-out,border-color var(--st-transition-duration) ease-in-out}.-st-mobile .Button_module_button__fba1165e{padding:var(--st-spacing-3)}.Button_module_button__fba1165e:focus-visible{box-shadow:var(--st-shadow-button),var(--st-focus-ring-shadow)}.Button_module_button__fba1165e:not(:disabled){cursor:pointer}.Button_module_button__fba1165e:disabled{opacity:.5}.Button_module_block__fba1165e{justify-content:center;width:100%}.Button_module_primary__fba1165e{background-color:var(--st-primary);border-color:var(--st-primary);color:var(--st-primary-foreground)}.Button_module_primary__fba1165e:not(:disabled):hover{background-color:var(--st-primary-button-hover);border-color:var(--st-primary-button-hover)}.Button_module_secondary__fba1165e{background-color:var(--st-secondary);border-color:var(--st-secondary);color:var(--st-secondary-foreground)}.Button_module_secondary__fba1165e:not(:disabled):hover{background-color:var(--st-secondary-button-hover);border-color:var(--st-secondary-button-hover)}.Button_module_outline__fba1165e{background-color:var(--st-background);border:1px solid var(--st-border);color:var(--st-foreground)}.Button_module_outline__fba1165e:not(:disabled):hover{background-color:var(--st-accent);color:var(--st-accent-foreground)}.Button_module_outline__fba1165e:focus-visible{border-color:var(--st-ring)}.Button_module_ghost__fba1165e{background-color:var(--st-background);border:1px solid var(--st-background);box-shadow:none;color:var(--st-foreground)}.Button_module_ghost__fba1165e:not(:disabled):hover{background-color:var(--st-accent);border-color:var(--st-background);color:var(--st-accent-foreground)}.Button_module_ghost__fba1165e:focus-visible{box-shadow:var(--st-focus-ring-shadow)}.Button_module_destructive__fba1165e{background-color:var(--st-destructive);border-color:var(--st-destructive);color:var(--st-destructive-foreground)}.Button_module_destructive__fba1165e:not(:disabled):hover{background-color:var(--st-destructive-button-hover);border-color:var(--st-destructive-button-hover)}";
+collectCss(css$q);
 var modules_b0070f27 = {"button":"Button_module_button__fba1165e inputBase_module_focusRing__06c14ae4","block":"Button_module_block__fba1165e","primary":"Button_module_primary__fba1165e","secondary":"Button_module_secondary__fba1165e","outline":"Button_module_outline__fba1165e","ghost":"Button_module_ghost__fba1165e","destructive":"Button_module_destructive__fba1165e"};
 
-export { css, modules_b0070f27 as default };
+export { css$q as css, modules_b0070f27 as default };
 //# sourceMappingURL=Button.module.css.mjs.map

package/dist/esm/packages/web/src/ui/components/atoms/CircularProgress.module.css.mjs

@@ -1,8 +1,8 @@
 import { collectCss } from '../../../../../../internal/style-injector/src/index.mjs';
 
-var css = "@keyframes CircularProgress_module_circularRotate__c4a435cb{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes CircularProgress_module_circularDash__c4a435cb{0%{stroke-dasharray:1px,200px;stroke-dashoffset:0}50%{stroke-dasharray:100px,200px;stroke-dashoffset:-15px}to{stroke-dasharray:1px,200px;stroke-dashoffset:-126px}}.CircularProgress_module_root__c4a435cb{animation:CircularProgress_module_circularRotate__c4a435cb 1.4s linear infinite}.CircularProgress_module_svg__c4a435cb{display:block}.CircularProgress_module_animatedCircle__c4a435cb{animation:CircularProgress_module_circularDash__c4a435cb 1.4s ease-in-out infinite;stroke:currentColor;stroke-dasharray:80px,200px;stroke-dashoffset:0}";
-collectCss(css);
+var css$p = "@keyframes CircularProgress_module_circularRotate__c4a435cb{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes CircularProgress_module_circularDash__c4a435cb{0%{stroke-dasharray:1px,200px;stroke-dashoffset:0}50%{stroke-dasharray:100px,200px;stroke-dashoffset:-15px}to{stroke-dasharray:1px,200px;stroke-dashoffset:-126px}}.CircularProgress_module_root__c4a435cb{animation:CircularProgress_module_circularRotate__c4a435cb 1.4s linear infinite}.CircularProgress_module_svg__c4a435cb{display:block}.CircularProgress_module_animatedCircle__c4a435cb{animation:CircularProgress_module_circularDash__c4a435cb 1.4s ease-in-out infinite;stroke:currentColor;stroke-dasharray:80px,200px;stroke-dashoffset:0}";
+collectCss(css$p);
 var modules_eaa8372d = {"root":"CircularProgress_module_root__c4a435cb","svg":"CircularProgress_module_svg__c4a435cb","animatedCircle":"CircularProgress_module_animatedCircle__c4a435cb"};
 
-export { css, modules_eaa8372d as default };
+export { css$p as css, modules_eaa8372d as default };
 //# sourceMappingURL=CircularProgress.module.css.mjs.map

package/dist/esm/packages/web/src/ui/components/atoms/CodeContainer.module.css.mjs

@@ -1,8 +1,8 @@
 import { collectCss } from '../../../../../../internal/style-injector/src/index.mjs';
 
-var css = ".CodeContainer_module_container__1b0ae913{background:var(--st-accent);padding:var(--st-spacing-2) var(--st-spacing-4)}";
-collectCss(css);
+var css$3 = ".CodeContainer_module_container__1b0ae913{background:var(--st-accent);padding:var(--st-spacing-2) var(--st-spacing-4)}";
+collectCss(css$3);
 var modules_51b5745b = {"container":"CodeContainer_module_container__1b0ae913"};
 
-export { css, modules_51b5745b as default };
+export { css$3 as css, modules_51b5745b as default };
 //# sourceMappingURL=CodeContainer.module.css.mjs.map

package/dist/esm/packages/web/src/ui/components/atoms/Column.module.css.mjs

@@ -1,8 +1,8 @@
 import { collectCss } from '../../../../../../internal/style-injector/src/index.mjs';
 
-var css = ".Column_module_column__efe9ce44{display:flex;flex-direction:column}";
-collectCss(css);
+var css$o = ".Column_module_column__efe9ce44{display:flex;flex-direction:column}";
+collectCss(css$o);
 var modules_82bdfbfc = {"column":"Column_module_column__efe9ce44"};
 
-export { css, modules_82bdfbfc as default };
+export { css$o as css, modules_82bdfbfc as default };
 //# sourceMappingURL=Column.module.css.mjs.map

package/dist/esm/packages/web/src/ui/components/atoms/LoadingBar.module.css.mjs

@@ -1,8 +1,8 @@
 import { collectCss } from '../../../../../../internal/style-injector/src/index.mjs';
 
-var css = ".LoadingBar_module_container__3a991498{background-color:var(--st-muted);border-radius:var(--st-rounded-full);height:var(--st-spacing);overflow:clip}.LoadingBar_module_progress__3a991498{animation:LoadingBar_module_loading__3a991498 10s cubic-bezier(.22,1,.36,1);background-color:var(--st-primary);height:100%;width:100%}@keyframes LoadingBar_module_loading__3a991498{0%{transform:translateX(-100%)}to{transform:translateX(-1%)}}";
-collectCss(css);
+var css$2 = ".LoadingBar_module_container__3a991498{background-color:var(--st-muted);border-radius:var(--st-rounded-full);height:var(--st-spacing);overflow:clip}.LoadingBar_module_progress__3a991498{animation:LoadingBar_module_loading__3a991498 10s cubic-bezier(.22,1,.36,1);background-color:var(--st-primary);height:100%;width:100%}@keyframes LoadingBar_module_loading__3a991498{0%{transform:translateX(-100%)}to{transform:translateX(-1%)}}";
+collectCss(css$2);
 var modules_2f9e3bf6 = {"container":"LoadingBar_module_container__3a991498","progress":"LoadingBar_module_progress__3a991498"};
 
-export { css, modules_2f9e3bf6 as default };
+export { css$2 as css, modules_2f9e3bf6 as default };
 //# sourceMappingURL=LoadingBar.module.css.mjs.map

package/dist/esm/packages/web/src/ui/components/atoms/Logo.module.css.mjs

@@ -1,8 +1,8 @@
 import { collectCss } from '../../../../../../internal/style-injector/src/index.mjs';
 
-var css = ".Logo_module_container__f17fe7db{align-items:center;display:flex;gap:var(--st-spacing-2);justify-content:center}.Logo_module_logo__f17fe7db{max-height:50px;max-width:100px}";
-collectCss(css);
+var css$f = ".Logo_module_container__f17fe7db{align-items:center;display:flex;gap:var(--st-spacing-2);justify-content:center}.Logo_module_logo__f17fe7db{max-height:50px;max-width:100px}";
+collectCss(css$f);
 var modules_2ccbe80d = {"container":"Logo_module_container__f17fe7db","logo":"Logo_module_logo__f17fe7db"};
 
-export { css, modules_2ccbe80d as default };
+export { css$f as css, modules_2ccbe80d as default };
 //# sourceMappingURL=Logo.module.css.mjs.map

package/dist/esm/packages/web/src/ui/components/atoms/Toast.module.css.mjs

@@ -1,8 +1,8 @@
 import { collectCss } from '../../../../../../internal/style-injector/src/index.mjs';
 
-var css = ".Toast_module_container__ac93617f{bottom:10vh;display:flex;justify-content:center;left:0;pointer-events:none;position:fixed;right:0}.Toast_module_toast__ac93617f{background:var(--st-background);border:1px solid var(--st-border);border-radius:var(--st-rounded-md);box-shadow:0 2px 4px rgba(0,0,0,.05);color:var(--st-destructive);font-family:var(--st-font-family);font-size:var(--st-text-sm);line-height:var(--st-line-height-sm);padding:var(--st-spacing-2) var(--st-spacing-3);pointer-events:auto;position:absolute;top:0;white-space:pre}";
-collectCss(css);
+var css$i = ".Toast_module_container__ac93617f{bottom:10vh;display:flex;justify-content:center;left:0;pointer-events:none;position:fixed;right:0}.Toast_module_toast__ac93617f{background:var(--st-background);border:1px solid var(--st-border);border-radius:var(--st-rounded-md);box-shadow:0 2px 4px rgba(0,0,0,.05);color:var(--st-destructive);font-family:var(--st-font-family);font-size:var(--st-text-sm);line-height:var(--st-line-height-sm);padding:var(--st-spacing-2) var(--st-spacing-3);pointer-events:auto;position:absolute;top:0;white-space:pre}";
+collectCss(css$i);
 var modules_c7442be7 = {"container":"Toast_module_container__ac93617f","toast":"Toast_module_toast__ac93617f"};
 
-export { css, modules_c7442be7 as default };
+export { css$i as css, modules_c7442be7 as default };
 //# sourceMappingURL=Toast.module.css.mjs.map

package/dist/esm/packages/web/src/ui/components/atoms/Typography.module.css.mjs

@@ -1,8 +1,8 @@
 import { collectCss } from '../../../../../../internal/style-injector/src/index.mjs';
 
-var css = ".Typography_module_typography__74817c74{font-family:var(--st-font-family)}.Typography_module_header__74817c74{color:var(--st-foreground);font-family:var(--st-header-font);font-size:var(--st-text-2xl);font-weight:var(--st-font-weight-semibold);line-height:var(--st-line-height-2xl)}.Typography_module_body__74817c74{color:var(--st-foreground);font-size:var(--st-text-base)}.Typography_module_body__74817c74,.Typography_module_helper__74817c74{font-weight:var(--st-font-weight-normal);line-height:var(--st-line-height-base)}.Typography_module_helper__74817c74{color:var(--st-muted-foreground);font-size:var(--st-text-xs)}.Typography_module_start__74817c74{text-align:start}.Typography_module_center__74817c74{text-align:center}.Typography_module_end__74817c74{text-align:end}.Typography_module_foreground__74817c74{color:var(--st-foreground)}.Typography_module_muted__74817c74{color:var(--st-muted-foreground)}.Typography_module_destructive__74817c74{color:var(--st-destructive)}.Typography_module_warning__74817c74{color:var(--st-warning)}.Typography_module_success__74817c74{color:var(--st-success)}.Typography_module_regular__74817c74{font-weight:var(--st-font-weight-normal)}.Typography_module_medium__74817c74{font-weight:var(--st-font-weight-medium)}.Typography_module_semibold__74817c74{font-weight:var(--st-font-weight-semibold)}.Typography_module_bold__74817c74{font-weight:var(--st-font-weight-bold)}.Typography_module_defaultFont__74817c74{font-family:var(--st-font-family)}.Typography_module_monoFont__74817c74{font-family:var(--st-font-family-mono)}";
-collectCss(css);
+var css$n = ".Typography_module_typography__74817c74{font-family:var(--st-font-family)}.Typography_module_header__74817c74{color:var(--st-foreground);font-family:var(--st-header-font);font-size:var(--st-text-2xl);font-weight:var(--st-font-weight-semibold);line-height:var(--st-line-height-2xl)}.Typography_module_body__74817c74{color:var(--st-foreground);font-size:var(--st-text-base)}.Typography_module_body__74817c74,.Typography_module_helper__74817c74{font-weight:var(--st-font-weight-normal);line-height:var(--st-line-height-base)}.Typography_module_helper__74817c74{color:var(--st-muted-foreground);font-size:var(--st-text-xs)}.Typography_module_start__74817c74{text-align:start}.Typography_module_center__74817c74{text-align:center}.Typography_module_end__74817c74{text-align:end}.Typography_module_foreground__74817c74{color:var(--st-foreground)}.Typography_module_muted__74817c74{color:var(--st-muted-foreground)}.Typography_module_destructive__74817c74{color:var(--st-destructive)}.Typography_module_warning__74817c74{color:var(--st-warning)}.Typography_module_success__74817c74{color:var(--st-success)}.Typography_module_regular__74817c74{font-weight:var(--st-font-weight-normal)}.Typography_module_medium__74817c74{font-weight:var(--st-font-weight-medium)}.Typography_module_semibold__74817c74{font-weight:var(--st-font-weight-semibold)}.Typography_module_bold__74817c74{font-weight:var(--st-font-weight-bold)}.Typography_module_defaultFont__74817c74{font-family:var(--st-font-family)}.Typography_module_monoFont__74817c74{font-family:var(--st-font-family-mono)}";
+collectCss(css$n);
 var modules_1d7499fc = {"typography":"Typography_module_typography__74817c74","header":"Typography_module_header__74817c74","body":"Typography_module_body__74817c74","helper":"Typography_module_helper__74817c74","start":"Typography_module_start__74817c74","center":"Typography_module_center__74817c74","end":"Typography_module_end__74817c74","foreground":"Typography_module_foreground__74817c74","muted":"Typography_module_muted__74817c74","destructive":"Typography_module_destructive__74817c74","warning":"Typography_module_warning__74817c74","success":"Typography_module_success__74817c74","regular":"Typography_module_regular__74817c74","medium":"Typography_module_medium__74817c74","semibold":"Typography_module_semibold__74817c74","bold":"Typography_module_bold__74817c74","defaultFont":"Typography_module_defaultFont__74817c74","monoFont":"Typography_module_monoFont__74817c74"};
 
-export { css, modules_1d7499fc as default };
+export { css$n as css, modules_1d7499fc as default };
 //# sourceMappingURL=Typography.module.css.mjs.map

package/dist/esm/packages/web/src/ui/components/atoms/VerticalTransition.module.css.mjs

@@ -1,8 +1,8 @@
 import { collectCss } from '../../../../../../internal/style-injector/src/index.mjs';
 
-var css = ".VerticalTransition_module_container__9366f503{display:grid;overflow:clip;width:fit-content}.VerticalTransition_module_primary__9366f503,.VerticalTransition_module_secondary__9366f503{grid-area:1/1/2/2;transition:translate var(--st-transition-duration) ease-in-out}.VerticalTransition_module_secondary__9366f503{translate:0 100%}.VerticalTransition_module_container__9366f503.VerticalTransition_module_triggered__9366f503 .VerticalTransition_module_primary__9366f503,.VerticalTransition_module_hoverTrigger__9366f503:is(:hover,:focus) .VerticalTransition_module_canTriggerByHover__9366f503 .VerticalTransition_module_primary__9366f503{translate:0 -100%}.VerticalTransition_module_container__9366f503.VerticalTransition_module_triggered__9366f503 .VerticalTransition_module_secondary__9366f503,.VerticalTransition_module_hoverTrigger__9366f503:is(:hover,:focus) .VerticalTransition_module_canTriggerByHover__9366f503 .VerticalTransition_module_secondary__9366f503{translate:0 0}";
-collectCss(css);
+var css$6 = ".VerticalTransition_module_container__9366f503{display:grid;overflow:clip;width:fit-content}.VerticalTransition_module_primary__9366f503,.VerticalTransition_module_secondary__9366f503{grid-area:1/1/2/2;transition:translate var(--st-transition-duration) ease-in-out}.VerticalTransition_module_secondary__9366f503{translate:0 100%}.VerticalTransition_module_container__9366f503.VerticalTransition_module_triggered__9366f503 .VerticalTransition_module_primary__9366f503,.VerticalTransition_module_hoverTrigger__9366f503:is(:hover,:focus) .VerticalTransition_module_canTriggerByHover__9366f503 .VerticalTransition_module_primary__9366f503{translate:0 -100%}.VerticalTransition_module_container__9366f503.VerticalTransition_module_triggered__9366f503 .VerticalTransition_module_secondary__9366f503,.VerticalTransition_module_hoverTrigger__9366f503:is(:hover,:focus) .VerticalTransition_module_canTriggerByHover__9366f503 .VerticalTransition_module_secondary__9366f503{translate:0 0}";
+collectCss(css$6);
 var modules_654ad754 = {"container":"VerticalTransition_module_container__9366f503","primary":"VerticalTransition_module_primary__9366f503","secondary":"VerticalTransition_module_secondary__9366f503","hoverTrigger":"VerticalTransition_module_hoverTrigger__9366f503","canTriggerByHover":"VerticalTransition_module_canTriggerByHover__9366f503","triggered":"VerticalTransition_module_triggered__9366f503"};
 
-export { css, modules_654ad754 as default };
+export { css$6 as css, modules_654ad754 as default };
 //# sourceMappingURL=VerticalTransition.module.css.mjs.map

package/dist/esm/packages/web/src/ui/components/atoms/VisuallyHidden.module.css.mjs

@@ -1,8 +1,8 @@
 import { collectCss } from '../../../../../../internal/style-injector/src/index.mjs';
 
-var css = ".VisuallyHidden_module_hidden__c5a4c7ad,:not(:focus):not(:focus-within) .VisuallyHidden_module_focusable__c5a4c7ad{border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);white-space:nowrap;word-wrap:normal}";
-collectCss(css);
+var css$9 = ".VisuallyHidden_module_hidden__c5a4c7ad,:not(:focus):not(:focus-within) .VisuallyHidden_module_focusable__c5a4c7ad{border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);white-space:nowrap;word-wrap:normal}";
+collectCss(css$9);
 var modules_b0018d5a = {"focusable":"VisuallyHidden_module_focusable__c5a4c7ad","hidden":"VisuallyHidden_module_hidden__c5a4c7ad"};
 
-export { css, modules_b0018d5a as default };
+export { css$9 as css, modules_b0018d5a as default };
 //# sourceMappingURL=VisuallyHidden.module.css.mjs.map

package/dist/esm/packages/web/src/ui/components/atoms/Watermark.module.css.mjs

@@ -1,8 +1,8 @@
 import { collectCss } from '../../../../../../internal/style-injector/src/index.mjs';
 
-var css = "a.Watermark_module_watermark__6a046c31{align-items:center;border-radius:var(--st-rounded-md);color:var(--st-muted-foreground);display:flex;padding:var(--st-spacing-2) var(--st-spacing-3);transition:background var(--st-transition-duration),color var(--st-transition-duration)}a.Watermark_module_watermark__6a046c31:hover{background:var(--st-accent);color:var(--st-accent-foreground)}a.Watermark_module_watermark__6a046c31 span{font-size:var(--st-text-sm);font-weight:var(--st-font-weight-medium);line-height:var(--st-line-height-sm)}a.Watermark_module_watermark__6a046c31 svg{height:24px}a.Watermark_module_watermark__6a046c31 path{fill:hsl(218.92,100%,calc(7.25%*(1 + var(--st-dark-mode, 0)*100)))}";
-collectCss(css);
+var css$h = "a.Watermark_module_watermark__6a046c31{align-items:center;border-radius:var(--st-rounded-md);color:var(--st-muted-foreground);display:flex;padding:var(--st-spacing-2) var(--st-spacing-3);transition:background var(--st-transition-duration),color var(--st-transition-duration)}a.Watermark_module_watermark__6a046c31:hover{background:var(--st-accent);color:var(--st-accent-foreground)}a.Watermark_module_watermark__6a046c31 span{font-size:var(--st-text-sm);font-weight:var(--st-font-weight-medium);line-height:var(--st-line-height-sm)}a.Watermark_module_watermark__6a046c31 svg{height:24px}a.Watermark_module_watermark__6a046c31 path{fill:hsl(218.92,100%,calc(7.25%*(1 + var(--st-dark-mode, 0)*100)))}";
+collectCss(css$h);
 var modules_b8928cee = {"watermark":"Watermark_module_watermark__6a046c31"};
 
-export { css, modules_b8928cee as default };
+export { css$h as css, modules_b8928cee as default };
 //# sourceMappingURL=Watermark.module.css.mjs.map

package/dist/esm/packages/web/src/ui/components/mixins/Root.module.css.mjs

@@ -1,7 +1,7 @@
 import { collectCss } from '../../../../../../internal/style-injector/src/index.mjs';
 
-var css = ".Root_module_root__870c11a1{color-scheme:var(--st-color-scheme);font-family:var(--st-font-family);isolation:isolate}:where(.Root_module_root__870c11a1),:where(.Root_module_root__870c11a1) *{box-sizing:border-box;margin:0;padding:0}:where(.Root_module_root__870c11a1) :is(span,strong,em,p,a){font-feature-settings:inherit;font-size:inherit;font-variant:inherit;line-height:inherit}:where(.Root_module_root__870c11a1) :is(span,strong,em,p){color:inherit}:where(.Root_module_root__870c11a1) :is(span,em,p){font-weight:inherit}:where(.Root_module_root__870c11a1) :is(img,svg){display:block}.Root_module_root__870c11a1 a{-webkit-text-decoration:none;text-decoration:none}.Root_module_root__870c11a1 :is(b,strong){font-weight:var(--st-font-weight-bold)}.Root_module_root__870c11a1{--st-font-weight-normal:400;--st-font-weight-medium:500;--st-font-weight-semibold:600;--st-font-weight-bold:700;--st-rounded-md:calc(var(--st-rounded-base)*2);--st-rounded-2xl:calc(var(--st-rounded-base)*6);--st-rounded-full:calc(var(--st-rounded-base)*9999);--st-text-xs:calc(var(--st-text-base)*0.75);--st-text-sm:calc(var(--st-text-base)*0.875);--st-text-2xl:calc(var(--st-text-base)*1.5);--st-line-height-xs:1.33333;--st-line-height-sm:1.42857;--st-line-height-base:1.5;--st-line-height-2xl:1.33333;--st-spacing-0_5:calc(var(--st-spacing)*0.5);--st-spacing-2:calc(var(--st-spacing)*2);--st-spacing-3:calc(var(--st-spacing)*3);--st-spacing-4:calc(var(--st-spacing)*4);--st-spacing-5:calc(var(--st-spacing)*5);--st-spacing-6:calc(var(--st-spacing)*6);--st-spacing-7:calc(var(--st-spacing)*7);--st-spacing-8:calc(var(--st-spacing)*8);--st-spacing-9:calc(var(--st-spacing)*9);--st-spacing-10:calc(var(--st-spacing)*10);--st-tab-background:color-mix(in oklab,var(--st-accent) 80%,transparent);--st-primary-button-hover:color-mix(in oklab,var(--st-primary) 90%,transparent);--st-secondary-button-hover:color-mix(in oklab,var(--st-secondary) 80%,transparent);--st-destructive-button-hover:color-mix(in oklab,var(--st-destructive) 80%,transparent);--st-divider-color:color-mix(in oklab,var(--st-border) 50%,transparent);--st-focus-ring-shadow:0 0 0 3px color-mix(in oklab,var(--st-ring) 50%,transparent);--st-shadow:0 0;--st-shadow-input:var(--st-shadow);--st-shadow-button:var(--st-shadow);--st-button-radius:var(--st-rounded-md);--st-input-radius:var(--st-rounded-md);--st-container-radius:var(--st-rounded-2xl);--st-container-border:var(--st-border);--st-header-font:var(--st-font-family)}";
-collectCss(css);
+var css$l = ".Root_module_root__870c11a1{color-scheme:var(--st-color-scheme);font-family:var(--st-font-family);isolation:isolate}:where(.Root_module_root__870c11a1),:where(.Root_module_root__870c11a1) *{box-sizing:border-box;margin:0;padding:0}:where(.Root_module_root__870c11a1) :is(span,strong,em,p,a){font-feature-settings:inherit;font-size:inherit;font-variant:inherit;line-height:inherit}:where(.Root_module_root__870c11a1) :is(span,strong,em,p){color:inherit}:where(.Root_module_root__870c11a1) :is(span,em,p){font-weight:inherit}:where(.Root_module_root__870c11a1) :is(img,svg){display:block}.Root_module_root__870c11a1 a{-webkit-text-decoration:none;text-decoration:none}.Root_module_root__870c11a1 :is(b,strong){font-weight:var(--st-font-weight-bold)}.Root_module_root__870c11a1{--st-font-weight-normal:400;--st-font-weight-medium:500;--st-font-weight-semibold:600;--st-font-weight-bold:700;--st-rounded-md:calc(var(--st-rounded-base)*2);--st-rounded-2xl:calc(var(--st-rounded-base)*6);--st-rounded-full:calc(var(--st-rounded-base)*9999);--st-text-xs:calc(var(--st-text-base)*0.75);--st-text-sm:calc(var(--st-text-base)*0.875);--st-text-2xl:calc(var(--st-text-base)*1.5);--st-line-height-xs:1.33333;--st-line-height-sm:1.42857;--st-line-height-base:1.5;--st-line-height-2xl:1.33333;--st-spacing-0_5:calc(var(--st-spacing)*0.5);--st-spacing-2:calc(var(--st-spacing)*2);--st-spacing-3:calc(var(--st-spacing)*3);--st-spacing-4:calc(var(--st-spacing)*4);--st-spacing-5:calc(var(--st-spacing)*5);--st-spacing-6:calc(var(--st-spacing)*6);--st-spacing-7:calc(var(--st-spacing)*7);--st-spacing-8:calc(var(--st-spacing)*8);--st-spacing-9:calc(var(--st-spacing)*9);--st-spacing-10:calc(var(--st-spacing)*10);--st-tab-background:color-mix(in oklab,var(--st-accent) 80%,transparent);--st-primary-button-hover:color-mix(in oklab,var(--st-primary) 90%,transparent);--st-secondary-button-hover:color-mix(in oklab,var(--st-secondary) 80%,transparent);--st-destructive-button-hover:color-mix(in oklab,var(--st-destructive) 80%,transparent);--st-divider-color:color-mix(in oklab,var(--st-border) 50%,transparent);--st-focus-ring-shadow:0 0 0 3px color-mix(in oklab,var(--st-ring) 50%,transparent);--st-shadow:0 0;--st-shadow-input:var(--st-shadow);--st-shadow-button:var(--st-shadow);--st-button-radius:var(--st-rounded-md);--st-input-radius:var(--st-rounded-md);--st-container-radius:var(--st-rounded-2xl);--st-container-border:var(--st-border);--st-header-font:var(--st-font-family)}";
+collectCss(css$l);
 
-export { css };
+export { css$l as css };
 //# sourceMappingURL=Root.module.css.mjs.map

package/dist/esm/packages/web/src/ui/components/mixins/i18n.module.css.mjs

@@ -1,7 +1,7 @@
 import { collectCss } from '../../../../../../internal/style-injector/src/index.mjs';
 
-var css = "[dir=rtl] .i18n_module_rtlIcon__278ecfc9{scale:-1 1}.i18n_module_rtlIcon__278ecfc9:dir(rtl){scale:-1 1}";
-collectCss(css);
+var css$j = "[dir=rtl] .i18n_module_rtlIcon__278ecfc9{scale:-1 1}.i18n_module_rtlIcon__278ecfc9:dir(rtl){scale:-1 1}";
+collectCss(css$j);
 
-export { css };
+export { css$j as css };
 //# sourceMappingURL=i18n.module.css.mjs.map

package/dist/esm/packages/web/src/ui/components/mixins/inputBase.module.css.mjs

@@ -1,8 +1,8 @@
 import { collectCss } from '../../../../../../internal/style-injector/src/index.mjs';
 
-var css = ".inputBase_module_inputBase__06c14ae4{background-color:var(--st-background);border:1px solid var(--st-input);border-radius:var(--st-input-radius);box-shadow:var(--st-shadow-input);color:var(--st-foreground);font-family:var(--st-font-family);font-size:var(--st-text-sm);line-height:var(--st-line-height-sm)}.inputBase_module_forceFocusRing__06c14ae4,:is(.inputBase_module_focusRing__06c14ae4,.inputBase_module_inputBase__06c14ae4):focus-visible{border-color:var(--st-ring);box-shadow:var(--st-shadow-input),var(--st-focus-ring-shadow);outline:0}";
-collectCss(css);
+var css$k = ".inputBase_module_inputBase__06c14ae4{background-color:var(--st-background);border:1px solid var(--st-input);border-radius:var(--st-input-radius);box-shadow:var(--st-shadow-input);color:var(--st-foreground);font-family:var(--st-font-family);font-size:var(--st-text-sm);line-height:var(--st-line-height-sm)}.inputBase_module_forceFocusRing__06c14ae4,:is(.inputBase_module_focusRing__06c14ae4,.inputBase_module_inputBase__06c14ae4):focus-visible{border-color:var(--st-ring);box-shadow:var(--st-shadow-input),var(--st-focus-ring-shadow);outline:0}";
+collectCss(css$k);
 var modules_c9b13a37 = {"focusRing":"inputBase_module_focusRing__06c14ae4"};
 
-export { css, modules_c9b13a37 as default };
+export { css$k as css, modules_c9b13a37 as default };
 //# sourceMappingURL=inputBase.module.css.mjs.map

package/dist/esm/packages/web/src/ui/components/molecules/Badge.module.css.mjs

@@ -1,8 +1,8 @@
 import { collectCss } from '../../../../../../internal/style-injector/src/index.mjs';
 
-var css = ".Badge_module_badge__c44e2b28{background-color:var(--st-background);border:1px solid var(--st-border);border-radius:var(--st-rounded-base);cursor:default;padding:var(--st-spacing-0_5) var(--st-spacing);width:fit-content}";
-collectCss(css);
+var css$c = ".Badge_module_badge__c44e2b28{background-color:var(--st-background);border:1px solid var(--st-border);border-radius:var(--st-rounded-base);cursor:default;padding:var(--st-spacing-0_5) var(--st-spacing);width:fit-content}";
+collectCss(css$c);
 var modules_35eb8564 = {"badge":"Badge_module_badge__c44e2b28"};
 
-export { css, modules_35eb8564 as default };
+export { css$c as css, modules_35eb8564 as default };
 //# sourceMappingURL=Badge.module.css.mjs.map

package/dist/esm/packages/web/src/ui/components/molecules/Divider.module.css.mjs

@@ -1,8 +1,8 @@
 import { collectCss } from '../../../../../../internal/style-injector/src/index.mjs';
 
-var css = ".Divider_module_container__1fb7194e{align-items:center;display:flex;gap:var(--st-spacing-2);line-height:var(--st-line-height-xs)}.Divider_module_bar__1fb7194e{border-bottom:1px solid var(--st-divider-color);flex:1 1 auto}";
-collectCss(css);
+var css$e = ".Divider_module_container__1fb7194e{align-items:center;display:flex;gap:var(--st-spacing-2);line-height:var(--st-line-height-xs)}.Divider_module_bar__1fb7194e{border-bottom:1px solid var(--st-divider-color);flex:1 1 auto}";
+collectCss(css$e);
 var modules_979bfa57 = {"container":"Divider_module_container__1fb7194e","bar":"Divider_module_bar__1fb7194e"};
 
-export { css, modules_979bfa57 as default };
+export { css$e as css, modules_979bfa57 as default };
 //# sourceMappingURL=Divider.module.css.mjs.map

package/dist/esm/packages/web/src/ui/components/molecules/Input.module.css.mjs

@@ -1,8 +1,8 @@
 import { collectCss } from '../../../../../../internal/style-injector/src/index.mjs';
 
-var css = ".Input_module_label__a0aad2f4{color:var(--st-foreground);display:block;font-family:var(--st-font-family);font-size:var(--st-text-sm);font-weight:var(--st-font-weight-semibold);line-height:var(--st-line-height-sm);margin-bottom:var(--st-spacing-0_5);width:fit-content}.Input_module_input__a0aad2f4{padding:var(--st-spacing-2) var(--st-spacing-3);width:100%}.-st-mobile .Input_module_input__a0aad2f4{padding:var(--st-spacing-3)}.Input_module_input__a0aad2f4:disabled{color:var(--st-muted-foreground)}.Input_module_input__a0aad2f4::placeholder{color:var(--st-muted-foreground)}.Input_module_inputWrapper__a0aad2f4{display:flex;position:relative}.Input_module_action__a0aad2f4{inset-inline-end:var(--st-spacing-2);position:absolute;scale:.75;transform-origin:center right}[dir=rtl] .Input_module_action__a0aad2f4{transform-origin:center left}.Input_module_action__a0aad2f4:dir(rtl){transform-origin:center left}.Input_module_error__a0aad2f4{margin-top:var(--st-spacing-2)}";
-collectCss(css);
+var css$8 = ".Input_module_label__a0aad2f4{color:var(--st-foreground);display:block;font-family:var(--st-font-family);font-size:var(--st-text-sm);font-weight:var(--st-font-weight-semibold);line-height:var(--st-line-height-sm);margin-bottom:var(--st-spacing-0_5);width:fit-content}.Input_module_input__a0aad2f4{padding:var(--st-spacing-2) var(--st-spacing-3);width:100%}.-st-mobile .Input_module_input__a0aad2f4{padding:var(--st-spacing-3)}.Input_module_input__a0aad2f4:disabled{color:var(--st-muted-foreground)}.Input_module_input__a0aad2f4::placeholder{color:var(--st-muted-foreground)}.Input_module_inputWrapper__a0aad2f4{display:flex;position:relative}.Input_module_action__a0aad2f4{inset-inline-end:var(--st-spacing-2);position:absolute;scale:.75;transform-origin:center right}[dir=rtl] .Input_module_action__a0aad2f4{transform-origin:center left}.Input_module_action__a0aad2f4:dir(rtl){transform-origin:center left}.Input_module_error__a0aad2f4{margin-top:var(--st-spacing-2)}";
+collectCss(css$8);
 var modules_d963aab3 = {"container":"Input_module_container__a0aad2f4","label":"Input_module_label__a0aad2f4","input":"Input_module_input__a0aad2f4 inputBase_module_inputBase__06c14ae4 inputBase_module_focusRing__06c14ae4","inputWrapper":"Input_module_inputWrapper__a0aad2f4","action":"Input_module_action__a0aad2f4","error":"Input_module_error__a0aad2f4"};
 
-export { css, modules_d963aab3 as default };
+export { css$8 as css, modules_d963aab3 as default };
 //# sourceMappingURL=Input.module.css.mjs.map

package/dist/esm/packages/web/src/ui/components/molecules/LastUsed.module.css.mjs

@@ -1,8 +1,8 @@
 import { collectCss } from '../../../../../../internal/style-injector/src/index.mjs';
 
-var css = ".LastUsed_module_container__4e54ed99{position:relative}.LastUsed_module_badge__4e54ed99{position:absolute;right:var(--st-spacing-3);top:0;translate:0 -60%}[dir=rtl] .LastUsed_module_badge__4e54ed99{left:var(--st-spacing-3);right:auto}.LastUsed_module_badge__4e54ed99:dir(rtl){left:var(--st-spacing-3);right:auto}";
-collectCss(css);
+var css$b = ".LastUsed_module_container__4e54ed99{position:relative}.LastUsed_module_badge__4e54ed99{position:absolute;right:var(--st-spacing-3);top:0;translate:0 -60%}[dir=rtl] .LastUsed_module_badge__4e54ed99{left:var(--st-spacing-3);right:auto}.LastUsed_module_badge__4e54ed99:dir(rtl){left:var(--st-spacing-3);right:auto}";
+collectCss(css$b);
 var modules_9331f432 = {"container":"LastUsed_module_container__4e54ed99","badge":"LastUsed_module_badge__4e54ed99"};
 
-export { css, modules_9331f432 as default };
+export { css$b as css, modules_9331f432 as default };
 //# sourceMappingURL=LastUsed.module.css.mjs.map

package/dist/esm/packages/web/src/ui/components/molecules/Loading.module.css.mjs

@@ -1,8 +1,8 @@
 import { collectCss } from '../../../../../../internal/style-injector/src/index.mjs';
 
-var css = ".Loading_module_loadingScreen__1c53715a{display:flex;justify-content:center}";
-collectCss(css);
+var css$m = ".Loading_module_loadingScreen__1c53715a{display:flex;justify-content:center}";
+collectCss(css$m);
 var modules_47ae913e = {"loadingScreen":"Loading_module_loadingScreen__1c53715a"};
 
-export { css, modules_47ae913e as default };
+export { css$m as css, modules_47ae913e as default };
 //# sourceMappingURL=Loading.module.css.mjs.map

package/dist/esm/packages/web/src/ui/components/molecules/MainContainer.module.css.mjs

@@ -1,8 +1,8 @@
 import { collectCss } from '../../../../../../internal/style-injector/src/index.mjs';
 
-var css = ".MainContainer_module_container__d1278a0c{background-color:var(--st-background);border:1px solid var(--st-container-border);border-radius:var(--st-container-radius);color:var(--st-foreground);max-width:var(--st-container-width);padding:var(--st-spacing-10) var(--st-spacing-9);width:100%}.MainContainer_module_watermarkContainer__d1278a0c{display:flex;justify-content:center}";
-collectCss(css);
+var css$g = ".MainContainer_module_container__d1278a0c{background-color:var(--st-background);border:1px solid var(--st-container-border);border-radius:var(--st-container-radius);color:var(--st-foreground);max-width:var(--st-container-width);padding:var(--st-spacing-10) var(--st-spacing-9);width:100%}.MainContainer_module_watermarkContainer__d1278a0c{display:flex;justify-content:center}";
+collectCss(css$g);
 var modules_852c89cd = {"container":"MainContainer_module_container__d1278a0c Root_module_root__870c11a1","watermarkContainer":"MainContainer_module_watermarkContainer__d1278a0c"};
 
-export { css, modules_852c89cd as default };
+export { css$g as css, modules_852c89cd as default };
 //# sourceMappingURL=MainContainer.module.css.mjs.map

package/dist/esm/packages/web/src/ui/components/molecules/OTPEntry.module.css.mjs

@@ -1,8 +1,8 @@
 import { collectCss } from '../../../../../../internal/style-injector/src/index.mjs';
 
-var css = ".OTPEntry_module_progressInner__6b10f31d{padding-top:var(--st-spacing-2)}";
-collectCss(css);
+var css$1 = ".OTPEntry_module_progressInner__6b10f31d{padding-top:var(--st-spacing-2)}";
+collectCss(css$1);
 var modules_929e05ad = {"progressInner":"OTPEntry_module_progressInner__6b10f31d"};
 
-export { css, modules_929e05ad as default };
+export { css$1 as css, modules_929e05ad as default };
 //# sourceMappingURL=OTPEntry.module.css.mjs.map

package/dist/esm/packages/web/src/ui/components/molecules/PasswordError.module.css.mjs

@@ -1,8 +1,8 @@
 import { collectCss } from '../../../../../../internal/style-injector/src/index.mjs';
 
-var css = ".PasswordError_module_item__c070e7fb{margin-left:var(--st-spacing-6);text-indent:calc(var(--st-spacing-6)*-1)}.PasswordError_module_item__c070e7fb svg{display:inline-block;height:var(--st-spacing-4);margin-right:var(--st-spacing-2);vertical-align:middle;width:var(--st-spacing-4)}.PasswordError_module_bullet__c070e7fb{display:inline-block;margin-right:var(--st-spacing-2);text-align:center;text-indent:0;width:var(--st-spacing-4)}.PasswordError_module_bullet__c070e7fb:before{content:\"•\"}";
-collectCss(css);
+var css$5 = ".PasswordError_module_item__c070e7fb{margin-left:var(--st-spacing-6);text-indent:calc(var(--st-spacing-6)*-1)}.PasswordError_module_item__c070e7fb svg{display:inline-block;height:var(--st-spacing-4);margin-right:var(--st-spacing-2);vertical-align:middle;width:var(--st-spacing-4)}.PasswordError_module_bullet__c070e7fb{display:inline-block;margin-right:var(--st-spacing-2);text-align:center;text-indent:0;width:var(--st-spacing-4)}.PasswordError_module_bullet__c070e7fb:before{content:\"•\"}";
+collectCss(css$5);
 var modules_c0befac8 = {"item":"PasswordError_module_item__c070e7fb","bullet":"PasswordError_module_bullet__c070e7fb"};
 
-export { css, modules_c0befac8 as default };
+export { css$5 as css, modules_c0befac8 as default };
 //# sourceMappingURL=PasswordError.module.css.mjs.map

package/dist/esm/packages/web/src/ui/components/molecules/PasswordStrengthCheck.module.css.mjs

@@ -1,8 +1,8 @@
 import { collectCss } from '../../../../../../internal/style-injector/src/index.mjs';
 
-var css = ".PasswordStrengthCheck_module_container__75d2aaf0{border-radius:var(--st-rounded-full);display:flex;gap:var(--st-spacing-0_5);height:0;overflow:clip;transition:height var(--st-transition-duration)}.PasswordStrengthCheck_module_container__75d2aaf0:is(.PasswordStrengthCheck_module_weak__75d2aaf0,.PasswordStrengthCheck_module_strong__75d2aaf0){height:var(--st-spacing)}.PasswordStrengthCheck_module_block__75d2aaf0{background:var(--st-muted);flex:1 1 auto;height:var(--st-spacing)}.PasswordStrengthCheck_module_weak__75d2aaf0 .PasswordStrengthCheck_module_block__75d2aaf0.PasswordStrengthCheck_module_filled__75d2aaf0{background:var(--st-destructive)}.PasswordStrengthCheck_module_strong__75d2aaf0 .PasswordStrengthCheck_module_block__75d2aaf0.PasswordStrengthCheck_module_filled__75d2aaf0{background:var(--st-success)}";
-collectCss(css);
+var css$4 = ".PasswordStrengthCheck_module_container__75d2aaf0{border-radius:var(--st-rounded-full);display:flex;gap:var(--st-spacing-0_5);height:0;overflow:clip;transition:height var(--st-transition-duration)}.PasswordStrengthCheck_module_container__75d2aaf0:is(.PasswordStrengthCheck_module_weak__75d2aaf0,.PasswordStrengthCheck_module_strong__75d2aaf0){height:var(--st-spacing)}.PasswordStrengthCheck_module_block__75d2aaf0{background:var(--st-muted);flex:1 1 auto;height:var(--st-spacing)}.PasswordStrengthCheck_module_weak__75d2aaf0 .PasswordStrengthCheck_module_block__75d2aaf0.PasswordStrengthCheck_module_filled__75d2aaf0{background:var(--st-destructive)}.PasswordStrengthCheck_module_strong__75d2aaf0 .PasswordStrengthCheck_module_block__75d2aaf0.PasswordStrengthCheck_module_filled__75d2aaf0{background:var(--st-success)}";
+collectCss(css$4);
 var modules_8479f250 = {"container":"PasswordStrengthCheck_module_container__75d2aaf0","weak":"PasswordStrengthCheck_module_weak__75d2aaf0","strong":"PasswordStrengthCheck_module_strong__75d2aaf0","block":"PasswordStrengthCheck_module_block__75d2aaf0","filled":"PasswordStrengthCheck_module_filled__75d2aaf0"};
 
-export { css, modules_8479f250 as default };
+export { css$4 as css, modules_8479f250 as default };
 //# sourceMappingURL=PasswordStrengthCheck.module.css.mjs.map