@spaced-out/ui-design-system 0.5.6 → 0.5.7-beta.1

package/lib/components/ButtonDropdown/SimpleButtonDropdown.stories.d.ts

@@ -1,10 +1,10 @@
 import * as React from 'react';
 import type { MenuOption } from '../Menu';
-import type { SimpleButtonDropdownProps } from './SimpleButtonDropdown';
+import type { SimpleButtonDropdownProps, SimpleButtonDropdownRef } from './SimpleButtonDropdown';
 declare const _default: {
     tags: string[];
     title: string;
-    component: import("flow-to-typescript-codemod").Flow.AbstractComponent<SimpleButtonDropdownProps, import("./SimpleButtonDropdown").SimpleButtonDropdownRef>;
+    component: import("flow-to-typescript-codemod").Flow.AbstractComponent<SimpleButtonDropdownProps, SimpleButtonDropdownRef>;
     argTypes: {
         onClick: {
             description: string;
@@ -413,6 +413,16 @@ export declare const _TextOnly: {
         options: MenuOption[];
         size: "medium";
         isFluid: false;
+        classNames?: Readonly<{
+            wrapper?: string;
+            icon?: string;
+            text?: string;
+        }>;
+        iconLeftName?: string;
+        iconLeftType?: import("..").IconType;
+        iconRightName?: string;
+        iconRightType?: import("..").IconType;
+        type?: import("../Button").ButtonType;
         className?: string | undefined | undefined;
         ariaLabel?: string | undefined;
         form?: string | undefined | undefined;
@@ -423,8 +433,11 @@ export declare const _TextOnly: {
         disabled?: boolean | undefined;
         slot?: string | undefined | undefined;
         title?: string | undefined | undefined;
+        onClick?: React.MouseEventHandler<HTMLButtonElement> | undefined;
         name?: string | undefined | undefined;
-        onClick?: ((arg1: React.SyntheticEvent<HTMLElement>) => unknown) | null | undefined | undefined;
+        actionType?: import("../Button").ButtonActionType | undefined;
+        tabIndex?: number | undefined;
+        isLoading?: boolean | undefined;
         formAction?: string | ((formData: FormData) => void | Promise<void>) | undefined;
         formEncType?: string | undefined | undefined;
         formMethod?: string | undefined | undefined;
@@ -448,7 +461,6 @@ export declare const _TextOnly: {
         lang?: string | undefined | undefined;
         nonce?: string | undefined | undefined;
         spellCheck?: (boolean | "true" | "false") | undefined;
-        tabIndex?: number | undefined;
         translate?: "yes" | "no" | undefined | undefined;
         radioGroup?: string | undefined | undefined;
         about?: string | undefined | undefined;
@@ -703,18 +715,6 @@ export declare const _TextOnly: {
         onTransitionRunCapture?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
         onTransitionStart?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
         onTransitionStartCapture?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
-        actionType?: import("../Button").ButtonActionType | undefined;
-        isLoading?: boolean | undefined;
-        classNames?: Readonly<{
-            wrapper?: string;
-            icon?: string;
-            text?: string;
-        }>;
-        iconLeftName?: string;
-        iconLeftType?: import("..").IconType;
-        iconRightName?: string;
-        iconRightType?: import("..").IconType;
-        type?: import("../Button").ButtonType;
     };
 };
 export declare const _TextWithTooltip: {
@@ -726,6 +726,16 @@ export declare const _TextWithTooltip: {
         options: MenuOption[];
         size: "medium";
         isFluid: false;
+        classNames?: Readonly<{
+            wrapper?: string;
+            icon?: string;
+            text?: string;
+        }>;
+        iconLeftName?: string;
+        iconLeftType?: import("..").IconType;
+        iconRightName?: string;
+        iconRightType?: import("..").IconType;
+        type?: import("../Button").ButtonType;
         className?: string | undefined | undefined;
         ariaLabel?: string | undefined;
         form?: string | undefined | undefined;
@@ -736,8 +746,11 @@ export declare const _TextWithTooltip: {
         disabled?: boolean | undefined;
         slot?: string | undefined | undefined;
         title?: string | undefined | undefined;
+        onClick?: React.MouseEventHandler<HTMLButtonElement> | undefined;
         name?: string | undefined | undefined;
-        onClick?: ((arg1: React.SyntheticEvent<HTMLElement>) => unknown) | null | undefined | undefined;
+        actionType?: import("../Button").ButtonActionType | undefined;
+        tabIndex?: number | undefined;
+        isLoading?: boolean | undefined;
         formAction?: string | ((formData: FormData) => void | Promise<void>) | undefined;
         formEncType?: string | undefined | undefined;
         formMethod?: string | undefined | undefined;
@@ -761,7 +774,6 @@ export declare const _TextWithTooltip: {
         lang?: string | undefined | undefined;
         nonce?: string | undefined | undefined;
         spellCheck?: (boolean | "true" | "false") | undefined;
-        tabIndex?: number | undefined;
         translate?: "yes" | "no" | undefined | undefined;
         radioGroup?: string | undefined | undefined;
         about?: string | undefined | undefined;
@@ -1016,8 +1028,14 @@ export declare const _TextWithTooltip: {
         onTransitionRunCapture?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
         onTransitionStart?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
         onTransitionStartCapture?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
-        actionType?: import("../Button").ButtonActionType | undefined;
-        isLoading?: boolean | undefined;
+    };
+};
+export declare const _TextAndIcon: {
+    (args: SimpleButtonDropdownProps): React.JSX.Element;
+    args: {
+        options: MenuOption[];
+        size: "medium";
+        isFluid: false;
         classNames?: Readonly<{
             wrapper?: string;
             icon?: string;
@@ -1028,14 +1046,6 @@ export declare const _TextWithTooltip: {
         iconRightName?: string;
         iconRightType?: import("..").IconType;
         type?: import("../Button").ButtonType;
-    };
-};
-export declare const _TextAndIcon: {
-    (args: SimpleButtonDropdownProps): React.JSX.Element;
-    args: {
-        options: MenuOption[];
-        size: "medium";
-        isFluid: false;
         className?: string | undefined | undefined;
         ariaLabel?: string | undefined;
         form?: string | undefined | undefined;
@@ -1046,8 +1056,11 @@ export declare const _TextAndIcon: {
         disabled?: boolean | undefined;
         slot?: string | undefined | undefined;
         title?: string | undefined | undefined;
+        onClick?: React.MouseEventHandler<HTMLButtonElement> | undefined;
         name?: string | undefined | undefined;
-        onClick?: ((arg1: React.SyntheticEvent<HTMLElement>) => unknown) | null | undefined | undefined;
+        actionType?: import("../Button").ButtonActionType | undefined;
+        tabIndex?: number | undefined;
+        isLoading?: boolean | undefined;
         formAction?: string | ((formData: FormData) => void | Promise<void>) | undefined;
         formEncType?: string | undefined | undefined;
         formMethod?: string | undefined | undefined;
@@ -1071,7 +1084,6 @@ export declare const _TextAndIcon: {
         lang?: string | undefined | undefined;
         nonce?: string | undefined | undefined;
         spellCheck?: (boolean | "true" | "false") | undefined;
-        tabIndex?: number | undefined;
         translate?: "yes" | "no" | undefined | undefined;
         radioGroup?: string | undefined | undefined;
         about?: string | undefined | undefined;
@@ -1326,8 +1338,14 @@ export declare const _TextAndIcon: {
         onTransitionRunCapture?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
         onTransitionStart?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
         onTransitionStartCapture?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
-        actionType?: import("../Button").ButtonActionType | undefined;
-        isLoading?: boolean | undefined;
+    };
+};
+export declare const _IconOnly: {
+    (args: SimpleButtonDropdownProps): React.JSX.Element;
+    args: {
+        options: MenuOption[];
+        size: "medium";
+        isFluid: false;
         classNames?: Readonly<{
             wrapper?: string;
             icon?: string;
@@ -1338,14 +1356,6 @@ export declare const _TextAndIcon: {
         iconRightName?: string;
         iconRightType?: import("..").IconType;
         type?: import("../Button").ButtonType;
-    };
-};
-export declare const _IconOnly: {
-    (args: SimpleButtonDropdownProps): React.JSX.Element;
-    args: {
-        options: MenuOption[];
-        size: "medium";
-        isFluid: false;
         className?: string | undefined | undefined;
         ariaLabel?: string | undefined;
         form?: string | undefined | undefined;
@@ -1356,8 +1366,11 @@ export declare const _IconOnly: {
         disabled?: boolean | undefined;
         slot?: string | undefined | undefined;
         title?: string | undefined | undefined;
+        onClick?: React.MouseEventHandler<HTMLButtonElement> | undefined;
         name?: string | undefined | undefined;
-        onClick?: ((arg1: React.SyntheticEvent<HTMLElement>) => unknown) | null | undefined | undefined;
+        actionType?: import("../Button").ButtonActionType | undefined;
+        tabIndex?: number | undefined;
+        isLoading?: boolean | undefined;
         formAction?: string | ((formData: FormData) => void | Promise<void>) | undefined;
         formEncType?: string | undefined | undefined;
         formMethod?: string | undefined | undefined;
@@ -1381,7 +1394,6 @@ export declare const _IconOnly: {
         lang?: string | undefined | undefined;
         nonce?: string | undefined | undefined;
         spellCheck?: (boolean | "true" | "false") | undefined;
-        tabIndex?: number | undefined;
         translate?: "yes" | "no" | undefined | undefined;
         radioGroup?: string | undefined | undefined;
         about?: string | undefined | undefined;
@@ -1636,8 +1648,15 @@ export declare const _IconOnly: {
         onTransitionRunCapture?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
         onTransitionStart?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
         onTransitionStartCapture?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
-        actionType?: import("../Button").ButtonActionType | undefined;
-        isLoading?: boolean | undefined;
+    };
+};
+export declare const _WithSearch: {
+    (args: SimpleButtonDropdownProps): React.JSX.Element;
+    args: {
+        options: MenuOption[];
+        size: "medium";
+        isFluid: false;
+        allowSearch: boolean;
         classNames?: Readonly<{
             wrapper?: string;
             icon?: string;
@@ -1648,15 +1667,6 @@ export declare const _IconOnly: {
         iconRightName?: string;
         iconRightType?: import("..").IconType;
         type?: import("../Button").ButtonType;
-    };
-};
-export declare const _WithSearch: {
-    (args: SimpleButtonDropdownProps): React.JSX.Element;
-    args: {
-        options: MenuOption[];
-        size: "medium";
-        isFluid: false;
-        allowSearch: boolean;
         className?: string | undefined | undefined;
         ariaLabel?: string | undefined;
         form?: string | undefined | undefined;
@@ -1667,8 +1677,11 @@ export declare const _WithSearch: {
         disabled?: boolean | undefined;
         slot?: string | undefined | undefined;
         title?: string | undefined | undefined;
+        onClick?: React.MouseEventHandler<HTMLButtonElement> | undefined;
         name?: string | undefined | undefined;
-        onClick?: ((arg1: React.SyntheticEvent<HTMLElement>) => unknown) | null | undefined | undefined;
+        actionType?: import("../Button").ButtonActionType | undefined;
+        tabIndex?: number | undefined;
+        isLoading?: boolean | undefined;
         formAction?: string | ((formData: FormData) => void | Promise<void>) | undefined;
         formEncType?: string | undefined | undefined;
         formMethod?: string | undefined | undefined;
@@ -1692,7 +1705,6 @@ export declare const _WithSearch: {
         lang?: string | undefined | undefined;
         nonce?: string | undefined | undefined;
         spellCheck?: (boolean | "true" | "false") | undefined;
-        tabIndex?: number | undefined;
         translate?: "yes" | "no" | undefined | undefined;
         radioGroup?: string | undefined | undefined;
         about?: string | undefined | undefined;
@@ -1947,18 +1959,6 @@ export declare const _WithSearch: {
         onTransitionRunCapture?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
         onTransitionStart?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
         onTransitionStartCapture?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
-        actionType?: import("../Button").ButtonActionType | undefined;
-        isLoading?: boolean | undefined;
-        classNames?: Readonly<{
-            wrapper?: string;
-            icon?: string;
-            text?: string;
-        }>;
-        iconLeftName?: string;
-        iconLeftType?: import("..").IconType;
-        iconRightName?: string;
-        iconRightType?: import("..").IconType;
-        type?: import("../Button").ButtonType;
     };
 };
 export declare const _WithCheckboxOptions: {
@@ -1969,6 +1969,16 @@ export declare const _WithCheckboxOptions: {
         options: MenuOption[];
         size: "medium";
         isFluid: false;
+        classNames?: Readonly<{
+            wrapper?: string;
+            icon?: string;
+            text?: string;
+        }>;
+        iconLeftName?: string;
+        iconLeftType?: import("..").IconType;
+        iconRightName?: string;
+        iconRightType?: import("..").IconType;
+        type?: import("../Button").ButtonType;
         className?: string | undefined | undefined;
         ariaLabel?: string | undefined;
         form?: string | undefined | undefined;
@@ -1979,8 +1989,11 @@ export declare const _WithCheckboxOptions: {
         disabled?: boolean | undefined;
         slot?: string | undefined | undefined;
         title?: string | undefined | undefined;
+        onClick?: React.MouseEventHandler<HTMLButtonElement> | undefined;
         name?: string | undefined | undefined;
-        onClick?: ((arg1: React.SyntheticEvent<HTMLElement>) => unknown) | null | undefined | undefined;
+        actionType?: import("../Button").ButtonActionType | undefined;
+        tabIndex?: number | undefined;
+        isLoading?: boolean | undefined;
         formAction?: string | ((formData: FormData) => void | Promise<void>) | undefined;
         formEncType?: string | undefined | undefined;
         formMethod?: string | undefined | undefined;
@@ -2004,7 +2017,6 @@ export declare const _WithCheckboxOptions: {
         lang?: string | undefined | undefined;
         nonce?: string | undefined | undefined;
         spellCheck?: (boolean | "true" | "false") | undefined;
-        tabIndex?: number | undefined;
         translate?: "yes" | "no" | undefined | undefined;
         radioGroup?: string | undefined | undefined;
         about?: string | undefined | undefined;
@@ -2259,18 +2271,6 @@ export declare const _WithCheckboxOptions: {
         onTransitionRunCapture?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
         onTransitionStart?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
         onTransitionStartCapture?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
-        actionType?: import("../Button").ButtonActionType | undefined;
-        isLoading?: boolean | undefined;
-        classNames?: Readonly<{
-            wrapper?: string;
-            icon?: string;
-            text?: string;
-        }>;
-        iconLeftName?: string;
-        iconLeftType?: import("..").IconType;
-        iconRightName?: string;
-        iconRightType?: import("..").IconType;
-        type?: import("../Button").ButtonType;
     };
 };
 export declare const _WithRadioOptions: {
@@ -2281,6 +2281,16 @@ export declare const _WithRadioOptions: {
         options: MenuOption[];
         size: "medium";
         isFluid: false;
+        classNames?: Readonly<{
+            wrapper?: string;
+            icon?: string;
+            text?: string;
+        }>;
+        iconLeftName?: string;
+        iconLeftType?: import("..").IconType;
+        iconRightName?: string;
+        iconRightType?: import("..").IconType;
+        type?: import("../Button").ButtonType;
         className?: string | undefined | undefined;
         ariaLabel?: string | undefined;
         form?: string | undefined | undefined;
@@ -2291,8 +2301,11 @@ export declare const _WithRadioOptions: {
         disabled?: boolean | undefined;
         slot?: string | undefined | undefined;
         title?: string | undefined | undefined;
+        onClick?: React.MouseEventHandler<HTMLButtonElement> | undefined;
         name?: string | undefined | undefined;
-        onClick?: ((arg1: React.SyntheticEvent<HTMLElement>) => unknown) | null | undefined | undefined;
+        actionType?: import("../Button").ButtonActionType | undefined;
+        tabIndex?: number | undefined;
+        isLoading?: boolean | undefined;
         formAction?: string | ((formData: FormData) => void | Promise<void>) | undefined;
         formEncType?: string | undefined | undefined;
         formMethod?: string | undefined | undefined;
@@ -2316,7 +2329,6 @@ export declare const _WithRadioOptions: {
         lang?: string | undefined | undefined;
         nonce?: string | undefined | undefined;
         spellCheck?: (boolean | "true" | "false") | undefined;
-        tabIndex?: number | undefined;
         translate?: "yes" | "no" | undefined | undefined;
         radioGroup?: string | undefined | undefined;
         about?: string | undefined | undefined;
@@ -2571,18 +2583,6 @@ export declare const _WithRadioOptions: {
         onTransitionRunCapture?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
         onTransitionStart?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
         onTransitionStartCapture?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
-        actionType?: import("../Button").ButtonActionType | undefined;
-        isLoading?: boolean | undefined;
-        classNames?: Readonly<{
-            wrapper?: string;
-            icon?: string;
-            text?: string;
-        }>;
-        iconLeftName?: string;
-        iconLeftType?: import("..").IconType;
-        iconRightName?: string;
-        iconRightType?: import("..").IconType;
-        type?: import("../Button").ButtonType;
     };
 };
 export declare const _WithHeaderAndFooter: {
@@ -2593,6 +2593,16 @@ export declare const _WithHeaderAndFooter: {
         options: MenuOption[];
         size: "medium";
         isFluid: false;
+        classNames?: Readonly<{
+            wrapper?: string;
+            icon?: string;
+            text?: string;
+        }>;
+        iconLeftName?: string;
+        iconLeftType?: import("..").IconType;
+        iconRightName?: string;
+        iconRightType?: import("..").IconType;
+        type?: import("../Button").ButtonType;
         className?: string | undefined | undefined;
         ariaLabel?: string | undefined;
         form?: string | undefined | undefined;
@@ -2603,8 +2613,11 @@ export declare const _WithHeaderAndFooter: {
         disabled?: boolean | undefined;
         slot?: string | undefined | undefined;
         title?: string | undefined | undefined;
+        onClick?: React.MouseEventHandler<HTMLButtonElement> | undefined;
         name?: string | undefined | undefined;
-        onClick?: ((arg1: React.SyntheticEvent<HTMLElement>) => unknown) | null | undefined | undefined;
+        actionType?: import("../Button").ButtonActionType | undefined;
+        tabIndex?: number | undefined;
+        isLoading?: boolean | undefined;
         formAction?: string | ((formData: FormData) => void | Promise<void>) | undefined;
         formEncType?: string | undefined | undefined;
         formMethod?: string | undefined | undefined;
@@ -2628,7 +2641,6 @@ export declare const _WithHeaderAndFooter: {
         lang?: string | undefined | undefined;
         nonce?: string | undefined | undefined;
         spellCheck?: (boolean | "true" | "false") | undefined;
-        tabIndex?: number | undefined;
         translate?: "yes" | "no" | undefined | undefined;
         radioGroup?: string | undefined | undefined;
         about?: string | undefined | undefined;
@@ -2883,18 +2895,6 @@ export declare const _WithHeaderAndFooter: {
         onTransitionRunCapture?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
         onTransitionStart?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
         onTransitionStartCapture?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
-        actionType?: import("../Button").ButtonActionType | undefined;
-        isLoading?: boolean | undefined;
-        classNames?: Readonly<{
-            wrapper?: string;
-            icon?: string;
-            text?: string;
-        }>;
-        iconLeftName?: string;
-        iconLeftType?: import("..").IconType;
-        iconRightName?: string;
-        iconRightType?: import("..").IconType;
-        type?: import("../Button").ButtonType;
     };
 };
 //# sourceMappingURL=SimpleButtonDropdown.stories.d.ts.map

package/lib/components/ButtonDropdown/SimpleButtonDropdown.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SimpleButtonDropdown.stories.d.ts","sourceRoot":"","sources":["../../../src/components/ButtonDropdown/SimpleButtonDropdown.stories.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"SimpleButtonDropdown.stories.d.ts","sourceRoot":"","sources":["../../../src/components/ButtonDropdown/SimpleButtonDropdown.stories.tsx"],"names":[],"mappings":"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"}

package/lib/components/ButtonTabs/ButtonTab/ButtonTab.d.ts

@@ -4,7 +4,7 @@ import type { IconType } from '../../Icon';
 type ClassNames = Readonly<{
     wrapper?: string;
 }>;
-export type ButtonTabProps = {
+export interface ButtonTabProps {
     classNames?: ClassNames;
     children?: React.ReactNode;
     disabled?: boolean;
@@ -19,7 +19,7 @@ export type ButtonTabProps = {
     isLoading?: boolean;
     isLeftCurved?: boolean;
     isRightCurved?: boolean;
-};
+}
 export declare const ButtonTab: Flow.AbstractComponent<ButtonTabProps, HTMLButtonElement>;
 export {};
 //# sourceMappingURL=ButtonTab.d.ts.map

package/lib/components/ButtonTabs/ButtonTab/ButtonTab.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonTab.d.ts","sourceRoot":"","sources":["../../../../src/components/ButtonTabs/ButtonTab/ButtonTab.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAIrD,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,YAAY,CAAC;AAKzC,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC,CAAC;AAEH,MAAM,MAAM,cAAc,GAAG;IAC3B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iBAAiB,CAAC,EACd,CAAC,CACC,EAAE,EAAE,MAAM,EACV,CAAC,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,GAAG,IAAI,GAAG,SAAS,KACrD,OAAO,CAAC,GACb,IAAI,GACJ,SAAS,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,EAAE,MAAM,CAAC;IACX,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,IAAI,CAAC,iBAAiB,CAC5C,cAAc,EACd,iBAAiB,CAgDlB,CAAC"}
+{"version":3,"file":"ButtonTab.d.ts","sourceRoot":"","sources":["../../../../src/components/ButtonTabs/ButtonTab/ButtonTab.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAIrD,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,YAAY,CAAC;AAKzC,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC,CAAC;AAEH,MAAM,WAAW,cAAc;IAC7B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iBAAiB,CAAC,EACd,CAAC,CACC,EAAE,EAAE,MAAM,EACV,CAAC,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,GAAG,IAAI,GAAG,SAAS,KACrD,OAAO,CAAC,GACb,IAAI,GACJ,SAAS,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,EAAE,MAAM,CAAC;IACX,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED,eAAO,MAAM,SAAS,EAAE,IAAI,CAAC,iBAAiB,CAC5C,cAAc,EACd,iBAAiB,CAgDlB,CAAC"}

package/lib/components/ButtonTabs/ButtonTabDropdown.d.ts

@@ -1,13 +1,12 @@
 import * as React from 'react';
-import type { Over } from '../../types/utils';
 import type { AnchorType } from '../ButtonDropdown';
 import type { ElevationType } from '../Tooltip';
 import type { ButtonTabProps } from './ButtonTab';
-export type ButtonTabDropdownProps = Over<ButtonTabProps, {
+export interface ButtonTabDropdownProps extends Omit<ButtonTabProps, 'title' | 'elevation' | 'dropdownClass' | 'anchorPosition'> {
     title: string;
     elevation?: ElevationType;
     dropdownClass?: string;
     anchorPosition?: AnchorType;
-}>;
+}
 export declare const ButtonTabDropdown: ({ title, elevation, anchorPosition, ...buttonTabProps }: ButtonTabDropdownProps) => React.JSX.Element;
 //# sourceMappingURL=ButtonTabDropdown.d.ts.map

package/lib/components/ButtonTabs/ButtonTabDropdown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonTabDropdown.d.ts","sourceRoot":"","sources":["../../../src/components/ButtonTabs/ButtonTabDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAa/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAI5C,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,mBAAmB,CAAC;AAElD,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,YAAY,CAAC;AAG9C,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,aAAa,CAAC;AAMhD,MAAM,MAAM,sBAAsB,GAAG,IAAI,CACvC,cAAc,EACd;IACE,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,cAAc,CAAC,EAAE,UAAU,CAAC;CAC7B,CACF,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,yDAK/B,sBAAsB,sBAyGxB,CAAC"}
+{"version":3,"file":"ButtonTabDropdown.d.ts","sourceRoot":"","sources":["../../../src/components/ButtonTabs/ButtonTabDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAgB/B,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,mBAAmB,CAAC;AAIlD,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,YAAY,CAAC;AAG9C,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,aAAa,CAAC;AAMhD,MAAM,WAAW,sBACf,SAAQ,IAAI,CACV,cAAc,EACd,OAAO,GAAG,WAAW,GAAG,eAAe,GAAG,gBAAgB,CAC3D;IACD,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,cAAc,CAAC,EAAE,UAAU,CAAC;CAC7B;AAcD,eAAO,MAAM,iBAAiB,GAAI,yDAK/B,sBAAsB,sBAqGxB,CAAC"}

package/lib/components/ButtonTabs/ButtonTabDropdown.js

@@ -42,7 +42,6 @@ const ButtonTabDropdown = _ref => {
       iconType,
       classNames,
       size: buttonSize
-      // @ts-ignore - TS2339 - Property 'props' does not exist on type 'string | number | bigint | ReactElement<unknown, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | Promise<...>'.
     } = child.props;
     return {
       key: id,
@@ -70,7 +69,6 @@ const ButtonTabDropdown = _ref => {
   } = (0, _react2.useFloating)({
     open: true,
     strategy: 'absolute',
-    // @ts-ignore - TS2322 - Type 'string' is not assignable to type 'Placement | undefined'.
     placement: anchorPosition,
     whileElementsMounted: _react2.autoUpdate,
     middleware: [(0, _react2.shift)(), (0, _react2.flip)(), (0, _react2.offset)(parseInt(_space.spaceXXSmall))]
@@ -87,25 +85,18 @@ const ButtonTabDropdown = _ref => {
       "data-testid": "ButtonTabDropdown",
       className: (0, _classify.default)(_ButtonTabDropdownModule.default.buttonTabDropDownWrapper, dropdownClass)
     }, /*#__PURE__*/React.createElement(_ButtonTab.ButtonTab, _extends({}, buttonTabProps, {
-      // @ts-ignore - TS2322 - Type '((node: ReferenceType | null) => void) & ((node: ReferenceType | null) => void)' is not assignable to type '{ current: HTMLElement | null | undefined; }'.
       ref: (0, _mergeRefs.mergeRefs)([refs.setReference, triggerRef]),
-      selectedButtonTabId: moreTabSelectedId
-      // @ts-ignore - TS6133 - 'id' is declared but its value is never read.
-      ,
-      onButtonTabSelect: (id, e) => {
+      selectedButtonTabId: moreTabSelectedId,
+      onButtonTabSelect: (_id, e) => {
         e?.stopPropagation();
         onOpen();
       }
     }), title), isOpen && /*#__PURE__*/React.createElement(_react2.FloatingPortal, null, /*#__PURE__*/React.createElement(_react2.FloatingFocusManager, {
       modal: false,
-      context: context
-      // @ts-ignore - TS2322 - Type 'MutableRefObject<ReferenceType | null> & MutableRefObject<ReferenceType | null>' is not assignable to type 'number | MutableRefObject<HTMLElement | null> | undefined'.
-      ,
+      context: context,
       initialFocus: refs.reference
     }, /*#__PURE__*/React.createElement("div", {
-      className: _ButtonTabDropdownModule.default.menuWrapper
-      // @ts-ignore - TS2322 - Type '((node: HTMLElement | null) => void) & ((node: HTMLElement | null) => void)' is not assignable to type '{ current: HTMLElement | null | undefined; }'.
-      ,
+      className: _ButtonTabDropdownModule.default.menuWrapper,
       ref: (0, _mergeRefs.mergeRefs)([refs.setFloating, boundaryRef]),
       style: {
         display: 'flex',
@@ -116,7 +107,7 @@ const ButtonTabDropdown = _ref => {
       }
     }, /*#__PURE__*/React.createElement(_Menu.Menu, {
       onSelect: (option, e) => {
-        onTabSelect && onTabSelect(option.key, e);
+        onTabSelect?.(option.key, e);
         clickAway();
       },
       size: size,

package/lib/components/ButtonTabs/ButtonTabs.d.ts

@@ -6,7 +6,7 @@ type ClassNames = Readonly<{
     wrapper?: string;
     buttonTabDropdownWrapper?: string;
 }>;
-export type ButtonTabsProps = {
+export interface ButtonTabsProps {
     classNames?: ClassNames;
     children: React.ReactNode;
     isFluid?: boolean;
@@ -18,7 +18,7 @@ export type ButtonTabsProps = {
     elevation?: ElevationType;
     wrapTabTitle?: string;
     anchorPosition?: AnchorType;
-};
+}
 export declare const ButtonTabs: Flow.AbstractComponent<ButtonTabsProps, HTMLDivElement>;
 export {};
 //# sourceMappingURL=ButtonTabs.d.ts.map

package/lib/components/ButtonTabs/ButtonTabs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonTabs.d.ts","sourceRoot":"","sources":["../../../src/components/ButtonTabs/ButtonTabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAGrD,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,mBAAmB,CAAC;AAClD,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,YAAY,CAAC;AAO9C,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,wBAAwB,CAAC,EAAE,MAAM,CAAC;CACnC,CAAC,CAAC;AAEH,MAAM,MAAM,eAAe,GAAG;IAC5B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,iBAAiB,CAAC,EACd,CAAC,CACC,EAAE,EAAE,MAAM,EACV,CAAC,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,GAAG,IAAI,GAAG,SAAS,KACrD,OAAO,CAAC,GACb,IAAI,GACJ,SAAS,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,UAAU,CAAC;CAC7B,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,IAAI,CAAC,iBAAiB,CAC7C,eAAe,EACf,cAAc,CAyFf,CAAC"}
+{"version":3,"file":"ButtonTabs.d.ts","sourceRoot":"","sources":["../../../src/components/ButtonTabs/ButtonTabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAGrD,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,mBAAmB,CAAC;AAClD,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,YAAY,CAAC;AAe9C,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,wBAAwB,CAAC,EAAE,MAAM,CAAC;CACnC,CAAC,CAAC;AAEH,MAAM,WAAW,eAAe;IAC9B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,iBAAiB,CAAC,EACd,CAAC,CACC,EAAE,EAAE,MAAM,EACV,CAAC,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,GAAG,IAAI,GAAG,SAAS,KACrD,OAAO,CAAC,GACb,IAAI,GACJ,SAAS,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,UAAU,CAAC;CAC7B;AAED,eAAO,MAAM,UAAU,EAAE,IAAI,CAAC,iBAAiB,CAC7C,eAAe,EACf,cAAc,CAsFf,CAAC"}

package/lib/components/ButtonTabs/ButtonTabs.js

@@ -10,6 +10,8 @@ var _ButtonTabDropdown = require("./ButtonTabDropdown");
 var _ButtonTabsModule = _interopRequireDefault(require("./ButtonTabs.module.css"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+// Type definitions for child components
+
 const ButtonTabs = exports.ButtonTabs = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   let {
     classNames,
@@ -29,7 +31,6 @@ const ButtonTabs = exports.ButtonTabs = /*#__PURE__*/React.forwardRef((_ref, ref
   let wrappedNodes = [];
   if (typeof wrapAfter === 'number' && wrapAfter > -1) {
     unwrappedNodes = childrenArray.slice(0, wrapAfter);
-    // @ts-ignore - TS2322 - Type '(string | number | bigint | ReactElement<unknown, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | Promise<...>)[]' is not assignable to type 'never[]'.
     wrappedNodes = childrenArray.slice(wrapAfter);
     if (wrappedNodes.length) {
       unwrappedNodes.push(/*#__PURE__*/React.createElement(_ButtonTabDropdown.ButtonTabDropdown, {
@@ -44,7 +45,6 @@ const ButtonTabs = exports.ButtonTabs = /*#__PURE__*/React.forwardRef((_ref, ref
   }
   const childrenWithProps = unwrappedNodes.map((child, index) => {
     if (/*#__PURE__*/React.isValidElement(child)) {
-      // @ts-ignore - TS2339 - Property 'disabled' does not exist on type 'unknown'. | TS2339 - Property 'classNames' does not exist on type 'unknown'.
       const {
         disabled: disabledChild,
         classNames: classNamesChild
@@ -52,7 +52,6 @@ const ButtonTabs = exports.ButtonTabs = /*#__PURE__*/React.forwardRef((_ref, ref
       const isFirst = index === 0;
       const isLast = index === unwrappedNodes.length - 1;
       return /*#__PURE__*/React.cloneElement(child, {
-        // @ts-ignore - TS2698 - Spread types may only be created from object types.
         ...child.props,
         isFluid,
         size,