@metamask-previews/design-system-react 0.22.0-preview.178e60f → 0.23.1-preview.047f96c

package/dist/components/BannerBase/BannerBase.d.cts

@@ -29,8 +29,11 @@ export declare const BannerBase: React.ForwardRefExoticComponent<(Omit<import("@
         rel?: string | undefined;
         accessKey?: string | undefined;
         draggable?: (boolean | "false" | "true") | undefined;
+        inert?: boolean | undefined;
         lang?: string | undefined;
+        popover?: "" | "auto" | "manual" | "hint" | undefined;
         className?: string | undefined;
+        part?: string | undefined;
         prefix?: string | undefined;
         role?: React.AriaRole | undefined;
         contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
@@ -40,7 +43,7 @@ export declare const BannerBase: React.ForwardRefExoticComponent<(Omit<import("@
         tabIndex?: number | undefined;
         disabled?: boolean | undefined;
         size?: import("@metamask-previews/design-system-shared").ButtonBaseSize | undefined;
-        formAction?: string | undefined;
+        formAction?: string | ((formData: FormData) => void | Promise<void>) | undefined;
         formEncType?: string | undefined;
         formMethod?: string | undefined;
         formNoValidate?: boolean | undefined;
@@ -72,7 +75,10 @@ export declare const BannerBase: React.ForwardRefExoticComponent<(Omit<import("@
         results?: number | undefined;
         security?: string | undefined;
         unselectable?: "off" | "on" | undefined;
+        popoverTargetAction?: "hide" | "show" | "toggle" | undefined;
+        popoverTarget?: string | undefined;
         is?: string | undefined;
+        exportparts?: string | undefined;
         "aria-activedescendant"?: string | undefined;
         "aria-atomic"?: (boolean | "false" | "true") | undefined;
         "aria-autocomplete"?: "inline" | "both" | "none" | "list" | undefined;
@@ -145,18 +151,18 @@ export declare const BannerBase: React.ForwardRefExoticComponent<(Omit<import("@
         onFocusCapture?: React.FocusEventHandler<HTMLButtonElement> | undefined;
         onBlur?: React.FocusEventHandler<HTMLButtonElement> | undefined;
         onBlurCapture?: React.FocusEventHandler<HTMLButtonElement> | undefined;
-        onChange?: React.FormEventHandler<HTMLButtonElement> | undefined;
-        onChangeCapture?: React.FormEventHandler<HTMLButtonElement> | undefined;
-        onBeforeInput?: React.FormEventHandler<HTMLButtonElement> | undefined;
-        onBeforeInputCapture?: React.FormEventHandler<HTMLButtonElement> | undefined;
-        onInput?: React.FormEventHandler<HTMLButtonElement> | undefined;
-        onInputCapture?: React.FormEventHandler<HTMLButtonElement> | undefined;
-        onReset?: React.FormEventHandler<HTMLButtonElement> | undefined;
-        onResetCapture?: React.FormEventHandler<HTMLButtonElement> | undefined;
-        onSubmit?: React.FormEventHandler<HTMLButtonElement> | undefined;
-        onSubmitCapture?: React.FormEventHandler<HTMLButtonElement> | undefined;
-        onInvalid?: React.FormEventHandler<HTMLButtonElement> | undefined;
-        onInvalidCapture?: React.FormEventHandler<HTMLButtonElement> | undefined;
+        onChange?: React.ChangeEventHandler<HTMLButtonElement, Element> | undefined;
+        onChangeCapture?: React.ChangeEventHandler<HTMLButtonElement, Element> | undefined;
+        onBeforeInput?: React.InputEventHandler<HTMLButtonElement> | undefined;
+        onBeforeInputCapture?: React.InputEventHandler<HTMLButtonElement> | undefined;
+        onInput?: React.InputEventHandler<HTMLButtonElement> | undefined;
+        onInputCapture?: React.InputEventHandler<HTMLButtonElement> | undefined;
+        onReset?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+        onResetCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+        onSubmit?: React.SubmitEventHandler<HTMLButtonElement> | undefined;
+        onSubmitCapture?: React.SubmitEventHandler<HTMLButtonElement> | undefined;
+        onInvalid?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+        onInvalidCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
         onLoad?: React.ReactEventHandler<HTMLButtonElement> | undefined;
         onLoadCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
         onError?: React.ReactEventHandler<HTMLButtonElement> | undefined;
@@ -197,8 +203,6 @@ export declare const BannerBase: React.ForwardRefExoticComponent<(Omit<import("@
         onProgressCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
         onRateChange?: React.ReactEventHandler<HTMLButtonElement> | undefined;
         onRateChangeCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onResize?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onResizeCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
         onSeeked?: React.ReactEventHandler<HTMLButtonElement> | undefined;
         onSeekedCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
         onSeeking?: React.ReactEventHandler<HTMLButtonElement> | undefined;
@@ -278,6 +282,8 @@ export declare const BannerBase: React.ForwardRefExoticComponent<(Omit<import("@
         onLostPointerCaptureCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
         onScroll?: React.UIEventHandler<HTMLButtonElement> | undefined;
         onScrollCapture?: React.UIEventHandler<HTMLButtonElement> | undefined;
+        onScrollEnd?: React.UIEventHandler<HTMLButtonElement> | undefined;
+        onScrollEndCapture?: React.UIEventHandler<HTMLButtonElement> | undefined;
         onWheel?: React.WheelEventHandler<HTMLButtonElement> | undefined;
         onWheelCapture?: React.WheelEventHandler<HTMLButtonElement> | undefined;
         onAnimationStart?: React.AnimationEventHandler<HTMLButtonElement> | undefined;
@@ -286,8 +292,16 @@ export declare const BannerBase: React.ForwardRefExoticComponent<(Omit<import("@
         onAnimationEndCapture?: React.AnimationEventHandler<HTMLButtonElement> | undefined;
         onAnimationIteration?: React.AnimationEventHandler<HTMLButtonElement> | undefined;
         onAnimationIterationCapture?: React.AnimationEventHandler<HTMLButtonElement> | undefined;
+        onToggle?: React.ToggleEventHandler<HTMLButtonElement> | undefined;
+        onBeforeToggle?: React.ToggleEventHandler<HTMLButtonElement> | undefined;
+        onTransitionCancel?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
+        onTransitionCancelCapture?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
         onTransitionEnd?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
         onTransitionEndCapture?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
+        onTransitionRun?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
+        onTransitionRunCapture?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
+        onTransitionStart?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
+        onTransitionStartCapture?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
         isDisabled?: boolean | undefined;
         asChild?: boolean | undefined;
         textProps?: Partial<import("../Text/index.cjs").TextProps> | undefined;
@@ -334,8 +348,11 @@ export declare const BannerBase: React.ForwardRefExoticComponent<(Omit<import("@
         rel?: string | undefined;
         accessKey?: string | undefined;
         draggable?: (boolean | "false" | "true") | undefined;
+        inert?: boolean | undefined;
         lang?: string | undefined;
+        popover?: "" | "auto" | "manual" | "hint" | undefined;
         className?: string | undefined;
+        part?: string | undefined;
         prefix?: string | undefined;
         role?: React.AriaRole | undefined;
         contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
@@ -345,7 +362,7 @@ export declare const BannerBase: React.ForwardRefExoticComponent<(Omit<import("@
         tabIndex?: number | undefined;
         disabled?: boolean | undefined;
         size?: import("@metamask-previews/design-system-shared").ButtonBaseSize | undefined;
-        formAction?: string | undefined;
+        formAction?: string | ((formData: FormData) => void | Promise<void>) | undefined;
         formEncType?: string | undefined;
         formMethod?: string | undefined;
         formNoValidate?: boolean | undefined;
@@ -377,7 +394,10 @@ export declare const BannerBase: React.ForwardRefExoticComponent<(Omit<import("@
         results?: number | undefined;
         security?: string | undefined;
         unselectable?: "off" | "on" | undefined;
+        popoverTargetAction?: "hide" | "show" | "toggle" | undefined;
+        popoverTarget?: string | undefined;
         is?: string | undefined;
+        exportparts?: string | undefined;
         "aria-activedescendant"?: string | undefined;
         "aria-atomic"?: (boolean | "false" | "true") | undefined;
         "aria-autocomplete"?: "inline" | "both" | "none" | "list" | undefined;
@@ -450,18 +470,18 @@ export declare const BannerBase: React.ForwardRefExoticComponent<(Omit<import("@
         onFocusCapture?: React.FocusEventHandler<HTMLButtonElement> | undefined;
         onBlur?: React.FocusEventHandler<HTMLButtonElement> | undefined;
         onBlurCapture?: React.FocusEventHandler<HTMLButtonElement> | undefined;
-        onChange?: React.FormEventHandler<HTMLButtonElement> | undefined;
-        onChangeCapture?: React.FormEventHandler<HTMLButtonElement> | undefined;
-        onBeforeInput?: React.FormEventHandler<HTMLButtonElement> | undefined;
-        onBeforeInputCapture?: React.FormEventHandler<HTMLButtonElement> | undefined;
-        onInput?: React.FormEventHandler<HTMLButtonElement> | undefined;
-        onInputCapture?: React.FormEventHandler<HTMLButtonElement> | undefined;
-        onReset?: React.FormEventHandler<HTMLButtonElement> | undefined;
-        onResetCapture?: React.FormEventHandler<HTMLButtonElement> | undefined;
-        onSubmit?: React.FormEventHandler<HTMLButtonElement> | undefined;
-        onSubmitCapture?: React.FormEventHandler<HTMLButtonElement> | undefined;
-        onInvalid?: React.FormEventHandler<HTMLButtonElement> | undefined;
-        onInvalidCapture?: React.FormEventHandler<HTMLButtonElement> | undefined;
+        onChange?: React.ChangeEventHandler<HTMLButtonElement, Element> | undefined;
+        onChangeCapture?: React.ChangeEventHandler<HTMLButtonElement, Element> | undefined;
+        onBeforeInput?: React.InputEventHandler<HTMLButtonElement> | undefined;
+        onBeforeInputCapture?: React.InputEventHandler<HTMLButtonElement> | undefined;
+        onInput?: React.InputEventHandler<HTMLButtonElement> | undefined;
+        onInputCapture?: React.InputEventHandler<HTMLButtonElement> | undefined;
+        onReset?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+        onResetCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+        onSubmit?: React.SubmitEventHandler<HTMLButtonElement> | undefined;
+        onSubmitCapture?: React.SubmitEventHandler<HTMLButtonElement> | undefined;
+        onInvalid?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+        onInvalidCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
         onLoad?: React.ReactEventHandler<HTMLButtonElement> | undefined;
         onLoadCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
         onError?: React.ReactEventHandler<HTMLButtonElement> | undefined;
@@ -502,8 +522,6 @@ export declare const BannerBase: React.ForwardRefExoticComponent<(Omit<import("@
         onProgressCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
         onRateChange?: React.ReactEventHandler<HTMLButtonElement> | undefined;
         onRateChangeCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onResize?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onResizeCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
         onSeeked?: React.ReactEventHandler<HTMLButtonElement> | undefined;
         onSeekedCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
         onSeeking?: React.ReactEventHandler<HTMLButtonElement> | undefined;
@@ -583,6 +601,8 @@ export declare const BannerBase: React.ForwardRefExoticComponent<(Omit<import("@
         onLostPointerCaptureCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
         onScroll?: React.UIEventHandler<HTMLButtonElement> | undefined;
         onScrollCapture?: React.UIEventHandler<HTMLButtonElement> | undefined;
+        onScrollEnd?: React.UIEventHandler<HTMLButtonElement> | undefined;
+        onScrollEndCapture?: React.UIEventHandler<HTMLButtonElement> | undefined;
         onWheel?: React.WheelEventHandler<HTMLButtonElement> | undefined;
         onWheelCapture?: React.WheelEventHandler<HTMLButtonElement> | undefined;
         onAnimationStart?: React.AnimationEventHandler<HTMLButtonElement> | undefined;
@@ -591,8 +611,16 @@ export declare const BannerBase: React.ForwardRefExoticComponent<(Omit<import("@
         onAnimationEndCapture?: React.AnimationEventHandler<HTMLButtonElement> | undefined;
         onAnimationIteration?: React.AnimationEventHandler<HTMLButtonElement> | undefined;
         onAnimationIterationCapture?: React.AnimationEventHandler<HTMLButtonElement> | undefined;
+        onToggle?: React.ToggleEventHandler<HTMLButtonElement> | undefined;
+        onBeforeToggle?: React.ToggleEventHandler<HTMLButtonElement> | undefined;
+        onTransitionCancel?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
+        onTransitionCancelCapture?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
         onTransitionEnd?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
         onTransitionEndCapture?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
+        onTransitionRun?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
+        onTransitionRunCapture?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
+        onTransitionStart?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
+        onTransitionStartCapture?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
         isDisabled?: boolean | undefined;
         asChild?: boolean | undefined;
         textProps?: Partial<import("../Text/index.cjs").TextProps> | undefined;

package/dist/components/BannerBase/BannerBase.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"BannerBase.d.cts","sourceRoot":"","sources":["../../../src/components/BannerBase/BannerBase.tsx"],"names":[],"mappings":"AAAA,OAAO,EAOL,QAAQ,EAET,gDAAgD;AACjD,OAAO,KAAqB,cAAc;AAgB1C,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iDAyGtB,CAAC"}
+{"version":3,"file":"BannerBase.d.cts","sourceRoot":"","sources":["../../../src/components/BannerBase/BannerBase.tsx"],"names":[],"mappings":"AAAA,OAAO,EAOL,QAAQ,EAET,gDAAgD;AACjD,OAAO,KAAqB,cAAc;AAgB1C,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iDAyGtB,CAAC"}

package/dist/components/BannerBase/BannerBase.d.mts

@@ -29,8 +29,11 @@ export declare const BannerBase: React.ForwardRefExoticComponent<(Omit<import("@
         rel?: string | undefined;
         accessKey?: string | undefined;
         draggable?: (boolean | "false" | "true") | undefined;
+        inert?: boolean | undefined;
         lang?: string | undefined;
+        popover?: "" | "auto" | "manual" | "hint" | undefined;
         className?: string | undefined;
+        part?: string | undefined;
         prefix?: string | undefined;
         role?: React.AriaRole | undefined;
         contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
@@ -40,7 +43,7 @@ export declare const BannerBase: React.ForwardRefExoticComponent<(Omit<import("@
         tabIndex?: number | undefined;
         disabled?: boolean | undefined;
         size?: import("@metamask-previews/design-system-shared").ButtonBaseSize | undefined;
-        formAction?: string | undefined;
+        formAction?: string | ((formData: FormData) => void | Promise<void>) | undefined;
         formEncType?: string | undefined;
         formMethod?: string | undefined;
         formNoValidate?: boolean | undefined;
@@ -72,7 +75,10 @@ export declare const BannerBase: React.ForwardRefExoticComponent<(Omit<import("@
         results?: number | undefined;
         security?: string | undefined;
         unselectable?: "off" | "on" | undefined;
+        popoverTargetAction?: "hide" | "show" | "toggle" | undefined;
+        popoverTarget?: string | undefined;
         is?: string | undefined;
+        exportparts?: string | undefined;
         "aria-activedescendant"?: string | undefined;
         "aria-atomic"?: (boolean | "false" | "true") | undefined;
         "aria-autocomplete"?: "inline" | "both" | "none" | "list" | undefined;
@@ -145,18 +151,18 @@ export declare const BannerBase: React.ForwardRefExoticComponent<(Omit<import("@
         onFocusCapture?: React.FocusEventHandler<HTMLButtonElement> | undefined;
         onBlur?: React.FocusEventHandler<HTMLButtonElement> | undefined;
         onBlurCapture?: React.FocusEventHandler<HTMLButtonElement> | undefined;
-        onChange?: React.FormEventHandler<HTMLButtonElement> | undefined;
-        onChangeCapture?: React.FormEventHandler<HTMLButtonElement> | undefined;
-        onBeforeInput?: React.FormEventHandler<HTMLButtonElement> | undefined;
-        onBeforeInputCapture?: React.FormEventHandler<HTMLButtonElement> | undefined;
-        onInput?: React.FormEventHandler<HTMLButtonElement> | undefined;
-        onInputCapture?: React.FormEventHandler<HTMLButtonElement> | undefined;
-        onReset?: React.FormEventHandler<HTMLButtonElement> | undefined;
-        onResetCapture?: React.FormEventHandler<HTMLButtonElement> | undefined;
-        onSubmit?: React.FormEventHandler<HTMLButtonElement> | undefined;
-        onSubmitCapture?: React.FormEventHandler<HTMLButtonElement> | undefined;
-        onInvalid?: React.FormEventHandler<HTMLButtonElement> | undefined;
-        onInvalidCapture?: React.FormEventHandler<HTMLButtonElement> | undefined;
+        onChange?: React.ChangeEventHandler<HTMLButtonElement, Element> | undefined;
+        onChangeCapture?: React.ChangeEventHandler<HTMLButtonElement, Element> | undefined;
+        onBeforeInput?: React.InputEventHandler<HTMLButtonElement> | undefined;
+        onBeforeInputCapture?: React.InputEventHandler<HTMLButtonElement> | undefined;
+        onInput?: React.InputEventHandler<HTMLButtonElement> | undefined;
+        onInputCapture?: React.InputEventHandler<HTMLButtonElement> | undefined;
+        onReset?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+        onResetCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+        onSubmit?: React.SubmitEventHandler<HTMLButtonElement> | undefined;
+        onSubmitCapture?: React.SubmitEventHandler<HTMLButtonElement> | undefined;
+        onInvalid?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+        onInvalidCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
         onLoad?: React.ReactEventHandler<HTMLButtonElement> | undefined;
         onLoadCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
         onError?: React.ReactEventHandler<HTMLButtonElement> | undefined;
@@ -197,8 +203,6 @@ export declare const BannerBase: React.ForwardRefExoticComponent<(Omit<import("@
         onProgressCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
         onRateChange?: React.ReactEventHandler<HTMLButtonElement> | undefined;
         onRateChangeCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onResize?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onResizeCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
         onSeeked?: React.ReactEventHandler<HTMLButtonElement> | undefined;
         onSeekedCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
         onSeeking?: React.ReactEventHandler<HTMLButtonElement> | undefined;
@@ -278,6 +282,8 @@ export declare const BannerBase: React.ForwardRefExoticComponent<(Omit<import("@
         onLostPointerCaptureCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
         onScroll?: React.UIEventHandler<HTMLButtonElement> | undefined;
         onScrollCapture?: React.UIEventHandler<HTMLButtonElement> | undefined;
+        onScrollEnd?: React.UIEventHandler<HTMLButtonElement> | undefined;
+        onScrollEndCapture?: React.UIEventHandler<HTMLButtonElement> | undefined;
         onWheel?: React.WheelEventHandler<HTMLButtonElement> | undefined;
         onWheelCapture?: React.WheelEventHandler<HTMLButtonElement> | undefined;
         onAnimationStart?: React.AnimationEventHandler<HTMLButtonElement> | undefined;
@@ -286,8 +292,16 @@ export declare const BannerBase: React.ForwardRefExoticComponent<(Omit<import("@
         onAnimationEndCapture?: React.AnimationEventHandler<HTMLButtonElement> | undefined;
         onAnimationIteration?: React.AnimationEventHandler<HTMLButtonElement> | undefined;
         onAnimationIterationCapture?: React.AnimationEventHandler<HTMLButtonElement> | undefined;
+        onToggle?: React.ToggleEventHandler<HTMLButtonElement> | undefined;
+        onBeforeToggle?: React.ToggleEventHandler<HTMLButtonElement> | undefined;
+        onTransitionCancel?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
+        onTransitionCancelCapture?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
         onTransitionEnd?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
         onTransitionEndCapture?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
+        onTransitionRun?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
+        onTransitionRunCapture?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
+        onTransitionStart?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
+        onTransitionStartCapture?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
         isDisabled?: boolean | undefined;
         asChild?: boolean | undefined;
         textProps?: Partial<import("../Text/index.mjs").TextProps> | undefined;
@@ -334,8 +348,11 @@ export declare const BannerBase: React.ForwardRefExoticComponent<(Omit<import("@
         rel?: string | undefined;
         accessKey?: string | undefined;
         draggable?: (boolean | "false" | "true") | undefined;
+        inert?: boolean | undefined;
         lang?: string | undefined;
+        popover?: "" | "auto" | "manual" | "hint" | undefined;
         className?: string | undefined;
+        part?: string | undefined;
         prefix?: string | undefined;
         role?: React.AriaRole | undefined;
         contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
@@ -345,7 +362,7 @@ export declare const BannerBase: React.ForwardRefExoticComponent<(Omit<import("@
         tabIndex?: number | undefined;
         disabled?: boolean | undefined;
         size?: import("@metamask-previews/design-system-shared").ButtonBaseSize | undefined;
-        formAction?: string | undefined;
+        formAction?: string | ((formData: FormData) => void | Promise<void>) | undefined;
         formEncType?: string | undefined;
         formMethod?: string | undefined;
         formNoValidate?: boolean | undefined;
@@ -377,7 +394,10 @@ export declare const BannerBase: React.ForwardRefExoticComponent<(Omit<import("@
         results?: number | undefined;
         security?: string | undefined;
         unselectable?: "off" | "on" | undefined;
+        popoverTargetAction?: "hide" | "show" | "toggle" | undefined;
+        popoverTarget?: string | undefined;
         is?: string | undefined;
+        exportparts?: string | undefined;
         "aria-activedescendant"?: string | undefined;
         "aria-atomic"?: (boolean | "false" | "true") | undefined;
         "aria-autocomplete"?: "inline" | "both" | "none" | "list" | undefined;
@@ -450,18 +470,18 @@ export declare const BannerBase: React.ForwardRefExoticComponent<(Omit<import("@
         onFocusCapture?: React.FocusEventHandler<HTMLButtonElement> | undefined;
         onBlur?: React.FocusEventHandler<HTMLButtonElement> | undefined;
         onBlurCapture?: React.FocusEventHandler<HTMLButtonElement> | undefined;
-        onChange?: React.FormEventHandler<HTMLButtonElement> | undefined;
-        onChangeCapture?: React.FormEventHandler<HTMLButtonElement> | undefined;
-        onBeforeInput?: React.FormEventHandler<HTMLButtonElement> | undefined;
-        onBeforeInputCapture?: React.FormEventHandler<HTMLButtonElement> | undefined;
-        onInput?: React.FormEventHandler<HTMLButtonElement> | undefined;
-        onInputCapture?: React.FormEventHandler<HTMLButtonElement> | undefined;
-        onReset?: React.FormEventHandler<HTMLButtonElement> | undefined;
-        onResetCapture?: React.FormEventHandler<HTMLButtonElement> | undefined;
-        onSubmit?: React.FormEventHandler<HTMLButtonElement> | undefined;
-        onSubmitCapture?: React.FormEventHandler<HTMLButtonElement> | undefined;
-        onInvalid?: React.FormEventHandler<HTMLButtonElement> | undefined;
-        onInvalidCapture?: React.FormEventHandler<HTMLButtonElement> | undefined;
+        onChange?: React.ChangeEventHandler<HTMLButtonElement, Element> | undefined;
+        onChangeCapture?: React.ChangeEventHandler<HTMLButtonElement, Element> | undefined;
+        onBeforeInput?: React.InputEventHandler<HTMLButtonElement> | undefined;
+        onBeforeInputCapture?: React.InputEventHandler<HTMLButtonElement> | undefined;
+        onInput?: React.InputEventHandler<HTMLButtonElement> | undefined;
+        onInputCapture?: React.InputEventHandler<HTMLButtonElement> | undefined;
+        onReset?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+        onResetCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+        onSubmit?: React.SubmitEventHandler<HTMLButtonElement> | undefined;
+        onSubmitCapture?: React.SubmitEventHandler<HTMLButtonElement> | undefined;
+        onInvalid?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+        onInvalidCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
         onLoad?: React.ReactEventHandler<HTMLButtonElement> | undefined;
         onLoadCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
         onError?: React.ReactEventHandler<HTMLButtonElement> | undefined;
@@ -502,8 +522,6 @@ export declare const BannerBase: React.ForwardRefExoticComponent<(Omit<import("@
         onProgressCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
         onRateChange?: React.ReactEventHandler<HTMLButtonElement> | undefined;
         onRateChangeCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onResize?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onResizeCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
         onSeeked?: React.ReactEventHandler<HTMLButtonElement> | undefined;
         onSeekedCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
         onSeeking?: React.ReactEventHandler<HTMLButtonElement> | undefined;
@@ -583,6 +601,8 @@ export declare const BannerBase: React.ForwardRefExoticComponent<(Omit<import("@
         onLostPointerCaptureCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
         onScroll?: React.UIEventHandler<HTMLButtonElement> | undefined;
         onScrollCapture?: React.UIEventHandler<HTMLButtonElement> | undefined;
+        onScrollEnd?: React.UIEventHandler<HTMLButtonElement> | undefined;
+        onScrollEndCapture?: React.UIEventHandler<HTMLButtonElement> | undefined;
         onWheel?: React.WheelEventHandler<HTMLButtonElement> | undefined;
         onWheelCapture?: React.WheelEventHandler<HTMLButtonElement> | undefined;
         onAnimationStart?: React.AnimationEventHandler<HTMLButtonElement> | undefined;
@@ -591,8 +611,16 @@ export declare const BannerBase: React.ForwardRefExoticComponent<(Omit<import("@
         onAnimationEndCapture?: React.AnimationEventHandler<HTMLButtonElement> | undefined;
         onAnimationIteration?: React.AnimationEventHandler<HTMLButtonElement> | undefined;
         onAnimationIterationCapture?: React.AnimationEventHandler<HTMLButtonElement> | undefined;
+        onToggle?: React.ToggleEventHandler<HTMLButtonElement> | undefined;
+        onBeforeToggle?: React.ToggleEventHandler<HTMLButtonElement> | undefined;
+        onTransitionCancel?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
+        onTransitionCancelCapture?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
         onTransitionEnd?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
         onTransitionEndCapture?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
+        onTransitionRun?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
+        onTransitionRunCapture?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
+        onTransitionStart?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
+        onTransitionStartCapture?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
         isDisabled?: boolean | undefined;
         asChild?: boolean | undefined;
         textProps?: Partial<import("../Text/index.mjs").TextProps> | undefined;

package/dist/components/BannerBase/BannerBase.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"BannerBase.d.mts","sourceRoot":"","sources":["../../../src/components/BannerBase/BannerBase.tsx"],"names":[],"mappings":"AAAA,OAAO,EAOL,QAAQ,EAET,gDAAgD;AACjD,OAAO,KAAqB,cAAc;AAgB1C,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iDAyGtB,CAAC"}
+{"version":3,"file":"BannerBase.d.mts","sourceRoot":"","sources":["../../../src/components/BannerBase/BannerBase.tsx"],"names":[],"mappings":"AAAA,OAAO,EAOL,QAAQ,EAET,gDAAgD;AACjD,OAAO,KAAqB,cAAc;AAgB1C,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iDAyGtB,CAAC"}

package/dist/components/HelpText/HelpText.cjs

@@ -0,0 +1,13 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HelpText = void 0;
+const design_system_shared_1 = require("@metamask-previews/design-system-shared");
+const react_1 = __importDefault(require("react"));
+const Text_1 = require("../Text/index.cjs");
+const HelpText_constants_1 = require("./HelpText.constants.cjs");
+const HelpText = ({ severity, color = design_system_shared_1.TextColor.TextDefault, className, children, ...props }) => (react_1.default.createElement(Text_1.Text, { variant: design_system_shared_1.TextVariant.BodySm, color: severity ? HelpText_constants_1.MAP_HELPTEXT_SEVERITY_COLOR[severity] : color, className: className, ...props }, children));
+exports.HelpText = HelpText;
+//# sourceMappingURL=HelpText.cjs.map

package/dist/components/HelpText/HelpText.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"HelpText.cjs","sourceRoot":"","sources":["../../../src/components/HelpText/HelpText.tsx"],"names":[],"mappings":";;;;;;AAAA,kFAAiF;AACjF,kDAA0B;AAE1B,4CAA+B;AAE/B,iEAAmE;AAG5D,MAAM,QAAQ,GAA4B,CAAC,EAChD,QAAQ,EACR,KAAK,GAAG,gCAAS,CAAC,WAAW,EAC7B,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,EAAE,CAAC,CACJ,8BAAC,WAAI,IACH,OAAO,EAAE,kCAAW,CAAC,MAAM,EAC3B,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,gDAA2B,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,KAAK,EAC/D,SAAS,EAAE,SAAS,KAChB,KAAK,IAER,QAAQ,CACJ,CACR,CAAC;AAfW,QAAA,QAAQ,YAenB","sourcesContent":["import { TextColor, TextVariant } from '@metamask-previews/design-system-shared';\nimport React from 'react';\n\nimport { Text } from '../Text';\n\nimport { MAP_HELPTEXT_SEVERITY_COLOR } from './HelpText.constants';\nimport type { HelpTextProps } from './HelpText.types';\n\nexport const HelpText: React.FC<HelpTextProps> = ({\n  severity,\n  color = TextColor.TextDefault,\n  className,\n  children,\n  ...props\n}) => (\n  <Text\n    variant={TextVariant.BodySm}\n    color={severity ? MAP_HELPTEXT_SEVERITY_COLOR[severity] : color}\n    className={className}\n    {...props}\n  >\n    {children}\n  </Text>\n);\n"]}

package/dist/components/HelpText/HelpText.constants.cjs

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MAP_HELPTEXT_SEVERITY_COLOR = void 0;
+const design_system_shared_1 = require("@metamask-previews/design-system-shared");
+exports.MAP_HELPTEXT_SEVERITY_COLOR = {
+    [design_system_shared_1.HelpTextSeverity.Danger]: design_system_shared_1.TextColor.ErrorDefault,
+    [design_system_shared_1.HelpTextSeverity.Warning]: design_system_shared_1.TextColor.WarningDefault,
+    [design_system_shared_1.HelpTextSeverity.Success]: design_system_shared_1.TextColor.SuccessDefault,
+    [design_system_shared_1.HelpTextSeverity.Info]: design_system_shared_1.TextColor.InfoDefault,
+};
+//# sourceMappingURL=HelpText.constants.cjs.map

package/dist/components/HelpText/HelpText.constants.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"HelpText.constants.cjs","sourceRoot":"","sources":["../../../src/components/HelpText/HelpText.constants.ts"],"names":[],"mappings":";;;AAAA,kFAAsF;AAEzE,QAAA,2BAA2B,GACtC;IACE,CAAC,uCAAgB,CAAC,MAAM,CAAC,EAAE,gCAAS,CAAC,YAAY;IACjD,CAAC,uCAAgB,CAAC,OAAO,CAAC,EAAE,gCAAS,CAAC,cAAc;IACpD,CAAC,uCAAgB,CAAC,OAAO,CAAC,EAAE,gCAAS,CAAC,cAAc;IACpD,CAAC,uCAAgB,CAAC,IAAI,CAAC,EAAE,gCAAS,CAAC,WAAW;CAC/C,CAAC","sourcesContent":["import { HelpTextSeverity, TextColor } from '@metamask-previews/design-system-shared';\n\nexport const MAP_HELPTEXT_SEVERITY_COLOR: Record<HelpTextSeverity, TextColor> =\n  {\n    [HelpTextSeverity.Danger]: TextColor.ErrorDefault,\n    [HelpTextSeverity.Warning]: TextColor.WarningDefault,\n    [HelpTextSeverity.Success]: TextColor.SuccessDefault,\n    [HelpTextSeverity.Info]: TextColor.InfoDefault,\n  };\n"]}

package/dist/components/HelpText/HelpText.constants.d.cts

@@ -0,0 +1,3 @@
+import { HelpTextSeverity, TextColor } from "@metamask-previews/design-system-shared";
+export declare const MAP_HELPTEXT_SEVERITY_COLOR: Record<HelpTextSeverity, TextColor>;
+//# sourceMappingURL=HelpText.constants.d.cts.map

package/dist/components/HelpText/HelpText.constants.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HelpText.constants.d.cts","sourceRoot":"","sources":["../../../src/components/HelpText/HelpText.constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,SAAS,EAAE,gDAAgD;AAEtF,eAAO,MAAM,2BAA2B,EAAE,MAAM,CAAC,gBAAgB,EAAE,SAAS,CAMzE,CAAC"}

package/dist/components/HelpText/HelpText.constants.d.mts

@@ -0,0 +1,3 @@
+import { HelpTextSeverity, TextColor } from "@metamask-previews/design-system-shared";
+export declare const MAP_HELPTEXT_SEVERITY_COLOR: Record<HelpTextSeverity, TextColor>;
+//# sourceMappingURL=HelpText.constants.d.mts.map

package/dist/components/HelpText/HelpText.constants.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HelpText.constants.d.mts","sourceRoot":"","sources":["../../../src/components/HelpText/HelpText.constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,SAAS,EAAE,gDAAgD;AAEtF,eAAO,MAAM,2BAA2B,EAAE,MAAM,CAAC,gBAAgB,EAAE,SAAS,CAMzE,CAAC"}

package/dist/components/HelpText/HelpText.constants.mjs

@@ -0,0 +1,8 @@
+import { HelpTextSeverity, TextColor } from "@metamask-previews/design-system-shared";
+export const MAP_HELPTEXT_SEVERITY_COLOR = {
+    [HelpTextSeverity.Danger]: TextColor.ErrorDefault,
+    [HelpTextSeverity.Warning]: TextColor.WarningDefault,
+    [HelpTextSeverity.Success]: TextColor.SuccessDefault,
+    [HelpTextSeverity.Info]: TextColor.InfoDefault,
+};
+//# sourceMappingURL=HelpText.constants.mjs.map

package/dist/components/HelpText/HelpText.constants.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"HelpText.constants.mjs","sourceRoot":"","sources":["../../../src/components/HelpText/HelpText.constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,SAAS,EAAE,gDAAgD;AAEtF,MAAM,CAAC,MAAM,2BAA2B,GACtC;IACE,CAAC,gBAAgB,CAAC,MAAM,CAAC,EAAE,SAAS,CAAC,YAAY;IACjD,CAAC,gBAAgB,CAAC,OAAO,CAAC,EAAE,SAAS,CAAC,cAAc;IACpD,CAAC,gBAAgB,CAAC,OAAO,CAAC,EAAE,SAAS,CAAC,cAAc;IACpD,CAAC,gBAAgB,CAAC,IAAI,CAAC,EAAE,SAAS,CAAC,WAAW;CAC/C,CAAC","sourcesContent":["import { HelpTextSeverity, TextColor } from '@metamask-previews/design-system-shared';\n\nexport const MAP_HELPTEXT_SEVERITY_COLOR: Record<HelpTextSeverity, TextColor> =\n  {\n    [HelpTextSeverity.Danger]: TextColor.ErrorDefault,\n    [HelpTextSeverity.Warning]: TextColor.WarningDefault,\n    [HelpTextSeverity.Success]: TextColor.SuccessDefault,\n    [HelpTextSeverity.Info]: TextColor.InfoDefault,\n  };\n"]}

package/dist/components/HelpText/HelpText.d.cts

@@ -0,0 +1,4 @@
+import React from "react";
+import type { HelpTextProps } from "./HelpText.types.cjs";
+export declare const HelpText: React.FC<HelpTextProps>;
+//# sourceMappingURL=HelpText.d.cts.map

package/dist/components/HelpText/HelpText.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HelpText.d.cts","sourceRoot":"","sources":["../../../src/components/HelpText/HelpText.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,cAAc;AAK1B,OAAO,KAAK,EAAE,aAAa,EAAE,6BAAyB;AAEtD,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAe5C,CAAC"}

package/dist/components/HelpText/HelpText.d.mts

@@ -0,0 +1,4 @@
+import React from "react";
+import type { HelpTextProps } from "./HelpText.types.mjs";
+export declare const HelpText: React.FC<HelpTextProps>;
+//# sourceMappingURL=HelpText.d.mts.map

package/dist/components/HelpText/HelpText.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HelpText.d.mts","sourceRoot":"","sources":["../../../src/components/HelpText/HelpText.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,cAAc;AAK1B,OAAO,KAAK,EAAE,aAAa,EAAE,6BAAyB;AAEtD,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAe5C,CAAC"}

package/dist/components/HelpText/HelpText.mjs

@@ -0,0 +1,13 @@
+function $importDefault(module) {
+    if (module?.__esModule) {
+        return module.default;
+    }
+    return module;
+}
+import { TextColor, TextVariant } from "@metamask-previews/design-system-shared";
+import $React from "react";
+const React = $importDefault($React);
+import { Text } from "../Text/index.mjs";
+import { MAP_HELPTEXT_SEVERITY_COLOR } from "./HelpText.constants.mjs";
+export const HelpText = ({ severity, color = TextColor.TextDefault, className, children, ...props }) => (React.createElement(Text, { variant: TextVariant.BodySm, color: severity ? MAP_HELPTEXT_SEVERITY_COLOR[severity] : color, className: className, ...props }, children));
+//# sourceMappingURL=HelpText.mjs.map

package/dist/components/HelpText/HelpText.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"HelpText.mjs","sourceRoot":"","sources":["../../../src/components/HelpText/HelpText.tsx"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,gDAAgD;AACjF,OAAO,MAAK,cAAc;;AAE1B,OAAO,EAAE,IAAI,EAAE,0BAAgB;AAE/B,OAAO,EAAE,2BAA2B,EAAE,iCAA6B;AAGnE,MAAM,CAAC,MAAM,QAAQ,GAA4B,CAAC,EAChD,QAAQ,EACR,KAAK,GAAG,SAAS,CAAC,WAAW,EAC7B,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,EAAE,CAAC,CACJ,oBAAC,IAAI,IACH,OAAO,EAAE,WAAW,CAAC,MAAM,EAC3B,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,2BAA2B,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,KAAK,EAC/D,SAAS,EAAE,SAAS,KAChB,KAAK,IAER,QAAQ,CACJ,CACR,CAAC","sourcesContent":["import { TextColor, TextVariant } from '@metamask-previews/design-system-shared';\nimport React from 'react';\n\nimport { Text } from '../Text';\n\nimport { MAP_HELPTEXT_SEVERITY_COLOR } from './HelpText.constants';\nimport type { HelpTextProps } from './HelpText.types';\n\nexport const HelpText: React.FC<HelpTextProps> = ({\n  severity,\n  color = TextColor.TextDefault,\n  className,\n  children,\n  ...props\n}) => (\n  <Text\n    variant={TextVariant.BodySm}\n    color={severity ? MAP_HELPTEXT_SEVERITY_COLOR[severity] : color}\n    className={className}\n    {...props}\n  >\n    {children}\n  </Text>\n);\n"]}

package/dist/components/HelpText/HelpText.types.cjs

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=HelpText.types.cjs.map

package/dist/components/HelpText/HelpText.types.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"HelpText.types.cjs","sourceRoot":"","sources":["../../../src/components/HelpText/HelpText.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { HelpTextPropsShared } from '@metamask-previews/design-system-shared';\n\nimport type { TextProps } from '../Text';\n\nexport type HelpTextProps = HelpTextPropsShared &\n  Omit<TextProps, 'variant'> & {\n    /**\n     * Optional CSS class to merge with the component's default classes.\n     */\n    className?: string;\n  };\n"]}

package/dist/components/HelpText/HelpText.types.d.cts

@@ -0,0 +1,9 @@
+import type { HelpTextPropsShared } from "@metamask-previews/design-system-shared";
+import type { TextProps } from "../Text/index.cjs";
+export type HelpTextProps = HelpTextPropsShared & Omit<TextProps, 'variant'> & {
+    /**
+     * Optional CSS class to merge with the component's default classes.
+     */
+    className?: string;
+};
+//# sourceMappingURL=HelpText.types.d.cts.map

package/dist/components/HelpText/HelpText.types.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HelpText.types.d.cts","sourceRoot":"","sources":["../../../src/components/HelpText/HelpText.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,gDAAgD;AAEnF,OAAO,KAAK,EAAE,SAAS,EAAE,0BAAgB;AAEzC,MAAM,MAAM,aAAa,GAAG,mBAAmB,GAC7C,IAAI,CAAC,SAAS,EAAE,SAAS,CAAC,GAAG;IAC3B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC"}

package/dist/components/HelpText/HelpText.types.d.mts

@@ -0,0 +1,9 @@
+import type { HelpTextPropsShared } from "@metamask-previews/design-system-shared";
+import type { TextProps } from "../Text/index.mjs";
+export type HelpTextProps = HelpTextPropsShared & Omit<TextProps, 'variant'> & {
+    /**
+     * Optional CSS class to merge with the component's default classes.
+     */
+    className?: string;
+};
+//# sourceMappingURL=HelpText.types.d.mts.map

package/dist/components/HelpText/HelpText.types.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HelpText.types.d.mts","sourceRoot":"","sources":["../../../src/components/HelpText/HelpText.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,gDAAgD;AAEnF,OAAO,KAAK,EAAE,SAAS,EAAE,0BAAgB;AAEzC,MAAM,MAAM,aAAa,GAAG,mBAAmB,GAC7C,IAAI,CAAC,SAAS,EAAE,SAAS,CAAC,GAAG;IAC3B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC"}

package/dist/components/HelpText/HelpText.types.mjs

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=HelpText.types.mjs.map

package/dist/components/HelpText/HelpText.types.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"HelpText.types.mjs","sourceRoot":"","sources":["../../../src/components/HelpText/HelpText.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { HelpTextPropsShared } from '@metamask-previews/design-system-shared';\n\nimport type { TextProps } from '../Text';\n\nexport type HelpTextProps = HelpTextPropsShared &\n  Omit<TextProps, 'variant'> & {\n    /**\n     * Optional CSS class to merge with the component's default classes.\n     */\n    className?: string;\n  };\n"]}

package/dist/components/HelpText/index.cjs

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HelpText = exports.HelpTextSeverity = void 0;
+var design_system_shared_1 = require("@metamask-previews/design-system-shared");
+Object.defineProperty(exports, "HelpTextSeverity", { enumerable: true, get: function () { return design_system_shared_1.HelpTextSeverity; } });
+var HelpText_1 = require("./HelpText.cjs");
+Object.defineProperty(exports, "HelpText", { enumerable: true, get: function () { return HelpText_1.HelpText; } });
+//# sourceMappingURL=index.cjs.map

package/dist/components/HelpText/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sourceRoot":"","sources":["../../../src/components/HelpText/index.ts"],"names":[],"mappings":";;;AAAA,gFAA2E;AAAlE,wHAAA,gBAAgB,OAAA;AACzB,2CAAsC;AAA7B,oGAAA,QAAQ,OAAA","sourcesContent":["export { HelpTextSeverity } from '@metamask-previews/design-system-shared';\nexport { HelpText } from './HelpText';\nexport type { HelpTextProps } from './HelpText.types';\n"]}

package/dist/components/HelpText/index.d.cts

@@ -0,0 +1,4 @@
+export { HelpTextSeverity } from "@metamask-previews/design-system-shared";
+export { HelpText } from "./HelpText.cjs";
+export type { HelpTextProps } from "./HelpText.types.cjs";
+//# sourceMappingURL=index.d.cts.map

package/dist/components/HelpText/index.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.cts","sourceRoot":"","sources":["../../../src/components/HelpText/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,gDAAgD;AAC3E,OAAO,EAAE,QAAQ,EAAE,uBAAmB;AACtC,YAAY,EAAE,aAAa,EAAE,6BAAyB"}

package/dist/components/HelpText/index.d.mts

@@ -0,0 +1,4 @@
+export { HelpTextSeverity } from "@metamask-previews/design-system-shared";
+export { HelpText } from "./HelpText.mjs";
+export type { HelpTextProps } from "./HelpText.types.mjs";
+//# sourceMappingURL=index.d.mts.map

package/dist/components/HelpText/index.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.mts","sourceRoot":"","sources":["../../../src/components/HelpText/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,gDAAgD;AAC3E,OAAO,EAAE,QAAQ,EAAE,uBAAmB;AACtC,YAAY,EAAE,aAAa,EAAE,6BAAyB"}

package/dist/components/HelpText/index.mjs

@@ -0,0 +1,3 @@
+export { HelpTextSeverity } from "@metamask-previews/design-system-shared";
+export { HelpText } from "./HelpText.mjs";
+//# sourceMappingURL=index.mjs.map