@alfalab/core-components 47.25.0 → 47.26.0-beta.1

package/tabs/modern/components/tabs/Component.mobile.d.ts

@@ -1,6 +1,4 @@
-/// <reference types="react" />
 import React from 'react';
-import { TabsProps } from "../../typings";
-type TabsMobileProps = Omit<TabsProps, 'TabList' | 'collapsedTabsIds'>;
-declare const TabsMobile: ({ view, scrollable, ...restProps }: TabsMobileProps) => React.JSX.Element;
-export { TabsMobileProps, TabsMobile };
+import { TabsProps } from '../../typings';
+export declare type TabsMobileProps = Omit<TabsProps, 'TabList' | 'collapsedTabsIds'>;
+export declare const TabsMobile: ({ view, scrollable, ...restProps }: TabsMobileProps) => React.JSX.Element;

package/tabs/modern/components/tabs/Component.mobile.js

@@ -19,10 +19,10 @@ import '@alfalab/icons-glyph/ChevronRightCompactSIcon';
 import '../scroll-controls/utils.js';
 import '../title/Component.js';
 import '../../../../skeleton/modern';
-import '../../index.module-250adb09.js';
+import '../../index.module-7256e18f.js';
 import '../../../../tag/modern/mobile';
 import '../secondary-tablist/Component.js';
-import '../../index.module-894f467a.js';
+import '../../index.module-aa554ee2.js';
 
 const views = {
     primary: PrimaryTabListMobile,

package/tabs/modern/components/tabs/Component.responsive.d.ts

@@ -1,6 +1,4 @@
-/// <reference types="react" />
 import React from 'react';
-import { TabsProps } from "../../typings";
-type TabsResponsiveProps = Omit<TabsProps, 'TabList' | 'collapsedTabsIds'>;
-declare const TabsResponsive: ({ view, scrollable, ...restProps }: TabsResponsiveProps) => React.JSX.Element;
-export { TabsResponsiveProps, TabsResponsive };
+import { TabsProps } from '../../typings';
+export declare type TabsResponsiveProps = Omit<TabsProps, 'TabList' | 'collapsedTabsIds'>;
+export declare const TabsResponsive: ({ view, scrollable, ...restProps }: TabsResponsiveProps) => React.JSX.Element;

package/tabs/modern/components/tabs/Component.responsive.js

@@ -21,12 +21,12 @@ import '@alfalab/icons-glyph/ChevronRightCompactSIcon';
 import '../scroll-controls/utils.js';
 import '../title/Component.js';
 import '../../../../skeleton/modern';
-import '../../index.module-250adb09.js';
+import '../../index.module-7256e18f.js';
 import '../primary-tablist/Component.mobile.js';
 import '../secondary-tablist/Component.desktop.js';
 import '../../../../tag/modern/desktop';
 import '../secondary-tablist/Component.js';
-import '../../index.module-894f467a.js';
+import '../../index.module-aa554ee2.js';
 import '../secondary-tablist/Component.mobile.js';
 import '../../../../tag/modern/mobile';
 

package/tabs/modern/components/title/Component.d.ts

@@ -1,11 +1,8 @@
-/// <reference types="react" />
 import React from 'react';
-import { SkeletonProps } from "../../../../skeleton";
-import { Styles, TabListTitle } from "../../typings";
-declare const Title: React.ForwardRefExoticComponent<TabListTitle & Styles & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "title" | "id"> & {
+import { Styles, TabListTitle } from '../../typings';
+export declare const Title: React.ForwardRefExoticComponent<TabListTitle & Styles & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "title" | "id"> & {
     focused?: boolean | undefined;
     isOption?: boolean | undefined;
     showSkeleton?: boolean | undefined;
     skeletonProps?: Omit<SkeletonProps, "visible"> | undefined;
 } & React.RefAttributes<HTMLButtonElement>>;
-export { Title };

package/tabs/modern/components/title/index.d.ts

@@ -1 +1 @@
-export * from "./Component";
+export * from './Component';

package/tabs/modern/desktop/index.d.ts

@@ -1,4 +1,4 @@
-export * from "../components/primary-tablist/Component.desktop";
-export * from "../components/secondary-tablist/Component.desktop";
-export * from "../components/tab/index";
-export * from "../components/tabs/Component.desktop";
+export * from '../components/primary-tablist/Component.desktop';
+export * from '../components/secondary-tablist/Component.desktop';
+export * from '../components/tab';
+export * from '../components/tabs/Component.desktop';

package/tabs/modern/desktop/index.js

@@ -20,8 +20,8 @@ import '@alfalab/icons-glyph/ChevronRightCompactSIcon';
 import '../components/scroll-controls/utils.js';
 import '../components/title/Component.js';
 import '../../../skeleton/modern';
-import '../index.module-250adb09.js';
+import '../index.module-7256e18f.js';
 import '../../../tag/modern/desktop';
 import '../components/secondary-tablist/Component.js';
-import '../index.module-894f467a.js';
+import '../index.module-aa554ee2.js';
 import '../components/tabs/Component.js';

package/tabs/modern/hooks/use-collapsible-elements.d.ts

@@ -1,8 +1,6 @@
-/// <reference types="react" />
 import { DependencyList } from 'react';
-declare const useCollapsibleElements: <ContainerType extends HTMLElement, AddonType extends HTMLElement>(selectors: string, deps?: DependencyList) => {
+export declare const useCollapsibleElements: <ContainerType extends HTMLElement, AddonType extends HTMLElement>(selectors: string, deps?: DependencyList) => {
     containerRef: import("react").RefObject<ContainerType>;
     addonRef: import("react").RefObject<AddonType>;
     idsCollapsedElements: string[];
 };
-export { useCollapsibleElements };

package/tabs/modern/hooks/use-tablist-titles.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
-import { TabListProps } from "../typings";
-declare const useTablistTitles: ({ titles, selectedId, collapsedTabsIds, breakpoint, onChange, defaultMatchMediaValue, }: Pick<TabListProps, 'titles' | 'selectedId' | 'collapsedTabsIds' | 'onChange' | 'defaultMatchMediaValue'> & Required<Pick<TabListProps, 'breakpoint'>>) => {
+import { TabListProps } from '../typings';
+export declare const useTablistTitles: ({ titles, selectedId, collapsedTabsIds, breakpoint, onChange, defaultMatchMediaValue, }: Pick<TabListProps, 'titles' | 'selectedId' | 'collapsedTabsIds' | 'onChange' | 'defaultMatchMediaValue'> & Required<Pick<TabListProps, 'breakpoint'>>) => {
     containerRef: import("react").RefObject<HTMLDivElement>;
     addonRef: import("react").RefObject<HTMLInputElement>;
     tablistTitles: {
@@ -22,11 +21,10 @@ declare const useTablistTitles: ({ titles, selectedId, collapsedTabsIds, breakpo
         tabIndex: number;
         'aria-selected': boolean;
         selected: boolean;
-        'data-test-id': string | undefined;
+        'data-test-id': any;
         disabled: boolean | undefined;
         ref: (instance: HTMLElement | null) => void;
         onKeyDown: (event: import("react").KeyboardEvent<HTMLButtonElement>) => void;
         onClick: (event?: import("react").MouseEvent<Element, MouseEvent> | undefined) => void;
     };
 };
-export { useTablistTitles };

package/tabs/modern/hooks/use-tabs.d.ts

@@ -1,13 +1,12 @@
-/// <reference types="react" />
 import { KeyboardEvent, MouseEvent, MutableRefObject } from 'react';
-import { UseTabsProps } from "../typings";
-declare function useTabs({ titles, selectedId, onChange }: UseTabsProps): {
+import { UseTabsProps } from '../typings';
+export declare function useTabs({ titles, selectedId, onChange }: UseTabsProps): {
     getTabListItemProps: (index: number, outerRef?: MutableRefObject<HTMLElement>) => {
         role: string;
         tabIndex: number;
         'aria-selected': boolean;
         selected: boolean;
-        'data-test-id': string | undefined;
+        'data-test-id': any;
         disabled: boolean | undefined;
         ref: (instance: HTMLElement | null) => void;
         onKeyDown: (event: KeyboardEvent<HTMLButtonElement>) => void;
@@ -16,4 +15,3 @@ declare function useTabs({ titles, selectedId, onChange }: UseTabsProps): {
     selectedTab: HTMLButtonElement | null;
     focusedTab: HTMLButtonElement | null;
 };
-export { useTabs };

package/tabs/modern/index.d.ts

@@ -1,4 +1,4 @@
-export * from "./components/primary-tablist/Component.responsive";
-export * from "./components/secondary-tablist/Component.responsive";
-export * from "./components/tab/index";
-export { TabsResponsive as Tabs, TabsResponsiveProps as TabsProps } from "./components/tabs/Component.responsive";
+export * from './components/primary-tablist/Component.responsive';
+export * from './components/secondary-tablist/Component.responsive';
+export * from './components/tab';
+export { TabsResponsive as Tabs, TabsResponsiveProps as TabsProps, } from './components/tabs/Component.responsive';

package/tabs/modern/index.js

@@ -22,12 +22,12 @@ import '@alfalab/icons-glyph/ChevronRightCompactSIcon';
 import './components/scroll-controls/utils.js';
 import './components/title/Component.js';
 import '../../skeleton/modern';
-import './index.module-250adb09.js';
+import './index.module-7256e18f.js';
 import './components/primary-tablist/Component.mobile.js';
 import './components/secondary-tablist/Component.desktop.js';
 import '../../tag/modern/desktop';
 import './components/secondary-tablist/Component.js';
-import './index.module-894f467a.js';
+import './index.module-aa554ee2.js';
 import './components/secondary-tablist/Component.mobile.js';
 import '../../tag/modern/mobile';
 import './components/tabs/Component.js';

package/tabs/modern/index.module-7256e18f.js

@@ -0,0 +1,4 @@
+const styles = {"component":"tabs__component_zca01","desktop":"tabs__desktop_zca01","paragraph-primary-large":"tabs__paragraph-primary-large_zca01","title":"tabs__title_zca01","paragraph-primary-medium":"tabs__paragraph-primary-medium_zca01","paragraph-primary-small":"tabs__paragraph-primary-small_zca01","action-primary-large":"tabs__action-primary-large_zca01","action-primary-medium":"tabs__action-primary-medium_zca01","action-primary-small":"tabs__action-primary-small_zca01","accent-primary-large":"tabs__accent-primary-large_zca01","accent-primary-medium":"tabs__accent-primary-medium_zca01","accent-primary-small":"tabs__accent-primary-small_zca01","pickerWrapper":"tabs__pickerWrapper_zca01","option":"tabs__option_zca01","scrollControls":"tabs__scrollControls_zca01","headline-system-xlarge":"tabs__headline-system-xlarge_zca01","headline-system-large":"tabs__headline-system-large_zca01","headline-system-medium":"tabs__headline-system-medium_zca01","headline-system-small":"tabs__headline-system-small_zca01","headline-system-xsmall":"tabs__headline-system-xsmall_zca01","headline-xlarge":"tabs__headline-xlarge_zca01","headline-large":"tabs__headline-large_zca01","headline-medium":"tabs__headline-medium_zca01","headline-small":"tabs__headline-small_zca01","headline-xsmall":"tabs__headline-xsmall_zca01","fullWidthScroll":"tabs__fullWidthScroll_zca01","container":"tabs__container_zca01","focused":"tabs__focused_zca01","collapsed":"tabs__collapsed_zca01","selected":"tabs__selected_zca01","disabled":"tabs__disabled_zca01","line":"tabs__line_zca01","s":"tabs__s_zca01","xs":"tabs__xs_zca01","xxs":"tabs__xxs_zca01","m":"tabs__m_zca01","l":"tabs__l_zca01","xl":"tabs__xl_zca01","rightAddons":"tabs__rightAddons_zca01","rightAddonsMarginZero":"tabs__rightAddonsMarginZero_zca01"};
+require('./components/primary-tablist/index.css');
+
+export { styles as s };

package/tabs/modern/index.module-aa554ee2.js

@@ -0,0 +1,4 @@
+const commonStyles = {"component":"tabs__component_hu25q","fullWidthScroll":"tabs__fullWidthScroll_hu25q","container":"tabs__container_hu25q","title":"tabs__title_hu25q","xxs":"tabs__xxs_hu25q","skeleton":"tabs__skeleton_hu25q","xs":"tabs__xs_hu25q","s":"tabs__s_hu25q","m":"tabs__m_hu25q","l":"tabs__l_hu25q","xl":"tabs__xl_hu25q"};
+require('./components/secondary-tablist/index.css');
+
+export { commonStyles as c };

package/tabs/modern/mobile/index.d.ts

@@ -1,4 +1,4 @@
-export * from "../components/primary-tablist/Component.mobile";
-export * from "../components/secondary-tablist/Component.mobile";
-export * from "../components/tab/index";
-export * from "../components/tabs/Component.mobile";
+export * from '../components/primary-tablist/Component.mobile';
+export * from '../components/secondary-tablist/Component.mobile';
+export * from '../components/tab';
+export * from '../components/tabs/Component.mobile';

package/tabs/modern/mobile/index.js

@@ -20,8 +20,8 @@ import '@alfalab/icons-glyph/ChevronRightCompactSIcon';
 import '../components/scroll-controls/utils.js';
 import '../components/title/Component.js';
 import '../../../skeleton/modern';
-import '../index.module-250adb09.js';
+import '../index.module-7256e18f.js';
 import '../../../tag/modern/mobile';
 import '../components/secondary-tablist/Component.js';
-import '../index.module-894f467a.js';
+import '../index.module-aa554ee2.js';
 import '../components/tabs/Component.js';

package/tabs/modern/shared/index.d.ts

@@ -1,4 +1,4 @@
-export * from "../components/scrollable-container/index";
-export * from "../hooks/use-tabs";
-export * from "../hooks/use-collapsible-elements";
-export * from "../typings";
+export * from '../components/scrollable-container';
+export * from '../hooks/use-tabs';
+export * from '../hooks/use-collapsible-elements';
+export * from '../typings';

package/tabs/modern/synthetic-events.d.ts

@@ -1,6 +1,4 @@
-/// <reference types="react" />
 import React from 'react';
-declare const createSyntheticEvent: <T extends Element, E extends Event>(event: E) => React.SyntheticEvent<T, E>;
-declare const createUIEvent: <T extends Element, E extends Event>(event: E) => React.UIEvent<T, E>;
-declare const createSyntheticMouseEvent: <T extends Element>(event: MouseEvent) => React.MouseEvent<T, MouseEvent>;
-export { createSyntheticEvent, createUIEvent, createSyntheticMouseEvent };
+export declare const createSyntheticEvent: <T extends Element, E extends Event>(event: E) => React.SyntheticEvent<T, E>;
+export declare const createUIEvent: <T extends Element, E extends Event>(event: E) => React.UIEvent<T, E>;
+export declare const createSyntheticMouseEvent: <T extends Element>(event: MouseEvent) => React.MouseEvent<T, MouseEvent>;

package/tabs/modern/typings.d.ts

@@ -1,9 +1,8 @@
-/// <reference types="react" />
 import { FC, MouseEvent, ReactElement, ReactNode, Ref } from 'react';
-import { SkeletonProps } from "../../skeleton";
-import { TagProps } from "../../tag";
-type SelectedId = string | number;
-type TabsProps = {
+import { SkeletonProps } from '../../skeleton';
+import { TagProps } from '../../tag';
+export declare type SelectedId = string | number;
+export declare type TabsProps = {
     /**
      * Дополнительный класс
      */
@@ -96,7 +95,7 @@ type TabsProps = {
      */
     skeletonProps?: Omit<SkeletonProps, 'visible'>;
 };
-type TabProps = {
+export declare type TabProps = {
     /**
      * Id таба
      */
@@ -142,7 +141,7 @@ type TabProps = {
      */
     toggleRef?: Ref<HTMLDivElement>;
 };
-type TabListTitle = {
+export declare type TabListTitle = {
     title: NonNullable<ReactNode>;
     id: SelectedId;
     disabled?: boolean;
@@ -154,7 +153,7 @@ type TabListTitle = {
     dataTestId?: string;
     toggleRef?: Ref<HTMLDivElement>;
 };
-type TabListProps = Pick<TabsProps, 'className' | 'containerClassName' | 'size' | 'defaultMatchMediaValue' | 'selectedId' | 'scrollable' | 'collapsedTabsIds' | 'onChange' | 'dataTestId' | 'fullWidthScroll' | 'tagShape' | 'tagView' | 'textStyle' | 'showSkeleton' | 'skeletonProps'> & {
+export declare type TabListProps = Pick<TabsProps, 'className' | 'containerClassName' | 'size' | 'defaultMatchMediaValue' | 'selectedId' | 'scrollable' | 'collapsedTabsIds' | 'onChange' | 'dataTestId' | 'fullWidthScroll' | 'tagShape' | 'tagView' | 'textStyle' | 'showSkeleton' | 'skeletonProps'> & {
     /**
      * Заголовки табов
      */
@@ -169,17 +168,16 @@ type TabListProps = Pick<TabsProps, 'className' | 'containerClassName' | 'size'
      */
     inlineStyle?: React.CSSProperties;
 };
-type SecondaryTabListProps = TabListProps & {
+export declare type SecondaryTabListProps = TabListProps & {
     tagSize?: TagProps['size'];
     TagComponent?: FC<Omit<TagProps, 'breakpoint'>>;
 };
-type UseTabsProps = TabListProps;
-type Styles = {
+export declare type UseTabsProps = TabListProps;
+export declare type Styles = {
     styles?: {
         [key: string]: string;
     };
 };
-type PlatformProps = {
+export declare type PlatformProps = {
     platform: 'desktop' | 'mobile';
 };
-export { SelectedId, TabsProps, TabProps, TabListTitle, TabListProps, SecondaryTabListProps, UseTabsProps, Styles, PlatformProps };

package/tabs/moderncssm/collapsible/index.d.ts

@@ -1,2 +1,2 @@
-export { TabsCollapsible, TabsCollapsibleProps } from "../components/tabs/Component.collapsible";
-export * from "../components/tab/index";
+export { TabsCollapsible, TabsCollapsibleProps } from '../components/tabs/Component.collapsible';
+export * from '../components/tab';

package/tabs/moderncssm/components/primary-tablist/Component.collapsible.d.ts

@@ -1,5 +1,3 @@
-/// <reference types="react" />
 import React from 'react';
-import { TabListProps } from "../../typings";
-declare const CollapsiblePrimaryTabList: ({ size, className, containerClassName, titles, selectedId, collapsedTabsIds, fullWidthScroll, onChange, dataTestId, breakpoint, defaultMatchMediaValue, textStyle, showSkeleton, skeletonProps, }: TabListProps) => React.JSX.Element;
-export { CollapsiblePrimaryTabList };
+import { TabListProps } from '../../typings';
+export declare const CollapsiblePrimaryTabList: ({ size, className, containerClassName, titles, selectedId, collapsedTabsIds, fullWidthScroll, onChange, dataTestId, breakpoint, defaultMatchMediaValue, textStyle, showSkeleton, skeletonProps, }: TabListProps) => React.JSX.Element;

package/tabs/moderncssm/components/primary-tablist/Component.d.ts

@@ -1,5 +1,3 @@
-/// <reference types="react" />
 import React from 'react';
-import { PlatformProps, Styles, TabListProps } from "../../typings";
-declare const PrimaryTabList: ({ size, styles, className, containerClassName, titles, selectedId, scrollable, fullWidthScroll, onChange, dataTestId, platform, textStyle, inlineStyle, showSkeleton, skeletonProps, }: TabListProps & Styles & PlatformProps) => React.JSX.Element;
-export { PrimaryTabList };
+import { PlatformProps, Styles, TabListProps } from '../../typings';
+export declare const PrimaryTabList: ({ size, styles, className, containerClassName, titles, selectedId, scrollable, fullWidthScroll, onChange, dataTestId, platform, textStyle, inlineStyle, showSkeleton, skeletonProps, }: TabListProps & Styles & PlatformProps) => React.JSX.Element;

package/tabs/moderncssm/components/primary-tablist/Component.desktop.d.ts

@@ -1,5 +1,3 @@
-/// <reference types="react" />
 import React from 'react';
-import { TabListProps } from "../../typings";
-declare const PrimaryTabListDesktop: ({ size, ...restProps }: TabListProps) => React.JSX.Element;
-export { PrimaryTabListDesktop };
+import { TabListProps } from '../../typings';
+export declare const PrimaryTabListDesktop: ({ size, ...restProps }: TabListProps) => React.JSX.Element;

package/tabs/moderncssm/components/primary-tablist/Component.mobile.d.ts

@@ -1,6 +1,4 @@
-/// <reference types="react" />
 import React from 'react';
-import { TabListProps } from "../../typings";
-type PrimaryTabListMobileProps = Omit<TabListProps, 'size' | 'collapsedTabsIds'>;
-declare const PrimaryTabListMobile: (props: PrimaryTabListMobileProps) => React.JSX.Element;
-export { PrimaryTabListMobileProps, PrimaryTabListMobile };
+import { TabListProps } from '../../typings';
+export declare type PrimaryTabListMobileProps = Omit<TabListProps, 'size' | 'collapsedTabsIds'>;
+export declare const PrimaryTabListMobile: (props: PrimaryTabListMobileProps) => React.JSX.Element;

package/tabs/moderncssm/components/primary-tablist/Component.responsive.d.ts

@@ -1,5 +1,3 @@
-/// <reference types="react" />
 import React from 'react';
-import { TabListProps } from "../../typings";
-declare const PrimaryTabListResponsive: ({ size, breakpoint, fullWidthScroll, defaultMatchMediaValue, ...restProps }: TabListProps) => React.JSX.Element;
-export { PrimaryTabListResponsive };
+import { TabListProps } from '../../typings';
+export declare const PrimaryTabListResponsive: ({ size, breakpoint, fullWidthScroll, defaultMatchMediaValue, ...restProps }: TabListProps) => React.JSX.Element;

package/tabs/moderncssm/components/scroll-controls/Component.d.ts

@@ -1,13 +1,11 @@
-/// <reference types="react" />
-import React from 'react';
-import { RefObject } from "react";
-import { TabsProps } from "../../typings";
-type ScrollControlsProps = {
+import React, { RefObject } from 'react';
+import { TabsProps } from '../../typings';
+declare type ScrollControlsProps = {
     className?: string;
     view: Exclude<TabsProps['view'], undefined>;
     size: TabsProps['size'];
     containerRef: RefObject<HTMLDivElement>;
     showSkeleton?: boolean;
 };
-declare const ScrollControls: React.ForwardRefExoticComponent<ScrollControlsProps & React.RefAttributes<HTMLDivElement>>;
-export { ScrollControls };
+export declare const ScrollControls: React.ForwardRefExoticComponent<ScrollControlsProps & React.RefAttributes<HTMLDivElement>>;
+export {};

package/tabs/moderncssm/components/scroll-controls/index.d.ts

@@ -1 +1 @@
-export { ScrollControls } from "./Component";
+export { ScrollControls } from './Component';

package/tabs/moderncssm/components/scroll-controls/utils.d.ts

@@ -1,7 +1,6 @@
-declare function scrollIntoLastTab(container: HTMLDivElement | null): void;
-declare function scrollIntoFirstTab(container: HTMLDivElement | null): void;
-declare function getDisabledState(container: HTMLDivElement | null): {
+export declare function scrollIntoLastTab(container: HTMLDivElement | null): void;
+export declare function scrollIntoFirstTab(container: HTMLDivElement | null): void;
+export declare function getDisabledState(container: HTMLDivElement | null): {
     toLeft: boolean;
     toRight: boolean;
 };
-export { scrollIntoLastTab, scrollIntoFirstTab, getDisabledState };

package/tabs/moderncssm/components/scrollable-container/Component.d.ts

@@ -1,8 +1,6 @@
-/// <reference types="react" />
-import React from 'react';
-import { ReactNode } from "react";
-import { PlatformProps, TabsProps } from "../../typings";
-type ScrollableContainerProps = {
+import React, { ReactNode } from 'react';
+import { PlatformProps, TabsProps } from '../../typings';
+export declare type ScrollableContainerProps = {
     /**
      * Дополнительный класс враппера контейнера
      */
@@ -40,5 +38,4 @@ type ScrollableContainerProps = {
      */
     showSkeleton?: boolean;
 };
-declare const ScrollableContainer: ({ containerWrapperClassName, containerClassName, scrollControlsClassName, children, activeChild, fullWidthScroll, view, size, platform, inlineStyle, showSkeleton, }: ScrollableContainerProps & Pick<TabsProps, 'fullWidthScroll'> & PlatformProps) => React.JSX.Element;
-export { ScrollableContainerProps, ScrollableContainer };
+export declare const ScrollableContainer: ({ containerWrapperClassName, containerClassName, scrollControlsClassName, children, activeChild, fullWidthScroll, view, size, platform, inlineStyle, showSkeleton, }: ScrollableContainerProps & Pick<TabsProps, 'fullWidthScroll'> & PlatformProps) => React.JSX.Element;

package/tabs/moderncssm/components/scrollable-container/index.d.ts

@@ -1 +1 @@
-export * from "./Component";
+export * from './Component';

package/tabs/moderncssm/components/secondary-tablist/Component.d.ts

@@ -1,5 +1,3 @@
-/// <reference types="react" />
 import React from 'react';
-import { PlatformProps, SecondaryTabListProps, Styles } from "../../typings";
-declare const SecondaryTabList: ({ styles, className, containerClassName, size, titles, selectedId, scrollable, fullWidthScroll, tagSize, onChange, dataTestId, TagComponent, platform, tagShape, tagView, inlineStyle, showSkeleton, skeletonProps, }: SecondaryTabListProps & Styles & PlatformProps) => React.JSX.Element;
-export { SecondaryTabList };
+import { PlatformProps, SecondaryTabListProps, Styles } from '../../typings';
+export declare const SecondaryTabList: ({ styles, className, containerClassName, size, titles, selectedId, scrollable, fullWidthScroll, tagSize, onChange, dataTestId, TagComponent, platform, tagShape, tagView, inlineStyle, showSkeleton, skeletonProps, }: SecondaryTabListProps & Styles & PlatformProps) => React.JSX.Element;

package/tabs/moderncssm/components/secondary-tablist/Component.desktop.d.ts

@@ -1,6 +1,4 @@
-/// <reference types="react" />
 import React from 'react';
-import { SecondaryTabListProps } from "../../typings";
-type SecondaryTabListDesktopProps = Omit<SecondaryTabListProps, 'tagSize' | 'breakpoint'>;
-declare const SecondaryTabListDesktop: ({ size, ...restProps }: SecondaryTabListDesktopProps) => React.JSX.Element;
-export { SecondaryTabListDesktopProps, SecondaryTabListDesktop };
+import { SecondaryTabListProps } from '../../typings';
+export declare type SecondaryTabListDesktopProps = Omit<SecondaryTabListProps, 'tagSize' | 'breakpoint'>;
+export declare const SecondaryTabListDesktop: ({ size, ...restProps }: SecondaryTabListDesktopProps) => React.JSX.Element;

package/tabs/moderncssm/components/secondary-tablist/Component.mobile.d.ts

@@ -1,6 +1,4 @@
-/// <reference types="react" />
 import React from 'react';
-import { SecondaryTabListProps } from "../../typings";
-type SecondaryTabListMobileProps = Omit<SecondaryTabListProps, 'tagSize'>;
-declare const SecondaryTabListMobile: ({ className, size, ...restProps }: SecondaryTabListMobileProps) => React.JSX.Element;
-export { SecondaryTabListMobileProps, SecondaryTabListMobile };
+import { SecondaryTabListProps } from '../../typings';
+export declare type SecondaryTabListMobileProps = Omit<SecondaryTabListProps, 'tagSize'>;
+export declare const SecondaryTabListMobile: ({ className, size, ...restProps }: SecondaryTabListMobileProps) => React.JSX.Element;

package/tabs/moderncssm/components/secondary-tablist/Component.responsive.d.ts

@@ -1,5 +1,3 @@
-/// <reference types="react" />
 import React from 'react';
-import { SecondaryTabListProps } from "../../typings";
-declare const SecondaryTabListResponsive: ({ defaultMatchMediaValue, fullWidthScroll, breakpoint, ...restProps }: SecondaryTabListProps) => React.JSX.Element;
-export { SecondaryTabListResponsive };
+import { SecondaryTabListProps } from '../../typings';
+export declare const SecondaryTabListResponsive: ({ defaultMatchMediaValue, fullWidthScroll, breakpoint, ...restProps }: SecondaryTabListProps) => React.JSX.Element;

package/tabs/moderncssm/components/tab/Component.d.ts

@@ -1,5 +1,3 @@
-/// <reference types="react" />
 import React from 'react';
-import { TabProps } from "../../typings";
-declare const Tab: ({ children, hidden, className, disabled, dataTestId }: TabProps) => React.JSX.Element | null;
-export { Tab };
+import { TabProps } from '../../typings';
+export declare const Tab: ({ children, hidden, className, disabled, dataTestId }: TabProps) => React.JSX.Element | null;

package/tabs/moderncssm/components/tab/index.d.ts

@@ -1 +1 @@
-export * from "./Component";
+export * from './Component';

package/tabs/moderncssm/components/tabs/Component.collapsible.d.ts

@@ -1,6 +1,4 @@
-/// <reference types="react" />
 import React from 'react';
-import { TabsProps } from "../../typings";
-type TabsCollapsibleProps = Omit<TabsProps, 'TabList' | 'fullWidthScroll' | 'scrollable' | 'view'>;
-declare const TabsCollapsible: ({ ...restProps }: TabsCollapsibleProps) => React.JSX.Element;
-export { TabsCollapsibleProps, TabsCollapsible };
+import { TabsProps } from '../../typings';
+export declare type TabsCollapsibleProps = Omit<TabsProps, 'TabList' | 'fullWidthScroll' | 'scrollable' | 'view'>;
+export declare const TabsCollapsible: ({ ...restProps }: TabsCollapsibleProps) => React.JSX.Element;

package/tabs/moderncssm/components/tabs/Component.d.ts

@@ -1,5 +1,3 @@
-/// <reference types="react" />
 import React from 'react';
-import { TabsProps } from "../../typings";
-declare const Tabs: ({ TabList, className, containerClassName, size, defaultMatchMediaValue, children, selectedId, scrollable, collapsedTabsIds, fullWidthScroll, keepMounted, dataTestId, onChange, breakpoint, tagShape, tagView, showSkeleton, skeletonProps, textStyle, style, }: Omit<TabsProps, 'view'>) => React.JSX.Element;
-export { Tabs };
+import { TabsProps } from '../../typings';
+export declare const Tabs: ({ TabList, className, containerClassName, size, defaultMatchMediaValue, children, selectedId, scrollable, collapsedTabsIds, fullWidthScroll, keepMounted, dataTestId, onChange, breakpoint, tagShape, tagView, showSkeleton, skeletonProps, textStyle, style, }: Omit<TabsProps, 'view'>) => React.JSX.Element;

package/tabs/moderncssm/components/tabs/Component.desktop.d.ts

@@ -1,6 +1,4 @@
-/// <reference types="react" />
 import React from 'react';
-import { TabsProps } from "../../typings";
-type TabsDesktopProps = Omit<TabsProps, 'TabList' | 'fullWidthScroll' | 'breakpoint' | 'collapsedTabsIds'>;
-declare const TabsDesktop: ({ view, scrollable, size, ...restProps }: TabsDesktopProps) => React.JSX.Element;
-export { TabsDesktopProps, TabsDesktop };
+import { TabsProps } from '../../typings';
+export declare type TabsDesktopProps = Omit<TabsProps, 'TabList' | 'fullWidthScroll' | 'breakpoint' | 'collapsedTabsIds'>;
+export declare const TabsDesktop: ({ view, scrollable, size, ...restProps }: TabsDesktopProps) => React.JSX.Element;

package/tabs/moderncssm/components/tabs/Component.mobile.d.ts

@@ -1,6 +1,4 @@
-/// <reference types="react" />
 import React from 'react';
-import { TabsProps } from "../../typings";
-type TabsMobileProps = Omit<TabsProps, 'TabList' | 'collapsedTabsIds'>;
-declare const TabsMobile: ({ view, scrollable, ...restProps }: TabsMobileProps) => React.JSX.Element;
-export { TabsMobileProps, TabsMobile };
+import { TabsProps } from '../../typings';
+export declare type TabsMobileProps = Omit<TabsProps, 'TabList' | 'collapsedTabsIds'>;
+export declare const TabsMobile: ({ view, scrollable, ...restProps }: TabsMobileProps) => React.JSX.Element;

package/tabs/moderncssm/components/tabs/Component.responsive.d.ts

@@ -1,6 +1,4 @@
-/// <reference types="react" />
 import React from 'react';
-import { TabsProps } from "../../typings";
-type TabsResponsiveProps = Omit<TabsProps, 'TabList' | 'collapsedTabsIds'>;
-declare const TabsResponsive: ({ view, scrollable, ...restProps }: TabsResponsiveProps) => React.JSX.Element;
-export { TabsResponsiveProps, TabsResponsive };
+import { TabsProps } from '../../typings';
+export declare type TabsResponsiveProps = Omit<TabsProps, 'TabList' | 'collapsedTabsIds'>;
+export declare const TabsResponsive: ({ view, scrollable, ...restProps }: TabsResponsiveProps) => React.JSX.Element;

package/tabs/moderncssm/components/title/Component.d.ts

@@ -1,11 +1,8 @@
-/// <reference types="react" />
 import React from 'react';
-import { SkeletonProps } from "../../../../skeleton";
-import { Styles, TabListTitle } from "../../typings";
-declare const Title: React.ForwardRefExoticComponent<TabListTitle & Styles & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "title" | "id"> & {
+import { Styles, TabListTitle } from '../../typings';
+export declare const Title: React.ForwardRefExoticComponent<TabListTitle & Styles & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "title" | "id"> & {
     focused?: boolean | undefined;
     isOption?: boolean | undefined;
     showSkeleton?: boolean | undefined;
     skeletonProps?: Omit<SkeletonProps, "visible"> | undefined;
 } & React.RefAttributes<HTMLButtonElement>>;
-export { Title };

package/tabs/moderncssm/components/title/index.d.ts

@@ -1 +1 @@
-export * from "./Component";
+export * from './Component';

package/tabs/moderncssm/desktop/index.d.ts

@@ -1,4 +1,4 @@
-export * from "../components/primary-tablist/Component.desktop";
-export * from "../components/secondary-tablist/Component.desktop";
-export * from "../components/tab/index";
-export * from "../components/tabs/Component.desktop";
+export * from '../components/primary-tablist/Component.desktop';
+export * from '../components/secondary-tablist/Component.desktop';
+export * from '../components/tab';
+export * from '../components/tabs/Component.desktop';

package/tabs/moderncssm/hooks/use-collapsible-elements.d.ts

@@ -1,8 +1,6 @@
-/// <reference types="react" />
 import { DependencyList } from 'react';
-declare const useCollapsibleElements: <ContainerType extends HTMLElement, AddonType extends HTMLElement>(selectors: string, deps?: DependencyList) => {
+export declare const useCollapsibleElements: <ContainerType extends HTMLElement, AddonType extends HTMLElement>(selectors: string, deps?: DependencyList) => {
     containerRef: import("react").RefObject<ContainerType>;
     addonRef: import("react").RefObject<AddonType>;
     idsCollapsedElements: string[];
 };
-export { useCollapsibleElements };

package/tabs/moderncssm/hooks/use-tablist-titles.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
-import { TabListProps } from "../typings";
-declare const useTablistTitles: ({ titles, selectedId, collapsedTabsIds, breakpoint, onChange, defaultMatchMediaValue, }: Pick<TabListProps, 'titles' | 'selectedId' | 'collapsedTabsIds' | 'onChange' | 'defaultMatchMediaValue'> & Required<Pick<TabListProps, 'breakpoint'>>) => {
+import { TabListProps } from '../typings';
+export declare const useTablistTitles: ({ titles, selectedId, collapsedTabsIds, breakpoint, onChange, defaultMatchMediaValue, }: Pick<TabListProps, 'titles' | 'selectedId' | 'collapsedTabsIds' | 'onChange' | 'defaultMatchMediaValue'> & Required<Pick<TabListProps, 'breakpoint'>>) => {
     containerRef: import("react").RefObject<HTMLDivElement>;
     addonRef: import("react").RefObject<HTMLInputElement>;
     tablistTitles: {
@@ -22,11 +21,10 @@ declare const useTablistTitles: ({ titles, selectedId, collapsedTabsIds, breakpo
         tabIndex: number;
         'aria-selected': boolean;
         selected: boolean;
-        'data-test-id': string | undefined;
+        'data-test-id': any;
         disabled: boolean | undefined;
         ref: (instance: HTMLElement | null) => void;
         onKeyDown: (event: import("react").KeyboardEvent<HTMLButtonElement>) => void;
         onClick: (event?: import("react").MouseEvent<Element, MouseEvent> | undefined) => void;
     };
 };
-export { useTablistTitles };