@clerk/ui 1.0.0-snapshot.v20251203203405 → 1.0.0-snapshot.v20251204175016

package/dist/elements/contexts/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/elements/contexts/index.tsx"],"sourcesContent":["import { createContextAndHook } from '@clerk/shared/react';\nimport type { ClerkAPIError, ClerkRuntimeError } from '@clerk/shared/types';\nimport { FloatingTree, useFloatingParentNodeId } from '@floating-ui/react';\nimport React from 'react';\n\nimport { useRouter } from '@/ui/router';\n\nimport { useLocalizations } from '../../customizables';\n\ntype Status = 'idle' | 'loading' | 'error';\ntype Metadata = string | undefined;\ntype State = { status: Status; metadata: Metadata; error: string | undefined };\ntype CardStateCtxValue = {\n  state: State;\n  setState: React.Dispatch<React.SetStateAction<State>>;\n};\n\nconst [CardStateCtx, _useCardState] = createContextAndHook<CardStateCtxValue>('CardState');\n\nexport const CardStateProvider = (props: React.PropsWithChildren<any>) => {\n  const { translateError } = useLocalizations();\n  const router = useRouter();\n\n  const [state, setState] = React.useState<State>(() => ({\n    status: 'idle',\n    metadata: undefined,\n    error: translateError(window?.Clerk?.__internal_last_error || undefined),\n  }));\n\n  React.useEffect(() => {\n    const error = window?.Clerk?.__internal_last_error;\n\n    if (error) {\n      setState(s => ({ ...s, error: translateError(error) }));\n    }\n  }, [translateError, setState, router.currentPath]);\n\n  const value = React.useMemo(() => ({ value: { state, setState } }), [state, setState]);\n  return <CardStateCtx.Provider value={value}>{props.children}</CardStateCtx.Provider>;\n};\n\nexport const useCardState = () => {\n  const { state, setState } = _useCardState();\n  const { translateError } = useLocalizations();\n\n  const setIdle = (metadata?: Metadata) => setState(s => ({ ...s, status: 'idle', metadata }));\n  const setError = (metadata: ClerkRuntimeError | ClerkAPIError | Metadata | string) =>\n    setState(s => ({ ...s, error: translateError(metadata) }));\n  const setLoading = (metadata?: Metadata) => setState(s => ({ ...s, status: 'loading', metadata }));\n  const runAsync = async <T = unknown,>(cb: Promise<T> | (() => Promise<T>), metadata?: Metadata) => {\n    setLoading(metadata);\n    return (typeof cb === 'function' ? cb() : cb)\n      .then(res => {\n        return res;\n      })\n      .finally(() => setIdle(metadata));\n  };\n\n  return {\n    setIdle,\n    setError,\n    setLoading,\n    runAsync,\n    loadingMetadata: state.status === 'loading' ? state.metadata : undefined,\n    error: state.error ? state.error : undefined,\n    isLoading: state.status === 'loading',\n    isIdle: state.status === 'idle',\n    state,\n  };\n};\n\nexport const withCardStateProvider = <T,>(Component: React.ComponentType<T>) => {\n  return (props: T) => {\n    return (\n      <CardStateProvider>\n        {/* @ts-expect-error */}\n        <Component {...props} />\n      </CardStateProvider>\n    );\n  };\n};\n\nexport type FlowMetadata = {\n  flow:\n    | 'signIn'\n    | 'signUp'\n    | 'userButton'\n    | 'userProfile'\n    | 'userVerification'\n    | 'organizationProfile'\n    | 'createOrganization'\n    | 'organizationSwitcher'\n    | 'organizationList'\n    | 'oneTap'\n    | 'blankCaptcha'\n    | 'waitlist'\n    | 'checkout'\n    | 'planDetails'\n    | 'pricingTable'\n    | 'apiKeys'\n    | 'oauthConsent'\n    | 'subscriptionDetails'\n    | 'tasks'\n    | 'taskChooseOrganization'\n    | 'enableOrganizations'\n    | 'taskResetPassword';\n  part?:\n    | 'start'\n    | 'emailCode'\n    | 'emailCode2Fa'\n    | 'phoneCode'\n    | 'phoneCode2Fa'\n    | 'totp2Fa'\n    | 'backupCode2Fa'\n    | 'password'\n    | 'resetPassword'\n    | 'emailLink'\n    | 'emailLinkVerify'\n    | 'emailLinkStatus'\n    | 'alternativeMethods'\n    | 'forgotPasswordMethods'\n    | 'passwordPwnedMethods'\n    | 'havingTrouble'\n    | 'ssoCallback'\n    | 'popupCallback'\n    | 'popover'\n    | 'complete'\n    | 'accountSwitcher'\n    | 'chooseOrganization'\n    | 'enterpriseConnections';\n};\n\nconst [FlowMetadataCtx, useFlowMetadata] = createContextAndHook<FlowMetadata>('FlowMetadata');\n\nexport const FlowMetadataProvider = (props: React.PropsWithChildren<FlowMetadata>) => {\n  const { flow, part } = props;\n  const value = React.useMemo(() => ({ value: props }), [flow, part]);\n  return <FlowMetadataCtx.Provider value={value}>{props.children}</FlowMetadataCtx.Provider>;\n};\n\nexport const withFloatingTree = <T,>(Component: React.ComponentType<T>): React.ComponentType<T> => {\n  return (props: T) => {\n    const parentId = useFloatingParentNodeId();\n    if (parentId == null) {\n      return (\n        <FloatingTree>\n          {/* @ts-expect-error */}\n          <Component {...props} />\n        </FloatingTree>\n      );\n    }\n\n    /* @ts-expect-error */\n    return <Component {...props} />;\n  };\n};\n\nexport { useFlowMetadata };\n"],"mappings":";;;;;;;;AAiBA,MAAM,CAAC,cAAc,iBAAiB,qBAAwC,YAAY;AAE1F,MAAa,qBAAqB,UAAwC;CACxE,MAAM,EAAE,mBAAmB,kBAAkB;CAC7C,MAAM,SAAS,WAAW;CAE1B,MAAM,CAAC,OAAO,YAAY,MAAM,gBAAuB;EACrD,QAAQ;EACR,UAAU;EACV,OAAO,eAAe,QAAQ,OAAO,yBAAyB,OAAU;EACzE,EAAE;AAEH,OAAM,gBAAgB;EACpB,MAAM,QAAQ,QAAQ,OAAO;AAE7B,MAAI,MACF,WAAS,OAAM;GAAE,GAAG;GAAG,OAAO,eAAe,MAAM;GAAE,EAAE;IAExD;EAAC;EAAgB;EAAU,OAAO;EAAY,CAAC;CAElD,MAAM,QAAQ,MAAM,eAAe,EAAE,OAAO;EAAE;EAAO;EAAU,EAAE,GAAG,CAAC,OAAO,SAAS,CAAC;AACtF,QAAO,oBAAC,aAAa;EAAgB;YAAQ,MAAM;GAAiC;;AAGtF,MAAa,qBAAqB;CAChC,MAAM,EAAE,OAAO,aAAa,eAAe;CAC3C,MAAM,EAAE,mBAAmB,kBAAkB;CAE7C,MAAM,WAAW,aAAwB,UAAS,OAAM;EAAE,GAAG;EAAG,QAAQ;EAAQ;EAAU,EAAE;CAC5F,MAAM,YAAY,aAChB,UAAS,OAAM;EAAE,GAAG;EAAG,OAAO,eAAe,SAAS;EAAE,EAAE;CAC5D,MAAM,cAAc,aAAwB,UAAS,OAAM;EAAE,GAAG;EAAG,QAAQ;EAAW;EAAU,EAAE;CAClG,MAAM,WAAW,OAAqB,IAAqC,aAAwB;AACjG,aAAW,SAAS;AACpB,UAAQ,OAAO,OAAO,aAAa,IAAI,GAAG,IACvC,MAAK,QAAO;AACX,UAAO;IACP,CACD,cAAc,QAAQ,SAAS,CAAC;;AAGrC,QAAO;EACL;EACA;EACA;EACA;EACA,iBAAiB,MAAM,WAAW,YAAY,MAAM,WAAW;EAC/D,OAAO,MAAM,QAAQ,MAAM,QAAQ;EACnC,WAAW,MAAM,WAAW;EAC5B,QAAQ,MAAM,WAAW;EACzB;EACD;;AAGH,MAAa,yBAA6B,cAAsC;AAC9E,SAAQ,UAAa;AACnB,SACE,oBAAC,+BAEC,oBAAC,aAAU,GAAI,QAAS,GACN;;;AAuD1B,MAAM,CAAC,iBAAiB,mBAAmB,qBAAmC,eAAe;AAE7F,MAAa,wBAAwB,UAAiD;CACpF,MAAM,EAAE,MAAM,SAAS;CACvB,MAAM,QAAQ,MAAM,eAAe,EAAE,OAAO,OAAO,GAAG,CAAC,MAAM,KAAK,CAAC;AACnE,QAAO,oBAAC,gBAAgB;EAAgB;YAAQ,MAAM;GAAoC;;AAG5F,MAAa,oBAAwB,cAA8D;AACjG,SAAQ,UAAa;AAEnB,MADiB,yBAAyB,IAC1B,KACd,QACE,oBAAC,0BAEC,oBAAC,aAAU,GAAI,QAAS,GACX;AAKnB,SAAO,oBAAC,aAAU,GAAI,QAAS"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/elements/contexts/index.tsx"],"sourcesContent":["import { createContextAndHook } from '@clerk/shared/react';\nimport type { ClerkAPIError, ClerkRuntimeError } from '@clerk/shared/types';\nimport { FloatingTree, useFloatingParentNodeId } from '@floating-ui/react';\nimport React from 'react';\n\nimport { useRouter } from '@/ui/router';\n\nimport { useLocalizations } from '../../customizables';\n\ntype Status = 'idle' | 'loading' | 'error';\ntype Metadata = string | undefined;\ntype State = { status: Status; metadata: Metadata; error: string | undefined };\ntype CardStateCtxValue = {\n  state: State;\n  setState: React.Dispatch<React.SetStateAction<State>>;\n};\n\nconst [CardStateCtx, _useCardState] = createContextAndHook<CardStateCtxValue>('CardState');\n\nexport const CardStateProvider = (props: React.PropsWithChildren<any>) => {\n  const { translateError } = useLocalizations();\n  const router = useRouter();\n\n  const [state, setState] = React.useState<State>(() => ({\n    status: 'idle',\n    metadata: undefined,\n    error: translateError(window?.Clerk?.__internal_last_error || undefined),\n  }));\n\n  React.useEffect(() => {\n    const error = window?.Clerk?.__internal_last_error;\n\n    if (error) {\n      setState(s => ({ ...s, error: translateError(error) }));\n    }\n  }, [translateError, setState, router.currentPath]);\n\n  const value = React.useMemo(() => ({ value: { state, setState } }), [state, setState]);\n  return <CardStateCtx.Provider value={value}>{props.children}</CardStateCtx.Provider>;\n};\n\nexport const useCardState = () => {\n  const { state, setState } = _useCardState();\n  const { translateError } = useLocalizations();\n\n  const setIdle = (metadata?: Metadata) => setState(s => ({ ...s, status: 'idle', metadata }));\n  const setError = (metadata: ClerkRuntimeError | ClerkAPIError | Metadata | string) =>\n    setState(s => ({ ...s, error: translateError(metadata) }));\n  const setLoading = (metadata?: Metadata) => setState(s => ({ ...s, status: 'loading', metadata }));\n  const runAsync = async <T = unknown,>(cb: Promise<T> | (() => Promise<T>), metadata?: Metadata) => {\n    setLoading(metadata);\n    return (typeof cb === 'function' ? cb() : cb)\n      .then(res => {\n        return res;\n      })\n      .finally(() => setIdle(metadata));\n  };\n\n  return {\n    setIdle,\n    setError,\n    setLoading,\n    runAsync,\n    loadingMetadata: state.status === 'loading' ? state.metadata : undefined,\n    error: state.error ? state.error : undefined,\n    isLoading: state.status === 'loading',\n    isIdle: state.status === 'idle',\n    state,\n  };\n};\n\nexport const withCardStateProvider = <T,>(Component: React.ComponentType<T>) => {\n  return (props: T) => {\n    return (\n      <CardStateProvider>\n        {/* @ts-expect-error */}\n        <Component {...props} />\n      </CardStateProvider>\n    );\n  };\n};\n\nexport type FlowMetadata = {\n  flow:\n    | 'signIn'\n    | 'signUp'\n    | 'userButton'\n    | 'userProfile'\n    | 'userVerification'\n    | 'organizationProfile'\n    | 'createOrganization'\n    | 'organizationSwitcher'\n    | 'organizationList'\n    | 'oneTap'\n    | 'blankCaptcha'\n    | 'waitlist'\n    | 'checkout'\n    | 'planDetails'\n    | 'pricingTable'\n    | 'apiKeys'\n    | 'oauthConsent'\n    | 'subscriptionDetails'\n    | 'tasks'\n    | 'taskChooseOrganization'\n    | 'enableOrganizations'\n    | 'taskResetPassword';\n  part?:\n    | 'start'\n    | 'emailCode'\n    | 'emailCode2Fa'\n    | 'phoneCode'\n    | 'phoneCode2Fa'\n    | 'totp2Fa'\n    | 'backupCode2Fa'\n    | 'password'\n    | 'resetPassword'\n    | 'emailLink'\n    | 'emailLinkVerify'\n    | 'emailLinkStatus'\n    | 'alternativeMethods'\n    | 'forgotPasswordMethods'\n    | 'passwordPwnedMethods'\n    | 'passwordCompromisedMethods'\n    | 'havingTrouble'\n    | 'ssoCallback'\n    | 'popupCallback'\n    | 'popover'\n    | 'complete'\n    | 'accountSwitcher'\n    | 'chooseOrganization'\n    | 'enterpriseConnections';\n};\n\nconst [FlowMetadataCtx, useFlowMetadata] = createContextAndHook<FlowMetadata>('FlowMetadata');\n\nexport const FlowMetadataProvider = (props: React.PropsWithChildren<FlowMetadata>) => {\n  const { flow, part } = props;\n  const value = React.useMemo(() => ({ value: props }), [flow, part]);\n  return <FlowMetadataCtx.Provider value={value}>{props.children}</FlowMetadataCtx.Provider>;\n};\n\nexport const withFloatingTree = <T,>(Component: React.ComponentType<T>): React.ComponentType<T> => {\n  return (props: T) => {\n    const parentId = useFloatingParentNodeId();\n    if (parentId == null) {\n      return (\n        <FloatingTree>\n          {/* @ts-expect-error */}\n          <Component {...props} />\n        </FloatingTree>\n      );\n    }\n\n    /* @ts-expect-error */\n    return <Component {...props} />;\n  };\n};\n\nexport { useFlowMetadata };\n"],"mappings":";;;;;;;;AAiBA,MAAM,CAAC,cAAc,iBAAiB,qBAAwC,YAAY;AAE1F,MAAa,qBAAqB,UAAwC;CACxE,MAAM,EAAE,mBAAmB,kBAAkB;CAC7C,MAAM,SAAS,WAAW;CAE1B,MAAM,CAAC,OAAO,YAAY,MAAM,gBAAuB;EACrD,QAAQ;EACR,UAAU;EACV,OAAO,eAAe,QAAQ,OAAO,yBAAyB,OAAU;EACzE,EAAE;AAEH,OAAM,gBAAgB;EACpB,MAAM,QAAQ,QAAQ,OAAO;AAE7B,MAAI,MACF,WAAS,OAAM;GAAE,GAAG;GAAG,OAAO,eAAe,MAAM;GAAE,EAAE;IAExD;EAAC;EAAgB;EAAU,OAAO;EAAY,CAAC;CAElD,MAAM,QAAQ,MAAM,eAAe,EAAE,OAAO;EAAE;EAAO;EAAU,EAAE,GAAG,CAAC,OAAO,SAAS,CAAC;AACtF,QAAO,oBAAC,aAAa;EAAgB;YAAQ,MAAM;GAAiC;;AAGtF,MAAa,qBAAqB;CAChC,MAAM,EAAE,OAAO,aAAa,eAAe;CAC3C,MAAM,EAAE,mBAAmB,kBAAkB;CAE7C,MAAM,WAAW,aAAwB,UAAS,OAAM;EAAE,GAAG;EAAG,QAAQ;EAAQ;EAAU,EAAE;CAC5F,MAAM,YAAY,aAChB,UAAS,OAAM;EAAE,GAAG;EAAG,OAAO,eAAe,SAAS;EAAE,EAAE;CAC5D,MAAM,cAAc,aAAwB,UAAS,OAAM;EAAE,GAAG;EAAG,QAAQ;EAAW;EAAU,EAAE;CAClG,MAAM,WAAW,OAAqB,IAAqC,aAAwB;AACjG,aAAW,SAAS;AACpB,UAAQ,OAAO,OAAO,aAAa,IAAI,GAAG,IACvC,MAAK,QAAO;AACX,UAAO;IACP,CACD,cAAc,QAAQ,SAAS,CAAC;;AAGrC,QAAO;EACL;EACA;EACA;EACA;EACA,iBAAiB,MAAM,WAAW,YAAY,MAAM,WAAW;EAC/D,OAAO,MAAM,QAAQ,MAAM,QAAQ;EACnC,WAAW,MAAM,WAAW;EAC5B,QAAQ,MAAM,WAAW;EACzB;EACD;;AAGH,MAAa,yBAA6B,cAAsC;AAC9E,SAAQ,UAAa;AACnB,SACE,oBAAC,+BAEC,oBAAC,aAAU,GAAI,QAAS,GACN;;;AAwD1B,MAAM,CAAC,iBAAiB,mBAAmB,qBAAmC,eAAe;AAE7F,MAAa,wBAAwB,UAAiD;CACpF,MAAM,EAAE,MAAM,SAAS;CACvB,MAAM,QAAQ,MAAM,eAAe,EAAE,OAAO,OAAO,GAAG,CAAC,MAAM,KAAK,CAAC;AACnE,QAAO,oBAAC,gBAAgB;EAAgB;YAAQ,MAAM;GAAoC;;AAG5F,MAAa,oBAAwB,cAA8D;AACjG,SAAQ,UAAa;AAEnB,MADiB,yBAAyB,IAC1B,KACd,QACE,oBAAC,0BAEC,oBAAC,aAAU,GAAI,QAAS,GACX;AAKnB,SAAO,oBAAC,aAAU,GAAI,QAAS"}

package/dist/foundations/colors.js

@@ -46,13 +46,13 @@ const colorMutedForeground = clerkCssVar("color-muted-foreground", colors.makeTr
 const colors$1 = Object.freeze({
 	avatarBorder: neutralAlphaScale.neutralAlpha200,
 	avatarBackground: neutralAlphaScale.neutralAlpha400,
-	colorModalBackdrop: colors.makeTransparent(clerkCssVar("color-modal-backdrop", defaultColorNeutral), .27) || neutralAlphaScale.neutralAlpha700,
+	colorModalBackdrop: clerkCssVar("color-modal-backdrop", colors.makeTransparent(defaultColorNeutral, .27) || neutralAlphaScale.neutralAlpha700),
 	colorBackground: clerkCssVar("color-background", "white"),
 	colorInput: clerkCssVar("color-input", "white"),
 	colorForeground,
 	colorMutedForeground,
 	colorMuted: void 0,
-	colorRing: colors.makeTransparent(clerkCssVar("color-ring", defaultColorNeutral), .85) || neutralAlphaScale.neutralAlpha200,
+	colorRing: clerkCssVar("color-ring", colors.makeTransparent(defaultColorNeutral, .85) || neutralAlphaScale.neutralAlpha200),
 	colorInputForeground: clerkCssVar("color-input-foreground", "#131316"),
 	colorPrimaryForeground: clerkCssVar("color-primary-foreground", "white"),
 	colorShimmer: clerkCssVar("color-shimmer", "rgba(255, 255, 255, 0.36)"),

package/dist/foundations/colors.js.map

@@ -1 +1 @@
-{"version":3,"file":"colors.js","names":["colorUtils","colors"],"sources":["../../src/foundations/colors.ts"],"sourcesContent":["import { colors as colorUtils } from '../utils/colors';\nimport { colorOptionToThemedAlphaScale, colorOptionToThemedLightnessScale } from '../utils/colors/scales';\nimport { clerkCssVar } from '../utils/cssVariables';\n\nconst whiteAlpha = Object.freeze({\n  whiteAlpha25: 'hsla(0, 0%, 100%, 0.02)',\n  whiteAlpha50: 'hsla(0, 0%, 100%, 0.03)',\n  whiteAlpha100: 'hsla(0, 0%, 100%, 0.07)',\n  whiteAlpha150: 'hsla(0, 0%, 100%, 0.11)',\n  whiteAlpha200: 'hsla(0, 0%, 100%, 0.15)',\n  whiteAlpha300: 'hsla(0, 0%, 100%, 0.28)',\n  whiteAlpha400: 'hsla(0, 0%, 100%, 0.41)',\n  whiteAlpha500: 'hsla(0, 0%, 100%, 0.53)',\n  whiteAlpha600: 'hsla(0, 0%, 100%, 0.62)',\n  whiteAlpha700: 'hsla(0, 0%, 100%, 0.73)',\n  whiteAlpha750: 'hsla(0, 0%, 100%, 0.78)',\n  whiteAlpha800: 'hsla(0, 0%, 100%, 0.81)',\n  whiteAlpha850: 'hsla(0, 0%, 100%, 0.84)',\n  whiteAlpha900: 'hsla(0, 0%, 100%, 0.87)',\n  whiteAlpha950: 'hsla(0, 0%, 100%, 0.92)',\n} as const);\n\ntype LightnessScale<T extends string> = NonNullable<ReturnType<typeof colorOptionToThemedLightnessScale<T>>>;\ntype AlphaScale<T extends string> = NonNullable<ReturnType<typeof colorOptionToThemedAlphaScale<T>>>;\n\n/**\n * Color scale generation with clerkCssVar\n *\n * These functions will never return undefined because:\n * 1. clerkCssVar always provides a fallback value (e.g., 'var(--clerk-color-danger, #EF4444)')\n * 2. The fallback ensures a valid color string is always passed to the scale generation functions\n * 3. Valid color strings always produce complete color scales\n *\n * Therefore, it's safe to assert these as NonNullable.\n */\n\nconst defaultColorNeutral = clerkCssVar('color-neutral', '#000000');\n\nconst dangerScale = colorOptionToThemedLightnessScale(\n  clerkCssVar('color-danger', '#EF4444'),\n  'danger',\n) as LightnessScale<'danger'>;\nconst primaryScale = colorOptionToThemedLightnessScale(\n  clerkCssVar('color-primary', '#2F3037'),\n  'primary',\n) as LightnessScale<'primary'>;\nconst successScale = colorOptionToThemedLightnessScale(\n  clerkCssVar('color-success', '#22C543'),\n  'success',\n) as LightnessScale<'success'>;\nconst warningScale = colorOptionToThemedLightnessScale(\n  clerkCssVar('color-warning', '#F36B16'),\n  'warning',\n) as LightnessScale<'warning'>;\n\nconst dangerAlphaScale = colorOptionToThemedAlphaScale(\n  clerkCssVar('color-danger', '#EF4444'),\n  'dangerAlpha',\n) as AlphaScale<'dangerAlpha'>;\nconst neutralAlphaScale = colorOptionToThemedAlphaScale(\n  defaultColorNeutral,\n  'neutralAlpha',\n) as AlphaScale<'neutralAlpha'>;\nconst primaryAlphaScale = colorOptionToThemedAlphaScale(\n  clerkCssVar('color-primary', '#2F3037'),\n  'primaryAlpha',\n) as AlphaScale<'primaryAlpha'>;\nconst successAlphaScale = colorOptionToThemedAlphaScale(\n  clerkCssVar('color-success', '#22C543'),\n  'successAlpha',\n) as AlphaScale<'successAlpha'>;\nconst warningAlphaScale = colorOptionToThemedAlphaScale(\n  clerkCssVar('color-warning', '#F36B16'),\n  'warningAlpha',\n) as AlphaScale<'warningAlpha'>;\n\nconst borderAlphaScale = colorOptionToThemedAlphaScale(\n  clerkCssVar('color-border', defaultColorNeutral),\n  'borderAlpha',\n) as AlphaScale<'borderAlpha'>;\n\nconst colorForeground = clerkCssVar('color-foreground', '#212126');\nconst colorMutedForeground = clerkCssVar(\n  'color-muted-foreground',\n  colorUtils.makeTransparent(colorForeground, 0.35) || '#747686',\n);\n\nconst colors = Object.freeze({\n  avatarBorder: neutralAlphaScale.neutralAlpha200,\n  avatarBackground: neutralAlphaScale.neutralAlpha400,\n  colorModalBackdrop:\n    colorUtils.makeTransparent(clerkCssVar('color-modal-backdrop', defaultColorNeutral), 0.27) ||\n    neutralAlphaScale.neutralAlpha700,\n  colorBackground: clerkCssVar('color-background', 'white'),\n  colorInput: clerkCssVar('color-input', 'white'),\n  colorForeground,\n  colorMutedForeground,\n  colorMuted: undefined,\n  colorRing:\n    colorUtils.makeTransparent(clerkCssVar('color-ring', defaultColorNeutral), 0.85) ||\n    neutralAlphaScale.neutralAlpha200,\n  colorInputForeground: clerkCssVar('color-input-foreground', '#131316'),\n  colorPrimaryForeground: clerkCssVar('color-primary-foreground', 'white'),\n  colorShimmer: clerkCssVar('color-shimmer', 'rgba(255, 255, 255, 0.36)'),\n  transparent: 'transparent',\n  white: 'white',\n  black: 'black',\n  ...neutralAlphaScale,\n  ...whiteAlpha,\n  ...primaryScale,\n  primaryHover: colorUtils.adjustForLightness(primaryScale.primary500),\n  ...primaryAlphaScale,\n  ...dangerScale,\n  ...dangerAlphaScale,\n  ...warningScale,\n  ...warningAlphaScale,\n  ...successScale,\n  ...successAlphaScale,\n  ...borderAlphaScale,\n} as const);\n\nexport { colors, neutralAlphaScale as neutralAlpha, whiteAlpha };\n"],"mappings":";;;;;AAIA,MAAM,aAAa,OAAO,OAAO;CAC/B,cAAc;CACd,cAAc;CACd,eAAe;CACf,eAAe;CACf,eAAe;CACf,eAAe;CACf,eAAe;CACf,eAAe;CACf,eAAe;CACf,eAAe;CACf,eAAe;CACf,eAAe;CACf,eAAe;CACf,eAAe;CACf,eAAe;CAChB,CAAU;;;;;;;;;;;AAgBX,MAAM,sBAAsB,YAAY,iBAAiB,UAAU;AAEnE,MAAM,cAAc,kCAClB,YAAY,gBAAgB,UAAU,EACtC,SACD;AACD,MAAM,eAAe,kCACnB,YAAY,iBAAiB,UAAU,EACvC,UACD;AACD,MAAM,eAAe,kCACnB,YAAY,iBAAiB,UAAU,EACvC,UACD;AACD,MAAM,eAAe,kCACnB,YAAY,iBAAiB,UAAU,EACvC,UACD;AAED,MAAM,mBAAmB,8BACvB,YAAY,gBAAgB,UAAU,EACtC,cACD;AACD,MAAM,oBAAoB,8BACxB,qBACA,eACD;AACD,MAAM,oBAAoB,8BACxB,YAAY,iBAAiB,UAAU,EACvC,eACD;AACD,MAAM,oBAAoB,8BACxB,YAAY,iBAAiB,UAAU,EACvC,eACD;AACD,MAAM,oBAAoB,8BACxB,YAAY,iBAAiB,UAAU,EACvC,eACD;AAED,MAAM,mBAAmB,8BACvB,YAAY,gBAAgB,oBAAoB,EAChD,cACD;AAED,MAAM,kBAAkB,YAAY,oBAAoB,UAAU;AAClE,MAAM,uBAAuB,YAC3B,0BACAA,OAAW,gBAAgB,iBAAiB,IAAK,IAAI,UACtD;AAED,MAAMC,WAAS,OAAO,OAAO;CAC3B,cAAc,kBAAkB;CAChC,kBAAkB,kBAAkB;CACpC,oBACED,OAAW,gBAAgB,YAAY,wBAAwB,oBAAoB,EAAE,IAAK,IAC1F,kBAAkB;CACpB,iBAAiB,YAAY,oBAAoB,QAAQ;CACzD,YAAY,YAAY,eAAe,QAAQ;CAC/C;CACA;CACA,YAAY;CACZ,WACEA,OAAW,gBAAgB,YAAY,cAAc,oBAAoB,EAAE,IAAK,IAChF,kBAAkB;CACpB,sBAAsB,YAAY,0BAA0B,UAAU;CACtE,wBAAwB,YAAY,4BAA4B,QAAQ;CACxE,cAAc,YAAY,iBAAiB,4BAA4B;CACvE,aAAa;CACb,OAAO;CACP,OAAO;CACP,GAAG;CACH,GAAG;CACH,GAAG;CACH,cAAcA,OAAW,mBAAmB,aAAa,WAAW;CACpE,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACJ,CAAU"}
+{"version":3,"file":"colors.js","names":["colorUtils","colors"],"sources":["../../src/foundations/colors.ts"],"sourcesContent":["import { colors as colorUtils } from '../utils/colors';\nimport { colorOptionToThemedAlphaScale, colorOptionToThemedLightnessScale } from '../utils/colors/scales';\nimport { clerkCssVar } from '../utils/cssVariables';\n\nconst whiteAlpha = Object.freeze({\n  whiteAlpha25: 'hsla(0, 0%, 100%, 0.02)',\n  whiteAlpha50: 'hsla(0, 0%, 100%, 0.03)',\n  whiteAlpha100: 'hsla(0, 0%, 100%, 0.07)',\n  whiteAlpha150: 'hsla(0, 0%, 100%, 0.11)',\n  whiteAlpha200: 'hsla(0, 0%, 100%, 0.15)',\n  whiteAlpha300: 'hsla(0, 0%, 100%, 0.28)',\n  whiteAlpha400: 'hsla(0, 0%, 100%, 0.41)',\n  whiteAlpha500: 'hsla(0, 0%, 100%, 0.53)',\n  whiteAlpha600: 'hsla(0, 0%, 100%, 0.62)',\n  whiteAlpha700: 'hsla(0, 0%, 100%, 0.73)',\n  whiteAlpha750: 'hsla(0, 0%, 100%, 0.78)',\n  whiteAlpha800: 'hsla(0, 0%, 100%, 0.81)',\n  whiteAlpha850: 'hsla(0, 0%, 100%, 0.84)',\n  whiteAlpha900: 'hsla(0, 0%, 100%, 0.87)',\n  whiteAlpha950: 'hsla(0, 0%, 100%, 0.92)',\n} as const);\n\ntype LightnessScale<T extends string> = NonNullable<ReturnType<typeof colorOptionToThemedLightnessScale<T>>>;\ntype AlphaScale<T extends string> = NonNullable<ReturnType<typeof colorOptionToThemedAlphaScale<T>>>;\n\n/**\n * Color scale generation with clerkCssVar\n *\n * These functions will never return undefined because:\n * 1. clerkCssVar always provides a fallback value (e.g., 'var(--clerk-color-danger, #EF4444)')\n * 2. The fallback ensures a valid color string is always passed to the scale generation functions\n * 3. Valid color strings always produce complete color scales\n *\n * Therefore, it's safe to assert these as NonNullable.\n */\n\nconst defaultColorNeutral = clerkCssVar('color-neutral', '#000000');\n\nconst dangerScale = colorOptionToThemedLightnessScale(\n  clerkCssVar('color-danger', '#EF4444'),\n  'danger',\n) as LightnessScale<'danger'>;\nconst primaryScale = colorOptionToThemedLightnessScale(\n  clerkCssVar('color-primary', '#2F3037'),\n  'primary',\n) as LightnessScale<'primary'>;\nconst successScale = colorOptionToThemedLightnessScale(\n  clerkCssVar('color-success', '#22C543'),\n  'success',\n) as LightnessScale<'success'>;\nconst warningScale = colorOptionToThemedLightnessScale(\n  clerkCssVar('color-warning', '#F36B16'),\n  'warning',\n) as LightnessScale<'warning'>;\n\nconst dangerAlphaScale = colorOptionToThemedAlphaScale(\n  clerkCssVar('color-danger', '#EF4444'),\n  'dangerAlpha',\n) as AlphaScale<'dangerAlpha'>;\nconst neutralAlphaScale = colorOptionToThemedAlphaScale(\n  defaultColorNeutral,\n  'neutralAlpha',\n) as AlphaScale<'neutralAlpha'>;\nconst primaryAlphaScale = colorOptionToThemedAlphaScale(\n  clerkCssVar('color-primary', '#2F3037'),\n  'primaryAlpha',\n) as AlphaScale<'primaryAlpha'>;\nconst successAlphaScale = colorOptionToThemedAlphaScale(\n  clerkCssVar('color-success', '#22C543'),\n  'successAlpha',\n) as AlphaScale<'successAlpha'>;\nconst warningAlphaScale = colorOptionToThemedAlphaScale(\n  clerkCssVar('color-warning', '#F36B16'),\n  'warningAlpha',\n) as AlphaScale<'warningAlpha'>;\n\nconst borderAlphaScale = colorOptionToThemedAlphaScale(\n  clerkCssVar('color-border', defaultColorNeutral),\n  'borderAlpha',\n) as AlphaScale<'borderAlpha'>;\n\nconst colorForeground = clerkCssVar('color-foreground', '#212126');\nconst colorMutedForeground = clerkCssVar(\n  'color-muted-foreground',\n  colorUtils.makeTransparent(colorForeground, 0.35) || '#747686',\n);\n\nconst colors = Object.freeze({\n  avatarBorder: neutralAlphaScale.neutralAlpha200,\n  avatarBackground: neutralAlphaScale.neutralAlpha400,\n  colorModalBackdrop: clerkCssVar(\n    'color-modal-backdrop',\n    colorUtils.makeTransparent(defaultColorNeutral, 0.27) || neutralAlphaScale.neutralAlpha700,\n  ),\n  colorBackground: clerkCssVar('color-background', 'white'),\n  colorInput: clerkCssVar('color-input', 'white'),\n  colorForeground,\n  colorMutedForeground,\n  colorMuted: undefined,\n  colorRing: clerkCssVar(\n    'color-ring',\n    colorUtils.makeTransparent(defaultColorNeutral, 0.85) || neutralAlphaScale.neutralAlpha200,\n  ),\n  colorInputForeground: clerkCssVar('color-input-foreground', '#131316'),\n  colorPrimaryForeground: clerkCssVar('color-primary-foreground', 'white'),\n  colorShimmer: clerkCssVar('color-shimmer', 'rgba(255, 255, 255, 0.36)'),\n  transparent: 'transparent',\n  white: 'white',\n  black: 'black',\n  ...neutralAlphaScale,\n  ...whiteAlpha,\n  ...primaryScale,\n  primaryHover: colorUtils.adjustForLightness(primaryScale.primary500),\n  ...primaryAlphaScale,\n  ...dangerScale,\n  ...dangerAlphaScale,\n  ...warningScale,\n  ...warningAlphaScale,\n  ...successScale,\n  ...successAlphaScale,\n  ...borderAlphaScale,\n} as const);\n\nexport { colors, neutralAlphaScale as neutralAlpha, whiteAlpha };\n"],"mappings":";;;;;AAIA,MAAM,aAAa,OAAO,OAAO;CAC/B,cAAc;CACd,cAAc;CACd,eAAe;CACf,eAAe;CACf,eAAe;CACf,eAAe;CACf,eAAe;CACf,eAAe;CACf,eAAe;CACf,eAAe;CACf,eAAe;CACf,eAAe;CACf,eAAe;CACf,eAAe;CACf,eAAe;CAChB,CAAU;;;;;;;;;;;AAgBX,MAAM,sBAAsB,YAAY,iBAAiB,UAAU;AAEnE,MAAM,cAAc,kCAClB,YAAY,gBAAgB,UAAU,EACtC,SACD;AACD,MAAM,eAAe,kCACnB,YAAY,iBAAiB,UAAU,EACvC,UACD;AACD,MAAM,eAAe,kCACnB,YAAY,iBAAiB,UAAU,EACvC,UACD;AACD,MAAM,eAAe,kCACnB,YAAY,iBAAiB,UAAU,EACvC,UACD;AAED,MAAM,mBAAmB,8BACvB,YAAY,gBAAgB,UAAU,EACtC,cACD;AACD,MAAM,oBAAoB,8BACxB,qBACA,eACD;AACD,MAAM,oBAAoB,8BACxB,YAAY,iBAAiB,UAAU,EACvC,eACD;AACD,MAAM,oBAAoB,8BACxB,YAAY,iBAAiB,UAAU,EACvC,eACD;AACD,MAAM,oBAAoB,8BACxB,YAAY,iBAAiB,UAAU,EACvC,eACD;AAED,MAAM,mBAAmB,8BACvB,YAAY,gBAAgB,oBAAoB,EAChD,cACD;AAED,MAAM,kBAAkB,YAAY,oBAAoB,UAAU;AAClE,MAAM,uBAAuB,YAC3B,0BACAA,OAAW,gBAAgB,iBAAiB,IAAK,IAAI,UACtD;AAED,MAAMC,WAAS,OAAO,OAAO;CAC3B,cAAc,kBAAkB;CAChC,kBAAkB,kBAAkB;CACpC,oBAAoB,YAClB,wBACAD,OAAW,gBAAgB,qBAAqB,IAAK,IAAI,kBAAkB,gBAC5E;CACD,iBAAiB,YAAY,oBAAoB,QAAQ;CACzD,YAAY,YAAY,eAAe,QAAQ;CAC/C;CACA;CACA,YAAY;CACZ,WAAW,YACT,cACAA,OAAW,gBAAgB,qBAAqB,IAAK,IAAI,kBAAkB,gBAC5E;CACD,sBAAsB,YAAY,0BAA0B,UAAU;CACtE,wBAAwB,YAAY,4BAA4B,QAAQ;CACxE,cAAc,YAAY,iBAAiB,4BAA4B;CACvE,aAAa;CACb,OAAO;CACP,OAAO;CACP,GAAG;CACH,GAAG;CACH,GAAG;CACH,cAAcA,OAAW,mBAAmB,aAAa,WAAW;CACpE,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACJ,CAAU"}

package/dist/foundations/defaultFoundations.d.ts

@@ -1,144 +1,144 @@
-import * as _clerk_shared_types303 from "@clerk/shared/types";
+import * as _clerk_shared_types341 from "@clerk/shared/types";
 
 //#region src/foundations/defaultFoundations.d.ts
 declare const defaultInternalThemeFoundations: Readonly<{
   readonly colors: Readonly<{
-    readonly borderAlpha25: _clerk_shared_types303.HslaColorString;
-    readonly borderAlpha50: _clerk_shared_types303.HslaColorString;
-    readonly borderAlpha100: _clerk_shared_types303.HslaColorString;
-    readonly borderAlpha150: _clerk_shared_types303.HslaColorString;
-    readonly borderAlpha200: _clerk_shared_types303.HslaColorString;
-    readonly borderAlpha300: _clerk_shared_types303.HslaColorString;
-    readonly borderAlpha400: _clerk_shared_types303.HslaColorString;
-    readonly borderAlpha500: _clerk_shared_types303.HslaColorString;
-    readonly borderAlpha600: _clerk_shared_types303.HslaColorString;
-    readonly borderAlpha700: _clerk_shared_types303.HslaColorString;
-    readonly borderAlpha750: _clerk_shared_types303.HslaColorString;
-    readonly borderAlpha800: _clerk_shared_types303.HslaColorString;
-    readonly borderAlpha850: _clerk_shared_types303.HslaColorString;
-    readonly borderAlpha900: _clerk_shared_types303.HslaColorString;
-    readonly borderAlpha950: _clerk_shared_types303.HslaColorString;
-    readonly successAlpha25: _clerk_shared_types303.HslaColorString;
-    readonly successAlpha50: _clerk_shared_types303.HslaColorString;
-    readonly successAlpha100: _clerk_shared_types303.HslaColorString;
-    readonly successAlpha150: _clerk_shared_types303.HslaColorString;
-    readonly successAlpha200: _clerk_shared_types303.HslaColorString;
-    readonly successAlpha300: _clerk_shared_types303.HslaColorString;
-    readonly successAlpha400: _clerk_shared_types303.HslaColorString;
-    readonly successAlpha500: _clerk_shared_types303.HslaColorString;
-    readonly successAlpha600: _clerk_shared_types303.HslaColorString;
-    readonly successAlpha700: _clerk_shared_types303.HslaColorString;
-    readonly successAlpha750: _clerk_shared_types303.HslaColorString;
-    readonly successAlpha800: _clerk_shared_types303.HslaColorString;
-    readonly successAlpha850: _clerk_shared_types303.HslaColorString;
-    readonly successAlpha900: _clerk_shared_types303.HslaColorString;
-    readonly successAlpha950: _clerk_shared_types303.HslaColorString;
-    readonly success25: _clerk_shared_types303.HslaColorString;
-    readonly success50: _clerk_shared_types303.HslaColorString;
-    readonly success100: _clerk_shared_types303.HslaColorString;
-    readonly success150: _clerk_shared_types303.HslaColorString;
-    readonly success200: _clerk_shared_types303.HslaColorString;
-    readonly success300: _clerk_shared_types303.HslaColorString;
-    readonly success400: _clerk_shared_types303.HslaColorString;
-    readonly success500: _clerk_shared_types303.HslaColorString;
-    readonly success600: _clerk_shared_types303.HslaColorString;
-    readonly success700: _clerk_shared_types303.HslaColorString;
-    readonly success750: _clerk_shared_types303.HslaColorString;
-    readonly success800: _clerk_shared_types303.HslaColorString;
-    readonly success850: _clerk_shared_types303.HslaColorString;
-    readonly success900: _clerk_shared_types303.HslaColorString;
-    readonly success950: _clerk_shared_types303.HslaColorString;
-    readonly warningAlpha25: _clerk_shared_types303.HslaColorString;
-    readonly warningAlpha50: _clerk_shared_types303.HslaColorString;
-    readonly warningAlpha100: _clerk_shared_types303.HslaColorString;
-    readonly warningAlpha150: _clerk_shared_types303.HslaColorString;
-    readonly warningAlpha200: _clerk_shared_types303.HslaColorString;
-    readonly warningAlpha300: _clerk_shared_types303.HslaColorString;
-    readonly warningAlpha400: _clerk_shared_types303.HslaColorString;
-    readonly warningAlpha500: _clerk_shared_types303.HslaColorString;
-    readonly warningAlpha600: _clerk_shared_types303.HslaColorString;
-    readonly warningAlpha700: _clerk_shared_types303.HslaColorString;
-    readonly warningAlpha750: _clerk_shared_types303.HslaColorString;
-    readonly warningAlpha800: _clerk_shared_types303.HslaColorString;
-    readonly warningAlpha850: _clerk_shared_types303.HslaColorString;
-    readonly warningAlpha900: _clerk_shared_types303.HslaColorString;
-    readonly warningAlpha950: _clerk_shared_types303.HslaColorString;
-    readonly warning25: _clerk_shared_types303.HslaColorString;
-    readonly warning50: _clerk_shared_types303.HslaColorString;
-    readonly warning100: _clerk_shared_types303.HslaColorString;
-    readonly warning150: _clerk_shared_types303.HslaColorString;
-    readonly warning200: _clerk_shared_types303.HslaColorString;
-    readonly warning300: _clerk_shared_types303.HslaColorString;
-    readonly warning400: _clerk_shared_types303.HslaColorString;
-    readonly warning500: _clerk_shared_types303.HslaColorString;
-    readonly warning600: _clerk_shared_types303.HslaColorString;
-    readonly warning700: _clerk_shared_types303.HslaColorString;
-    readonly warning750: _clerk_shared_types303.HslaColorString;
-    readonly warning800: _clerk_shared_types303.HslaColorString;
-    readonly warning850: _clerk_shared_types303.HslaColorString;
-    readonly warning900: _clerk_shared_types303.HslaColorString;
-    readonly warning950: _clerk_shared_types303.HslaColorString;
-    readonly dangerAlpha25: _clerk_shared_types303.HslaColorString;
-    readonly dangerAlpha50: _clerk_shared_types303.HslaColorString;
-    readonly dangerAlpha100: _clerk_shared_types303.HslaColorString;
-    readonly dangerAlpha150: _clerk_shared_types303.HslaColorString;
-    readonly dangerAlpha200: _clerk_shared_types303.HslaColorString;
-    readonly dangerAlpha300: _clerk_shared_types303.HslaColorString;
-    readonly dangerAlpha400: _clerk_shared_types303.HslaColorString;
-    readonly dangerAlpha500: _clerk_shared_types303.HslaColorString;
-    readonly dangerAlpha600: _clerk_shared_types303.HslaColorString;
-    readonly dangerAlpha700: _clerk_shared_types303.HslaColorString;
-    readonly dangerAlpha750: _clerk_shared_types303.HslaColorString;
-    readonly dangerAlpha800: _clerk_shared_types303.HslaColorString;
-    readonly dangerAlpha850: _clerk_shared_types303.HslaColorString;
-    readonly dangerAlpha900: _clerk_shared_types303.HslaColorString;
-    readonly dangerAlpha950: _clerk_shared_types303.HslaColorString;
-    readonly danger25: _clerk_shared_types303.HslaColorString;
-    readonly danger50: _clerk_shared_types303.HslaColorString;
-    readonly danger100: _clerk_shared_types303.HslaColorString;
-    readonly danger150: _clerk_shared_types303.HslaColorString;
-    readonly danger200: _clerk_shared_types303.HslaColorString;
-    readonly danger300: _clerk_shared_types303.HslaColorString;
-    readonly danger400: _clerk_shared_types303.HslaColorString;
-    readonly danger500: _clerk_shared_types303.HslaColorString;
-    readonly danger600: _clerk_shared_types303.HslaColorString;
-    readonly danger700: _clerk_shared_types303.HslaColorString;
-    readonly danger750: _clerk_shared_types303.HslaColorString;
-    readonly danger800: _clerk_shared_types303.HslaColorString;
-    readonly danger850: _clerk_shared_types303.HslaColorString;
-    readonly danger900: _clerk_shared_types303.HslaColorString;
-    readonly danger950: _clerk_shared_types303.HslaColorString;
-    readonly primaryAlpha25: _clerk_shared_types303.HslaColorString;
-    readonly primaryAlpha50: _clerk_shared_types303.HslaColorString;
-    readonly primaryAlpha100: _clerk_shared_types303.HslaColorString;
-    readonly primaryAlpha150: _clerk_shared_types303.HslaColorString;
-    readonly primaryAlpha200: _clerk_shared_types303.HslaColorString;
-    readonly primaryAlpha300: _clerk_shared_types303.HslaColorString;
-    readonly primaryAlpha400: _clerk_shared_types303.HslaColorString;
-    readonly primaryAlpha500: _clerk_shared_types303.HslaColorString;
-    readonly primaryAlpha600: _clerk_shared_types303.HslaColorString;
-    readonly primaryAlpha700: _clerk_shared_types303.HslaColorString;
-    readonly primaryAlpha750: _clerk_shared_types303.HslaColorString;
-    readonly primaryAlpha800: _clerk_shared_types303.HslaColorString;
-    readonly primaryAlpha850: _clerk_shared_types303.HslaColorString;
-    readonly primaryAlpha900: _clerk_shared_types303.HslaColorString;
-    readonly primaryAlpha950: _clerk_shared_types303.HslaColorString;
+    readonly borderAlpha25: _clerk_shared_types341.HslaColorString;
+    readonly borderAlpha50: _clerk_shared_types341.HslaColorString;
+    readonly borderAlpha100: _clerk_shared_types341.HslaColorString;
+    readonly borderAlpha150: _clerk_shared_types341.HslaColorString;
+    readonly borderAlpha200: _clerk_shared_types341.HslaColorString;
+    readonly borderAlpha300: _clerk_shared_types341.HslaColorString;
+    readonly borderAlpha400: _clerk_shared_types341.HslaColorString;
+    readonly borderAlpha500: _clerk_shared_types341.HslaColorString;
+    readonly borderAlpha600: _clerk_shared_types341.HslaColorString;
+    readonly borderAlpha700: _clerk_shared_types341.HslaColorString;
+    readonly borderAlpha750: _clerk_shared_types341.HslaColorString;
+    readonly borderAlpha800: _clerk_shared_types341.HslaColorString;
+    readonly borderAlpha850: _clerk_shared_types341.HslaColorString;
+    readonly borderAlpha900: _clerk_shared_types341.HslaColorString;
+    readonly borderAlpha950: _clerk_shared_types341.HslaColorString;
+    readonly successAlpha25: _clerk_shared_types341.HslaColorString;
+    readonly successAlpha50: _clerk_shared_types341.HslaColorString;
+    readonly successAlpha100: _clerk_shared_types341.HslaColorString;
+    readonly successAlpha150: _clerk_shared_types341.HslaColorString;
+    readonly successAlpha200: _clerk_shared_types341.HslaColorString;
+    readonly successAlpha300: _clerk_shared_types341.HslaColorString;
+    readonly successAlpha400: _clerk_shared_types341.HslaColorString;
+    readonly successAlpha500: _clerk_shared_types341.HslaColorString;
+    readonly successAlpha600: _clerk_shared_types341.HslaColorString;
+    readonly successAlpha700: _clerk_shared_types341.HslaColorString;
+    readonly successAlpha750: _clerk_shared_types341.HslaColorString;
+    readonly successAlpha800: _clerk_shared_types341.HslaColorString;
+    readonly successAlpha850: _clerk_shared_types341.HslaColorString;
+    readonly successAlpha900: _clerk_shared_types341.HslaColorString;
+    readonly successAlpha950: _clerk_shared_types341.HslaColorString;
+    readonly success25: _clerk_shared_types341.HslaColorString;
+    readonly success50: _clerk_shared_types341.HslaColorString;
+    readonly success100: _clerk_shared_types341.HslaColorString;
+    readonly success150: _clerk_shared_types341.HslaColorString;
+    readonly success200: _clerk_shared_types341.HslaColorString;
+    readonly success300: _clerk_shared_types341.HslaColorString;
+    readonly success400: _clerk_shared_types341.HslaColorString;
+    readonly success500: _clerk_shared_types341.HslaColorString;
+    readonly success600: _clerk_shared_types341.HslaColorString;
+    readonly success700: _clerk_shared_types341.HslaColorString;
+    readonly success750: _clerk_shared_types341.HslaColorString;
+    readonly success800: _clerk_shared_types341.HslaColorString;
+    readonly success850: _clerk_shared_types341.HslaColorString;
+    readonly success900: _clerk_shared_types341.HslaColorString;
+    readonly success950: _clerk_shared_types341.HslaColorString;
+    readonly warningAlpha25: _clerk_shared_types341.HslaColorString;
+    readonly warningAlpha50: _clerk_shared_types341.HslaColorString;
+    readonly warningAlpha100: _clerk_shared_types341.HslaColorString;
+    readonly warningAlpha150: _clerk_shared_types341.HslaColorString;
+    readonly warningAlpha200: _clerk_shared_types341.HslaColorString;
+    readonly warningAlpha300: _clerk_shared_types341.HslaColorString;
+    readonly warningAlpha400: _clerk_shared_types341.HslaColorString;
+    readonly warningAlpha500: _clerk_shared_types341.HslaColorString;
+    readonly warningAlpha600: _clerk_shared_types341.HslaColorString;
+    readonly warningAlpha700: _clerk_shared_types341.HslaColorString;
+    readonly warningAlpha750: _clerk_shared_types341.HslaColorString;
+    readonly warningAlpha800: _clerk_shared_types341.HslaColorString;
+    readonly warningAlpha850: _clerk_shared_types341.HslaColorString;
+    readonly warningAlpha900: _clerk_shared_types341.HslaColorString;
+    readonly warningAlpha950: _clerk_shared_types341.HslaColorString;
+    readonly warning25: _clerk_shared_types341.HslaColorString;
+    readonly warning50: _clerk_shared_types341.HslaColorString;
+    readonly warning100: _clerk_shared_types341.HslaColorString;
+    readonly warning150: _clerk_shared_types341.HslaColorString;
+    readonly warning200: _clerk_shared_types341.HslaColorString;
+    readonly warning300: _clerk_shared_types341.HslaColorString;
+    readonly warning400: _clerk_shared_types341.HslaColorString;
+    readonly warning500: _clerk_shared_types341.HslaColorString;
+    readonly warning600: _clerk_shared_types341.HslaColorString;
+    readonly warning700: _clerk_shared_types341.HslaColorString;
+    readonly warning750: _clerk_shared_types341.HslaColorString;
+    readonly warning800: _clerk_shared_types341.HslaColorString;
+    readonly warning850: _clerk_shared_types341.HslaColorString;
+    readonly warning900: _clerk_shared_types341.HslaColorString;
+    readonly warning950: _clerk_shared_types341.HslaColorString;
+    readonly dangerAlpha25: _clerk_shared_types341.HslaColorString;
+    readonly dangerAlpha50: _clerk_shared_types341.HslaColorString;
+    readonly dangerAlpha100: _clerk_shared_types341.HslaColorString;
+    readonly dangerAlpha150: _clerk_shared_types341.HslaColorString;
+    readonly dangerAlpha200: _clerk_shared_types341.HslaColorString;
+    readonly dangerAlpha300: _clerk_shared_types341.HslaColorString;
+    readonly dangerAlpha400: _clerk_shared_types341.HslaColorString;
+    readonly dangerAlpha500: _clerk_shared_types341.HslaColorString;
+    readonly dangerAlpha600: _clerk_shared_types341.HslaColorString;
+    readonly dangerAlpha700: _clerk_shared_types341.HslaColorString;
+    readonly dangerAlpha750: _clerk_shared_types341.HslaColorString;
+    readonly dangerAlpha800: _clerk_shared_types341.HslaColorString;
+    readonly dangerAlpha850: _clerk_shared_types341.HslaColorString;
+    readonly dangerAlpha900: _clerk_shared_types341.HslaColorString;
+    readonly dangerAlpha950: _clerk_shared_types341.HslaColorString;
+    readonly danger25: _clerk_shared_types341.HslaColorString;
+    readonly danger50: _clerk_shared_types341.HslaColorString;
+    readonly danger100: _clerk_shared_types341.HslaColorString;
+    readonly danger150: _clerk_shared_types341.HslaColorString;
+    readonly danger200: _clerk_shared_types341.HslaColorString;
+    readonly danger300: _clerk_shared_types341.HslaColorString;
+    readonly danger400: _clerk_shared_types341.HslaColorString;
+    readonly danger500: _clerk_shared_types341.HslaColorString;
+    readonly danger600: _clerk_shared_types341.HslaColorString;
+    readonly danger700: _clerk_shared_types341.HslaColorString;
+    readonly danger750: _clerk_shared_types341.HslaColorString;
+    readonly danger800: _clerk_shared_types341.HslaColorString;
+    readonly danger850: _clerk_shared_types341.HslaColorString;
+    readonly danger900: _clerk_shared_types341.HslaColorString;
+    readonly danger950: _clerk_shared_types341.HslaColorString;
+    readonly primaryAlpha25: _clerk_shared_types341.HslaColorString;
+    readonly primaryAlpha50: _clerk_shared_types341.HslaColorString;
+    readonly primaryAlpha100: _clerk_shared_types341.HslaColorString;
+    readonly primaryAlpha150: _clerk_shared_types341.HslaColorString;
+    readonly primaryAlpha200: _clerk_shared_types341.HslaColorString;
+    readonly primaryAlpha300: _clerk_shared_types341.HslaColorString;
+    readonly primaryAlpha400: _clerk_shared_types341.HslaColorString;
+    readonly primaryAlpha500: _clerk_shared_types341.HslaColorString;
+    readonly primaryAlpha600: _clerk_shared_types341.HslaColorString;
+    readonly primaryAlpha700: _clerk_shared_types341.HslaColorString;
+    readonly primaryAlpha750: _clerk_shared_types341.HslaColorString;
+    readonly primaryAlpha800: _clerk_shared_types341.HslaColorString;
+    readonly primaryAlpha850: _clerk_shared_types341.HslaColorString;
+    readonly primaryAlpha900: _clerk_shared_types341.HslaColorString;
+    readonly primaryAlpha950: _clerk_shared_types341.HslaColorString;
     readonly primaryHover: string | undefined;
-    readonly primary25: _clerk_shared_types303.HslaColorString;
-    readonly primary50: _clerk_shared_types303.HslaColorString;
-    readonly primary100: _clerk_shared_types303.HslaColorString;
-    readonly primary150: _clerk_shared_types303.HslaColorString;
-    readonly primary200: _clerk_shared_types303.HslaColorString;
-    readonly primary300: _clerk_shared_types303.HslaColorString;
-    readonly primary400: _clerk_shared_types303.HslaColorString;
-    readonly primary500: _clerk_shared_types303.HslaColorString;
-    readonly primary600: _clerk_shared_types303.HslaColorString;
-    readonly primary700: _clerk_shared_types303.HslaColorString;
-    readonly primary750: _clerk_shared_types303.HslaColorString;
-    readonly primary800: _clerk_shared_types303.HslaColorString;
-    readonly primary850: _clerk_shared_types303.HslaColorString;
-    readonly primary900: _clerk_shared_types303.HslaColorString;
-    readonly primary950: _clerk_shared_types303.HslaColorString;
+    readonly primary25: _clerk_shared_types341.HslaColorString;
+    readonly primary50: _clerk_shared_types341.HslaColorString;
+    readonly primary100: _clerk_shared_types341.HslaColorString;
+    readonly primary150: _clerk_shared_types341.HslaColorString;
+    readonly primary200: _clerk_shared_types341.HslaColorString;
+    readonly primary300: _clerk_shared_types341.HslaColorString;
+    readonly primary400: _clerk_shared_types341.HslaColorString;
+    readonly primary500: _clerk_shared_types341.HslaColorString;
+    readonly primary600: _clerk_shared_types341.HslaColorString;
+    readonly primary700: _clerk_shared_types341.HslaColorString;
+    readonly primary750: _clerk_shared_types341.HslaColorString;
+    readonly primary800: _clerk_shared_types341.HslaColorString;
+    readonly primary850: _clerk_shared_types341.HslaColorString;
+    readonly primary900: _clerk_shared_types341.HslaColorString;
+    readonly primary950: _clerk_shared_types341.HslaColorString;
     readonly whiteAlpha25: "hsla(0, 0%, 100%, 0.02)";
     readonly whiteAlpha50: "hsla(0, 0%, 100%, 0.03)";
     readonly whiteAlpha100: "hsla(0, 0%, 100%, 0.07)";
@@ -154,23 +154,23 @@ declare const defaultInternalThemeFoundations: Readonly<{
     readonly whiteAlpha850: "hsla(0, 0%, 100%, 0.84)";
     readonly whiteAlpha900: "hsla(0, 0%, 100%, 0.87)";
     readonly whiteAlpha950: "hsla(0, 0%, 100%, 0.92)";
-    readonly neutralAlpha25: _clerk_shared_types303.HslaColorString;
-    readonly neutralAlpha50: _clerk_shared_types303.HslaColorString;
-    readonly neutralAlpha100: _clerk_shared_types303.HslaColorString;
-    readonly neutralAlpha150: _clerk_shared_types303.HslaColorString;
-    readonly neutralAlpha200: _clerk_shared_types303.HslaColorString;
-    readonly neutralAlpha300: _clerk_shared_types303.HslaColorString;
-    readonly neutralAlpha400: _clerk_shared_types303.HslaColorString;
-    readonly neutralAlpha500: _clerk_shared_types303.HslaColorString;
-    readonly neutralAlpha600: _clerk_shared_types303.HslaColorString;
-    readonly neutralAlpha700: _clerk_shared_types303.HslaColorString;
-    readonly neutralAlpha750: _clerk_shared_types303.HslaColorString;
-    readonly neutralAlpha800: _clerk_shared_types303.HslaColorString;
-    readonly neutralAlpha850: _clerk_shared_types303.HslaColorString;
-    readonly neutralAlpha900: _clerk_shared_types303.HslaColorString;
-    readonly neutralAlpha950: _clerk_shared_types303.HslaColorString;
-    readonly avatarBorder: _clerk_shared_types303.HslaColorString;
-    readonly avatarBackground: _clerk_shared_types303.HslaColorString;
+    readonly neutralAlpha25: _clerk_shared_types341.HslaColorString;
+    readonly neutralAlpha50: _clerk_shared_types341.HslaColorString;
+    readonly neutralAlpha100: _clerk_shared_types341.HslaColorString;
+    readonly neutralAlpha150: _clerk_shared_types341.HslaColorString;
+    readonly neutralAlpha200: _clerk_shared_types341.HslaColorString;
+    readonly neutralAlpha300: _clerk_shared_types341.HslaColorString;
+    readonly neutralAlpha400: _clerk_shared_types341.HslaColorString;
+    readonly neutralAlpha500: _clerk_shared_types341.HslaColorString;
+    readonly neutralAlpha600: _clerk_shared_types341.HslaColorString;
+    readonly neutralAlpha700: _clerk_shared_types341.HslaColorString;
+    readonly neutralAlpha750: _clerk_shared_types341.HslaColorString;
+    readonly neutralAlpha800: _clerk_shared_types341.HslaColorString;
+    readonly neutralAlpha850: _clerk_shared_types341.HslaColorString;
+    readonly neutralAlpha900: _clerk_shared_types341.HslaColorString;
+    readonly neutralAlpha950: _clerk_shared_types341.HslaColorString;
+    readonly avatarBorder: _clerk_shared_types341.HslaColorString;
+    readonly avatarBackground: _clerk_shared_types341.HslaColorString;
     readonly colorModalBackdrop: string;
     readonly colorBackground: string;
     readonly colorInput: string;
@@ -210,10 +210,10 @@ declare const defaultInternalThemeFoundations: Readonly<{
   }>;
   readonly lineHeights: Readonly<{
     readonly normal: "normal";
-    readonly extraSmall: "1.33333";
-    readonly small: "1.38462";
-    readonly medium: "1.41176";
-    readonly large: "1.45455";
+    readonly extraSmall: "calc(16 / 12)";
+    readonly small: "calc(18 / 13)";
+    readonly medium: "calc(24 / 17)";
+    readonly large: "calc(16 / 11)";
   }>;
   readonly radii: Readonly<{
     readonly none: "0px";

package/dist/foundations/typography.js

@@ -9,10 +9,10 @@ const fontWeights = Object.freeze({
 });
 const lineHeights = Object.freeze({
 	normal: "normal",
-	extraSmall: "1.33333",
-	small: "1.38462",
-	medium: "1.41176",
-	large: "1.45455"
+	extraSmall: "calc(16 / 12)",
+	small: "calc(18 / 13)",
+	medium: "calc(24 / 17)",
+	large: "calc(16 / 11)"
 });
 const letterSpacings = Object.freeze({ normal: "normal" });
 const FONT_SIZE_SCALE_RATIOS = Object.freeze({

package/dist/foundations/typography.js.map

@@ -1 +1 @@
-{"version":3,"file":"typography.js","names":[],"sources":["../../src/foundations/typography.ts"],"sourcesContent":["import { clerkCssVar } from '../utils/cssVariables';\n\nconst fontWeights = Object.freeze({\n  normal: clerkCssVar('font-weight-normal', clerkCssVar('font-weight', '400')),\n  medium: clerkCssVar('font-weight-medium', '500'),\n  semibold: clerkCssVar('font-weight-semibold', '600'),\n  bold: clerkCssVar('font-weight-bold', '700'),\n} as const);\n\nconst lineHeights = Object.freeze({\n  normal: 'normal',\n  extraSmall: '1.33333',\n  small: '1.38462',\n  medium: '1.41176',\n  large: '1.45455',\n} as const);\n\nconst letterSpacings = Object.freeze({\n  normal: 'normal',\n} as const);\n\nexport const FONT_SIZE_SCALE_RATIOS = Object.freeze({\n  xs: '11 / 13', // 0.846154\n  sm: '12 / 13', // 0.923077\n  md: '1', // 1.0\n  lg: '17 / 13', // 1.307692\n  xl: '24 / 13', // 1.846154\n} as const);\n\nexport type FontSizeKey = keyof typeof FONT_SIZE_SCALE_RATIOS;\n\nconst fontSizesDefaultVar = clerkCssVar('font-size', '0.8125rem');\nconst fontSizes = Object.freeze({\n  xs: clerkCssVar('font-size-xs', `calc(${fontSizesDefaultVar} * ${FONT_SIZE_SCALE_RATIOS.xs})`), // 0.6875rem\n  sm: clerkCssVar('font-size-sm', `calc(${fontSizesDefaultVar} * ${FONT_SIZE_SCALE_RATIOS.sm})`), // 0.75rem\n  md: clerkCssVar('font-size-md', fontSizesDefaultVar), // 0.8125rem\n  lg: clerkCssVar('font-size-lg', `calc(${fontSizesDefaultVar} * ${FONT_SIZE_SCALE_RATIOS.lg})`), // 1.0625rem\n  xl: clerkCssVar('font-size-xl', `calc(${fontSizesDefaultVar} * ${FONT_SIZE_SCALE_RATIOS.xl})`), // 1.5rem\n} as const);\n\nconst fontStyles = Object.freeze({\n  normal: 'normal',\n} as const);\n\nconst fonts = Object.freeze({\n  main: clerkCssVar('font-family', 'inherit'),\n  buttons: clerkCssVar('font-family-buttons', clerkCssVar('font-family', 'inherit')),\n} as const);\n\nexport { fontSizes, fontWeights, letterSpacings, lineHeights, fonts, fontStyles };\n"],"mappings":";;;AAEA,MAAM,cAAc,OAAO,OAAO;CAChC,QAAQ,YAAY,sBAAsB,YAAY,eAAe,MAAM,CAAC;CAC5E,QAAQ,YAAY,sBAAsB,MAAM;CAChD,UAAU,YAAY,wBAAwB,MAAM;CACpD,MAAM,YAAY,oBAAoB,MAAM;CAC7C,CAAU;AAEX,MAAM,cAAc,OAAO,OAAO;CAChC,QAAQ;CACR,YAAY;CACZ,OAAO;CACP,QAAQ;CACR,OAAO;CACR,CAAU;AAEX,MAAM,iBAAiB,OAAO,OAAO,EACnC,QAAQ,UACT,CAAU;AAEX,MAAa,yBAAyB,OAAO,OAAO;CAClD,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACL,CAAU;AAIX,MAAM,sBAAsB,YAAY,aAAa,YAAY;AACjE,MAAM,YAAY,OAAO,OAAO;CAC9B,IAAI,YAAY,gBAAgB,QAAQ,oBAAoB,KAAK,uBAAuB,GAAG,GAAG;CAC9F,IAAI,YAAY,gBAAgB,QAAQ,oBAAoB,KAAK,uBAAuB,GAAG,GAAG;CAC9F,IAAI,YAAY,gBAAgB,oBAAoB;CACpD,IAAI,YAAY,gBAAgB,QAAQ,oBAAoB,KAAK,uBAAuB,GAAG,GAAG;CAC9F,IAAI,YAAY,gBAAgB,QAAQ,oBAAoB,KAAK,uBAAuB,GAAG,GAAG;CAC/F,CAAU;AAEX,MAAM,aAAa,OAAO,OAAO,EAC/B,QAAQ,UACT,CAAU;AAEX,MAAM,QAAQ,OAAO,OAAO;CAC1B,MAAM,YAAY,eAAe,UAAU;CAC3C,SAAS,YAAY,uBAAuB,YAAY,eAAe,UAAU,CAAC;CACnF,CAAU"}
+{"version":3,"file":"typography.js","names":[],"sources":["../../src/foundations/typography.ts"],"sourcesContent":["import { clerkCssVar } from '../utils/cssVariables';\n\nconst fontWeights = Object.freeze({\n  normal: clerkCssVar('font-weight-normal', clerkCssVar('font-weight', '400')),\n  medium: clerkCssVar('font-weight-medium', '500'),\n  semibold: clerkCssVar('font-weight-semibold', '600'),\n  bold: clerkCssVar('font-weight-bold', '700'),\n} as const);\n\nconst lineHeights = Object.freeze({\n  normal: 'normal',\n  extraSmall: 'calc(16 / 12)', // = 1.33333\n  small: 'calc(18 / 13)', // = 1.38462\n  medium: 'calc(24 / 17)', // = 1.41176\n  large: 'calc(16 / 11)', // = 1.45455\n} as const);\n\nconst letterSpacings = Object.freeze({\n  normal: 'normal',\n} as const);\n\nexport const FONT_SIZE_SCALE_RATIOS = Object.freeze({\n  xs: '11 / 13', // = 0.846154\n  sm: '12 / 13', // = 0.923077\n  md: '1', // = 1.0\n  lg: '17 / 13', // = 1.307692\n  xl: '24 / 13', // = 1.846154\n} as const);\n\nexport type FontSizeKey = keyof typeof FONT_SIZE_SCALE_RATIOS;\n\nconst fontSizesDefaultVar = clerkCssVar('font-size', '0.8125rem');\nconst fontSizes = Object.freeze({\n  xs: clerkCssVar('font-size-xs', `calc(${fontSizesDefaultVar} * ${FONT_SIZE_SCALE_RATIOS.xs})`), // 0.6875rem\n  sm: clerkCssVar('font-size-sm', `calc(${fontSizesDefaultVar} * ${FONT_SIZE_SCALE_RATIOS.sm})`), // 0.75rem\n  md: clerkCssVar('font-size-md', fontSizesDefaultVar), // 0.8125rem\n  lg: clerkCssVar('font-size-lg', `calc(${fontSizesDefaultVar} * ${FONT_SIZE_SCALE_RATIOS.lg})`), // 1.0625rem\n  xl: clerkCssVar('font-size-xl', `calc(${fontSizesDefaultVar} * ${FONT_SIZE_SCALE_RATIOS.xl})`), // 1.5rem\n} as const);\n\nconst fontStyles = Object.freeze({\n  normal: 'normal',\n} as const);\n\nconst fonts = Object.freeze({\n  main: clerkCssVar('font-family', 'inherit'),\n  buttons: clerkCssVar('font-family-buttons', clerkCssVar('font-family', 'inherit')),\n} as const);\n\nexport { fontSizes, fontWeights, letterSpacings, lineHeights, fonts, fontStyles };\n"],"mappings":";;;AAEA,MAAM,cAAc,OAAO,OAAO;CAChC,QAAQ,YAAY,sBAAsB,YAAY,eAAe,MAAM,CAAC;CAC5E,QAAQ,YAAY,sBAAsB,MAAM;CAChD,UAAU,YAAY,wBAAwB,MAAM;CACpD,MAAM,YAAY,oBAAoB,MAAM;CAC7C,CAAU;AAEX,MAAM,cAAc,OAAO,OAAO;CAChC,QAAQ;CACR,YAAY;CACZ,OAAO;CACP,QAAQ;CACR,OAAO;CACR,CAAU;AAEX,MAAM,iBAAiB,OAAO,OAAO,EACnC,QAAQ,UACT,CAAU;AAEX,MAAa,yBAAyB,OAAO,OAAO;CAClD,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACL,CAAU;AAIX,MAAM,sBAAsB,YAAY,aAAa,YAAY;AACjE,MAAM,YAAY,OAAO,OAAO;CAC9B,IAAI,YAAY,gBAAgB,QAAQ,oBAAoB,KAAK,uBAAuB,GAAG,GAAG;CAC9F,IAAI,YAAY,gBAAgB,QAAQ,oBAAoB,KAAK,uBAAuB,GAAG,GAAG;CAC9F,IAAI,YAAY,gBAAgB,oBAAoB;CACpD,IAAI,YAAY,gBAAgB,QAAQ,oBAAoB,KAAK,uBAAuB,GAAG,GAAG;CAC9F,IAAI,YAAY,gBAAgB,QAAQ,oBAAoB,KAAK,uBAAuB,GAAG,GAAG;CAC/F,CAAU;AAEX,MAAM,aAAa,OAAO,OAAO,EAC/B,QAAQ,UACT,CAAU;AAEX,MAAM,QAAQ,OAAO,OAAO;CAC1B,MAAM,YAAY,eAAe,UAAU;CAC3C,SAAS,YAAY,uBAAuB,YAAY,eAAe,UAAU,CAAC;CACnF,CAAU"}

package/dist/hooks/useFetch.js

@@ -72,6 +72,7 @@ const useFetch = (fetcher, params, options, resourceId) => {
 		}));
 	}, [setCache, setRevalidationCounter]);
 	useEffect(() => {
+		fetcherRef.current = fetcher;
 		const fetcherMissing = !fetcherRef.current;
 		const isCacheStale = typeof getCache()?.cachedAt === "undefined" ? true : Date.now() - (getCache()?.cachedAt || 0) >= staleTime;
 		const isRequestOnGoing = getCache()?.isValidating ?? false;

package/dist/hooks/useFetch.js.map

@@ -1 +1 @@
-{"version":3,"file":"useFetch.js","names":[],"sources":["../../src/hooks/useFetch.ts"],"sourcesContent":["import { useCallback, useEffect, useRef, useSyncExternalStore } from 'react';\n\nexport type State<Data = any, Error = any> = {\n  data: Data | null;\n  error: Error | null;\n  /**\n   * if there's an ongoing request and no \"loaded data\"\n   */\n  isLoading: boolean;\n  /**\n   * if there's a request or revalidation loading\n   */\n  isValidating: boolean;\n  cachedAt?: number;\n};\n\n/**\n * Global cache for storing status of fetched resources\n */\nlet requestCache = new Map<string, State>();\n\n/**\n * A set to store subscribers in order to notify when the value of a key of `requestCache` changes\n */\nconst subscribers = new Set<() => void>();\n\n/**\n * This utility should only be used in tests to clear previously fetched data\n */\nexport const clearFetchCache = () => {\n  requestCache = new Map<string, State>();\n};\n\nconst serialize = (key: unknown) => (typeof key === 'string' ? key : JSON.stringify(key));\n\nconst useCache = <K = any, V = any>(\n  key: K,\n  serializer = serialize,\n): {\n  getCache: () => State<V> | undefined;\n  setCache: (state: State<V> | ((params: State<V>) => State<V>)) => void;\n  clearCache: () => void;\n  subscribeCache: (callback: () => void) => () => void;\n} => {\n  const serializedKey = serializer(key);\n  const get = useCallback(() => requestCache.get(serializedKey), [serializedKey]);\n  const set = useCallback(\n    (data: State | ((params: State) => State)) => {\n      // @ts-ignore\n      requestCache.set(serializedKey, typeof data === 'function' ? data(get()) : data);\n      subscribers.forEach(callback => callback());\n    },\n    [serializedKey],\n  );\n\n  const clear = useCallback(() => {\n    set({\n      isLoading: false,\n      isValidating: false,\n      data: null,\n      error: null,\n      cachedAt: undefined,\n    });\n  }, [set]);\n  const subscribe = useCallback((callback: () => void) => {\n    subscribers.add(callback);\n    return () => subscribers.delete(callback);\n  }, []);\n\n  return {\n    getCache: get,\n    setCache: set,\n    subscribeCache: subscribe,\n    clearCache: clear,\n  };\n};\n\n/**\n * An in-house simpler alternative to useSWR\n * @param fetcher If fetcher is undefined no action will be performed\n * @param params\n * @param options\n * @param resourceId\n */\nexport const useFetch = <K, T>(\n  fetcher: ((...args: any) => Promise<T>) | undefined,\n  params: K,\n  options?: {\n    throttleTime?: number;\n    onSuccess?: (data: T) => void;\n    onError?: (error: Error) => void;\n    staleTime?: number;\n  },\n  resourceId?: string,\n) => {\n  const cacheKey = { resourceId, params };\n  const { subscribeCache, getCache, setCache, clearCache } = useCache<typeof cacheKey, T>(cacheKey);\n  const {\n    subscribeCache: subscribeRevalidationCounter,\n    getCache: getRevalidationCounter,\n    setCache: setRevalidationCounter,\n  } = useCache<typeof cacheKey, number>({\n    ...cacheKey,\n    // @ts-ignore just an extra identifier for the cache key\n    rv: true,\n  });\n\n  const staleTime = options?.staleTime ?? 1000 * 60 * 2; //cache for 2 minutes by default\n  const throttleTime = options?.throttleTime || 0;\n  const fetcherRef = useRef(fetcher);\n\n  if (throttleTime < 0) {\n    throw new Error('ClerkJS: A negative value for `throttleTime` is not allowed ');\n  }\n\n  const cached = useSyncExternalStore(subscribeCache, getCache);\n  const revalidateCache = useSyncExternalStore(subscribeRevalidationCounter, getRevalidationCounter);\n\n  const revalidate = useCallback(() => {\n    setCache(d => ({\n      ...d,\n      cachedAt: 0,\n    }));\n    setRevalidationCounter(d => ({\n      isLoading: false,\n      isValidating: false,\n      error: null,\n      data: (d?.data || 0) + 1,\n    }));\n  }, [setCache, setRevalidationCounter]);\n\n  useEffect(() => {\n    const fetcherMissing = !fetcherRef.current;\n    const isCacheStale =\n      typeof getCache()?.cachedAt === 'undefined' ? true : Date.now() - (getCache()?.cachedAt || 0) >= staleTime;\n    const isRequestOnGoing = getCache()?.isValidating ?? false;\n\n    if (fetcherMissing || !isCacheStale || isRequestOnGoing) {\n      return;\n    }\n\n    const d = performance.now();\n\n    setCache({\n      data: getCache()?.data ?? null,\n      isLoading: !getCache()?.data,\n      isValidating: true,\n      error: null,\n    });\n    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n    fetcherRef.current!(params)\n      .then(result => {\n        if (typeof result !== 'undefined') {\n          const data = Array.isArray(result) ? result : typeof result === 'object' ? { ...result } : result;\n          const n = performance.now();\n          const waitTime = throttleTime - (n - d);\n\n          setTimeout(() => {\n            setCache({\n              data,\n              isLoading: false,\n              isValidating: false,\n              error: null,\n              cachedAt: Date.now(),\n            });\n            options?.onSuccess?.(data);\n          }, waitTime);\n        }\n      })\n      .catch((e: Error | null) => {\n        setCache({\n          data: getCache()?.data ?? null,\n          isLoading: false,\n          isValidating: false,\n          error: e,\n          cachedAt: Date.now(),\n        });\n        if (e) {\n          options?.onError?.(e);\n        }\n      });\n  }, [serialize(params), setCache, getCache, revalidateCache]);\n\n  return {\n    ...cached,\n    setCache,\n    invalidate: clearCache,\n    revalidate,\n  };\n};\n"],"mappings":"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"}
+{"version":3,"file":"useFetch.js","names":[],"sources":["../../src/hooks/useFetch.ts"],"sourcesContent":["import { useCallback, useEffect, useRef, useSyncExternalStore } from 'react';\n\nexport type State<Data = any, Error = any> = {\n  data: Data | null;\n  error: Error | null;\n  /**\n   * if there's an ongoing request and no \"loaded data\"\n   */\n  isLoading: boolean;\n  /**\n   * if there's a request or revalidation loading\n   */\n  isValidating: boolean;\n  cachedAt?: number;\n};\n\n/**\n * Global cache for storing status of fetched resources\n */\nlet requestCache = new Map<string, State>();\n\n/**\n * A set to store subscribers in order to notify when the value of a key of `requestCache` changes\n */\nconst subscribers = new Set<() => void>();\n\n/**\n * This utility should only be used in tests to clear previously fetched data\n */\nexport const clearFetchCache = () => {\n  requestCache = new Map<string, State>();\n};\n\nconst serialize = (key: unknown) => (typeof key === 'string' ? key : JSON.stringify(key));\n\nconst useCache = <K = any, V = any>(\n  key: K,\n  serializer = serialize,\n): {\n  getCache: () => State<V> | undefined;\n  setCache: (state: State<V> | ((params: State<V>) => State<V>)) => void;\n  clearCache: () => void;\n  subscribeCache: (callback: () => void) => () => void;\n} => {\n  const serializedKey = serializer(key);\n  const get = useCallback(() => requestCache.get(serializedKey), [serializedKey]);\n  const set = useCallback(\n    (data: State | ((params: State) => State)) => {\n      // @ts-ignore\n      requestCache.set(serializedKey, typeof data === 'function' ? data(get()) : data);\n      subscribers.forEach(callback => callback());\n    },\n    [serializedKey],\n  );\n\n  const clear = useCallback(() => {\n    set({\n      isLoading: false,\n      isValidating: false,\n      data: null,\n      error: null,\n      cachedAt: undefined,\n    });\n  }, [set]);\n  const subscribe = useCallback((callback: () => void) => {\n    subscribers.add(callback);\n    return () => subscribers.delete(callback);\n  }, []);\n\n  return {\n    getCache: get,\n    setCache: set,\n    subscribeCache: subscribe,\n    clearCache: clear,\n  };\n};\n\n/**\n * An in-house simpler alternative to useSWR\n * @param fetcher If fetcher is undefined no action will be performed\n * @param params\n * @param options\n * @param resourceId\n */\nexport const useFetch = <K, T>(\n  fetcher: ((...args: any) => Promise<T>) | undefined,\n  params: K,\n  options?: {\n    throttleTime?: number;\n    onSuccess?: (data: T) => void;\n    onError?: (error: Error) => void;\n    staleTime?: number;\n  },\n  resourceId?: string,\n) => {\n  const cacheKey = { resourceId, params };\n  const { subscribeCache, getCache, setCache, clearCache } = useCache<typeof cacheKey, T>(cacheKey);\n  const {\n    subscribeCache: subscribeRevalidationCounter,\n    getCache: getRevalidationCounter,\n    setCache: setRevalidationCounter,\n  } = useCache<typeof cacheKey, number>({\n    ...cacheKey,\n    // @ts-ignore just an extra identifier for the cache key\n    rv: true,\n  });\n\n  const staleTime = options?.staleTime ?? 1000 * 60 * 2; //cache for 2 minutes by default\n  const throttleTime = options?.throttleTime || 0;\n  const fetcherRef = useRef(fetcher);\n\n  if (throttleTime < 0) {\n    throw new Error('ClerkJS: A negative value for `throttleTime` is not allowed ');\n  }\n\n  const cached = useSyncExternalStore(subscribeCache, getCache);\n  const revalidateCache = useSyncExternalStore(subscribeRevalidationCounter, getRevalidationCounter);\n\n  const revalidate = useCallback(() => {\n    setCache(d => ({\n      ...d,\n      cachedAt: 0,\n    }));\n    setRevalidationCounter(d => ({\n      isLoading: false,\n      isValidating: false,\n      error: null,\n      data: (d?.data || 0) + 1,\n    }));\n  }, [setCache, setRevalidationCounter]);\n\n  useEffect(() => {\n    fetcherRef.current = fetcher;\n    const fetcherMissing = !fetcherRef.current;\n    const isCacheStale =\n      typeof getCache()?.cachedAt === 'undefined' ? true : Date.now() - (getCache()?.cachedAt || 0) >= staleTime;\n    const isRequestOnGoing = getCache()?.isValidating ?? false;\n\n    if (fetcherMissing || !isCacheStale || isRequestOnGoing) {\n      return;\n    }\n\n    const d = performance.now();\n\n    setCache({\n      data: getCache()?.data ?? null,\n      isLoading: !getCache()?.data,\n      isValidating: true,\n      error: null,\n    });\n    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n    fetcherRef.current!(params)\n      .then(result => {\n        if (typeof result !== 'undefined') {\n          const data = Array.isArray(result) ? result : typeof result === 'object' ? { ...result } : result;\n          const n = performance.now();\n          const waitTime = throttleTime - (n - d);\n\n          setTimeout(() => {\n            setCache({\n              data,\n              isLoading: false,\n              isValidating: false,\n              error: null,\n              cachedAt: Date.now(),\n            });\n            options?.onSuccess?.(data);\n          }, waitTime);\n        }\n      })\n      .catch((e: Error | null) => {\n        setCache({\n          data: getCache()?.data ?? null,\n          isLoading: false,\n          isValidating: false,\n          error: e,\n          cachedAt: Date.now(),\n        });\n        if (e) {\n          options?.onError?.(e);\n        }\n      });\n  }, [serialize(params), setCache, getCache, revalidateCache]);\n\n  return {\n    ...cached,\n    setCache,\n    invalidate: clearCache,\n    revalidate,\n  };\n};\n"],"mappings":"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"}

package/dist/{browser/impersonationfab_ui_9c3cc3_1.0.0-snapshot.v20251203203405.js → impersonationfab_ui_30c3ec_1.0.0-snapshot.v20251204175016.js}

@@ -1 +1 @@
-"use strict";(globalThis.webpackChunk_clerk_ui=globalThis.webpackChunk_clerk_ui||[]).push([["917"],{7399:function(e,t,i){i.r(t),i.d(t,{ImpersonationFab:()=>S});var n=i(4518),o=i(8095),r=i(8909),s=i(5074),a=i(9599),l=i(3264),c=i(8272),d=i(8920),u=i(78),p=i(9206),f=i(2861),m=i(1986),h=i(8691),g=i(6294),w=i(7591),$=i(9406);let b=({width:e,height:t,...i})=>{let{sx:o,...r}=i;return(0,n.Y)(c.fv,{elementDescriptor:d.$z.impersonationFabIconContainer,center:!0,sx:[i=>({width:e,height:t,backgroundColor:i.colors.$danger500,borderRadius:i.radii.$circle}),o],...r,children:(0,n.Y)(c.In,{elementDescriptor:d.$z.impersonationFabIcon,icon:g.A,sx:e=>({color:e.colors.$white}),size:"lg"})})},v=({title:e,signOutText:t})=>{let{session:i}=(0,r.wV)(),{user:o}=(0,r.Jd)(),{signOut:s}=(0,r.ho)(),{otherSessions:l}=(0,h.z)({user:o}),{navigateAfterSignOut:u,navigateAfterMultiSessionSingleSignOutUrl:p}=(0,a.g)();return(0,n.FD)(c.fv,{sx:e=>({width:"100%",paddingLeft:e.sizes.$4,paddingRight:e.sizes.$6,whiteSpace:"nowrap"}),children:[(0,n.Y)(c.EY,{colorScheme:"secondary",elementDescriptor:d.$z.impersonationFabTitle,variant:"buttonLarge",truncate:!0,localizationKey:e}),(0,n.Y)(c.N_,{variant:"buttonLarge",elementDescriptor:d.$z.impersonationFabActionLink,sx:e=>({alignSelf:"flex-start",color:e.colors.$primary500,":hover":{cursor:"pointer"}}),localizationKey:t,onClick:()=>0===l.length?s(u):s(p,{sessionId:i.id})})]})},x=()=>{let{session:e}=(0,r.wV)(),{t}=(0,u._)(),{parsedInternalTheme:i}=(0,p.K)(),a=(0,s.useRef)(null),l=e?.actor,h=i.sizes.$16,g="--cl-impersonation-fab-top",$="--cl-impersonation-fab-right",x=()=>{let e=a.current;if(!e)return;let t=window.innerWidth-e.offsetLeft-e.offsetWidth,i=window.innerHeight-e.offsetTop-e.offsetHeight;[e.offsetLeft,t,e.offsetTop,i].some(e=>e<0)&&(document.documentElement.style.setProperty($,"23px"),document.documentElement.style.setProperty(g,"109px"))},S=s.useCallback(e=>{e.stopPropagation(),e.preventDefault();let t=a.current;if(!t)return;let i=`${window.innerWidth-t.offsetLeft-t.offsetWidth-e.movementX}px`;document.documentElement.style.setProperty($,i),document.documentElement.style.setProperty(g,`${t.offsetTop- -e.movementY}px`)},[]);if((0,s.useEffect)(()=>(window.addEventListener("resize",x),()=>{window.removeEventListener("resize",x)}),[]),!l||!e.user)return null;let y=(0,f.G)("impersonationFab.title",{identifier:(0,o.dS)(e.user)||(0,o.Cm)(e.user)}),z=t(y).length;return(0,n.Y)(m.Z,{children:(0,n.FD)(c.so,{ref:a,elementDescriptor:d.$z.impersonationFab,onPointerDown:()=>{window.addEventListener("pointermove",S),window.addEventListener("pointerup",()=>{window.removeEventListener("pointermove",S),x()},{once:!0})},align:"center",sx:e=>({touchAction:"none",position:"fixed",overflow:"hidden",top:`var(${g}, 109px)`,right:`var(${$}, 23px)`,zIndex:e.zIndices.$fab,boxShadow:e.shadows.$fabShadow,borderRadius:e.radii.$halfHeight,backgroundColor:e.colors.$white,fontFamily:e.fonts.$main,":hover":{cursor:"grab"},":hover #cl-impersonationText":{transition:`max-width ${e.transitionDuration.$slowest} ease, opacity ${e.transitionDuration.$slower} ease ${e.transitionDuration.$slowest}`,maxWidth:`min(calc(50vw - ${h} - 2 * 23px), ${z}ch)`,[w.g.md]:{maxWidth:`min(calc(100vw - ${h} - 2 * 23px), ${z}ch)`},opacity:1},":hover #cl-impersonationEye":{transform:"rotate(-180deg)"}}),children:[(0,n.Y)(b,{id:"cl-impersonationEye",width:h,height:h,sx:e=>({transition:`transform ${e.transitionDuration.$slowest} ease`})}),(0,n.Y)(c.so,{id:"cl-impersonationText",sx:e=>({transition:`max-width ${e.transitionDuration.$slowest} ease, opacity ${e.transitionDuration.$fast} ease`,maxWidth:"0px",opacity:0}),children:(0,n.Y)(v,{title:y,signOutText:(0,f.G)("impersonationFab.action__signOut")})})]})})},S=(0,l.G)(()=>(0,n.Y)($.S,{children:(0,n.Y)(x,{})}))},9599:function(e,t,i){i.d(t,{g:()=>r});var n=i(8909),o=i(4964);let r=()=>{let{navigate:e}=(0,o.r)(),t=(0,n.ho)();return{navigateAfterSignOut:()=>e(t.buildAfterSignOutUrl()),navigateAfterMultiSessionSingleSignOutUrl:()=>e(t.buildAfterMultiSessionSingleSignOutUrl()),afterSignOutUrl:t.buildAfterSignOutUrl(),afterMultiSessionSingleSignOutUrl:t.buildAfterMultiSessionSingleSignOutUrl()}}}}]);
+"use strict";(globalThis.webpackChunk_clerk_ui=globalThis.webpackChunk_clerk_ui||[]).push([["917"],{7399:function(e,t,i){i.r(t),i.d(t,{ImpersonationFab:()=>S});var n=i(4518),o=i(8095),r=i(8909),s=i(5074),a=i(9599),l=i(3264),c=i(8272),d=i(8920),u=i(78),p=i(6580),f=i(2861),m=i(1986),h=i(8691),g=i(6294),w=i(7591),$=i(9406);let b=({width:e,height:t,...i})=>{let{sx:o,...r}=i;return(0,n.Y)(c.fv,{elementDescriptor:d.$z.impersonationFabIconContainer,center:!0,sx:[i=>({width:e,height:t,backgroundColor:i.colors.$danger500,borderRadius:i.radii.$circle}),o],...r,children:(0,n.Y)(c.In,{elementDescriptor:d.$z.impersonationFabIcon,icon:g.A,sx:e=>({color:e.colors.$white}),size:"lg"})})},v=({title:e,signOutText:t})=>{let{session:i}=(0,r.wV)(),{user:o}=(0,r.Jd)(),{signOut:s}=(0,r.ho)(),{otherSessions:l}=(0,h.z)({user:o}),{navigateAfterSignOut:u,navigateAfterMultiSessionSingleSignOutUrl:p}=(0,a.g)();return(0,n.FD)(c.fv,{sx:e=>({width:"100%",paddingLeft:e.sizes.$4,paddingRight:e.sizes.$6,whiteSpace:"nowrap"}),children:[(0,n.Y)(c.EY,{colorScheme:"secondary",elementDescriptor:d.$z.impersonationFabTitle,variant:"buttonLarge",truncate:!0,localizationKey:e}),(0,n.Y)(c.N_,{variant:"buttonLarge",elementDescriptor:d.$z.impersonationFabActionLink,sx:e=>({alignSelf:"flex-start",color:e.colors.$primary500,":hover":{cursor:"pointer"}}),localizationKey:t,onClick:()=>0===l.length?s(u):s(p,{sessionId:i.id})})]})},x=()=>{let{session:e}=(0,r.wV)(),{t}=(0,u._)(),{parsedInternalTheme:i}=(0,p.K)(),a=(0,s.useRef)(null),l=e?.actor,h=i.sizes.$16,g="--cl-impersonation-fab-top",$="--cl-impersonation-fab-right",x=()=>{let e=a.current;if(!e)return;let t=window.innerWidth-e.offsetLeft-e.offsetWidth,i=window.innerHeight-e.offsetTop-e.offsetHeight;[e.offsetLeft,t,e.offsetTop,i].some(e=>e<0)&&(document.documentElement.style.setProperty($,"23px"),document.documentElement.style.setProperty(g,"109px"))},S=s.useCallback(e=>{e.stopPropagation(),e.preventDefault();let t=a.current;if(!t)return;let i=`${window.innerWidth-t.offsetLeft-t.offsetWidth-e.movementX}px`;document.documentElement.style.setProperty($,i),document.documentElement.style.setProperty(g,`${t.offsetTop- -e.movementY}px`)},[]);if((0,s.useEffect)(()=>(window.addEventListener("resize",x),()=>{window.removeEventListener("resize",x)}),[]),!l||!e.user)return null;let y=(0,f.G)("impersonationFab.title",{identifier:(0,o.dS)(e.user)||(0,o.Cm)(e.user)}),z=t(y).length;return(0,n.Y)(m.Z,{children:(0,n.FD)(c.so,{ref:a,elementDescriptor:d.$z.impersonationFab,onPointerDown:()=>{window.addEventListener("pointermove",S),window.addEventListener("pointerup",()=>{window.removeEventListener("pointermove",S),x()},{once:!0})},align:"center",sx:e=>({touchAction:"none",position:"fixed",overflow:"hidden",top:`var(${g}, 109px)`,right:`var(${$}, 23px)`,zIndex:e.zIndices.$fab,boxShadow:e.shadows.$fabShadow,borderRadius:e.radii.$halfHeight,backgroundColor:e.colors.$white,fontFamily:e.fonts.$main,":hover":{cursor:"grab"},":hover #cl-impersonationText":{transition:`max-width ${e.transitionDuration.$slowest} ease, opacity ${e.transitionDuration.$slower} ease ${e.transitionDuration.$slowest}`,maxWidth:`min(calc(50vw - ${h} - 2 * 23px), ${z}ch)`,[w.g.md]:{maxWidth:`min(calc(100vw - ${h} - 2 * 23px), ${z}ch)`},opacity:1},":hover #cl-impersonationEye":{transform:"rotate(-180deg)"}}),children:[(0,n.Y)(b,{id:"cl-impersonationEye",width:h,height:h,sx:e=>({transition:`transform ${e.transitionDuration.$slowest} ease`})}),(0,n.Y)(c.so,{id:"cl-impersonationText",sx:e=>({transition:`max-width ${e.transitionDuration.$slowest} ease, opacity ${e.transitionDuration.$fast} ease`,maxWidth:"0px",opacity:0}),children:(0,n.Y)(v,{title:y,signOutText:(0,f.G)("impersonationFab.action__signOut")})})]})})},S=(0,l.G)(()=>(0,n.Y)($.S,{children:(0,n.Y)(x,{})}))},9599:function(e,t,i){i.d(t,{g:()=>r});var n=i(8909),o=i(4964);let r=()=>{let{navigate:e}=(0,o.r)(),t=(0,n.ho)();return{navigateAfterSignOut:()=>e(t.buildAfterSignOutUrl()),navigateAfterMultiSessionSingleSignOutUrl:()=>e(t.buildAfterMultiSessionSingleSignOutUrl()),afterSignOutUrl:t.buildAfterSignOutUrl(),afterMultiSessionSingleSignOutUrl:t.buildAfterMultiSessionSingleSignOutUrl()}}}}]);

package/dist/index.js

@@ -3,7 +3,7 @@
 * Default ui object for Clerk UI components
 * Tagged with the internal Appearance type for type-safe appearance prop inference
 */
-const ui = { version: "1.0.0-snapshot.v20251203203405" };
+const ui = { version: "1.0.0-snapshot.v20251204175016" };
 
 //#endregion
 export { ui };