@descope/flow-components 3.1.0 → 3.1.2

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

@@ -12,5 +12,5 @@ declare global {
         }
     }
 }
-declare const Avatar: React.ForwardRefExoticComponent<any>;
+declare const Avatar: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement, unknown> & Props, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 export default Avatar;

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

@@ -12,5 +12,5 @@ declare global {
         }
     }
 }
-declare const Badge: React.ForwardRefExoticComponent<any>;
+declare const Badge: React.ForwardRefExoticComponent<Props & React.HTMLAttributes<HTMLElement, unknown> & React.RefAttributes<HTMLElement>>;
 export default Badge;

package/dist/types/CodeSnippet/CodeSnippet.d.ts

@@ -10,5 +10,5 @@ declare global {
         }
     }
 }
-declare const CodeSnippet: React.ForwardRefExoticComponent<any>;
+declare const CodeSnippet: React.ForwardRefExoticComponent<Props & React.HTMLAttributes<HTMLElement, unknown> & React.RefAttributes<HTMLElement>>;
 export default CodeSnippet;

package/dist/types/CollapsibleContainer/CollapsibleContainer.d.ts

@@ -1,4 +1,36 @@
 import React from 'react';
+import { FlexAlignment } from '../types';
+type Never<T extends Record<string, any>> = {
+    [K in keyof T]: never;
+};
+type SpaceBetween = '0' | '0.5' | '1' | '1.5' | '2' | '2.5' | '3' | '3.5' | '4' | '5' | '6' | '7' | '8' | '9' | '10' | '11' | '12' | '14' | '16' | '20' | '24' | '28' | '32';
+type Flex = {
+    spaceBetween?: SpaceBetween;
+};
+type ContainerAlignment = {
+    'horizontal-alignment'?: FlexAlignment | 'space-between';
+    'vertical-alignment'?: FlexAlignment;
+    'space-between'?: 'sm' | 'md' | 'lg';
+};
+type Props = {
+    shadow?: 'md' | 'lg' | 'xl' | '2xl';
+    borderRadius?: 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl';
+    paddingX?: string;
+    paddingY?: string;
+    background?: string;
+    backgroundImageUrl?: string;
+    width?: string;
+    collapsible?: boolean;
+    'icon-position'?: 'right' | 'left';
+    'fill-title'?: boolean;
+    border?: boolean;
+    text?: string;
+    'icon-name'?: string;
+    collapsed?: boolean;
+    'text-align'?: 'left' | 'right' | 'center';
+    'text-variant'?: 'body1' | 'body2' | 'subtitle1' | 'h1' | 'h2' | 'h3' | 'subtitle2';
+    'text-mode'?: 'primary' | 'secondary' | 'error' | 'success';
+} & ((Flex & Never<ContainerAlignment>) | (ContainerAlignment & Never<Flex>));
 declare global {
     namespace React.JSX {
         interface IntrinsicElements {
@@ -6,5 +38,5 @@ declare global {
         }
     }
 }
-declare const Container: React.ForwardRefExoticComponent<any>;
+declare const Container: React.ForwardRefExoticComponent<(Props & React.HTMLAttributes<HTMLDivElement, unknown>) & React.RefAttributes<HTMLDivElement>>;
 export default Container;

package/dist/types/Container/Container.d.ts

@@ -1,4 +1,30 @@
 import React from 'react';
+import { FlexAlignment } from '../types';
+type Never<T extends Record<string, any>> = {
+    [K in keyof T]: never;
+};
+type SpaceBetween = '0' | '0.5' | '1' | '1.5' | '2' | '2.5' | '3' | '3.5' | '4' | '5' | '6' | '7' | '8' | '9' | '10' | '11' | '12' | '14' | '16' | '20' | '24' | '28' | '32';
+type Flex = {
+    align?: 'start' | 'end' | 'center' | 'baseline' | 'stretch';
+    justify?: 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly';
+    spaceBetween?: SpaceBetween;
+};
+type ContainerAlignment = {
+    'horizontal-alignment'?: FlexAlignment | 'space-between';
+    'vertical-alignment'?: FlexAlignment;
+    'space-between'?: 'sm' | 'md' | 'lg';
+};
+type Props = {
+    direction?: 'row' | 'column';
+    shadow?: 'md' | 'lg' | 'xl' | '2xl';
+    borderRadius?: 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl';
+    paddingX?: string;
+    paddingY?: string;
+    background?: string;
+    backgroundImageUrl?: string;
+    width?: string;
+    variant?: string;
+} & ((Flex & Never<ContainerAlignment>) | (ContainerAlignment & Never<Flex>));
 declare global {
     namespace React.JSX {
         interface IntrinsicElements {
@@ -6,5 +32,5 @@ declare global {
         }
     }
 }
-declare const Container: React.ForwardRefExoticComponent<any>;
+declare const Container: React.ForwardRefExoticComponent<(Props & React.HTMLAttributes<HTMLDivElement, unknown>) & React.RefAttributes<HTMLDivElement>>;
 export default Container;

package/dist/types/CssVarImage/CssVarImage.d.ts

@@ -1,3 +1,9 @@
 import React from 'react';
-declare const CssVarImage: React.ForwardRefExoticComponent<any>;
+type Props = {
+    varName: string;
+    fallback?: string;
+    width?: number;
+    height?: number;
+};
+declare const CssVarImage: React.ForwardRefExoticComponent<Props & React.HTMLAttributes<HTMLImageElement, unknown> & React.RefAttributes<HTMLDivElement>>;
 export default CssVarImage;

package/dist/types/Divider/Divider.d.ts

@@ -14,5 +14,5 @@ declare global {
         }
     }
 }
-declare const Divider: React.ForwardRefExoticComponent<Omit<Omit<any, "size"> & Props, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const Divider: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement, unknown>, HTMLDivElement>, "size"> & Props, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export default Divider;

package/dist/types/Hcaptcha/Hcaptcha.d.ts

@@ -10,5 +10,5 @@ type Props = {
     connector?: string;
     enabled?: boolean;
 };
-declare const Hcaptcha: React.ForwardRefExoticComponent<any>;
+declare const Hcaptcha: React.ForwardRefExoticComponent<Props & React.HTMLAttributes<HTMLDivElement, unknown> & React.RefAttributes<HTMLDivElement>>;
 export default Hcaptcha;

package/dist/types/HybridField/HybridField.d.ts

@@ -25,5 +25,22 @@ declare global {
         }
     }
 }
-declare const HybridField: React.ForwardRefExoticComponent<any>;
+declare const HybridField: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement, unknown> & {
+    variant?: "countrySelection" | "inputBox";
+    'default-code'?: string;
+    'phone-input-label'?: string;
+    'phone-input-placeholder'?: string;
+    'restrict-countries'?: string;
+    'full-width'?: boolean;
+    bordered?: boolean;
+    label?: string;
+    placeholder?: string;
+    size?: ComponentSize;
+    'helper-text'?: string;
+    'data-errormessage-pattern-mismatch-email'?: string;
+    'data-errormessage-value-missing-email'?: string;
+    'data-errormessage-value-missing-phone'?: string;
+    'label-type'?: LabelType;
+    'external-input'?: boolean;
+} & import("../types").HTMLInputAttrs & import("../types").DescopeInputExtraProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
 export default HybridField;

package/dist/types/Image/Image.d.ts

@@ -14,5 +14,11 @@ declare global {
         }
     }
 }
-declare const Image: React.ForwardRefExoticComponent<any>;
+declare const Image: React.ForwardRefExoticComponent<{
+    width?: string;
+    height?: string;
+    alt?: string;
+    src: string;
+    'src-dark'?: string;
+} & ITooltip & React.HTMLAttributes<HTMLElement, unknown> & React.RefAttributes<HTMLElement>>;
 export default Image;

package/dist/types/Recaptcha/Recaptcha.d.ts

@@ -23,5 +23,5 @@ declare global {
         }
     }
 }
-declare const Recaptcha: React.ForwardRefExoticComponent<any>;
+declare const Recaptcha: React.ForwardRefExoticComponent<Props & React.HTMLAttributes<HTMLDivElement, unknown> & React.RefAttributes<HTMLDivElement>>;
 export default Recaptcha;

package/dist/types/Tooltip/Tooltip.d.ts

@@ -11,7 +11,7 @@ type Props = {
     children?: React.ReactNode;
 };
 declare module 'react' {
-    interface HTMLAttributes<_T> {
+    interface HTMLAttributes<T, _T = unknown> {
         slot?: string;
     }
 }
@@ -22,7 +22,7 @@ declare global {
         }
     }
 }
-declare const Tooltip: React.ForwardRefExoticComponent<any>;
+declare const Tooltip: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement, unknown> & Props & React.RefAttributes<HTMLElement>>;
 export default Tooltip;
 export interface ITooltip {
     hasTooltip?: boolean;

package/dist/types/Turnstile/Turnstile.d.ts

@@ -1,3 +1,14 @@
 import React from 'react';
-declare const Turnstile: React.ForwardRefExoticComponent<any>;
+import { Mode, TextAlign, TypographyVariants } from '../types';
+type Props = {
+    connector?: string;
+    action?: string;
+    textLabel?: string;
+    textVariant?: TypographyVariants;
+    textMode?: Mode;
+    textAlign?: TextAlign;
+    readonly?: boolean;
+    'full-width'?: boolean;
+};
+declare const Turnstile: React.ForwardRefExoticComponent<Props & React.HTMLAttributes<HTMLDivElement, unknown> & React.RefAttributes<HTMLDivElement>>;
 export default Turnstile;

package/dist/types/UploadFile/UploadFile.d.ts

@@ -23,5 +23,5 @@ declare global {
         }
     }
 }
-declare const UploadFile: React.ForwardRefExoticComponent<any>;
+declare const UploadFile: React.ForwardRefExoticComponent<Props & React.HTMLAttributes<HTMLDivElement, unknown> & React.RefAttributes<HTMLDivElement>>;
 export default UploadFile;

package/dist/types/UserAttribute/UserAttribute.d.ts

@@ -19,5 +19,5 @@ declare global {
         }
     }
 }
-declare const UserAttribute: React.ForwardRefExoticComponent<any>;
+declare const UserAttribute: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement, unknown> & Props, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 export default UserAttribute;

package/dist/types/UserAuthMethod/UserAuthMethod.d.ts

@@ -9,5 +9,16 @@ declare global {
         }
     }
 }
-declare const UserAuthMethod: React.ForwardRefExoticComponent<any>;
+declare const UserAuthMethod: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement, unknown> & {
+    label?: string;
+    'button-label'?: string;
+    fulfilled?: boolean;
+    'full-width'?: boolean;
+    methodIcon?: string;
+    methodIconDark?: string;
+    buttonIcon?: string;
+    buttonIconDark?: string;
+    fulfilledButtonIcon?: string;
+    fulfilledButtonIconDark?: string;
+}, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 export default UserAuthMethod;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@descope/flow-components",
-  "version": "3.1.0",
+  "version": "3.1.2",
   "description": "",
   "main": "dist/index.cjs.js",
   "module": "dist/index.esm.js",
@@ -51,7 +51,7 @@
     "@typescript-eslint/eslint-plugin": "^8.0.0",
     "@typescript-eslint/parser": "^8.0.0",
     "autoprefixer": "^10.4.8",
-    "babel-jest": "30.2.0",
+    "babel-jest": "30.3.0",
     "eslint": "10.0.3",
     "eslint-config-airbnb": "^19.0.4",
     "eslint-config-airbnb-typescript": "18.0.0",
@@ -72,7 +72,7 @@
     "eslint-plugin-testing-library": "^7.0.0",
     "husky": "^9.0.0",
     "jest": "^30.0.0",
-    "jest-environment-jsdom": "30.2.0",
+    "jest-environment-jsdom": "30.3.0",
     "lint-staged": "^16.0.0",
     "postcss": "^8.4.14",
     "prettier": "3.8.1",
@@ -97,7 +97,7 @@
     "webpack-subresource-integrity": "5.2.0-rc.1"
   },
   "dependencies": {
-    "@descope/web-components-ui": "3.1.0"
+    "@descope/web-components-ui": "3.1.2"
   },
   "peerDependencies": {
     "react": ">= 18"