@clerk/ui 0.0.1

package/dist/types/types.d.ts

@@ -0,0 +1,88 @@
+import type { __internal_CheckoutProps, __internal_OAuthConsentProps, __internal_PlanDetailsProps, __internal_SubscriptionDetailsProps, __internal_UserVerificationProps, APIKeysProps, CreateOrganizationProps, GoogleOneTapProps, NewSubscriptionRedirectUrl, OrganizationListProps, OrganizationProfileProps, OrganizationSwitcherProps, PricingTableProps, SessionResource, SignInFallbackRedirectUrl, SignInForceRedirectUrl, SignInProps, SignUpFallbackRedirectUrl, SignUpForceRedirectUrl, SignUpProps, TaskChooseOrganizationProps, UserAvatarProps, UserButtonProps, UserProfileProps, WaitlistProps } from '@clerk/shared/types';
+export type { __internal_OAuthConsentProps, __internal_UserVerificationProps, CreateOrganizationProps, GoogleOneTapProps, OrganizationListProps, OrganizationProfileProps, OrganizationSwitcherProps, SignInProps, SignUpProps, UserAvatarProps, UserButtonProps, UserProfileProps, WaitlistProps, };
+export type AvailableComponentProps = SignInProps | SignUpProps | UserAvatarProps | UserProfileProps | UserButtonProps | OrganizationSwitcherProps | OrganizationProfileProps | CreateOrganizationProps | OrganizationListProps | WaitlistProps | PricingTableProps | __internal_CheckoutProps | __internal_UserVerificationProps | __internal_SubscriptionDetailsProps | __internal_PlanDetailsProps | APIKeysProps | TaskChooseOrganizationProps;
+type ComponentMode = 'modal' | 'mounted';
+type SignInMode = 'modal' | 'redirect';
+export type SignInCtx = SignInProps & {
+    componentName: 'SignIn';
+    mode?: ComponentMode;
+} & SignInFallbackRedirectUrl & SignInForceRedirectUrl;
+export type UserVerificationCtx = __internal_UserVerificationProps & {
+    componentName: 'UserVerification';
+    mode?: ComponentMode;
+};
+export type UserProfileCtx = UserProfileProps & {
+    componentName: 'UserProfile';
+    mode?: ComponentMode;
+};
+export type SignUpCtx = SignUpProps & {
+    componentName: 'SignUp';
+    mode?: ComponentMode;
+    emailLinkRedirectUrl?: string;
+    ssoCallbackUrl?: string;
+} & SignUpFallbackRedirectUrl & SignUpForceRedirectUrl;
+export type UserButtonCtx = UserButtonProps & {
+    componentName: 'UserButton';
+    mode?: ComponentMode;
+};
+export type UserAvatarCtx = UserAvatarProps & {
+    componentName: 'UserAvatar';
+};
+export type OrganizationProfileCtx = OrganizationProfileProps & {
+    componentName: 'OrganizationProfile';
+    mode?: ComponentMode;
+};
+export type CreateOrganizationCtx = CreateOrganizationProps & {
+    componentName: 'CreateOrganization';
+    mode?: ComponentMode;
+};
+export type OrganizationSwitcherCtx = OrganizationSwitcherProps & {
+    componentName: 'OrganizationSwitcher';
+    mode?: ComponentMode;
+};
+export type OrganizationListCtx = OrganizationListProps & {
+    componentName: 'OrganizationList';
+    mode?: ComponentMode;
+};
+export type GoogleOneTapCtx = GoogleOneTapProps & {
+    componentName: 'GoogleOneTap';
+};
+export type WaitlistCtx = WaitlistProps & {
+    componentName: 'Waitlist';
+    mode?: ComponentMode;
+};
+export type PricingTableCtx = PricingTableProps & {
+    componentName: 'PricingTable';
+    mode?: ComponentMode;
+    signInMode?: SignInMode;
+};
+export type APIKeysCtx = APIKeysProps & {
+    componentName: 'APIKeys';
+    mode?: ComponentMode;
+};
+export type CheckoutCtx = __internal_CheckoutProps & {
+    componentName: 'Checkout';
+} & NewSubscriptionRedirectUrl;
+export type SessionTasksCtx = {
+    redirectUrlComplete: string;
+    currentTaskContainer?: React.RefObject<HTMLDivElement> | null;
+    navigateOnSetActive: (opts: {
+        session: SessionResource;
+        redirectUrl: string;
+    }) => Promise<unknown>;
+};
+export type TaskChooseOrganizationCtx = TaskChooseOrganizationProps & {
+    componentName: 'TaskChooseOrganization';
+};
+export type OAuthConsentCtx = __internal_OAuthConsentProps & {
+    componentName: 'OAuthConsent';
+};
+export type SubscriptionDetailsCtx = __internal_SubscriptionDetailsProps & {
+    componentName: 'SubscriptionDetails';
+};
+export type PlanDetailsCtx = __internal_PlanDetailsProps & {
+    componentName: 'PlanDetails';
+};
+export type AvailableComponentCtx = SignInCtx | SignUpCtx | UserAvatarCtx | UserButtonCtx | UserProfileCtx | UserVerificationCtx | OrganizationProfileCtx | CreateOrganizationCtx | OrganizationSwitcherCtx | OrganizationListCtx | GoogleOneTapCtx | WaitlistCtx | PricingTableCtx | CheckoutCtx | APIKeysCtx | OAuthConsentCtx | SubscriptionDetailsCtx | PlanDetailsCtx | TaskChooseOrganizationCtx;
+export type AvailableComponentName = AvailableComponentCtx['componentName'];
+//# sourceMappingURL=types.d.ts.map

package/dist/types/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/types.ts"],"names":[],"mappings":"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"}

package/dist/types/utils/ExternalElementMounter.d.ts

@@ -0,0 +1,7 @@
+type ExternalElementMounterProps = {
+    mount: (el: HTMLDivElement) => void;
+    unmount: (el?: HTMLDivElement) => void;
+};
+export declare const ExternalElementMounter: ({ mount, unmount, ...rest }: ExternalElementMounterProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ExternalElementMounter.d.ts.map

package/dist/types/utils/ExternalElementMounter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExternalElementMounter.d.ts","sourceRoot":"","sources":["../../../src/utils/ExternalElementMounter.tsx"],"names":[],"mappings":"AAEA,KAAK,2BAA2B,GAAG;IACjC,KAAK,EAAE,CAAC,EAAE,EAAE,cAAc,KAAK,IAAI,CAAC;IACpC,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,cAAc,KAAK,IAAI,CAAC;CACxC,CAAC;AAEF,eAAO,MAAM,sBAAsB,GAAI,6BAA6B,2BAA2B,qDAoB9F,CAAC"}

package/dist/types/utils/buildVirtualRouterUrl.d.ts

@@ -0,0 +1,5 @@
+export declare const buildVirtualRouterUrl: ({ base, path }: {
+    base: string;
+    path: string | undefined;
+}) => string;
+//# sourceMappingURL=buildVirtualRouterUrl.d.ts.map

package/dist/types/utils/buildVirtualRouterUrl.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"buildVirtualRouterUrl.d.ts","sourceRoot":"","sources":["../../../src/utils/buildVirtualRouterUrl.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,qBAAqB,GAAI,gBAAgB;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,GAAG,SAAS,CAAA;CAAE,WAM/F,CAAC"}

package/dist/types/utils/captcha/constants.d.ts

@@ -0,0 +1,2 @@
+export declare const CAPTCHA_ELEMENT_ID = "clerk-captcha";
+//# sourceMappingURL=constants.d.ts.map

package/dist/types/utils/captcha/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/utils/captcha/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,kBAAkB,kBAAkB,CAAC"}

package/dist/types/utils/colors/constants.d.ts

@@ -0,0 +1,50 @@
+/**
+ * Shared constants for color utilities
+ */
+import type { ColorScale } from '@clerk/shared/types';
+export type ColorShade = 25 | 50 | 100 | 150 | 200 | 300 | 400 | 500 | 600 | 700 | 750 | 800 | 850 | 900 | 950;
+export type ColorShadeKey = keyof ColorScale<any>;
+export declare const COLOR_SCALE: readonly ColorShade[];
+export declare const LIGHT_SHADES: ColorShadeKey[];
+export declare const DARK_SHADES: ColorShadeKey[];
+export declare const ALL_SHADES: ColorShadeKey[];
+export declare const LIGHTNESS_CONFIG: {
+    readonly TARGET_LIGHT: 97;
+    readonly TARGET_DARK: 12;
+    readonly LIGHT_STEPS: 7;
+    readonly DARK_STEPS: 7;
+};
+export declare const ALPHA_PERCENTAGES: Record<ColorShade, number>;
+export declare const ALPHA_VALUES: number[];
+export declare const LIGHTNESS_MIX_DATA: Record<ColorShade, {
+    mixColor: 'white' | 'black' | null;
+    percentage: number;
+}>;
+export declare const RELATIVE_SHADE_STEPS: Record<number, number>;
+export declare const COLOR_BOUNDS: {
+    readonly rgb: {
+        readonly min: 0;
+        readonly max: 255;
+    };
+    readonly alpha: {
+        readonly min: 0;
+        readonly max: 1;
+    };
+    readonly hue: {
+        readonly min: 0;
+        readonly max: 360;
+    };
+    readonly percentage: {
+        readonly min: 0;
+        readonly max: 100;
+    };
+};
+export declare const MODERN_CSS_LIMITS: {
+    readonly MAX_LIGHTNESS_MIX: 95;
+    readonly MIN_ALPHA_PERCENTAGE: 5;
+    readonly MAX_LIGHTNESS_ADJUSTMENT: 30;
+    readonly MIN_LIGHTNESS_FLOOR: 95;
+    readonly LIGHTNESS_MULTIPLIER: 2;
+    readonly MIX_MULTIPLIER: 4;
+};
+//# sourceMappingURL=constants.d.ts.map

package/dist/types/utils/colors/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/utils/colors/constants.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAGtD,MAAM,MAAM,UAAU,GAAG,EAAE,GAAG,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;AAC/G,MAAM,MAAM,aAAa,GAAG,MAAM,UAAU,CAAC,GAAG,CAAC,CAAC;AAGlD,eAAO,MAAM,WAAW,EAAE,SAAS,UAAU,EAEnC,CAAC;AAGX,eAAO,MAAM,YAAY,EAAE,aAAa,EAAoD,CAAC;AAC7F,eAAO,MAAM,WAAW,EAAE,aAAa,EAAsD,CAAC;AAC9F,eAAO,MAAM,UAAU,EAAE,aAAa,EAA6C,CAAC;AAGpF,eAAO,MAAM,gBAAgB;;;;;CAKnB,CAAC;AAGX,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAgB/C,CAAC;AAEX,eAAO,MAAM,YAAY,UAEhB,CAAC;AAGV,eAAO,MAAM,kBAAkB,EAAE,MAAM,CAAC,UAAU,EAAE;IAAE,QAAQ,EAAE,OAAO,GAAG,OAAO,GAAG,IAAI,CAAC;IAAC,UAAU,EAAE,MAAM,CAAA;CAAE,CAgBpG,CAAC;AAGX,eAAO,MAAM,oBAAoB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAiB9C,CAAC;AAGX,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;CAKf,CAAC;AAGX,eAAO,MAAM,iBAAiB;;;;;;;CAOpB,CAAC"}

package/dist/types/utils/colors/index.d.ts

@@ -0,0 +1,117 @@
+import type { HslaColor } from '@clerk/shared/types';
+import { colors as legacyColors } from './legacy';
+import { colors as modernColors } from './modern';
+export declare const colors: {
+    /**
+     * Changes the lightness value of an HSLA color object
+     * @param color - The HSLA color object to modify
+     * @param lightness - The new lightness value (0-100)
+     * @returns A new HSLA color object with the modified lightness
+     * @example
+     * ```typescript
+     * const darkColor = colors.changeHslaLightness({ h: 200, s: 50, l: 80, a: 1 }, 20);
+     * ```
+     */
+    changeHslaLightness: (color: HslaColor, num: number) => HslaColor;
+    /**
+     * Sets the alpha (opacity) value of an HSLA color object
+     * @param color - The HSLA color object to modify
+     * @param alpha - The new alpha value (0-1)
+     * @returns A new HSLA color object with the modified alpha
+     * @example
+     * ```typescript
+     * const semiTransparent = colors.setHslaAlpha({ h: 200, s: 50, l: 50, a: 1 }, 0.5);
+     * ```
+     */
+    setHslaAlpha: (color: HslaColor, num: number) => HslaColor;
+    /**
+     * Converts a color string to either a string (modern CSS) or HSLA object (legacy)
+     * Uses modern CSS features when supported, falls back to parsing the string into an HSLA object for older browsers
+     * @param color - CSS color string (hex, rgb, hsl, `var(--color)`, etc.) or undefined
+     * @returns Color string in modern browsers, HSLA object in legacy browsers, or undefined if input is undefined
+     * @example
+     * ```typescript
+     * const processedColor = colors.toHslaColor('#ff0000'); // '#ff0000' or { h: 0, s: 100, l: 50, a: 1 }
+     * const noColor = colors.toHslaColor(undefined); // undefined
+     * ```
+     */
+    toHslaColor: (color: string | undefined) => string | HslaColor | undefined;
+    /**
+     * Converts a color (string or HSLA object) to a CSS string representation
+     * @param color - CSS color string, HSLA object, or undefined
+     * @returns CSS color string or undefined if input is undefined
+     * @example
+     * ```typescript
+     * const cssColor = colors.toHslaString('#ff0000'); // '#ff0000' or 'hsla(0, 100%, 50%, 1)'
+     * const hslaColor = colors.toHslaString({ h: 200, s: 50, l: 50, a: 1 }); // 'hsla(200, 50%, 50%, 1)'
+     * ```
+     */
+    toHslaString: (color: string | HslaColor | undefined) => string | undefined;
+    /**
+     * Creates a lighter version of the given color
+     * Uses modern CSS relative color syntax when supported, falls back to HSLA manipulation
+     * @param color - CSS color string or undefined
+     * @param percentage - How much lighter to make the color (0-100, default: 0)
+     * @returns Lightened color string or undefined if input is undefined
+     * @example
+     * ```typescript
+     * const lightBlue = colors.lighten('#0066cc', 20); // 20% lighter blue
+     * const noChange = colors.lighten('#0066cc'); // Same color (0% change)
+     * ```
+     */
+    lighten: (color: string | undefined, percentage?: number) => string | undefined;
+    /**
+     * Creates a transparent version of the given color by reducing its opacity
+     * Uses modern CSS color-mix function when supported, falls back to HSLA alpha manipulation
+     * @param color - CSS color string or undefined
+     * @param percentage - How much transparency to add (0-100, default: 0)
+     * @returns Color with reduced opacity or undefined if input is undefined
+     * @example
+     * ```typescript
+     * const semiTransparent = colors.makeTransparent('#ff0000', 50); // 50% transparent red
+     * const opaque = colors.makeTransparent('#ff0000'); // Same color (0% transparency)
+     * ```
+     */
+    makeTransparent: (color: string | undefined, percentage?: number) => string | undefined;
+    /**
+     * Removes transparency from a color, making it fully opaque
+     * Uses modern CSS features when supported, falls back to HSLA alpha manipulation
+     * @param color - CSS color string or undefined
+     * @returns Fully opaque version of the color or undefined if input is undefined
+     * @example
+     * ```typescript
+     * const solid = colors.makeSolid('rgba(255, 0, 0, 0.5)'); // Fully opaque red
+     * const alreadySolid = colors.makeSolid('#ff0000'); // Same color (already opaque)
+     * ```
+     */
+    makeSolid: (color: string | undefined) => string | undefined;
+    /**
+     * Sets the alpha (opacity) value of a color
+     * Uses modern CSS relative color syntax when supported, falls back to HSLA manipulation
+     * @param color - CSS color string (required)
+     * @param alpha - Alpha value between 0 (transparent) and 1 (opaque)
+     * @returns Color string with the specified alpha value
+     * @throws {Error} When color is not provided
+     * @example
+     * ```typescript
+     * const halfTransparent = colors.setAlpha('#ff0000', 0.5); // 50% transparent red
+     * const fullyOpaque = colors.setAlpha('rgba(255, 0, 0, 0.3)', 1); // Fully opaque red
+     * ```
+     */
+    setAlpha: (color: string, alpha: number) => string;
+    /**
+     * Adjusts a color's lightness for better contrast or visual hierarchy
+     * Uses modern CSS relative color syntax when supported, falls back to HSLA manipulation
+     * @param color - CSS color string or undefined
+     * @param lightness - Lightness adjustment amount (default: 5)
+     * @returns Color with adjusted lightness or undefined if input is undefined
+     * @example
+     * ```typescript
+     * const adjusted = colors.adjustForLightness('#333333', 10); // Slightly lighter dark gray
+     * const subtle = colors.adjustForLightness('#666666'); // Subtle lightness adjustment (5 units)
+     * ```
+     */
+    adjustForLightness: (color: string | undefined, lightness?: number) => string | undefined;
+};
+export { legacyColors, modernColors };
+//# sourceMappingURL=index.d.ts.map

package/dist/types/utils/colors/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/utils/colors/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAGrD,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,UAAU,CAAC;AAClD,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,UAAU,CAAC;AAElD,eAAO,MAAM,MAAM;IACjB;;;;;;;;;OASG;;IAGH;;;;;;;;;OASG;;IAGH;;;;;;;;;;OAUG;yBACkB,MAAM,GAAG,SAAS,KAAG,MAAM,GAAG,SAAS,GAAG,SAAS;IAOxE;;;;;;;;;OASG;0BACmB,MAAM,GAAG,SAAS,GAAG,SAAS,KAAG,MAAM,GAAG,SAAS;IAUzE;;;;;;;;;;;OAWG;qBACc,MAAM,GAAG,SAAS,0BAAmB,MAAM,GAAG,SAAS;IAOxE;;;;;;;;;;;OAWG;6BACsB,MAAM,GAAG,SAAS,0BAAmB,MAAM,GAAG,SAAS;IAOhF;;;;;;;;;;OAUG;uBACgB,MAAM,GAAG,SAAS,KAAG,MAAM,GAAG,SAAS;IAO1D;;;;;;;;;;;;OAYG;sBACe,MAAM,SAAS,MAAM,KAAG,MAAM;IAOhD;;;;;;;;;;;OAWG;gCACyB,MAAM,GAAG,SAAS,yBAAkB,MAAM,GAAG,SAAS;CAMnF,CAAC;AAEF,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,CAAC"}

package/dist/types/utils/colors/legacy.d.ts

@@ -0,0 +1,21 @@
+/**
+ * These helpers have been extracted from the following libraries,
+ * converted to Typescript and adapted to our needs.
+ *
+ * https://github.com/Qix-/color-convert
+ * https://github.com/Qix-/color-name
+ * https://github.com/Qix-/color
+ */
+import type { HslaColor, HslaColorString } from '@clerk/shared/types';
+export declare const colors: {
+    toHslaColor: (str: string) => HslaColor;
+    toHslaString: (hsla: HslaColor | string) => HslaColorString;
+    adjustForLightness: (color: string | undefined, lightness?: number) => string | undefined;
+    changeHslaLightness: (color: HslaColor, num: number) => HslaColor;
+    setHslaAlpha: (color: HslaColor, num: number) => HslaColor;
+    lighten: (color: string | undefined, percentage?: number) => string | undefined;
+    makeTransparent: (color: string | undefined, percentage?: number) => string | undefined;
+    makeSolid: (color: string | undefined) => string | undefined;
+    setAlpha: (color: string, alpha: number) => string;
+};
+//# sourceMappingURL=legacy.d.ts.map

package/dist/types/utils/colors/legacy.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"legacy.d.ts","sourceRoot":"","sources":["../../../../src/utils/colors/legacy.ts"],"names":[],"mappings":"AACA;;;;;;;GAOG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAgWtE,eAAO,MAAM,MAAM;uBA9EO,MAAM,KAAG,SAAS;yBAYhB,SAAS,GAAG,MAAM,KAAG,eAAe;gCA8C7B,MAAM,GAAG,SAAS;iCA1CjB,SAAS,OAAO,MAAM,KAAG,SAAS;0BAIzC,SAAS,OAAO,MAAM,KAAG,SAAS;qBAQvC,MAAM,GAAG,SAAS,0BAAmB,MAAM,GAAG,SAAS;6BAe/C,MAAM,GAAG,SAAS,0BAAmB,MAAM,GAAG,SAAS;uBAP7D,MAAM,GAAG,SAAS,KAAG,MAAM,GAAG,SAAS;sBAexC,MAAM,SAAS,MAAM;CAqC7C,CAAC"}

package/dist/types/utils/colors/modern.d.ts

@@ -0,0 +1,31 @@
+/**
+ * CSS-based color manipulation utilities
+ * Uses color-mix() and relative color syntax when supported
+ */
+/**
+ * CSS-based color manipulation utilities
+ * Uses color-mix() and relative color syntax when supported
+ */
+export declare const colors: {
+    /**
+     * Lightens a color by a percentage
+     */
+    lighten: (color: string | undefined, percentage?: number) => string | undefined;
+    /**
+     * Makes a color transparent by a percentage
+     */
+    makeTransparent: (color: string | undefined, percentage?: number) => string | undefined;
+    /**
+     * Makes a color completely opaque
+     */
+    makeSolid: (color: string | undefined) => string | undefined;
+    /**
+     * Sets the alpha value of a color
+     */
+    setAlpha: (color: string, alpha: number) => string;
+    /**
+     * Adjusts color for better contrast/lightness
+     */
+    adjustForLightness: (color: string | undefined, lightness?: number) => string | undefined;
+};
+//# sourceMappingURL=modern.d.ts.map

package/dist/types/utils/colors/modern.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"modern.d.ts","sourceRoot":"","sources":["../../../../src/utils/colors/modern.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAMH;;;GAGG;AACH,eAAO,MAAM,MAAM;IACjB;;OAEG;qBACc,MAAM,GAAG,SAAS,0BAAmB,MAAM,GAAG,SAAS;IAoBxE;;OAEG;6BACsB,MAAM,GAAG,SAAS,0BAAmB,MAAM,GAAG,SAAS;IAahF;;OAEG;uBACgB,MAAM,GAAG,SAAS,KAAG,MAAM,GAAG,SAAS;IAkB1D;;OAEG;sBACe,MAAM,SAAS,MAAM,KAAG,MAAM;IAiBhD;;OAEG;gCACyB,MAAM,GAAG,SAAS,yBAAkB,MAAM,GAAG,SAAS;CAgBnF,CAAC"}

package/dist/types/utils/colors/scales.d.ts

@@ -0,0 +1,65 @@
+import type { ColorScale, CssColorOrAlphaScale, CssColorOrScale, HslaColorString } from '@clerk/shared/types';
+type InternalColorScale<T> = ColorScale<T> & Partial<Record<20, T>>;
+type WithPrefix<T extends Record<string, string>, Prefix extends string> = {
+    [K in keyof T as `${Prefix}${K & string}`]: T[K];
+};
+/**
+ * Modern CSS alpha scale generation
+ */
+declare function generateModernAlphaScale(baseColor: string): ColorScale<string>;
+/**
+ * Legacy HSLA alpha scale generation
+ */
+declare function generateLegacyAlphaScale(baseColor: string): ColorScale<string>;
+/**
+ * Modern CSS lightness scale generation
+ */
+declare function generateModernLightnessScale(baseColor: string): ColorScale<string>;
+/**
+ * Legacy HSLA lightness scale generation
+ */
+declare function generateLegacyLightnessScale(baseColor: string): ColorScale<string>;
+/**
+ * Unified alpha scale generator that automatically chooses between modern and legacy implementations
+ * @param color - Base color string or existing color scale
+ * @returns Complete color scale with alpha variations
+ */
+export declare function generateAlphaScale(color: string | ColorScale<string> | CssColorOrScale | undefined): ColorScale<string>;
+/**
+ * Unified lightness scale generator that automatically chooses between modern and legacy implementations
+ * @param color - Base color string or existing color scale
+ * @returns Complete color scale with lightness variations
+ */
+export declare function generateLightnessScale(color: string | ColorScale<string> | CssColorOrScale | undefined): ColorScale<string>;
+/**
+ * Direct access to modern scale generators (for testing or when modern CSS is guaranteed)
+ */
+export declare const modernScales: {
+    readonly generateAlphaScale: typeof generateModernAlphaScale;
+    readonly generateLightnessScale: typeof generateModernLightnessScale;
+};
+/**
+ * Direct access to legacy scale generators (for testing or compatibility)
+ */
+export declare const legacyScales: {
+    readonly generateAlphaScale: typeof generateLegacyAlphaScale;
+    readonly generateLightnessScale: typeof generateLegacyLightnessScale;
+};
+/**
+ * Converts a color option to a themed alpha scale with prefix
+ * Returns CSS color values (modern color-mix/relative colors or legacy HSLA)
+ * @param colorOption - Color input (string or alpha scale object)
+ * @param prefix - Prefix to apply to scale keys
+ * @returns Prefixed CSS color scale or undefined
+ */
+export declare const colorOptionToThemedAlphaScale: <Prefix extends string>(colorOption: CssColorOrAlphaScale | undefined, prefix: Prefix) => WithPrefix<InternalColorScale<HslaColorString>, Prefix> | undefined;
+/**
+ * Converts a color option to a themed lightness scale with prefix
+ * Returns CSS color values (modern color-mix/relative colors or legacy HSLA)
+ * @param colorOption - Color input (string or lightness scale object)
+ * @param prefix - Prefix to apply to scale keys
+ * @returns Prefixed CSS color scale or undefined
+ */
+export declare const colorOptionToThemedLightnessScale: <Prefix extends string>(colorOption: CssColorOrScale | undefined, prefix: Prefix) => WithPrefix<InternalColorScale<HslaColorString>, Prefix> | undefined;
+export {};
+//# sourceMappingURL=scales.d.ts.map

package/dist/types/utils/colors/scales.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"scales.d.ts","sourceRoot":"","sources":["../../../../src/utils/colors/scales.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,oBAAoB,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAQ9G,KAAK,kBAAkB,CAAC,CAAC,IAAI,UAAU,CAAC,CAAC,CAAC,GAAG,OAAO,CAAC,MAAM,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC;AACpE,KAAK,UAAU,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,SAAS,MAAM,IAAI;KACxE,CAAC,IAAI,MAAM,CAAC,IAAI,GAAG,MAAM,GAAG,CAAC,GAAG,MAAM,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC;CACjD,CAAC;AAuBF;;GAEG;AACH,iBAAS,wBAAwB,CAAC,SAAS,EAAE,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC,CAQvE;AAED;;GAEG;AACH,iBAAS,wBAAwB,CAAC,SAAS,EAAE,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC,CAYvE;AAED;;GAEG;AACH,iBAAS,4BAA4B,CAAC,SAAS,EAAE,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC,CAQ3E;AAED;;GAEG;AACH,iBAAS,4BAA4B,CAAC,SAAS,EAAE,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC,CA0B3E;AAqDD;;;;GAIG;AACH,wBAAgB,kBAAkB,CAChC,KAAK,EAAE,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC,GAAG,eAAe,GAAG,SAAS,GAC/D,UAAU,CAAC,MAAM,CAAC,CAepB;AAED;;;;GAIG;AACH,wBAAgB,sBAAsB,CACpC,KAAK,EAAE,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC,GAAG,eAAe,GAAG,SAAS,GAC/D,UAAU,CAAC,MAAM,CAAC,CAepB;AAED;;GAEG;AACH,eAAO,MAAM,YAAY;;;CAGf,CAAC;AAEX;;GAEG;AACH,eAAO,MAAM,YAAY;;;CAGf,CAAC;AA+BX;;;;;;GAMG;AACH,eAAO,MAAM,6BAA6B,GAAI,MAAM,SAAS,MAAM,EACjE,aAAa,oBAAoB,GAAG,SAAS,EAC7C,QAAQ,MAAM,KACb,UAAU,CAAC,kBAAkB,CAAC,eAAe,CAAC,EAAE,MAAM,CAAC,GAAG,SAU5D,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,iCAAiC,GAAI,MAAM,SAAS,MAAM,EACrE,aAAa,eAAe,GAAG,SAAS,EACxC,QAAQ,MAAM,KACb,UAAU,CAAC,kBAAkB,CAAC,eAAe,CAAC,EAAE,MAAM,CAAC,GAAG,SAU5D,CAAC"}

package/dist/types/utils/colors/utils.d.ts

@@ -0,0 +1,57 @@
+import type { ColorScale } from '@clerk/shared/types';
+import type { ColorShade } from './constants';
+/**
+ * Fast empty color scale creation - returns pre-computed frozen object
+ */
+export declare const createEmptyColorScale: () => ColorScale<string | undefined>;
+/**
+ * Core color generation functions
+ */
+/**
+ * Create a color-mix string
+ * @param baseColor - The base color
+ * @param mixColor - The color to mix with
+ * @param percentage - The percentage of the mix
+ * @returns The color-mix string
+ */
+export declare function createColorMixString(baseColor: string, mixColor: string, percentage: number): string;
+/**
+ * Generate a relative color syntax string
+ * @param color - The base color
+ * @param hue - The hue component
+ * @param saturation - The saturation component
+ * @param lightness - The lightness component
+ * @param alpha - The alpha component (optional)
+ * @returns The relative color syntax string
+ */
+export declare function createRelativeColorString(color: string, hue: string, saturation: string, lightness: string, alpha?: string): string;
+/**
+ * Create an alpha color-mix string
+ * @param color - The base color
+ * @param alphaPercentage - The alpha percentage
+ * @returns The alpha color-mix string
+ */
+export declare function createAlphaColorMixString(color: string, alphaPercentage: number): string;
+/**
+ * Generate a relative color syntax string
+ * @param color - The base color
+ * @param shade - The shade to generate the color for
+ * @returns The relative color syntax string
+ */
+export declare function generateRelativeColorSyntax(color: string, shade: ColorShade): string;
+/**
+ * Generate a color-mix string
+ * @param color - The base color
+ * @param shade - The shade to generate the color for
+ * @returns The color-mix string
+ */
+export declare function generateColorMixSyntax(color: string, shade: ColorShade): string;
+export declare function generateAlphaColorMix(color: string, shade: ColorShade): string;
+/**
+ * Get the optimal color variant for the given shade
+ * @param color - The base color
+ * @param shade - The shade to generate the color for
+ * @returns The optimal color variant
+ */
+export declare function getSupportedColorVariant(color: string, shade: ColorShade): string;
+//# sourceMappingURL=utils.d.ts.map

package/dist/types/utils/colors/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/utils/colors/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAGtD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAgB9C;;GAEG;AACH,eAAO,MAAM,qBAAqB,QAAO,UAAU,CAAC,MAAM,GAAG,SAAS,CAErE,CAAC;AAEF;;GAEG;AAEH;;;;;;GAMG;AACH,wBAAgB,oBAAoB,CAAC,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,GAAG,MAAM,CAEpG;AAED;;;;;;;;GAQG;AACH,wBAAgB,yBAAyB,CACvC,KAAK,EAAE,MAAM,EACb,GAAG,EAAE,MAAM,EACX,UAAU,EAAE,MAAM,EAClB,SAAS,EAAE,MAAM,EACjB,KAAK,CAAC,EAAE,MAAM,GACb,MAAM,CAER;AAED;;;;;GAKG;AACH,wBAAgB,yBAAyB,CAAC,KAAK,EAAE,MAAM,EAAE,eAAe,EAAE,MAAM,GAAG,MAAM,CAExF;AAED;;;;;GAKG;AACH,wBAAgB,2BAA2B,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,UAAU,GAAG,MAAM,CAwBpF;AAED;;;;;GAKG;AACH,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,UAAU,GAAG,MAAM,CAW/E;AAED,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,UAAU,GAAG,MAAM,CAG9E;AAED;;;;;GAKG;AACH,wBAAgB,wBAAwB,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,UAAU,GAAG,MAAM,CAcjF"}

package/dist/types/utils/containsAllOf.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Enforces that an array contains ALL keys of T
+ */
+export declare const containsAllOfType: <T>() => <U extends Readonly<T[]>>(array: U & ([T] extends [U[number]] ? unknown : "Invalid")) => U & ([T] extends [U[number]] ? unknown : "Invalid");
+//# sourceMappingURL=containsAllOf.d.ts.map

package/dist/types/utils/containsAllOf.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"containsAllOf.d.ts","sourceRoot":"","sources":["../../../src/utils/containsAllOf.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,eAAO,MAAM,iBAAiB,GAC3B,CAAC,QACD,CAAC,SAAS,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAE,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,GAAG,OAAO,GAAG,SAAS,CAAC,wDAC7E,CAAC"}

package/dist/types/utils/createCustomMenuItems.d.ts

@@ -0,0 +1,13 @@
+import type { CustomMenuItem, LoadedClerk } from '@clerk/shared/types';
+import type { LocalizationKey } from '../customizables';
+export type DefaultItemIds = 'manageAccount' | 'addAccount' | 'signOut' | 'signOutAll';
+export type MenuItem = {
+    id: string;
+    name: LocalizationKey | string;
+    icon: React.ComponentType;
+    onClick?: () => void;
+    open?: string;
+    path?: string;
+};
+export declare const createUserButtonCustomMenuItems: (customMenuItems: CustomMenuItem[], clerk: LoadedClerk) => MenuItem[];
+//# sourceMappingURL=createCustomMenuItems.d.ts.map

package/dist/types/utils/createCustomMenuItems.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createCustomMenuItems.d.ts","sourceRoot":"","sources":["../../../src/utils/createCustomMenuItems.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAGvE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAOxD,MAAM,MAAM,cAAc,GAAG,eAAe,GAAG,YAAY,GAAG,SAAS,GAAG,YAAY,CAAC;AAEvF,MAAM,MAAM,QAAQ,GAAG;IACrB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,eAAe,GAAG,MAAM,CAAC;IAC/B,IAAI,EAAE,KAAK,CAAC,aAAa,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAoCF,eAAO,MAAM,+BAA+B,GAAI,iBAAiB,cAAc,EAAE,EAAE,OAAO,WAAW,eAEpG,CAAC"}

package/dist/types/utils/createCustomPages.d.ts

@@ -0,0 +1,18 @@
+import type { CustomPage, EnvironmentResource, LoadedClerk } from '@clerk/shared/types';
+import type { NavbarRoute } from '../elements/Navbar';
+export type CustomPageContent = {
+    url: string;
+    mount: (el: HTMLDivElement) => void;
+    unmount: (el?: HTMLDivElement) => void;
+};
+export declare const createUserProfileCustomPages: (customPages: CustomPage[], clerk: LoadedClerk, shouldShowBilling: boolean, environment?: EnvironmentResource) => {
+    routes: NavbarRoute[];
+    contents: CustomPageContent[];
+    pageToRootNavbarRouteMap: Record<string, NavbarRoute>;
+};
+export declare const createOrganizationProfileCustomPages: (customPages: CustomPage[], clerk: LoadedClerk, shouldShowBilling: boolean, environment?: EnvironmentResource) => {
+    routes: NavbarRoute[];
+    contents: CustomPageContent[];
+    pageToRootNavbarRouteMap: Record<string, NavbarRoute>;
+};
+//# sourceMappingURL=createCustomPages.d.ts.map

package/dist/types/utils/createCustomPages.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createCustomPages.d.ts","sourceRoot":"","sources":["../../../src/utils/createCustomPages.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,UAAU,EAAE,mBAAmB,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAGxF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAMtD,MAAM,MAAM,iBAAiB,GAAG;IAC9B,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,CAAC,EAAE,EAAE,cAAc,KAAK,IAAI,CAAC;IACpC,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,cAAc,KAAK,IAAI,CAAC;CACxC,CAAC;AAmCF,eAAO,MAAM,4BAA4B,GACvC,aAAa,UAAU,EAAE,EACzB,OAAO,WAAW,EAClB,mBAAmB,OAAO,EAC1B,cAAc,mBAAmB;;;;CAalC,CAAC;AAEF,eAAO,MAAM,oCAAoC,GAC/C,aAAa,UAAU,EAAE,EACzB,OAAO,WAAW,EAClB,mBAAmB,OAAO,EAC1B,cAAc,mBAAmB;;;;CAclC,CAAC"}

package/dist/types/utils/createInfiniteAccessProxy.d.ts

@@ -0,0 +1,16 @@
+/**
+ * This function leverages JS Proxies to create an object that
+ * can be used as a placeholder when you want to run a callback
+ * but you don't have the necessary arguments ready yet.
+ *
+ * This proxy recursively returns itself so it can be passed safely
+ * when you don't know how the caller will try to access it.
+ *
+ * Eg:
+ * `const userCallback = (theme) => theme.prop1.prop2.prop3.replace();`
+ *
+ * Calling `userCallback` as follows is safe:
+ * `userCallback(createInfiniteAccessProxy())`
+ */
+export declare const createInfiniteAccessProxy: () => any;
+//# sourceMappingURL=createInfiniteAccessProxy.d.ts.map

package/dist/types/utils/createInfiniteAccessProxy.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createInfiniteAccessProxy.d.ts","sourceRoot":"","sources":["../../../src/utils/createInfiniteAccessProxy.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,yBAAyB,WAYrC,CAAC"}

package/dist/types/utils/createSlug.d.ts

@@ -0,0 +1,2 @@
+export declare const createSlug: (str: string) => string;
+//# sourceMappingURL=createSlug.d.ts.map

package/dist/types/utils/createSlug.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createSlug.d.ts","sourceRoot":"","sources":["../../../src/utils/createSlug.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,UAAU,GAAI,KAAK,MAAM,KAAG,MAIxC,CAAC"}

package/dist/types/utils/cssSupports.d.ts

@@ -0,0 +1,10 @@
+export declare const cssSupports: {
+    relativeColorSyntax: () => boolean;
+    colorMix: () => boolean;
+    /**
+     * Returns true if either relativeColorSyntax or colorMix is supported
+     */
+    modernColor(): boolean;
+};
+export declare const clearCache: () => void;
+//# sourceMappingURL=cssSupports.d.ts.map

package/dist/types/utils/cssSupports.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cssSupports.d.ts","sourceRoot":"","sources":["../../../src/utils/cssSupports.ts"],"names":[],"mappings":"AASA,eAAO,MAAM,WAAW;;;IAyBtB;;OAEG;;CAaJ,CAAC;AAEF,eAAO,MAAM,UAAU,YAItB,CAAC"}