@20minutes/hela 2.17.7 → 2.17.9

package/dist/scss/abstracts/variables/_token-variables.scss

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 17 Mar 2026 08:42:45 GMT
+ * Generated on Wed, 18 Mar 2026 15:34:24 GMT
  */
 
 $token-variables: (

package/dist/src/components/atoms/Ad/Ad.stories.d.ts

@@ -1,8 +1,7 @@
-import { default as React } from 'react';
 import { StoryObj } from '@storybook/react-vite';
 declare const meta: {
     title: string;
-    component: React.FC<import('./Ad').AdProps>;
+    component: import('react').FC<import('./Ad').AdProps>;
     args: {
         variant: "ATF";
         isFullscreenMobile: false;

package/dist/src/components/atoms/Alert/Alert.stories.d.ts

@@ -1,8 +1,7 @@
-import { default as React } from 'react';
 import { StoryObj } from '@storybook/react-vite';
 declare const meta: {
     title: string;
-    component: React.FC<import('../..').AlertProps>;
+    component: import('react').FC<import('../..').AlertProps>;
     args: {
         description: string;
         fill: false;
@@ -12,7 +11,7 @@ export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Success: Story;
 export declare const Warning: Story;
-export declare const Error: Story;
+export declare const ErrorState: Story;
 export declare const Info: Story;
 export declare const SuccessFill: Story;
 export declare const ErrorFill: Story;

package/dist/src/components/atoms/Avatar/Avatar.stories.d.ts

@@ -1,8 +1,7 @@
-import { default as React } from 'react';
 import { StoryObj } from '@storybook/react-vite';
 declare const meta: {
     title: string;
-    component: React.FC<import('../..').AvatarProps>;
+    component: import('react').FC<import('../..').AvatarProps>;
     args: {
         img: string;
         alt: string;

package/dist/src/components/atoms/Button/Button.d.ts

@@ -1,6 +1,6 @@
 import { default as React } from 'react';
 import { IconProps } from '../..';
-import { As, AsProps, ColorSystemProps, SpacingSystemProps, ColorType } from '../../../types';
+import { As, AsProps, ColorSystemProps, ColorType, SpacingSystemProps } from '../../../types';
 export declare const buttonVariant: readonly ["primary", "secondary", "tertiary", "has-dark-bg", "has-white-bg", "ghost", "ghost-with-icon-bg", "round", "round-small", "round-has-white-bg", "round-has-blue-dark-bg", "round-half-opacity-dark-bg", "round-small-transparent-bg", "close", "link", "half-opacity-dark-bg", "has-transparent-bg"];
 export type ButtonVariantType = (typeof buttonVariant)[number];
 export interface ButtonOptions {

package/dist/src/components/atoms/Checkbox/Checkbox.stories.d.ts

@@ -1,5 +1,5 @@
-import { default as React } from 'react';
 import { StoryObj } from '@storybook/react-vite';
+import { default as React } from 'react';
 declare const meta: {
     title: string;
     component: React.FC<import('./Checkbox').CheckboxProps>;
@@ -15,5 +15,5 @@ declare const meta: {
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Primary: Story;
-export declare const Error: Story;
+export declare const ErrorState: Story;
 export declare const Success: Story;

package/dist/src/components/atoms/Icon/Icon.stories.d.ts

@@ -6,6 +6,7 @@ declare const meta: {
         name: "home";
         size: number;
         isRounded: false;
+        svgTitle: string;
     };
     argTypes: {
         name: {

package/dist/src/components/atoms/Icon/SvgSprite.d.ts

@@ -1,4 +1,3 @@
 import { SVGProps } from 'react';
-import * as React from 'react';
-declare const SvgSprite: (props: SVGProps<SVGSVGElement>) => React.JSX.Element;
+declare const SvgSprite: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
 export default SvgSprite;

package/dist/src/components/atoms/IconTooltip/IconTooltip.stories.d.ts

@@ -1,8 +1,7 @@
-import { default as React } from 'react';
 import { StoryObj } from '@storybook/react-vite';
 declare const meta: {
     title: string;
-    component: React.FC<import('../..').IconTooltipProps>;
+    component: import('react').FC<import('../..').IconTooltipProps>;
     args: {
         text: string;
     };

package/dist/src/components/atoms/Iframe/Iframe.d.ts

@@ -5,4 +5,4 @@ export interface IframeProps extends BoxProps {
     htmlIframeProps: React.IframeHTMLAttributes<HTMLIFrameElement>;
     ratio?: 'auto' | 'square' | 'video' | 'landscape' | 'portrait';
 }
-export declare function Iframe({ title, ratio, htmlIframeProps, ...boxProps }: IframeProps): React.JSX.Element;
+export declare function Iframe({ title, ratio, htmlIframeProps, ...boxProps }: IframeProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/components/atoms/Iframe/Iframe.stories.d.ts

@@ -1,5 +1,5 @@
-import { Iframe } from './Iframe';
 import { StoryObj } from '@storybook/react-vite';
+import { Iframe } from './Iframe';
 declare const meta: {
     title: string;
     component: typeof Iframe;

package/dist/src/components/atoms/Img/Img.stories.d.ts

@@ -1,8 +1,7 @@
-import { default as React } from 'react';
 import { StoryObj } from '@storybook/react-vite';
 declare const meta: {
     title: string;
-    component: React.FC<import('./Img').ImgProps>;
+    component: import('react').FC<import('./Img').ImgProps>;
     args: {
         lazyLoad: false;
     };

package/dist/src/components/atoms/Input/Input.stories.d.ts

@@ -1,5 +1,5 @@
-import { InputProps } from './Input';
 import { StoryObj } from '@storybook/react-vite';
+import { InputProps } from './Input';
 declare const meta: {
     title: string;
     component: import('../../..').ComponentWithAs<"input", InputProps>;

package/dist/src/components/atoms/LabelSection/LabelSection.stories.d.ts

@@ -1,10 +1,9 @@
-import { default as React } from 'react';
 import { StoryObj } from '@storybook/react-vite';
 declare const meta: {
     title: string;
-    component: React.FC<import('./LabelSection').LabelSectionProps>;
+    component: import('react').FC<import('./LabelSection').LabelSectionProps>;
     args: {
-        children: React.JSX.Element;
+        children: import("react/jsx-runtime").JSX.Element;
     };
 };
 export default meta;

package/dist/src/components/atoms/Layout/Flex/Flex.stories.d.ts

@@ -1,4 +1,3 @@
-import { default as React } from 'react';
 import { StoryObj } from '@storybook/react-vite';
 declare const meta: {
     title: string;
@@ -8,7 +7,7 @@ declare const meta: {
         p: "xxs";
         gap: "m";
         justifyContent: "center";
-        children: React.JSX.Element[];
+        children: import("react/jsx-runtime").JSX.Element[];
     };
     parameters: {
         controls: {

package/dist/src/components/atoms/Layout/Grid/Grid.stories.d.ts

@@ -1,10 +1,9 @@
-import { default as React } from 'react';
 import { StoryObj } from '@storybook/react-vite';
 declare const meta: {
     title: string;
-    component: React.FC<import('../../..').GridProps>;
+    component: import('react').FC<import('../../..').GridProps>;
     args: {
-        children: React.JSX.Element;
+        children: import("react/jsx-runtime").JSX.Element;
         as: "div";
     };
     parameters: {

package/dist/src/components/atoms/Layout/index.d.ts

@@ -1,3 +1,3 @@
 export * from './Box';
-export * from './Grid';
 export * from './Flex';
+export * from './Grid';

package/dist/src/components/atoms/Link/Link.d.ts

@@ -1,5 +1,5 @@
 import { ButtonProps, TabProps } from '../..';
-import { As, ComponentWithAs, ColorSystemProps, SizeSystemProps, SpacingSystemProps, TypographySystemProps } from '../../../types';
+import { As, ColorSystemProps, ComponentWithAs, SizeSystemProps, SpacingSystemProps, TypographySystemProps } from '../../../types';
 export type LinkProps<T extends As = 'a'> = SpacingSystemProps & Pick<TypographySystemProps, 'weight' | 'whiteSpace'> & SizeSystemProps & Pick<ColorSystemProps, 'color'> & Omit<ButtonProps<T>, 'size' | 'as'> & {
     as?: T;
     tabColor?: TabProps['tabColor'];

package/dist/src/components/atoms/Link/Link.stories.d.ts

@@ -1,9 +1,8 @@
-import { default as React } from 'react';
-import { LinkProps } from './Link';
 import { StoryObj } from '@storybook/react-vite';
+import { LinkProps } from './Link';
 declare const meta: {
     title: string;
-    render: (args: LinkProps) => React.JSX.Element;
+    render: (args: LinkProps) => import("react/jsx-runtime").JSX.Element;
     args: {
         href: string;
         children: string;

package/dist/src/components/atoms/Modal/Modal.stories.d.ts

@@ -1,8 +1,7 @@
-import { default as React } from 'react';
 import { StoryObj } from '@storybook/react-vite';
 declare const meta: {
     title: string;
-    component: React.FC<import('../..').ModalProps>;
+    component: import('react').FC<import('../..').ModalProps>;
     args: {
         dialogId: string;
         children: string;

package/dist/src/components/atoms/RadioButton/RadioButton.stories.d.ts

@@ -1,5 +1,5 @@
-import { default as React } from 'react';
 import { StoryObj } from '@storybook/react-vite';
+import { default as React } from 'react';
 declare const meta: {
     title: string;
     component: React.FC<import('./RadioButton').RadioButtonProps>;

package/dist/src/components/atoms/ScrollToTopButton/ScrollToTopButton.stories.d.ts

@@ -1,8 +1,7 @@
-import { default as React } from 'react';
 import { StoryObj } from '@storybook/react-vite';
 declare const meta: {
     title: string;
-    component: React.FC<import('./ScrollToTopButton').ScrollToTopButtonProps>;
+    component: import('react').FC<import('./ScrollToTopButton').ScrollToTopButtonProps>;
     args: {};
     parameters: {
         controls: {
@@ -18,11 +17,11 @@ declare const meta: {
         form?: string | undefined | undefined;
         p?: (import('../../..').SpacingType | import('../../..').TypeWithMediaQueriesType<import('../../..').SpacingType>) | undefined;
         slot?: string | undefined | undefined;
-        style?: React.CSSProperties | undefined;
+        style?: import('react').CSSProperties | undefined;
         title?: string | undefined | undefined;
-        as?: ((string | React.ComponentClass<any, any> | React.FunctionComponent<any>) & import('../../..').As) | undefined;
         color?: (import('../../..').ColorType | string) | undefined;
-        key?: React.Key | null | undefined;
+        as?: ((string | import('react').ComponentClass<any, any> | import('react').FunctionComponent<any>) & import('../../..').As) | undefined;
+        key?: import('react').Key | null | undefined;
         defaultChecked?: boolean | undefined | undefined;
         defaultValue?: string | number | readonly string[] | undefined;
         suppressContentEditableWarning?: boolean | undefined | undefined;
@@ -44,7 +43,7 @@ declare const meta: {
         tabIndex?: number | undefined | undefined;
         translate?: "yes" | "no" | undefined | undefined;
         radioGroup?: string | undefined | undefined;
-        role?: React.AriaRole | undefined;
+        role?: import('react').AriaRole | undefined;
         about?: string | undefined | undefined;
         content?: string | undefined | undefined;
         datatype?: string | undefined | undefined;
@@ -126,164 +125,164 @@ declare const meta: {
         dangerouslySetInnerHTML?: {
             __html: string | TrustedHTML;
         } | undefined | undefined;
-        onCopy?: React.ClipboardEventHandler<HTMLButtonElement> | undefined;
-        onCopyCapture?: React.ClipboardEventHandler<HTMLButtonElement> | undefined;
-        onCut?: React.ClipboardEventHandler<HTMLButtonElement> | undefined;
-        onCutCapture?: React.ClipboardEventHandler<HTMLButtonElement> | undefined;
-        onPaste?: React.ClipboardEventHandler<HTMLButtonElement> | undefined;
-        onPasteCapture?: React.ClipboardEventHandler<HTMLButtonElement> | undefined;
-        onCompositionEnd?: React.CompositionEventHandler<HTMLButtonElement> | undefined;
-        onCompositionEndCapture?: React.CompositionEventHandler<HTMLButtonElement> | undefined;
-        onCompositionStart?: React.CompositionEventHandler<HTMLButtonElement> | undefined;
-        onCompositionStartCapture?: React.CompositionEventHandler<HTMLButtonElement> | undefined;
-        onCompositionUpdate?: React.CompositionEventHandler<HTMLButtonElement> | undefined;
-        onCompositionUpdateCapture?: React.CompositionEventHandler<HTMLButtonElement> | undefined;
-        onFocus?: React.FocusEventHandler<HTMLButtonElement> | undefined;
-        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.InputEventHandler<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;
-        onLoad?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onLoadCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onError?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onErrorCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onKeyDown?: React.KeyboardEventHandler<HTMLButtonElement> | undefined;
-        onKeyDownCapture?: React.KeyboardEventHandler<HTMLButtonElement> | undefined;
-        onKeyPress?: React.KeyboardEventHandler<HTMLButtonElement> | undefined;
-        onKeyPressCapture?: React.KeyboardEventHandler<HTMLButtonElement> | undefined;
-        onKeyUp?: React.KeyboardEventHandler<HTMLButtonElement> | undefined;
-        onKeyUpCapture?: React.KeyboardEventHandler<HTMLButtonElement> | undefined;
-        onAbort?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onAbortCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onCanPlay?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onCanPlayCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onCanPlayThrough?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onCanPlayThroughCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onDurationChange?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onDurationChangeCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onEmptied?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onEmptiedCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onEncrypted?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onEncryptedCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onEnded?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onEndedCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onLoadedData?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onLoadedDataCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onLoadedMetadata?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onLoadedMetadataCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onLoadStart?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onLoadStartCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onPause?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onPauseCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onPlay?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onPlayCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onPlaying?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onPlayingCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onProgress?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onProgressCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onRateChange?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onRateChangeCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onSeeked?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onSeekedCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onSeeking?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onSeekingCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onStalled?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onStalledCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onSuspend?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onSuspendCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onTimeUpdate?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onTimeUpdateCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onVolumeChange?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onVolumeChangeCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onWaiting?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onWaitingCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onAuxClick?: React.MouseEventHandler<HTMLButtonElement> | undefined;
-        onAuxClickCapture?: React.MouseEventHandler<HTMLButtonElement> | undefined;
-        onClick?: React.MouseEventHandler<HTMLButtonElement> | undefined;
-        onClickCapture?: React.MouseEventHandler<HTMLButtonElement> | undefined;
-        onContextMenu?: React.MouseEventHandler<HTMLButtonElement> | undefined;
-        onContextMenuCapture?: React.MouseEventHandler<HTMLButtonElement> | undefined;
-        onDoubleClick?: React.MouseEventHandler<HTMLButtonElement> | undefined;
-        onDoubleClickCapture?: React.MouseEventHandler<HTMLButtonElement> | undefined;
-        onDrag?: React.DragEventHandler<HTMLButtonElement> | undefined;
-        onDragCapture?: React.DragEventHandler<HTMLButtonElement> | undefined;
-        onDragEnd?: React.DragEventHandler<HTMLButtonElement> | undefined;
-        onDragEndCapture?: React.DragEventHandler<HTMLButtonElement> | undefined;
-        onDragEnter?: React.DragEventHandler<HTMLButtonElement> | undefined;
-        onDragEnterCapture?: React.DragEventHandler<HTMLButtonElement> | undefined;
-        onDragExit?: React.DragEventHandler<HTMLButtonElement> | undefined;
-        onDragExitCapture?: React.DragEventHandler<HTMLButtonElement> | undefined;
-        onDragLeave?: React.DragEventHandler<HTMLButtonElement> | undefined;
-        onDragLeaveCapture?: React.DragEventHandler<HTMLButtonElement> | undefined;
-        onDragOver?: React.DragEventHandler<HTMLButtonElement> | undefined;
-        onDragOverCapture?: React.DragEventHandler<HTMLButtonElement> | undefined;
-        onDragStart?: React.DragEventHandler<HTMLButtonElement> | undefined;
-        onDragStartCapture?: React.DragEventHandler<HTMLButtonElement> | undefined;
-        onDrop?: React.DragEventHandler<HTMLButtonElement> | undefined;
-        onDropCapture?: React.DragEventHandler<HTMLButtonElement> | undefined;
-        onMouseDown?: React.MouseEventHandler<HTMLButtonElement> | undefined;
-        onMouseDownCapture?: React.MouseEventHandler<HTMLButtonElement> | undefined;
-        onMouseEnter?: React.MouseEventHandler<HTMLButtonElement> | undefined;
-        onMouseLeave?: React.MouseEventHandler<HTMLButtonElement> | undefined;
-        onMouseMove?: React.MouseEventHandler<HTMLButtonElement> | undefined;
-        onMouseMoveCapture?: React.MouseEventHandler<HTMLButtonElement> | undefined;
-        onMouseOut?: React.MouseEventHandler<HTMLButtonElement> | undefined;
-        onMouseOutCapture?: React.MouseEventHandler<HTMLButtonElement> | undefined;
-        onMouseOver?: React.MouseEventHandler<HTMLButtonElement> | undefined;
-        onMouseOverCapture?: React.MouseEventHandler<HTMLButtonElement> | undefined;
-        onMouseUp?: React.MouseEventHandler<HTMLButtonElement> | undefined;
-        onMouseUpCapture?: React.MouseEventHandler<HTMLButtonElement> | undefined;
-        onSelect?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onSelectCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onTouchCancel?: React.TouchEventHandler<HTMLButtonElement> | undefined;
-        onTouchCancelCapture?: React.TouchEventHandler<HTMLButtonElement> | undefined;
-        onTouchEnd?: React.TouchEventHandler<HTMLButtonElement> | undefined;
-        onTouchEndCapture?: React.TouchEventHandler<HTMLButtonElement> | undefined;
-        onTouchMove?: React.TouchEventHandler<HTMLButtonElement> | undefined;
-        onTouchMoveCapture?: React.TouchEventHandler<HTMLButtonElement> | undefined;
-        onTouchStart?: React.TouchEventHandler<HTMLButtonElement> | undefined;
-        onTouchStartCapture?: React.TouchEventHandler<HTMLButtonElement> | undefined;
-        onPointerDown?: React.PointerEventHandler<HTMLButtonElement> | undefined;
-        onPointerDownCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
-        onPointerMove?: React.PointerEventHandler<HTMLButtonElement> | undefined;
-        onPointerMoveCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
-        onPointerUp?: React.PointerEventHandler<HTMLButtonElement> | undefined;
-        onPointerUpCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
-        onPointerCancel?: React.PointerEventHandler<HTMLButtonElement> | undefined;
-        onPointerCancelCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
-        onPointerEnter?: React.PointerEventHandler<HTMLButtonElement> | undefined;
-        onPointerLeave?: React.PointerEventHandler<HTMLButtonElement> | undefined;
-        onPointerOver?: React.PointerEventHandler<HTMLButtonElement> | undefined;
-        onPointerOverCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
-        onPointerOut?: React.PointerEventHandler<HTMLButtonElement> | undefined;
-        onPointerOutCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
-        onGotPointerCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
-        onGotPointerCaptureCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
-        onLostPointerCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
-        onLostPointerCaptureCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
-        onScroll?: React.UIEventHandler<HTMLButtonElement> | undefined;
-        onScrollCapture?: React.UIEventHandler<HTMLButtonElement> | undefined;
-        onWheel?: React.WheelEventHandler<HTMLButtonElement> | undefined;
-        onWheelCapture?: React.WheelEventHandler<HTMLButtonElement> | undefined;
-        onAnimationStart?: React.AnimationEventHandler<HTMLButtonElement> | undefined;
-        onAnimationStartCapture?: React.AnimationEventHandler<HTMLButtonElement> | undefined;
-        onAnimationEnd?: React.AnimationEventHandler<HTMLButtonElement> | undefined;
-        onAnimationEndCapture?: React.AnimationEventHandler<HTMLButtonElement> | undefined;
-        onAnimationIteration?: React.AnimationEventHandler<HTMLButtonElement> | undefined;
-        onAnimationIterationCapture?: React.AnimationEventHandler<HTMLButtonElement> | undefined;
-        onTransitionEnd?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
-        onTransitionEndCapture?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
+        onCopy?: import('react').ClipboardEventHandler<HTMLButtonElement> | undefined;
+        onCopyCapture?: import('react').ClipboardEventHandler<HTMLButtonElement> | undefined;
+        onCut?: import('react').ClipboardEventHandler<HTMLButtonElement> | undefined;
+        onCutCapture?: import('react').ClipboardEventHandler<HTMLButtonElement> | undefined;
+        onPaste?: import('react').ClipboardEventHandler<HTMLButtonElement> | undefined;
+        onPasteCapture?: import('react').ClipboardEventHandler<HTMLButtonElement> | undefined;
+        onCompositionEnd?: import('react').CompositionEventHandler<HTMLButtonElement> | undefined;
+        onCompositionEndCapture?: import('react').CompositionEventHandler<HTMLButtonElement> | undefined;
+        onCompositionStart?: import('react').CompositionEventHandler<HTMLButtonElement> | undefined;
+        onCompositionStartCapture?: import('react').CompositionEventHandler<HTMLButtonElement> | undefined;
+        onCompositionUpdate?: import('react').CompositionEventHandler<HTMLButtonElement> | undefined;
+        onCompositionUpdateCapture?: import('react').CompositionEventHandler<HTMLButtonElement> | undefined;
+        onFocus?: import('react').FocusEventHandler<HTMLButtonElement> | undefined;
+        onFocusCapture?: import('react').FocusEventHandler<HTMLButtonElement> | undefined;
+        onBlur?: import('react').FocusEventHandler<HTMLButtonElement> | undefined;
+        onBlurCapture?: import('react').FocusEventHandler<HTMLButtonElement> | undefined;
+        onChange?: import('react').FormEventHandler<HTMLButtonElement> | undefined;
+        onChangeCapture?: import('react').FormEventHandler<HTMLButtonElement> | undefined;
+        onBeforeInput?: import('react').InputEventHandler<HTMLButtonElement> | undefined;
+        onBeforeInputCapture?: import('react').FormEventHandler<HTMLButtonElement> | undefined;
+        onInput?: import('react').FormEventHandler<HTMLButtonElement> | undefined;
+        onInputCapture?: import('react').FormEventHandler<HTMLButtonElement> | undefined;
+        onReset?: import('react').FormEventHandler<HTMLButtonElement> | undefined;
+        onResetCapture?: import('react').FormEventHandler<HTMLButtonElement> | undefined;
+        onSubmit?: import('react').FormEventHandler<HTMLButtonElement> | undefined;
+        onSubmitCapture?: import('react').FormEventHandler<HTMLButtonElement> | undefined;
+        onInvalid?: import('react').FormEventHandler<HTMLButtonElement> | undefined;
+        onInvalidCapture?: import('react').FormEventHandler<HTMLButtonElement> | undefined;
+        onLoad?: import('react').ReactEventHandler<HTMLButtonElement> | undefined;
+        onLoadCapture?: import('react').ReactEventHandler<HTMLButtonElement> | undefined;
+        onError?: import('react').ReactEventHandler<HTMLButtonElement> | undefined;
+        onErrorCapture?: import('react').ReactEventHandler<HTMLButtonElement> | undefined;
+        onKeyDown?: import('react').KeyboardEventHandler<HTMLButtonElement> | undefined;
+        onKeyDownCapture?: import('react').KeyboardEventHandler<HTMLButtonElement> | undefined;
+        onKeyPress?: import('react').KeyboardEventHandler<HTMLButtonElement> | undefined;
+        onKeyPressCapture?: import('react').KeyboardEventHandler<HTMLButtonElement> | undefined;
+        onKeyUp?: import('react').KeyboardEventHandler<HTMLButtonElement> | undefined;
+        onKeyUpCapture?: import('react').KeyboardEventHandler<HTMLButtonElement> | undefined;
+        onAbort?: import('react').ReactEventHandler<HTMLButtonElement> | undefined;
+        onAbortCapture?: import('react').ReactEventHandler<HTMLButtonElement> | undefined;
+        onCanPlay?: import('react').ReactEventHandler<HTMLButtonElement> | undefined;
+        onCanPlayCapture?: import('react').ReactEventHandler<HTMLButtonElement> | undefined;
+        onCanPlayThrough?: import('react').ReactEventHandler<HTMLButtonElement> | undefined;
+        onCanPlayThroughCapture?: import('react').ReactEventHandler<HTMLButtonElement> | undefined;
+        onDurationChange?: import('react').ReactEventHandler<HTMLButtonElement> | undefined;
+        onDurationChangeCapture?: import('react').ReactEventHandler<HTMLButtonElement> | undefined;
+        onEmptied?: import('react').ReactEventHandler<HTMLButtonElement> | undefined;
+        onEmptiedCapture?: import('react').ReactEventHandler<HTMLButtonElement> | undefined;
+        onEncrypted?: import('react').ReactEventHandler<HTMLButtonElement> | undefined;
+        onEncryptedCapture?: import('react').ReactEventHandler<HTMLButtonElement> | undefined;
+        onEnded?: import('react').ReactEventHandler<HTMLButtonElement> | undefined;
+        onEndedCapture?: import('react').ReactEventHandler<HTMLButtonElement> | undefined;
+        onLoadedData?: import('react').ReactEventHandler<HTMLButtonElement> | undefined;
+        onLoadedDataCapture?: import('react').ReactEventHandler<HTMLButtonElement> | undefined;
+        onLoadedMetadata?: import('react').ReactEventHandler<HTMLButtonElement> | undefined;
+        onLoadedMetadataCapture?: import('react').ReactEventHandler<HTMLButtonElement> | undefined;
+        onLoadStart?: import('react').ReactEventHandler<HTMLButtonElement> | undefined;
+        onLoadStartCapture?: import('react').ReactEventHandler<HTMLButtonElement> | undefined;
+        onPause?: import('react').ReactEventHandler<HTMLButtonElement> | undefined;
+        onPauseCapture?: import('react').ReactEventHandler<HTMLButtonElement> | undefined;
+        onPlay?: import('react').ReactEventHandler<HTMLButtonElement> | undefined;
+        onPlayCapture?: import('react').ReactEventHandler<HTMLButtonElement> | undefined;
+        onPlaying?: import('react').ReactEventHandler<HTMLButtonElement> | undefined;
+        onPlayingCapture?: import('react').ReactEventHandler<HTMLButtonElement> | undefined;
+        onProgress?: import('react').ReactEventHandler<HTMLButtonElement> | undefined;
+        onProgressCapture?: import('react').ReactEventHandler<HTMLButtonElement> | undefined;
+        onRateChange?: import('react').ReactEventHandler<HTMLButtonElement> | undefined;
+        onRateChangeCapture?: import('react').ReactEventHandler<HTMLButtonElement> | undefined;
+        onSeeked?: import('react').ReactEventHandler<HTMLButtonElement> | undefined;
+        onSeekedCapture?: import('react').ReactEventHandler<HTMLButtonElement> | undefined;
+        onSeeking?: import('react').ReactEventHandler<HTMLButtonElement> | undefined;
+        onSeekingCapture?: import('react').ReactEventHandler<HTMLButtonElement> | undefined;
+        onStalled?: import('react').ReactEventHandler<HTMLButtonElement> | undefined;
+        onStalledCapture?: import('react').ReactEventHandler<HTMLButtonElement> | undefined;
+        onSuspend?: import('react').ReactEventHandler<HTMLButtonElement> | undefined;
+        onSuspendCapture?: import('react').ReactEventHandler<HTMLButtonElement> | undefined;
+        onTimeUpdate?: import('react').ReactEventHandler<HTMLButtonElement> | undefined;
+        onTimeUpdateCapture?: import('react').ReactEventHandler<HTMLButtonElement> | undefined;
+        onVolumeChange?: import('react').ReactEventHandler<HTMLButtonElement> | undefined;
+        onVolumeChangeCapture?: import('react').ReactEventHandler<HTMLButtonElement> | undefined;
+        onWaiting?: import('react').ReactEventHandler<HTMLButtonElement> | undefined;
+        onWaitingCapture?: import('react').ReactEventHandler<HTMLButtonElement> | undefined;
+        onAuxClick?: import('react').MouseEventHandler<HTMLButtonElement> | undefined;
+        onAuxClickCapture?: import('react').MouseEventHandler<HTMLButtonElement> | undefined;
+        onClick?: import('react').MouseEventHandler<HTMLButtonElement> | undefined;
+        onClickCapture?: import('react').MouseEventHandler<HTMLButtonElement> | undefined;
+        onContextMenu?: import('react').MouseEventHandler<HTMLButtonElement> | undefined;
+        onContextMenuCapture?: import('react').MouseEventHandler<HTMLButtonElement> | undefined;
+        onDoubleClick?: import('react').MouseEventHandler<HTMLButtonElement> | undefined;
+        onDoubleClickCapture?: import('react').MouseEventHandler<HTMLButtonElement> | undefined;
+        onDrag?: import('react').DragEventHandler<HTMLButtonElement> | undefined;
+        onDragCapture?: import('react').DragEventHandler<HTMLButtonElement> | undefined;
+        onDragEnd?: import('react').DragEventHandler<HTMLButtonElement> | undefined;
+        onDragEndCapture?: import('react').DragEventHandler<HTMLButtonElement> | undefined;
+        onDragEnter?: import('react').DragEventHandler<HTMLButtonElement> | undefined;
+        onDragEnterCapture?: import('react').DragEventHandler<HTMLButtonElement> | undefined;
+        onDragExit?: import('react').DragEventHandler<HTMLButtonElement> | undefined;
+        onDragExitCapture?: import('react').DragEventHandler<HTMLButtonElement> | undefined;
+        onDragLeave?: import('react').DragEventHandler<HTMLButtonElement> | undefined;
+        onDragLeaveCapture?: import('react').DragEventHandler<HTMLButtonElement> | undefined;
+        onDragOver?: import('react').DragEventHandler<HTMLButtonElement> | undefined;
+        onDragOverCapture?: import('react').DragEventHandler<HTMLButtonElement> | undefined;
+        onDragStart?: import('react').DragEventHandler<HTMLButtonElement> | undefined;
+        onDragStartCapture?: import('react').DragEventHandler<HTMLButtonElement> | undefined;
+        onDrop?: import('react').DragEventHandler<HTMLButtonElement> | undefined;
+        onDropCapture?: import('react').DragEventHandler<HTMLButtonElement> | undefined;
+        onMouseDown?: import('react').MouseEventHandler<HTMLButtonElement> | undefined;
+        onMouseDownCapture?: import('react').MouseEventHandler<HTMLButtonElement> | undefined;
+        onMouseEnter?: import('react').MouseEventHandler<HTMLButtonElement> | undefined;
+        onMouseLeave?: import('react').MouseEventHandler<HTMLButtonElement> | undefined;
+        onMouseMove?: import('react').MouseEventHandler<HTMLButtonElement> | undefined;
+        onMouseMoveCapture?: import('react').MouseEventHandler<HTMLButtonElement> | undefined;
+        onMouseOut?: import('react').MouseEventHandler<HTMLButtonElement> | undefined;
+        onMouseOutCapture?: import('react').MouseEventHandler<HTMLButtonElement> | undefined;
+        onMouseOver?: import('react').MouseEventHandler<HTMLButtonElement> | undefined;
+        onMouseOverCapture?: import('react').MouseEventHandler<HTMLButtonElement> | undefined;
+        onMouseUp?: import('react').MouseEventHandler<HTMLButtonElement> | undefined;
+        onMouseUpCapture?: import('react').MouseEventHandler<HTMLButtonElement> | undefined;
+        onSelect?: import('react').ReactEventHandler<HTMLButtonElement> | undefined;
+        onSelectCapture?: import('react').ReactEventHandler<HTMLButtonElement> | undefined;
+        onTouchCancel?: import('react').TouchEventHandler<HTMLButtonElement> | undefined;
+        onTouchCancelCapture?: import('react').TouchEventHandler<HTMLButtonElement> | undefined;
+        onTouchEnd?: import('react').TouchEventHandler<HTMLButtonElement> | undefined;
+        onTouchEndCapture?: import('react').TouchEventHandler<HTMLButtonElement> | undefined;
+        onTouchMove?: import('react').TouchEventHandler<HTMLButtonElement> | undefined;
+        onTouchMoveCapture?: import('react').TouchEventHandler<HTMLButtonElement> | undefined;
+        onTouchStart?: import('react').TouchEventHandler<HTMLButtonElement> | undefined;
+        onTouchStartCapture?: import('react').TouchEventHandler<HTMLButtonElement> | undefined;
+        onPointerDown?: import('react').PointerEventHandler<HTMLButtonElement> | undefined;
+        onPointerDownCapture?: import('react').PointerEventHandler<HTMLButtonElement> | undefined;
+        onPointerMove?: import('react').PointerEventHandler<HTMLButtonElement> | undefined;
+        onPointerMoveCapture?: import('react').PointerEventHandler<HTMLButtonElement> | undefined;
+        onPointerUp?: import('react').PointerEventHandler<HTMLButtonElement> | undefined;
+        onPointerUpCapture?: import('react').PointerEventHandler<HTMLButtonElement> | undefined;
+        onPointerCancel?: import('react').PointerEventHandler<HTMLButtonElement> | undefined;
+        onPointerCancelCapture?: import('react').PointerEventHandler<HTMLButtonElement> | undefined;
+        onPointerEnter?: import('react').PointerEventHandler<HTMLButtonElement> | undefined;
+        onPointerLeave?: import('react').PointerEventHandler<HTMLButtonElement> | undefined;
+        onPointerOver?: import('react').PointerEventHandler<HTMLButtonElement> | undefined;
+        onPointerOverCapture?: import('react').PointerEventHandler<HTMLButtonElement> | undefined;
+        onPointerOut?: import('react').PointerEventHandler<HTMLButtonElement> | undefined;
+        onPointerOutCapture?: import('react').PointerEventHandler<HTMLButtonElement> | undefined;
+        onGotPointerCapture?: import('react').PointerEventHandler<HTMLButtonElement> | undefined;
+        onGotPointerCaptureCapture?: import('react').PointerEventHandler<HTMLButtonElement> | undefined;
+        onLostPointerCapture?: import('react').PointerEventHandler<HTMLButtonElement> | undefined;
+        onLostPointerCaptureCapture?: import('react').PointerEventHandler<HTMLButtonElement> | undefined;
+        onScroll?: import('react').UIEventHandler<HTMLButtonElement> | undefined;
+        onScrollCapture?: import('react').UIEventHandler<HTMLButtonElement> | undefined;
+        onWheel?: import('react').WheelEventHandler<HTMLButtonElement> | undefined;
+        onWheelCapture?: import('react').WheelEventHandler<HTMLButtonElement> | undefined;
+        onAnimationStart?: import('react').AnimationEventHandler<HTMLButtonElement> | undefined;
+        onAnimationStartCapture?: import('react').AnimationEventHandler<HTMLButtonElement> | undefined;
+        onAnimationEnd?: import('react').AnimationEventHandler<HTMLButtonElement> | undefined;
+        onAnimationEndCapture?: import('react').AnimationEventHandler<HTMLButtonElement> | undefined;
+        onAnimationIteration?: import('react').AnimationEventHandler<HTMLButtonElement> | undefined;
+        onAnimationIterationCapture?: import('react').AnimationEventHandler<HTMLButtonElement> | undefined;
+        onTransitionEnd?: import('react').TransitionEventHandler<HTMLButtonElement> | undefined;
+        onTransitionEndCapture?: import('react').TransitionEventHandler<HTMLButtonElement> | undefined;
         variant?: import('..').ButtonVariantType | undefined;
         m?: (import('../../..').SpacingType | import('../../..').TypeWithMediaQueriesType<import('../../..').SpacingType>) | undefined;
         mt?: (import('../../..').SpacingType | import('../../..').TypeWithMediaQueriesType<import('../../..').SpacingType>) | undefined;
@@ -316,7 +315,7 @@ declare const meta: {
         isLoading?: boolean | undefined;
         isCloseWithProgress?: boolean | undefined;
         closeProgressColor?: import('../../..').ColorType | undefined;
-    }>) => React.JSX.Element)[];
+    }>) => import("react/jsx-runtime").JSX.Element)[];
 };
 export default meta;
 type Story = StoryObj<typeof meta>;