@descope/flow-components 2.0.532 → 2.0.533

package/dist/index.cjs.js

@@ -98908,6 +98908,63 @@ descope-boolean-field-internal {
 
 var index_cjsExports = requireIndex_cjs();
 
+// component classes
+const IconClass = index_cjsExports.IconClass;
+const CheckboxClass = index_cjsExports.CheckboxClass;
+const SwitchToggleClass = index_cjsExports.SwitchToggleClass;
+const ButtonClass = index_cjsExports.ButtonClass;
+const LoaderLinearClass = index_cjsExports.LoaderLinearClass;
+const LoaderRadialClass = index_cjsExports.LoaderRadialClass;
+const ContainerClass = index_cjsExports.ContainerClass;
+const DividerClass = index_cjsExports.DividerClass;
+const EmailFieldClass = index_cjsExports.EmailFieldClass;
+const LinkClass = index_cjsExports.LinkClass;
+const LogoClass = index_cjsExports.LogoClass;
+const TotpImageClass = index_cjsExports.TotpImageClass;
+const NotpImageClass = index_cjsExports.NotpImageClass;
+const NumberFieldClass = index_cjsExports.NumberFieldClass;
+const PasscodeClass = index_cjsExports.PasscodeClass;
+const PasswordClass = index_cjsExports.PasswordClass;
+const TextClass = index_cjsExports.TextClass;
+const EnrichedTextClass = index_cjsExports.EnrichedTextClass;
+const TextAreaClass = index_cjsExports.TextAreaClass;
+const TextFieldClass = index_cjsExports.TextFieldClass;
+const ImageClass = index_cjsExports.ImageClass;
+const PhoneFieldClass = index_cjsExports.PhoneFieldClass;
+const PhoneFieldInputBoxClass = index_cjsExports.PhoneFieldInputBoxClass;
+const NewPasswordClass = index_cjsExports.NewPasswordClass;
+const RecaptchaClass = index_cjsExports.RecaptchaClass;
+const UploadFileClass = index_cjsExports.UploadFileClass;
+const ButtonSelectionGroupClass = index_cjsExports.ButtonSelectionGroupClass;
+const ButtonMultiSelectionGroupClass = index_cjsExports.ButtonMultiSelectionGroupClass;
+const ModalClass = index_cjsExports.ModalClass;
+const NotificationClass = index_cjsExports.NotificationClass;
+const GridClass = index_cjsExports.GridClass;
+const BadgeClass = index_cjsExports.BadgeClass;
+const MultiSelectComboBoxClass = index_cjsExports.MultiSelectComboBoxClass;
+const AvatarClass = index_cjsExports.AvatarClass;
+const UserAttributeClass = index_cjsExports.UserAttributeClass;
+const UserAuthMethodClass = index_cjsExports.UserAuthMethodClass;
+const MappingsFieldClass = index_cjsExports.MappingsFieldClass;
+const SamlGroupMappingsClass = index_cjsExports.SamlGroupMappingsClass;
+const PolicyValidationClass = index_cjsExports.PolicyValidationClass;
+const CodeSnippetClass = index_cjsExports.CodeSnippetClass;
+const ComboBoxClass = index_cjsExports.ComboBoxClass;
+const RadioGroupClass = index_cjsExports.RadioGroupClass;
+const DateFieldClass = index_cjsExports.DateFieldClass;
+const CalendarClass = index_cjsExports.CalendarClass;
+const ListClass = index_cjsExports.ListClass;
+const AppsListClass = index_cjsExports.AppsListClass;
+const ScopesListClass = index_cjsExports.ScopesListClass;
+const ThirdPartyAppLogoClass = index_cjsExports.ThirdPartyAppLogoClass;
+const SecurityQuestionsSetupClass = index_cjsExports.SecurityQuestionsSetupClass;
+const SecurityQuestionsVerifyClass = index_cjsExports.SecurityQuestionsVerifyClass;
+const HybridFieldClass = index_cjsExports.HybridFieldClass;
+const AlertClass = index_cjsExports.AlertClass;
+const AddressFieldClass = index_cjsExports.AddressFieldClass;
+const TimerButtonClass = index_cjsExports.TimerButtonClass;
+const CollapsibleContainerClass = index_cjsExports.CollapsibleContainerClass;
+
 const Checkbox = React__default.default.forwardRef((props, ref) => React__default.default.createElement("descope-checkbox", { ...props, ref: ref }));
 
 const Switch = React__default.default.forwardRef(({ size = 'md', ...props }, ref) => (React__default.default.createElement("descope-switch-toggle", { size: size, ...props, ref: ref })));
@@ -99393,62 +99450,6 @@ const genColor = index_cjsExports.genColor;
 const themeVars = index_cjsExports.themeVars;
 const defaultTheme = index_cjsExports.defaultTheme;
 const darkTheme = index_cjsExports.darkTheme;
-// component classes
-const IconClass = index_cjsExports.IconClass;
-const CheckboxClass = index_cjsExports.CheckboxClass;
-const SwitchToggleClass = index_cjsExports.SwitchToggleClass;
-const ButtonClass = index_cjsExports.ButtonClass;
-const LoaderLinearClass = index_cjsExports.LoaderLinearClass;
-const LoaderRadialClass = index_cjsExports.LoaderRadialClass;
-const ContainerClass = index_cjsExports.ContainerClass;
-const DividerClass = index_cjsExports.DividerClass;
-const EmailFieldClass = index_cjsExports.EmailFieldClass;
-const LinkClass = index_cjsExports.LinkClass;
-const LogoClass = index_cjsExports.LogoClass;
-const TotpImageClass = index_cjsExports.TotpImageClass;
-const NotpImageClass = index_cjsExports.NotpImageClass;
-const NumberFieldClass = index_cjsExports.NumberFieldClass;
-const PasscodeClass = index_cjsExports.PasscodeClass;
-const PasswordClass = index_cjsExports.PasswordClass;
-const TextClass = index_cjsExports.TextClass;
-const EnrichedTextClass = index_cjsExports.EnrichedTextClass;
-const TextAreaClass = index_cjsExports.TextAreaClass;
-const TextFieldClass = index_cjsExports.TextFieldClass;
-const ImageClass = index_cjsExports.ImageClass;
-const PhoneFieldClass = index_cjsExports.PhoneFieldClass;
-const PhoneFieldInputBoxClass = index_cjsExports.PhoneFieldInputBoxClass;
-const NewPasswordClass = index_cjsExports.NewPasswordClass;
-const RecaptchaClass = index_cjsExports.RecaptchaClass;
-const UploadFileClass = index_cjsExports.UploadFileClass;
-const ButtonSelectionGroupClass = index_cjsExports.ButtonSelectionGroupClass;
-const ButtonMultiSelectionGroupClass = index_cjsExports.ButtonMultiSelectionGroupClass;
-const ModalClass = index_cjsExports.ModalClass;
-const NotificationClass = index_cjsExports.NotificationClass;
-const GridClass = index_cjsExports.GridClass;
-const BadgeClass = index_cjsExports.BadgeClass;
-const MultiSelectComboBoxClass = index_cjsExports.MultiSelectComboBoxClass;
-const AvatarClass = index_cjsExports.AvatarClass;
-const UserAttributeClass = index_cjsExports.UserAttributeClass;
-const UserAuthMethodClass = index_cjsExports.UserAuthMethodClass;
-const MappingsFieldClass = index_cjsExports.MappingsFieldClass;
-const SamlGroupMappingsClass = index_cjsExports.SamlGroupMappingsClass;
-const PolicyValidationClass = index_cjsExports.PolicyValidationClass;
-const CodeSnippetClass = index_cjsExports.CodeSnippetClass;
-const ComboBoxClass = index_cjsExports.ComboBoxClass;
-const RadioGroupClass = index_cjsExports.RadioGroupClass;
-const DateFieldClass = index_cjsExports.DateFieldClass;
-const CalendarClass = index_cjsExports.CalendarClass;
-const ListClass = index_cjsExports.ListClass;
-const AppsListClass = index_cjsExports.AppsListClass;
-const ScopesListClass = index_cjsExports.ScopesListClass;
-const ThirdPartyAppLogoClass = index_cjsExports.ThirdPartyAppLogoClass;
-const SecurityQuestionsSetupClass = index_cjsExports.SecurityQuestionsSetupClass;
-const SecurityQuestionsVerifyClass = index_cjsExports.SecurityQuestionsVerifyClass;
-const HybridFieldClass = index_cjsExports.HybridFieldClass;
-const AlertClass = index_cjsExports.AlertClass;
-const AddressFieldClass = index_cjsExports.AddressFieldClass;
-const TimerButtonClass = index_cjsExports.TimerButtonClass;
-const CollapsibleContainerClass = index_cjsExports.CollapsibleContainerClass;
 
 exports.AddressField = AddressField;
 exports.AddressFieldClass = AddressFieldClass;

package/dist/index.d.ts

@@ -1,5 +1,70 @@
 import React, { SVGProps } from 'react';
-export * from '@descope/web-components-ui';
+
+type ComponentClass = {
+    cssVarList: Record<string, string>;
+};
+type CountryCode = {
+    name: string;
+    dialCode: string;
+    code: string;
+};
+declare const IconClass: ComponentClass;
+declare const CheckboxClass: ComponentClass;
+declare const SwitchToggleClass: ComponentClass;
+declare const ButtonClass: ComponentClass;
+declare const LoaderLinearClass: ComponentClass;
+declare const LoaderRadialClass: ComponentClass;
+declare const ContainerClass: ComponentClass;
+declare const DividerClass: ComponentClass;
+declare const EmailFieldClass: ComponentClass;
+declare const LinkClass: ComponentClass;
+declare const LogoClass: ComponentClass;
+declare const TotpImageClass: ComponentClass;
+declare const NotpImageClass: ComponentClass;
+declare const NumberFieldClass: ComponentClass;
+declare const PasscodeClass: ComponentClass;
+declare const PasswordClass: ComponentClass;
+declare const TextClass: ComponentClass;
+declare const EnrichedTextClass: ComponentClass;
+declare const TextAreaClass: ComponentClass;
+declare const TextFieldClass: ComponentClass;
+declare const ImageClass: ComponentClass;
+declare const PhoneFieldClass: ComponentClass & {
+    CountryCodes: CountryCode[];
+};
+declare const PhoneFieldInputBoxClass: ComponentClass;
+declare const NewPasswordClass: ComponentClass;
+declare const RecaptchaClass: ComponentClass;
+declare const UploadFileClass: ComponentClass;
+declare const ButtonSelectionGroupClass: ComponentClass;
+declare const ButtonMultiSelectionGroupClass: ComponentClass;
+declare const ModalClass: ComponentClass;
+declare const NotificationClass: ComponentClass;
+declare const GridClass: ComponentClass;
+declare const BadgeClass: ComponentClass;
+declare const MultiSelectComboBoxClass: ComponentClass;
+declare const AvatarClass: ComponentClass;
+declare const UserAttributeClass: ComponentClass;
+declare const UserAuthMethodClass: ComponentClass;
+declare const MappingsFieldClass: ComponentClass;
+declare const SamlGroupMappingsClass: ComponentClass;
+declare const PolicyValidationClass: ComponentClass;
+declare const CodeSnippetClass: ComponentClass;
+declare const ComboBoxClass: ComponentClass;
+declare const RadioGroupClass: ComponentClass;
+declare const DateFieldClass: ComponentClass;
+declare const CalendarClass: ComponentClass;
+declare const ListClass: ComponentClass;
+declare const AppsListClass: ComponentClass;
+declare const ScopesListClass: ComponentClass;
+declare const ThirdPartyAppLogoClass: ComponentClass;
+declare const SecurityQuestionsSetupClass: ComponentClass;
+declare const SecurityQuestionsVerifyClass: ComponentClass;
+declare const HybridFieldClass: ComponentClass;
+declare const AlertClass: ComponentClass;
+declare const AddressFieldClass: ComponentClass;
+declare const TimerButtonClass: ComponentClass;
+declare const CollapsibleContainerClass: ComponentClass;
 
 type KebabCase<S extends string> = S extends `${infer First}${infer Rest}` ? Rest extends Uncapitalize<Rest> ? `${Uncapitalize<First>}${KebabCase<Rest>}` : `${Uncapitalize<First>}-${KebabCase<Rest>}` : S;
 type ComponentSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
@@ -1020,14 +1085,6 @@ type Props = {
 };
 declare const Turnstile: React.ForwardRefExoticComponent<Props & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
 
-type ComponentClass = {
-    cssVarList: Record<string, string>;
-};
-type CountryCode = {
-    name: string;
-    dialCode: string;
-    code: string;
-};
 interface IComponentThemeManager {
     currentThemeName: string;
     currentTheme: Theme;
@@ -1049,63 +1106,6 @@ declare const genColor: (val: string, theme?: string) => Palette;
 declare const themeVars: Theme;
 declare const defaultTheme: Theme;
 declare const darkTheme: Theme;
-declare const IconClass: ComponentClass;
-declare const CheckboxClass: ComponentClass;
-declare const SwitchToggleClass: ComponentClass;
-declare const ButtonClass: ComponentClass;
-declare const LoaderLinearClass: ComponentClass;
-declare const LoaderRadialClass: ComponentClass;
-declare const ContainerClass: ComponentClass;
-declare const DividerClass: ComponentClass;
-declare const EmailFieldClass: ComponentClass;
-declare const LinkClass: ComponentClass;
-declare const LogoClass: ComponentClass;
-declare const TotpImageClass: ComponentClass;
-declare const NotpImageClass: ComponentClass;
-declare const NumberFieldClass: ComponentClass;
-declare const PasscodeClass: ComponentClass;
-declare const PasswordClass: ComponentClass;
-declare const TextClass: ComponentClass;
-declare const EnrichedTextClass: ComponentClass;
-declare const TextAreaClass: ComponentClass;
-declare const TextFieldClass: ComponentClass;
-declare const ImageClass: ComponentClass;
-declare const PhoneFieldClass: ComponentClass & {
-    CountryCodes: CountryCode[];
-};
-declare const PhoneFieldInputBoxClass: ComponentClass;
-declare const NewPasswordClass: ComponentClass;
-declare const RecaptchaClass: ComponentClass;
-declare const UploadFileClass: ComponentClass;
-declare const ButtonSelectionGroupClass: ComponentClass;
-declare const ButtonMultiSelectionGroupClass: ComponentClass;
-declare const ModalClass: ComponentClass;
-declare const NotificationClass: ComponentClass;
-declare const GridClass: ComponentClass;
-declare const BadgeClass: ComponentClass;
-declare const MultiSelectComboBoxClass: ComponentClass;
-declare const AvatarClass: ComponentClass;
-declare const UserAttributeClass: ComponentClass;
-declare const UserAuthMethodClass: ComponentClass;
-declare const MappingsFieldClass: ComponentClass;
-declare const SamlGroupMappingsClass: ComponentClass;
-declare const PolicyValidationClass: ComponentClass;
-declare const CodeSnippetClass: ComponentClass;
-declare const ComboBoxClass: ComponentClass;
-declare const RadioGroupClass: ComponentClass;
-declare const DateFieldClass: ComponentClass;
-declare const CalendarClass: ComponentClass;
-declare const ListClass: ComponentClass;
-declare const AppsListClass: ComponentClass;
-declare const ScopesListClass: ComponentClass;
-declare const ThirdPartyAppLogoClass: ComponentClass;
-declare const SecurityQuestionsSetupClass: ComponentClass;
-declare const SecurityQuestionsVerifyClass: ComponentClass;
-declare const HybridFieldClass: ComponentClass;
-declare const AlertClass: ComponentClass;
-declare const AddressFieldClass: ComponentClass;
-declare const TimerButtonClass: ComponentClass;
-declare const CollapsibleContainerClass: ComponentClass;
 
 type Theme = {
     globals: {

package/dist/index.esm.js

@@ -1,7 +1,63 @@
-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, IconClass as IconClass$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, 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, ComboBoxClass as ComboBoxClass$1, RadioGroupClass as RadioGroupClass$1, DateFieldClass as DateFieldClass$1, CalendarClass as CalendarClass$1, ListClass as ListClass$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, AddressFieldClass as AddressFieldClass$1, TimerButtonClass as TimerButtonClass$1, CollapsibleContainerClass as CollapsibleContainerClass$1 } from '@descope/web-components-ui';
-export * from '@descope/web-components-ui';
+import { IconClass as IconClass$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, 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, ComboBoxClass as ComboBoxClass$1, RadioGroupClass as RadioGroupClass$1, DateFieldClass as DateFieldClass$1, CalendarClass as CalendarClass$1, ListClass as ListClass$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, AddressFieldClass as AddressFieldClass$1, TimerButtonClass as TimerButtonClass$1, CollapsibleContainerClass as CollapsibleContainerClass$1, 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 } from '@descope/web-components-ui';
 import React, { useMemo } from 'react';
 
+// component classes
+const IconClass = IconClass$1;
+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 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 ComboBoxClass = ComboBoxClass$1;
+const RadioGroupClass = RadioGroupClass$1;
+const DateFieldClass = DateFieldClass$1;
+const CalendarClass = CalendarClass$1;
+const ListClass = ListClass$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;
+const AddressFieldClass = AddressFieldClass$1;
+const TimerButtonClass = TimerButtonClass$1;
+const CollapsibleContainerClass = CollapsibleContainerClass$1;
+
 const Checkbox = React.forwardRef((props, ref) => React.createElement("descope-checkbox", { ...props, ref: ref }));
 
 const Switch = React.forwardRef(({ size = 'md', ...props }, ref) => (React.createElement("descope-switch-toggle", { size: size, ...props, ref: ref })));
@@ -487,61 +543,5 @@ const genColor = genColor$1;
 const themeVars = themeVars$1;
 const defaultTheme = defaultTheme$1;
 const darkTheme = darkTheme$1;
-// component classes
-const IconClass = IconClass$1;
-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 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 ComboBoxClass = ComboBoxClass$1;
-const RadioGroupClass = RadioGroupClass$1;
-const DateFieldClass = DateFieldClass$1;
-const CalendarClass = CalendarClass$1;
-const ListClass = ListClass$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;
-const AddressFieldClass = AddressFieldClass$1;
-const TimerButtonClass = TimerButtonClass$1;
-const CollapsibleContainerClass = CollapsibleContainerClass$1;
 
 export { AddressField, AddressFieldClass, Alert, AlertClass, AppsList, AppsListClass, Avatar, AvatarClass, Badge, BadgeClass, Boolean, Button, ButtonClass, ButtonMultiSelectionGroupClass, ButtonSelectionGroupClass, CalendarClass, Checkbox, CheckboxClass, Code, CodeSnippet, CodeSnippetClass, Container as CollapsibleContainer, CollapsibleContainerClass, ComboBox, ComboBoxClass, Container$1 as Container, ContainerClass, DateField, DateFieldClass, Divider, DividerClass, EmailFieldClass, EnrichedTextClass, Grid, GridClass, GridCustomColumn, GridItemDetailsColumn, GridSelectionColumn, GridTextColumn, HybridField, HybridFieldClass, IconClass, Image, ImageClass, Input, Link, LinkClass, List, ListClass, ListItem, 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, 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, TimerButton, TimerButtonClass, TotpImageClass, Turnstile, 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/bootstrap.d.ts

@@ -0,0 +1,3 @@
+export * from './componentClasses';
+export * from './components';
+export * from './theme';

package/dist/types/componentClasses.d.ts

@@ -0,0 +1,66 @@
+type ComponentClass = {
+    cssVarList: Record<string, string>;
+};
+type CountryCode = {
+    name: string;
+    dialCode: string;
+    code: string;
+};
+export declare const IconClass: ComponentClass;
+export declare const CheckboxClass: ComponentClass;
+export declare const SwitchToggleClass: ComponentClass;
+export declare const ButtonClass: ComponentClass;
+export declare const LoaderLinearClass: ComponentClass;
+export declare const LoaderRadialClass: ComponentClass;
+export declare const ContainerClass: ComponentClass;
+export declare const DividerClass: ComponentClass;
+export declare const EmailFieldClass: ComponentClass;
+export declare const LinkClass: ComponentClass;
+export declare const LogoClass: ComponentClass;
+export declare const TotpImageClass: ComponentClass;
+export declare const NotpImageClass: ComponentClass;
+export declare const NumberFieldClass: ComponentClass;
+export declare const PasscodeClass: ComponentClass;
+export declare const PasswordClass: ComponentClass;
+export declare const TextClass: ComponentClass;
+export declare const EnrichedTextClass: ComponentClass;
+export declare const TextAreaClass: ComponentClass;
+export declare const TextFieldClass: ComponentClass;
+export declare const ImageClass: ComponentClass;
+export declare const PhoneFieldClass: ComponentClass & {
+    CountryCodes: CountryCode[];
+};
+export declare const PhoneFieldInputBoxClass: ComponentClass;
+export declare const NewPasswordClass: ComponentClass;
+export declare const RecaptchaClass: ComponentClass;
+export declare const UploadFileClass: ComponentClass;
+export declare const ButtonSelectionGroupClass: ComponentClass;
+export declare const ButtonMultiSelectionGroupClass: ComponentClass;
+export declare const ModalClass: ComponentClass;
+export declare const NotificationClass: ComponentClass;
+export declare const GridClass: ComponentClass;
+export declare const BadgeClass: ComponentClass;
+export declare const MultiSelectComboBoxClass: ComponentClass;
+export declare const AvatarClass: ComponentClass;
+export declare const UserAttributeClass: ComponentClass;
+export declare const UserAuthMethodClass: ComponentClass;
+export declare const MappingsFieldClass: ComponentClass;
+export declare const SamlGroupMappingsClass: ComponentClass;
+export declare const PolicyValidationClass: ComponentClass;
+export declare const CodeSnippetClass: ComponentClass;
+export declare const ComboBoxClass: ComponentClass;
+export declare const RadioGroupClass: ComponentClass;
+export declare const DateFieldClass: ComponentClass;
+export declare const CalendarClass: ComponentClass;
+export declare const ListClass: ComponentClass;
+export declare const AppsListClass: ComponentClass;
+export declare const ScopesListClass: ComponentClass;
+export declare const ThirdPartyAppLogoClass: ComponentClass;
+export declare const SecurityQuestionsSetupClass: ComponentClass;
+export declare const SecurityQuestionsVerifyClass: ComponentClass;
+export declare const HybridFieldClass: ComponentClass;
+export declare const AlertClass: ComponentClass;
+export declare const AddressFieldClass: ComponentClass;
+export declare const TimerButtonClass: ComponentClass;
+export declare const CollapsibleContainerClass: ComponentClass;
+export {};

package/dist/types/components.d.ts

@@ -0,0 +1,53 @@
+export * from './Boolean';
+export * from './Button';
+export * from './Checkbox';
+export * from './Code';
+export * from './Container';
+export * from './Divider';
+export * from './icons';
+export * from './Image';
+export * from './Input';
+export * from './Link';
+export * from './Loader';
+export * from './Logo';
+export * from './NewPassword';
+export * from './NumberField';
+export * from './Password';
+export * from './Phone';
+export * from './Select';
+export * from './Switch';
+export * from './Text';
+export * from './Textarea';
+export * from './TextField';
+export * from './TOTPImage';
+export * from './TOTPLink';
+export * from './NOTPImage';
+export * from './NOTPLink';
+export * from './UploadFile';
+export * from './Recaptcha';
+export * from './RecaptchaV2';
+export * from './SingleSelect';
+export * from './ComboBox';
+export * from './Grid';
+export * from './Badge';
+export * from './Modal';
+export * from './MultiSelect';
+export * from './MappingsField';
+export * from './SAMLGroupMappings';
+export * from './UserAuthMethod';
+export * from './UserAttribute';
+export * from './Avatar';
+export * from './CodeSnippet';
+export * from './List';
+export * from './AppsList';
+export * from './ScopesList';
+export * from './SecurityQuestionsSetup';
+export * from './SecurityQuestionsVerify';
+export * from './ThirdPartyAppLogo';
+export * from './DateField';
+export * from './HybridField';
+export * from './Alert';
+export * from './AddressField';
+export * from './TimerButton';
+export * from './CollapsibleContainer';
+export * from './Turnstile';

package/dist/types/theme.d.ts

@@ -0,0 +1,44 @@
+interface IComponentThemeManager {
+    currentThemeName: string;
+    currentTheme: Theme;
+    themes: Record<string, string>;
+    hasThemes: boolean;
+}
+type Palette = {
+    main: string;
+    light: string;
+    highlight: string;
+    dark: string;
+    contrast: string;
+};
+declare const globalsThemeToStyle: (theme: string, themeName: string) => string;
+declare const createComponentsTheme: (componentsTheme: Record<string, string>) => Record<string, any>;
+declare const themeToStyle: (theme: Theme, themeName?: string) => Record<string, any>;
+declare const componentsThemeManager: IComponentThemeManager;
+declare const genColor: (val: string, theme?: string) => Palette;
+declare const themeVars: Theme;
+declare const defaultTheme: Theme;
+declare const darkTheme: Theme;
+export { globalsThemeToStyle, createComponentsTheme, themeToStyle, componentsThemeManager, darkTheme, genColor, defaultTheme, themeVars };
+export type Theme = {
+    globals: {
+        colors: Record<string, string>;
+        fonts: Record<string, any>;
+        typography: Record<string, any>;
+        shadow: Record<string, string>;
+        spacing: Record<string, string>;
+        radius: Record<string, string>;
+        border: Record<string, string>;
+    };
+    components: {
+        button: Record<string, any>;
+        textField: Record<string, any>;
+        logo: Record<string, any>;
+        container: Record<string, any>;
+        link: Record<string, any>;
+        text: Record<string, any>;
+        inputWrapper: Record<string, any>;
+        buttonSelectionGroupItem: Record<string, any>;
+        buttonMultiSelectionGroup: Record<string, any>;
+    };
+};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@descope/flow-components",
-	"version": "2.0.532",
+	"version": "2.0.533",
 	"description": "",
 	"main": "dist/index.cjs.js",
 	"module": "dist/index.esm.js",
@@ -8,14 +8,18 @@
 	"scripts": {
 		"storybook": "storybook dev -p 6006",
 		"build-storybook": "storybook build",
-		"build": "rollup -c",
+		"build:rollup": "rollup -c",
+		"build:webpack": "webpack --mode production",
+		"build": "npm run build:rollup && npm run build:webpack",
+		"dev": "FEDERATION_IP=127.0.0.1 NODE_ENV=development webpack serve --mode development --port 4444",
 		"test": "exit 0",
 		"_test": "jest -- need to fix the tests",
 		"lint": "eslint src/**/*.* --fix",
 		"format": "prettier . -w --ignore-path .gitignore",
 		"prepublishOnly": "npm run build",
 		"prepare": "husky install",
-		"format-lint": "pretty-quick --staged --ignore-path .gitignore && lint-staged"
+		"format-lint": "pretty-quick --staged --ignore-path .gitignore && lint-staged",
+		"postinstall": "patch-package"
 	},
 	"repository": {
 		"type": "git",
@@ -40,6 +44,7 @@
 		"@babel/preset-env": "7.27.1",
 		"@babel/preset-react": "7.27.1",
 		"@babel/preset-typescript": "7.27.1",
+		"@module-federation/enhanced": "0.13.1",
 		"@rollup/plugin-alias": "^5.1.1",
 		"@rollup/plugin-commonjs": "^28.0.0",
 		"@rollup/plugin-json": "^6.1.0",
@@ -85,6 +90,7 @@
 		"jest": "^29.0.0",
 		"jest-environment-jsdom": "29.7.0",
 		"lint-staged": "^15.0.0",
+		"patch-package": "^8.0.0",
 		"postcss": "^8.4.14",
 		"prettier": "2.8.8",
 		"pretty-quick": "^4.0.0",
@@ -101,7 +107,10 @@
 		"storybook-addon-themes": "^6.1.0",
 		"ts-jest": "^29.0.0",
 		"ts-node": "10.9.2",
-		"typescript": "^5.7.2"
+		"typescript": "^5.7.2",
+		"webpack": "^5.74.0",
+		"webpack-cli": "^6.0.1",
+		"webpack-dev-server": "5.0.4"
 	},
 	"dependencies": {
 		"@descope/web-components-ui": "1.85.0"