@descope/flow-components 2.0.412 → 2.0.413

package/dist/index.esm.js

@@ -1,13 +1,10 @@
-import React, { useMemo } from 'react';
+import { globalsThemeToStyle as globalsThemeToStyle$1, createComponentsTheme as createComponentsTheme$1, themeToStyle as themeToStyle$1, componentsThemeManager as componentsThemeManager$1, genColor as genColor$1, themeVars as themeVars$1, defaultTheme as defaultTheme$1, darkTheme as darkTheme$1, CheckboxClass as CheckboxClass$1, SwitchToggleClass as SwitchToggleClass$1, ButtonClass as ButtonClass$1, LoaderLinearClass as LoaderLinearClass$1, LoaderRadialClass as LoaderRadialClass$1, ContainerClass as ContainerClass$1, DividerClass as DividerClass$1, EmailFieldClass as EmailFieldClass$1, LinkClass as LinkClass$1, LogoClass as LogoClass$1, TotpImageClass as TotpImageClass$1, NotpImageClass as NotpImageClass$1, NumberFieldClass as NumberFieldClass$1, PasscodeClass as PasscodeClass$1, PasswordClass as PasswordClass$1, TextClass as TextClass$1, EnrichedTextClass as EnrichedTextClass$1, TextAreaClass as TextAreaClass$1, TextFieldClass as TextFieldClass$1, ImageClass as ImageClass$1, PhoneFieldClass as PhoneFieldClass$1, PhoneFieldInputBoxClass as PhoneFieldInputBoxClass$1, NewPasswordClass as NewPasswordClass$1, RecaptchaClass as RecaptchaClass$1, UploadFileClass as UploadFileClass$1, ButtonSelectionGroupClass as ButtonSelectionGroupClass$1, ButtonMultiSelectionGroupClass as ButtonMultiSelectionGroupClass$1, ButtonSelectionGroupItemClass as ButtonSelectionGroupItemClass$1, ModalClass as ModalClass$1, NotificationClass as NotificationClass$1, GridClass as GridClass$1, BadgeClass as BadgeClass$1, MultiSelectComboBoxClass as MultiSelectComboBoxClass$1, AvatarClass as AvatarClass$1, UserAttributeClass as UserAttributeClass$1, UserAuthMethodClass as UserAuthMethodClass$1, MappingsFieldClass as MappingsFieldClass$1, SamlGroupMappingsClass as SamlGroupMappingsClass$1, PolicyValidationClass as PolicyValidationClass$1, CodeSnippetClass as CodeSnippetClass$1, RadioGroupClass as RadioGroupClass$1, RadioButtonClass as RadioButtonClass$1, DateFieldClass as DateFieldClass$1, CalendarClass as CalendarClass$1, ListClass as ListClass$1, ListItemClass as ListItemClass$1, AppsListClass as AppsListClass$1, ScopesListClass as ScopesListClass$1, ThirdPartyAppLogoClass as ThirdPartyAppLogoClass$1, SecurityQuestionsSetupClass as SecurityQuestionsSetupClass$1, SecurityQuestionsVerifyClass as SecurityQuestionsVerifyClass$1, HybridFieldClass as HybridFieldClass$1, AlertClass as AlertClass$1 } from '@descope/web-components-ui';
 export * from '@descope/web-components-ui';
+import React, { useMemo } from 'react';
 
 const Checkbox = React.forwardRef((props, ref) => React.createElement("descope-checkbox", { ...props, ref: ref }));
 
-const Switch = React.forwardRef((props, ref) => React.createElement("descope-switch-toggle", { ...props, ref: ref }));
-Switch.defaultProps = {
-    // eslint-disable-next-line react/default-props-match-prop-types
-    size: 'md'
-};
+const Switch = React.forwardRef(({ size = 'md', ...props }, ref) => (React.createElement("descope-switch-toggle", { size: size, ...props, ref: ref })));
 
 const Boolean = React.forwardRef(({ type, ...props }, ref) => {
     switch (type) {
@@ -89,17 +86,12 @@ const Icon = ({ icon, noColor, ...props }) => {
     return React.createElement("descope-icon", { "fill-color": noColor, src: icon });
 };
 
-const Button = React.forwardRef(({ children, startIcon, startIconColorText, color, ...props }, ref) => {
+const Button = React.forwardRef(({ children, startIcon, startIconColorText, color = 'primary', size = 'md', variant = 'contained', ...props }, ref) => {
     const isSquare = useMemo(() => !!(startIcon && !children), [startIcon, children]);
-    return (React.createElement("descope-button", { ...props, mode: color, ref: ref, square: isSquare },
+    return (React.createElement("descope-button", { ...props, size: size, variant: variant, mode: color, ref: ref, square: isSquare },
         startIcon && React.createElement(Icon, { icon: startIcon, noColor: startIconColorText }),
         children));
 });
-Button.defaultProps = {
-    size: 'md',
-    variant: 'contained',
-    color: 'primary'
-};
 
 const Code = React.forwardRef((props, ref) => React.createElement("descope-passcode", { ref: ref, ...props }));
 
@@ -118,9 +110,10 @@ const alignItems = {
     baseline: 'baseline',
     stretch: 'stretch'
 };
-const Container = React.forwardRef(({ background, justify, paddingX = '0', paddingY = '0', shadow, width, align, spaceBetween, backgroundImageUrl, ...props }, ref) => {
+const Container = React.forwardRef(({ background, justify, paddingX = '0', paddingY = '0', shadow, width, align, spaceBetween, backgroundImageUrl, direction = 'row', ...props }, ref) => {
     const mergedProps = {
         ...props,
+        direction,
         shadow,
         'st-horizontal-padding': `${Number.parseInt(paddingX, 10) / 4}rem`,
         'st-vertical-padding': `${Number.parseInt(paddingY, 10) / 4}rem`,
@@ -136,56 +129,35 @@ const Container = React.forwardRef(({ background, justify, paddingX = '0', paddi
     // eslint-disable-next-line react/jsx-props-no-spreading
     return React.createElement("descope-container", { ...mergedProps, ref: ref });
 });
-Container.defaultProps = {
-    direction: 'row'
-};
 
 const Divider = React.forwardRef(({ children, ...restProps }, ref) => (React.createElement("descope-divider", { ...restProps, ref: ref }, children)));
 
 const Image = React.forwardRef(({ width, height, ...restProps }, ref) => (React.createElement("descope-image", { ...restProps, ref: ref, "st-width": width, "st-height": height })));
 
-const NumberField = React.forwardRef((props, ref) => React.createElement("descope-number-field", { ...props, ref: ref }));
-NumberField.defaultProps = {
-    size: 'md'
-};
+const NumberField = React.forwardRef(({ size = 'md', ...props }, ref) => (React.createElement("descope-number-field", { size: size, ...props, ref: ref })));
 
-const EmailField = React.forwardRef((props, ref) => React.createElement("descope-email-field", { ...props, ref: ref }));
-EmailField.defaultProps = {
-    size: 'md'
-};
+const EmailField = React.forwardRef(({ size = 'md', ...props }, ref) => (React.createElement("descope-email-field", { size: size, ...props, ref: ref })));
 
-const TextField = React.forwardRef((props, ref) => React.createElement("descope-text-field", { ...props, ref: ref }));
-TextField.defaultProps = {
-    size: 'md'
-};
+const TextField = React.forwardRef(({ size = 'md', ...props }, ref) => (React.createElement("descope-text-field", { size: size, ...props, ref: ref })));
 
-const Password = React.forwardRef((props, ref) => React.createElement("descope-password", { ...props, ref: ref }));
-Password.defaultProps = {
-    size: 'md'
-};
+const Password = React.forwardRef(({ size = 'md', ...props }, ref) => (React.createElement("descope-password", { size: size, ...props, ref: ref })));
 
-const DateField = React.forwardRef((props, ref) => React.createElement("descope-date-field", { ...props, ref: ref }));
-DateField.defaultProps = {
-    size: 'md'
-};
+const DateField = React.forwardRef(({ size = 'md', ...props }, ref) => (React.createElement("descope-date-field", { size: size, ...props, ref: ref })));
 
-const Input = React.forwardRef(({ type, ...rest }, ref) => {
+const Input = React.forwardRef(({ type, size = 'md', ...rest }, ref) => {
     switch (type) {
         case 'email':
-            return React.createElement(EmailField, { ...rest, ref: ref });
+            return React.createElement(EmailField, { size: size, ...rest, ref: ref });
         case 'password':
-            return React.createElement(Password, { ...rest, ref: ref });
+            return React.createElement(Password, { size: size, ...rest, ref: ref });
         case 'number':
-            return React.createElement(NumberField, { ...rest, ref: ref });
+            return React.createElement(NumberField, { size: size, ...rest, ref: ref });
         case 'date':
-            return React.createElement(DateField, { ...rest, ref: ref });
+            return React.createElement(DateField, { size: size, ...rest, ref: ref });
         default:
-            return React.createElement(TextField, { ...rest, ref: ref });
+            return React.createElement(TextField, { size: size, ...rest, ref: ref });
     }
 });
-Input.defaultProps = {
-    size: 'md'
-};
 
 const Link = React.forwardRef(({ children, ...restProps }, ref) => (React.createElement("descope-link", { ...restProps, ref: ref }, children)));
 
@@ -203,37 +175,21 @@ const Loader = React.forwardRef(({ variant, color, ...restProps }, ref) => {
 
 const Logo = React.forwardRef(({ width, height, ...props }, ref) => (React.createElement("descope-logo", { "st-width": width, "st-height": height, ref: ref, ...props })));
 
-const NewPassword = React.forwardRef((props, ref) => {
+const NewPassword = React.forwardRef(({ 'has-validation': hasValidation = false, 'policy-label': policyLabel = 'Passwords must have:', 
+// in the future, 'active-policies' can be injected in runtime
+'active-policies': activePolicies = [], 'data-password-policy-pattern-minlength': patternMinLength = '^.{{{value}},}$', 'data-password-policy-pattern-lowercase': patternLowercase = '[a-z]', 'data-password-policy-pattern-uppercase': patternUppercase = '[A-Z]', 'data-password-policy-pattern-number': patternNumber = '\\d', 'data-password-policy-pattern-nonalphanumeric': patternNonAlphanumeric = '[^a-zA-Z0-9]', 
+// props to override with data from policy
+'data-password-policy-value-minlength': valueMinLength = '8', 
+// translatable props
+'data-password-policy-message-minlength': errorMessageMinLength = 'At least {{value}} characters', 'data-password-policy-message-lowercase': errorMessageLowercase = '1 lowercase letter', 'data-password-policy-message-uppercase': errorMessageUppercase = '1 uppercase letter', 'data-password-policy-message-number': errorMessageNumber = '1 number', 'data-password-policy-message-nonalphanumeric': errorMessageNonAlphanumeric = '1 symbol', 'st-policy-preview-background-color': stPreviewBgColor = 'transparent', 'st-policy-preview-padding': stPreviewPadding = '0', ...props }, ref) => {
     const availablePolicies = props?.['active-policies'].map((id) => ({
         id,
         message: props[`data-password-policy-message-${id}`],
         pattern: props[`data-password-policy-pattern-${id}`],
         data: props[`data-password-policy-data-${id}`]
     }));
-    return (React.createElement("descope-new-password", { ...props, ref: ref, "available-policies": JSON.stringify(availablePolicies || []) }));
+    return (React.createElement("descope-new-password", { "has-validation": hasValidation, "policy-label": policyLabel, "active-policies": activePolicies, "data-password-policy-pattern-minlength": patternMinLength, "data-password-policy-pattern-lowercase": patternLowercase, "data-password-policy-pattern-uppercase": patternUppercase, "data-password-policy-pattern-number": patternNumber, "data-password-policy-pattern-nonalphanumeric": patternNonAlphanumeric, "data-password-policy-value-minlength": valueMinLength, "data-password-policy-message-minlength": errorMessageMinLength, "data-password-policy-message-lowercase": errorMessageLowercase, "data-password-policy-message-uppercase": errorMessageUppercase, "data-password-policy-message-number": errorMessageNumber, "data-password-policy-message-nonalphanumeric": errorMessageNonAlphanumeric, "st-policy-preview-background-color": stPreviewBgColor, "st-policy-preview-padding": stPreviewPadding, ...props, ref: ref, "available-policies": JSON.stringify(availablePolicies || []) }));
 });
-NewPassword.defaultProps = {
-    'has-validation': false,
-    'policy-label': 'Passwords must have:',
-    // in the future, 'active-policies' can be injected in runtime
-    'active-policies': [],
-    // non-user-editable patterns
-    'data-password-policy-pattern-minlength': '^.{{{value}},}$',
-    'data-password-policy-pattern-lowercase': '[a-z]',
-    'data-password-policy-pattern-uppercase': '[A-Z]',
-    'data-password-policy-pattern-number': '\\d',
-    'data-password-policy-pattern-nonalphanumeric': '[^a-zA-Z0-9]',
-    // props to override with data from policy
-    'data-password-policy-value-minlength': '8',
-    // translatable props
-    'data-password-policy-message-minlength': 'At least {{value}} characters',
-    'data-password-policy-message-lowercase': '1 lowercase letter',
-    'data-password-policy-message-uppercase': '1 uppercase letter',
-    'data-password-policy-message-number': '1 number',
-    'data-password-policy-message-nonalphanumeric': '1 symbol',
-    'st-policy-preview-background-color': 'transparent',
-    'st-policy-preview-padding': '0'
-};
 
 const PhoneCountrySelection = React.forwardRef((props, ref) => React.createElement("descope-phone-field", { ...props, ref: ref }));
 
@@ -246,13 +202,9 @@ const Phone = React.forwardRef(({ variant, ...props }, ref) => {
     return React.createElement(PhoneCountrySelection, { ...props, ref: ref });
 });
 
-const Select = React.forwardRef(({ children, data, ...restProps }, ref) => (React.createElement("descope-combo-box", { ...restProps, ref: ref, data: 
+const Select = React.forwardRef(({ children, data, size = 'md', ...restProps }, ref) => (React.createElement("descope-combo-box", { size: size, ...restProps, ref: ref, data: 
     // eslint-disable-next-line no-nested-ternary
     data ? (typeof data !== 'string' ? JSON.stringify(data) : data) : '' }, children)));
-Select.defaultProps = {
-    // eslint-disable-next-line react/default-props-match-prop-types
-    size: 'md'
-};
 
 const Text = React.forwardRef(({ isEnriched, ...props }, ref) => {
     if (isEnriched) {
@@ -261,10 +213,7 @@ const Text = React.forwardRef(({ isEnriched, ...props }, ref) => {
     return (React.createElement("descope-text", { ...props, ref: ref }, props.children));
 });
 
-const Textarea = React.forwardRef((props, ref) => React.createElement("descope-text-area", { ...props, ref: ref }));
-Textarea.defaultProps = {
-    size: 'md'
-};
+const Textarea = React.forwardRef(({ size = 'md', ...props }, ref) => (React.createElement("descope-text-area", { size: size, ...props, ref: ref })));
 
 const TOTPImage = React.forwardRef(({ width, height, ...props }, ref) => (React.createElement("descope-totp-image", { "st-width": width, "st-height": height, ref: ref, ...props })));
 
@@ -295,27 +244,11 @@ const Recaptcha = React.forwardRef(({ variant, textLabel = defaultText$1, textVa
 const defaultText = 'This site is protected by reCAPTCHA and the Google [Privacy Policy](https://policies.google.com/privacy) and [Terms of Service](https://policies.google.com/terms) apply.';
 const RecaptchaV2 = React.forwardRef(({ textLabel = defaultText, textVariant = 'body1', textMode = 'primary', textAlign = 'left', 'full-width': fullWidth, readOnly, connector, enterprise, action, ...props }, ref) => (React.createElement("descope-enriched-text", { ref: ref, "full-width": fullWidth, readonly: readOnly, variant: textVariant, mode: textMode, "text-align": textAlign, ...props }, textLabel)));
 
-const ButtonSelectionGroup = React.forwardRef((props, ref) => React.createElement("descope-button-selection-group", { ...props, ref: ref }));
-ButtonSelectionGroup.defaultProps = {
-    // eslint-disable-next-line react/default-props-match-prop-types
-    size: 'md'
-};
+const ButtonSelectionGroup = React.forwardRef(({ size = 'md', ...props }, ref) => (React.createElement("descope-button-selection-group", { size: size, ...props, ref: ref })));
 
-const ComboBox = React.forwardRef((props, ref) => React.createElement("descope-combo-box", { ...props, ref: ref }));
-ComboBox.defaultProps = {
-    // eslint-disable-next-line react/default-props-match-prop-types
-    size: 'md',
-    // eslint-disable-next-line react/default-props-match-prop-types
-    bordered: true
-};
+const ComboBox = React.forwardRef(({ size = 'md', bordered = true, ...props }, ref) => (React.createElement("descope-combo-box", { size: size, bordered: bordered, ...props, ref: ref })));
 
-const RadioGroup = React.forwardRef((props, ref) => React.createElement("descope-radio-group", { ...props, ref: ref }));
-RadioGroup.defaultProps = {
-    // eslint-disable-next-line react/default-props-match-prop-types
-    size: 'md',
-    // eslint-disable-next-line react/default-props-match-prop-types
-    layout: 'horizontal'
-};
+const RadioGroup = React.forwardRef(({ size = 'md', layout = 'horizontal', ...props }, ref) => (React.createElement("descope-radio-group", { size: size, layout: layout, ...props, ref: ref })));
 
 const SingleSelect = React.forwardRef(({ variant, data, allowClearValue, ...props }, ref) => {
     if (variant === 'buttonSelectionGroup') {
@@ -341,7 +274,7 @@ const Badge = React.forwardRef((props, ref) => React.createElement("descope-badg
 
 const Modal = React.forwardRef((props, ref) => (React.createElement("descope-modal", { ...props, ref: ref })));
 
-const ButtonMultiSelectionGroup = React.forwardRef(({ 'default-values': defaultValues, ...props }, ref) => {
+const ButtonMultiSelectionGroup = React.forwardRef(({ 'default-values': defaultValues, size = 'md', ...props }, ref) => {
     const serializedDefaultValues = useMemo(() => {
         if (!defaultValues)
             return undefined;
@@ -354,14 +287,10 @@ const ButtonMultiSelectionGroup = React.forwardRef(({ 'default-values': defaultV
             return '';
         }
     }, [defaultValues]);
-    return (React.createElement("descope-button-multi-selection-group", { ...props, "default-values": serializedDefaultValues ?? undefined, ref: ref }));
+    return (React.createElement("descope-button-multi-selection-group", { size: size, ...props, "default-values": serializedDefaultValues ?? undefined, ref: ref }));
 });
-ButtonMultiSelectionGroup.defaultProps = {
-    // eslint-disable-next-line react/default-props-match-prop-types
-    size: 'md'
-};
 
-const MultiSelectComboBox = React.forwardRef(({ 'default-values': defaultValues, ...props }, ref) => {
+const MultiSelectComboBox = React.forwardRef(({ 'default-values': defaultValues, size = 'md', bordered = true, ...props }, ref) => {
     const serializedDefaultValues = useMemo(() => {
         if (!defaultValues)
             return undefined;
@@ -374,14 +303,8 @@ const MultiSelectComboBox = React.forwardRef(({ 'default-values': defaultValues,
             return '';
         }
     }, [defaultValues]);
-    return (React.createElement("descope-multi-select-combo-box", { ...props, "clear-button-visible": "true", "item-label-path": "data-name", "item-value-path": "data-id", "default-values": serializedDefaultValues ?? undefined, ref: ref }));
+    return (React.createElement("descope-multi-select-combo-box", { size: size, bordered: bordered, ...props, "clear-button-visible": "true", "item-label-path": "data-name", "item-value-path": "data-id", "default-values": serializedDefaultValues ?? undefined, ref: ref }));
 });
-MultiSelectComboBox.defaultProps = {
-    // eslint-disable-next-line react/default-props-match-prop-types
-    size: 'md',
-    // eslint-disable-next-line react/default-props-match-prop-types
-    bordered: true
-};
 
 const MultiSelect = React.forwardRef(({ variant, data, ...props }, ref) => {
     if (variant === 'dynamicCombobox') {
@@ -393,7 +316,7 @@ const MultiSelect = React.forwardRef(({ variant, data, ...props }, ref) => {
     return (React.createElement(MultiSelectComboBox, { ...props, "allow-custom-value": "false", ref: ref }, data?.map(({ label, value }) => (React.createElement("span", { "data-name": label, "data-id": value, key: value }, label)))));
 });
 
-const MappingsField = React.forwardRef(({ 'default-values': defaultValues, options, ...props }, ref) => {
+const MappingsField = React.forwardRef(({ 'default-values': defaultValues, options, size = 'md', ...props }, ref) => {
     const serializedDefaultValues = useMemo(() => {
         if (!defaultValues)
             return undefined;
@@ -418,14 +341,10 @@ const MappingsField = React.forwardRef(({ 'default-values': defaultValues, optio
             return '';
         }
     }, [options]);
-    return (React.createElement("descope-mappings-field", { ...props, "default-values": serializedDefaultValues ?? undefined, options: serializedOptions ?? undefined, ref: ref }));
+    return (React.createElement("descope-mappings-field", { size: size, ...props, "default-values": serializedDefaultValues ?? undefined, options: serializedOptions ?? undefined, ref: ref }));
 });
-MappingsField.defaultProps = {
-    // eslint-disable-next-line react/default-props-match-prop-types
-    size: 'md'
-};
 
-const SAMLGroupMappings = React.forwardRef(({ options, ...props }, ref) => {
+const SAMLGroupMappings = React.forwardRef(({ options, size = 'md', ...props }, ref) => {
     const serializedOptions = useMemo(() => {
         if (!options)
             return undefined;
@@ -438,28 +357,16 @@ const SAMLGroupMappings = React.forwardRef(({ options, ...props }, ref) => {
             return '';
         }
     }, [options]);
-    return (React.createElement("descope-saml-group-mappings", { ...props, options: serializedOptions ?? undefined, ref: ref }));
+    return (React.createElement("descope-saml-group-mappings", { size: size, ...props, options: serializedOptions ?? undefined, ref: ref }));
 });
-SAMLGroupMappings.defaultProps = {
-    // eslint-disable-next-line react/default-props-match-prop-types
-    size: 'md'
-};
 
 const UserAuthMethod = React.forwardRef(({ methodIcon, buttonIcon, ...props }, ref) => (React.createElement("descope-user-auth-method", { ...props, ref: ref },
     React.createElement(Icon, { icon: methodIcon, slot: "method-icon", noColor: true }),
     React.createElement(Icon, { icon: buttonIcon, slot: "button-icon", noColor: true, width: "1em", height: "1em" }))));
-UserAuthMethod.defaultProps = {};
 
-const UserAttribute = React.forwardRef((props, ref) => React.createElement("descope-user-attribute", { ...props, ref: ref }));
-UserAttribute.defaultProps = {
-    required: false
-};
+const UserAttribute = React.forwardRef(({ required = false, ...props }, ref) => (React.createElement("descope-user-attribute", { required: required, ...props, ref: ref })));
 
-const Avatar = React.forwardRef((props, ref) => React.createElement("descope-avatar", { ...props, ref: ref }));
-Avatar.defaultProps = {
-    size: 'md',
-    editable: false
-};
+const Avatar = React.forwardRef(({ size = 'md', editable = false, ...props }, ref) => (React.createElement("descope-avatar", { size: size, editable: editable, ...props, ref: ref })));
 
 const CodeSnippet = React.forwardRef((props, ref) => React.createElement("descope-code-snippet", { ...props, ref: ref }));
 
@@ -480,11 +387,71 @@ const SecurityQuestionsVerify = React.forwardRef(({ questions, ...props }, ref)
 
 const ThirdPartyAppLogo = React.forwardRef(({ ...props }, ref) => React.createElement("descope-third-party-app-logo", { ...props, ref: ref }));
 
-const HybridField = React.forwardRef((props, ref) => React.createElement("descope-hybrid-field", { ...props, ref: ref }));
-HybridField.defaultProps = {
-    size: 'md'
-};
+const HybridField = React.forwardRef(({ size = 'md', ...props }, ref) => (React.createElement("descope-hybrid-field", { size: size, ...props, ref: ref })));
 
 const Alert = React.forwardRef(({ children, ...props }, ref) => (React.createElement("descope-alert", { ...props, ref: ref }, children)));
 
-export { Alert, AppsList, Avatar, Badge, Boolean, Button, Checkbox, Code, CodeSnippet, ComboBox, Container, DateField, Divider, Grid, GridCustomColumn, GridItemDetailsColumn, GridSelectionColumn, GridTextColumn, HybridField, Image, Input, Link, List, ListItem, Loader, Logo, MappingsField, Modal, MultiSelect, NOTPImage, NOTPLink, NewPassword, NumberField, Password, Phone, Recaptcha, RecaptchaV2, SAMLGroupMappings, ScopesList, SecurityQuestionsSetup, SecurityQuestionsVerify, Select, SingleSelect, Switch, TOTPImage, TOTPLink, Text, TextField, Textarea, ThirdPartyAppLogo, UploadFile, UserAttribute, UserAuthMethod, apple, authenticator, discord, edit, facebook, fingerprint, github, gitlab, google, linkedin, microsoft, passkey, password, plus, reload, slack, sso, whatsapp };
+const globalsThemeToStyle = globalsThemeToStyle$1;
+const createComponentsTheme = createComponentsTheme$1;
+const themeToStyle = themeToStyle$1;
+const componentsThemeManager = componentsThemeManager$1;
+const genColor = genColor$1;
+const themeVars = themeVars$1;
+const defaultTheme = defaultTheme$1;
+const darkTheme = darkTheme$1;
+// component classes
+const CheckboxClass = CheckboxClass$1;
+const SwitchToggleClass = SwitchToggleClass$1;
+const ButtonClass = ButtonClass$1;
+const LoaderLinearClass = LoaderLinearClass$1;
+const LoaderRadialClass = LoaderRadialClass$1;
+const ContainerClass = ContainerClass$1;
+const DividerClass = DividerClass$1;
+const EmailFieldClass = EmailFieldClass$1;
+const LinkClass = LinkClass$1;
+const LogoClass = LogoClass$1;
+const TotpImageClass = TotpImageClass$1;
+const NotpImageClass = NotpImageClass$1;
+const NumberFieldClass = NumberFieldClass$1;
+const PasscodeClass = PasscodeClass$1;
+const PasswordClass = PasswordClass$1;
+const TextClass = TextClass$1;
+const EnrichedTextClass = EnrichedTextClass$1;
+const TextAreaClass = TextAreaClass$1;
+const TextFieldClass = TextFieldClass$1;
+const ImageClass = ImageClass$1;
+const PhoneFieldClass = PhoneFieldClass$1;
+const PhoneFieldInputBoxClass = PhoneFieldInputBoxClass$1;
+const NewPasswordClass = NewPasswordClass$1;
+const RecaptchaClass = RecaptchaClass$1;
+const UploadFileClass = UploadFileClass$1;
+const ButtonSelectionGroupClass = ButtonSelectionGroupClass$1;
+const ButtonMultiSelectionGroupClass = ButtonMultiSelectionGroupClass$1;
+const ButtonSelectionGroupItemClass = ButtonSelectionGroupItemClass$1;
+const ModalClass = ModalClass$1;
+const NotificationClass = NotificationClass$1;
+const GridClass = GridClass$1;
+const BadgeClass = BadgeClass$1;
+const MultiSelectComboBoxClass = MultiSelectComboBoxClass$1;
+const AvatarClass = AvatarClass$1;
+const UserAttributeClass = UserAttributeClass$1;
+const UserAuthMethodClass = UserAuthMethodClass$1;
+const MappingsFieldClass = MappingsFieldClass$1;
+const SamlGroupMappingsClass = SamlGroupMappingsClass$1;
+const PolicyValidationClass = PolicyValidationClass$1;
+const CodeSnippetClass = CodeSnippetClass$1;
+const RadioGroupClass = RadioGroupClass$1;
+const RadioButtonClass = RadioButtonClass$1;
+const DateFieldClass = DateFieldClass$1;
+const CalendarClass = CalendarClass$1;
+const ListClass = ListClass$1;
+const ListItemClass = ListItemClass$1;
+const AppsListClass = AppsListClass$1;
+const ScopesListClass = ScopesListClass$1;
+const ThirdPartyAppLogoClass = ThirdPartyAppLogoClass$1;
+const SecurityQuestionsSetupClass = SecurityQuestionsSetupClass$1;
+const SecurityQuestionsVerifyClass = SecurityQuestionsVerifyClass$1;
+const HybridFieldClass = HybridFieldClass$1;
+const AlertClass = AlertClass$1;
+
+export { Alert, AlertClass, AppsList, AppsListClass, Avatar, AvatarClass, Badge, BadgeClass, Boolean, Button, ButtonClass, ButtonMultiSelectionGroupClass, ButtonSelectionGroupClass, ButtonSelectionGroupItemClass, CalendarClass, Checkbox, CheckboxClass, Code, CodeSnippet, CodeSnippetClass, ComboBox, Container, ContainerClass, DateField, DateFieldClass, Divider, DividerClass, EmailFieldClass, EnrichedTextClass, Grid, GridClass, GridCustomColumn, GridItemDetailsColumn, GridSelectionColumn, GridTextColumn, HybridField, HybridFieldClass, Image, ImageClass, Input, Link, LinkClass, List, ListClass, ListItem, ListItemClass, Loader, LoaderLinearClass, LoaderRadialClass, Logo, LogoClass, MappingsField, MappingsFieldClass, Modal, ModalClass, MultiSelect, MultiSelectComboBoxClass, NOTPImage, NOTPLink, NewPassword, NewPasswordClass, NotificationClass, NotpImageClass, NumberField, NumberFieldClass, PasscodeClass, Password, PasswordClass, Phone, PhoneFieldClass, PhoneFieldInputBoxClass, PolicyValidationClass, RadioButtonClass, RadioGroupClass, Recaptcha, RecaptchaClass, RecaptchaV2, SAMLGroupMappings, SamlGroupMappingsClass, ScopesList, ScopesListClass, SecurityQuestionsSetup, SecurityQuestionsSetupClass, SecurityQuestionsVerify, SecurityQuestionsVerifyClass, Select, SingleSelect, Switch, SwitchToggleClass, TOTPImage, TOTPLink, Text, TextAreaClass, TextClass, TextField, TextFieldClass, Textarea, ThirdPartyAppLogo, ThirdPartyAppLogoClass, TotpImageClass, UploadFile, UploadFileClass, UserAttribute, UserAttributeClass, UserAuthMethod, UserAuthMethodClass, apple, authenticator, componentsThemeManager, createComponentsTheme, darkTheme, defaultTheme, discord, edit, facebook, fingerprint, genColor, github, gitlab, globalsThemeToStyle, google, linkedin, microsoft, passkey, password, plus, reload, slack, sso, themeToStyle, themeVars, whatsapp };

package/dist/types/src/Alert/Alert.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import { TextAlign } from '../types';
+type Props = {
+    mode?: string;
+    variant?: string;
+    bordered?: boolean;
+    children?: string;
+    'text-align'?: TextAlign;
+    'full-width'?: boolean;
+    'link-target-blank'?: boolean;
+};
+declare global {
+    namespace React.JSX {
+        interface IntrinsicElements {
+            'descope-alert': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Props;
+        }
+    }
+}
+declare const Alert: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLElement>>;
+export default Alert;

package/dist/types/src/Alert/index.d.ts

@@ -0,0 +1 @@
+export { default as Alert } from './Alert';

package/dist/types/src/AppsList/AppsList.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import { PropsToAttrs } from '../types';
+type Props = {
+    emptyState?: React.ReactNode;
+    variant?: 'list' | 'tiles';
+    data?: any[];
+    readonly?: boolean;
+};
+declare global {
+    namespace React.JSX {
+        interface IntrinsicElements {
+            'descope-apps-list': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & PropsToAttrs<Props>;
+        }
+    }
+}
+declare const AppsList: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
+export default AppsList;

package/dist/types/src/AppsList/index.d.ts

@@ -0,0 +1 @@
+export { default as AppsList } from './AppsList';

package/dist/types/src/Avatar/Avatar.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+type Props = {
+    img?: string;
+    'display-name'?: string;
+    size?: string;
+    editable?: boolean;
+};
+declare global {
+    namespace React.JSX {
+        interface IntrinsicElements {
+            'descope-avatar': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Props;
+        }
+    }
+}
+declare const Avatar: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & Props, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export default Avatar;

package/dist/types/src/Avatar/index.d.ts

@@ -0,0 +1 @@
+export { default as Avatar } from './Avatar';

package/dist/types/src/Badge/Badge.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+type Props = {
+    mode?: string;
+    size?: string;
+    bordered?: boolean;
+    'full-width': boolean;
+};
+declare global {
+    namespace React.JSX {
+        interface IntrinsicElements {
+            'descope-badge': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Props;
+        }
+    }
+}
+declare const Badge: React.ForwardRefExoticComponent<Props & React.HTMLAttributes<HTMLElement> & React.RefAttributes<HTMLElement>>;
+export default Badge;

package/dist/types/src/Badge/index.d.ts

@@ -0,0 +1 @@
+export { default as Badge } from './Badge';

package/dist/types/src/Boolean/Boolean.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { Checkbox } from '../Checkbox';
+import { Switch } from '../Switch';
+type BooleanType = {
+    type: 'switch' | 'checkbox';
+};
+type Props = React.ComponentProps<typeof Checkbox> & React.ComponentProps<typeof Switch> & BooleanType;
+declare const Boolean: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLInputElement>>;
+export default Boolean;

package/dist/types/src/Boolean/index.d.ts

@@ -0,0 +1 @@
+export { default as Boolean } from './Boolean';

package/dist/types/src/Button/Button.d.ts

@@ -0,0 +1,23 @@
+import React from 'react';
+declare global {
+    namespace React.JSX {
+        interface IntrinsicElements {
+            'descope-button': React.DetailedHTMLProps<React.HTMLAttributes<HTMLButtonElement>, HTMLButtonElement> & {
+                size?: string;
+                variant?: string;
+                mode: string;
+                square?: boolean;
+            };
+        }
+    }
+}
+declare const Button: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLButtonElement> & React.ButtonHTMLAttributes<HTMLButtonElement> & {
+    variant?: string;
+    color?: string;
+    size?: string;
+    loading?: boolean;
+    startIcon?: string;
+    startIconColorText?: boolean;
+    'full-width'?: boolean;
+}, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export default Button;

package/dist/types/src/Button/index.d.ts

@@ -0,0 +1 @@
+export { default as Button } from './Button';

package/dist/types/src/ButtonMultiSelectionGroup/ButtonMultiSelectionGroup.d.ts

@@ -0,0 +1,26 @@
+import React from 'react';
+import { DescopeInputProps, MultiSelectProps } from '../types';
+type Props = DescopeInputProps & {
+    size?: 'xs' | 'sm' | 'md' | 'lg';
+    'min-items-selection'?: number;
+    'max-items-selection'?: number;
+};
+declare global {
+    namespace React.JSX {
+        interface IntrinsicElements {
+            'descope-button-multi-selection-group': Props & {
+                'default-values'?: string;
+            };
+            'descope-button-selection-group-item': React.JSX.IntrinsicElements['span'] & {
+                value: string;
+                children: string;
+            };
+        }
+    }
+}
+declare const ButtonMultiSelectionGroup: React.ForwardRefExoticComponent<Omit<import("../types").HTMLInputAttrs & import("../types").DescopeInputExtraProps & {
+    size?: "xs" | "sm" | "md" | "lg";
+    'min-items-selection'?: number;
+    'max-items-selection'?: number;
+} & MultiSelectProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
+export default ButtonMultiSelectionGroup;

package/dist/types/src/ButtonMultiSelectionGroup/index.d.ts

@@ -0,0 +1 @@
+export { default as ButtonMultiSelectionGroup } from './ButtonMultiSelectionGroup';

package/dist/types/src/ButtonSelectionGroup/ButtonSelectionGroup.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+import { DescopeInputProps } from '../types';
+type Props = DescopeInputProps & {
+    'default-value'?: string;
+    'allow-deselect'?: boolean;
+};
+declare global {
+    namespace React.JSX {
+        interface IntrinsicElements {
+            'descope-button-selection-group': Props;
+            'descope-button-selection-group-item': React.JSX.IntrinsicElements['span'] & {
+                value: string;
+                children: string;
+            };
+        }
+    }
+}
+declare const ButtonSelectionGroup: React.ForwardRefExoticComponent<Omit<import("../types").HTMLInputAttrs & import("../types").DescopeInputExtraProps & {
+    'default-value'?: string;
+    'allow-deselect'?: boolean;
+} & {
+    children?: React.JSX.Element[];
+}, "ref"> & React.RefAttributes<HTMLInputElement>>;
+export default ButtonSelectionGroup;

package/dist/types/src/ButtonSelectionGroup/index.d.ts

@@ -0,0 +1 @@
+export { default as ButtonSelectionGroup } from './ButtonSelectionGroup';

package/dist/types/src/Checkbox/Checkbox.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { DescopeInputProps } from '../types';
+declare global {
+    namespace React.JSX {
+        interface IntrinsicElements {
+            'descope-checkbox': DescopeInputProps;
+        }
+    }
+}
+declare const Checkbox: React.ForwardRefExoticComponent<Omit<DescopeInputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
+export default Checkbox;

package/dist/types/src/Checkbox/index.d.ts

@@ -0,0 +1 @@
+export { default as Checkbox } from './Checkbox';

package/dist/types/src/Code/Code.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { DescopeInputProps } from '../types';
+type Props = {
+    digits?: number;
+};
+declare global {
+    namespace React.JSX {
+        interface IntrinsicElements {
+            'descope-passcode': DescopeInputProps & Props;
+        }
+    }
+}
+declare const Code: React.ForwardRefExoticComponent<Omit<import("../types").HTMLInputAttrs & import("../types").DescopeInputExtraProps & Props, "ref"> & React.RefAttributes<HTMLInputElement>>;
+export default Code;

package/dist/types/src/Code/index.d.ts

@@ -0,0 +1 @@
+export { default as Code } from './Code';