@youngonesworks/ui 0.1.1 → 0.1.10

package/dist/components/_table/tableHeaderRow/index.d.ts

@@ -0,0 +1,6 @@
+import { type HTMLAttributes, type ReactNode } from 'react';
+interface ITableRow extends HTMLAttributes<HTMLDivElement> {
+    children: ReactNode;
+}
+export declare const TableHeaderRow: ({ children, ...props }: ITableRow) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/_table/tableRow/TableRow.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { TableRow } from './index';
+declare const meta: Meta<typeof TableRow>;
+export default meta;
+type Story = StoryObj<typeof TableRow>;
+export declare const Default: Story;

package/dist/components/_table/tableRow/index.d.ts

@@ -0,0 +1,8 @@
+import { type HTMLAttributes, type ReactNode } from 'react';
+interface ITableRow extends Omit<HTMLAttributes<HTMLDivElement>, 'className'> {
+    children: ReactNode;
+    className?: string;
+    header?: boolean;
+}
+export declare const TableRow: import("react").ForwardRefExoticComponent<ITableRow & import("react").RefAttributes<HTMLDivElement>>;
+export {};

package/dist/components/_tabs/Tab.d.ts

@@ -0,0 +1,11 @@
+import React, { type ReactNode, type RefObject } from 'react';
+export interface TabProps {
+    setActiveTab: (tab: string) => void;
+    tabId: string;
+    ref: RefObject<HTMLButtonElement | null>;
+    activeTab: boolean;
+    tabContent: ReactNode | ReactNode[] | string;
+    rightSection?: ReactNode | undefined;
+    clickFnc: (tabId: string) => void;
+}
+export declare const Tab: React.ForwardRefExoticComponent<Omit<TabProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;

package/dist/components/_tabs/Tab.stories.d.ts

@@ -0,0 +1,15 @@
+import type { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<Omit<import("./Tab").TabProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Active: Story;
+export declare const WithBadge: Story;
+export declare const LongContent: Story;

package/dist/components/_tabs/Tab.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/_tabs/TabsBadge.d.ts

@@ -0,0 +1,8 @@
+import { type ReactNode } from 'react';
+export interface TabsBadgeProps {
+    children: ReactNode;
+}
+export declare const TabsBadge: {
+    ({ children }: TabsBadgeProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/components/_tabs/TabsBadge.stories.d.ts

@@ -0,0 +1,19 @@
+import { type StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: {
+        ({ children }: import("./TabsBadge").TabsBadgeProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const SingleDigit: Story;
+export declare const MultipleDigits: Story;
+export declare const SingleCharacter: Story;
+export declare const Text: Story;
+export declare const LongText: Story;

package/dist/components/_tabs/TabsBadge.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/_tabs/TabsWrapper.d.ts

@@ -0,0 +1,17 @@
+import { type ReactElement, type ReactNode } from 'react';
+interface ITab {
+    name: string;
+    value: string;
+    rightSection?: ReactElement | undefined;
+    clickFnc: (val: string) => void;
+    requiredPermissions?: string[];
+}
+interface TabsWrapperProps {
+    children?: ReactNode | ReactNode[];
+    defaultActive?: string;
+    setActiveTab: (value: string) => void;
+    activeTab?: string;
+    tabs: ITab[];
+}
+export declare const TabsWrapper: ({ setActiveTab, activeTab, tabs }: TabsWrapperProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/_tabs/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Tab';
+export * from './TabsWrapper';

package/dist/components/_textArea/Textarea.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { Textarea } from './index';
+declare const meta: Meta<typeof Textarea>;
+export default meta;
+type Story = StoryObj<typeof Textarea>;
+export declare const Default: Story;

package/dist/components/_textArea/index.d.ts

@@ -0,0 +1,8 @@
+import { type ReactNode, type TextareaHTMLAttributes } from 'react';
+export interface ITextarea extends Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'className' | 'rows'> {
+    label?: ReactNode;
+    error?: string;
+    className?: string;
+    rows?: number;
+}
+export declare const Textarea: import("react").ForwardRefExoticComponent<ITextarea & import("react").RefAttributes<HTMLTextAreaElement>>;

package/dist/components/_textInput/TextInput.stories.d.ts

@@ -0,0 +1,8 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { TextInput } from './index';
+declare const meta: Meta<typeof TextInput>;
+export default meta;
+type Story = StoryObj<typeof TextInput>;
+export declare const Default: Story;
+export declare const WithIcon: Story;
+export declare const Password: Story;

package/dist/components/_textInput/index.d.ts

@@ -0,0 +1,22 @@
+import React, { type ChangeEvent, type FocusEvent, type InputHTMLAttributes, type KeyboardEvent, type ReactNode } from 'react';
+export interface TextInputProps extends InputHTMLAttributes<HTMLInputElement> {
+    rightSection?: ReactNode;
+    leftSection?: ReactNode;
+    label?: ReactNode;
+    className?: string;
+    min?: string | undefined | number;
+    max?: string | undefined | number;
+    error?: string;
+    showRightSection?: boolean;
+    step?: string;
+    autoFocus?: boolean;
+    wrapperClassName?: string;
+    maxLength?: undefined | number;
+    password?: boolean;
+    autoComplete?: string;
+    enablePasswordManagerAutofill?: boolean;
+    onBlur?: (e: FocusEvent<HTMLInputElement>) => void;
+    onChange?: (e: ChangeEvent<HTMLInputElement>) => void;
+    onKeyDown?: (e: KeyboardEvent<HTMLInputElement>) => void;
+}
+export declare const TextInput: React.ForwardRefExoticComponent<TextInputProps & React.RefAttributes<HTMLInputElement>>;

package/dist/components/_themeIcon/ThemeIcon.stories.d.ts

@@ -0,0 +1,8 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { ThemeIcon } from './index';
+declare const meta: Meta<typeof ThemeIcon>;
+export default meta;
+type Story = StoryObj<typeof ThemeIcon>;
+export declare const Default: Story;
+export declare const Warning: Story;
+export declare const PinkHeart: Story;

package/dist/components/_themeIcon/index.d.ts

@@ -0,0 +1,9 @@
+import React, { type HTMLAttributes } from 'react';
+export interface IThemeIcon extends Omit<HTMLAttributes<HTMLDivElement>, 'className'> {
+    styleVariant?: 'black' | 'gray' | 'pink' | 'pink-with-background' | 'turquoise' | 'accent-blue' | 'check' | 'warning' | 'error';
+    icon: React.ReactNode;
+    className?: string;
+    adjustedSize?: string | number;
+    title: string;
+}
+export declare const ThemeIcon: React.ForwardRefExoticComponent<IThemeIcon & React.RefAttributes<HTMLDivElement>>;

package/dist/components/_toggle/Toggle.stories.d.ts

@@ -0,0 +1,7 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { Toggle } from './index';
+declare const meta: Meta<typeof Toggle>;
+export default meta;
+type Story = StoryObj<typeof Toggle>;
+export declare const Default: Story;
+export declare const Disabled: Story;

package/dist/components/_toggle/index.d.ts

@@ -0,0 +1,7 @@
+interface ToggleProps {
+    onClick: () => void;
+    value: boolean;
+    disabled?: boolean;
+}
+export declare const Toggle: ({ onClick, value, disabled }: ToggleProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/_tooltip/Tooltip.stories.d.ts

@@ -0,0 +1,8 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { Tooltip } from './index';
+declare const meta: Meta<typeof Tooltip>;
+export default meta;
+type Story = StoryObj<typeof Tooltip>;
+export declare const Default: Story;
+export declare const WhiteVariant: Story;
+export declare const AlwaysOpen: Story;

package/dist/components/_tooltip/index.d.ts

@@ -0,0 +1,13 @@
+import { type ReactNode } from 'react';
+interface ITooltipProps {
+    content: ReactNode;
+    children: ReactNode;
+    passedOpen?: boolean;
+    size?: 'sm' | 'md' | 'lg';
+    variant?: 'default' | 'white';
+}
+export declare const Tooltip: {
+    ({ content, children, passedOpen, size, variant }: ITooltipProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export {};

package/dist/components/_truncatedText/TruncatedText.stories.d.ts

@@ -0,0 +1,7 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { TruncatedText } from './index';
+declare const meta: Meta<typeof TruncatedText>;
+export default meta;
+type Story = StoryObj<typeof TruncatedText>;
+export declare const Default: Story;
+export declare const ShortLimit: Story;

package/dist/components/_truncatedText/index.d.ts

@@ -0,0 +1,6 @@
+interface ITruncatedText {
+    text: string;
+    limit?: number;
+}
+export declare const TruncatedText: ({ text, limit }: ITruncatedText) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/_unorderedList/UnorderedList.stories.d.ts

@@ -0,0 +1,7 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { UnorderedList } from './index';
+declare const meta: Meta<typeof UnorderedList>;
+export default meta;
+type Story = StoryObj<typeof UnorderedList>;
+export declare const Default: Story;
+export declare const WithAction: Story;

package/dist/components/_unorderedList/index.d.ts

@@ -0,0 +1,7 @@
+type IUnorderedListProps = {
+    children: React.ReactNode;
+    className?: string;
+    actionItem?: React.ReactNode;
+};
+export declare const UnorderedList: ({ children, className, actionItem, ...props }: IUnorderedListProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/_unorderedListItem/UnorderedListItem.stories.d.ts

@@ -0,0 +1,7 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { UnorderedListItem } from './index';
+declare const meta: Meta<typeof UnorderedListItem>;
+export default meta;
+type Story = StoryObj<typeof UnorderedListItem>;
+export declare const Default: Story;
+export declare const WithAction: Story;

package/dist/components/_unorderedListItem/index.d.ts

@@ -0,0 +1,9 @@
+import { type ReactNode } from 'react';
+type IUnorderedListProps = {
+    children: ReactNode;
+    actionItem?: ReactNode;
+    className?: string;
+    header?: boolean;
+};
+export declare const UnorderedListItem: ({ children, actionItem, className, header, ...props }: IUnorderedListProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/_unstyledButton/UnstyledButton.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { UnstyledButton } from './index';
+declare const meta: Meta<typeof UnstyledButton>;
+export default meta;
+type Story = StoryObj<typeof UnstyledButton>;
+export declare const Default: Story;

package/dist/components/_unstyledButton/index.d.ts

@@ -0,0 +1,6 @@
+import { type ButtonHTMLAttributes } from 'react';
+interface IUnstyledButton extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'className'> {
+    className?: string;
+}
+export declare const UnstyledButton: import("react").ForwardRefExoticComponent<IUnstyledButton & import("react").RefAttributes<HTMLButtonElement>>;
+export {};

package/dist/components/_wysiwygEditor/WysiwygEditor.stories.d.ts

@@ -0,0 +1,7 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { WysiwygEditor } from './index';
+declare const meta: Meta<typeof WysiwygEditor>;
+export default meta;
+type Story = StoryObj<typeof WysiwygEditor>;
+export declare const Editable: Story;
+export declare const ReadOnly: Story;

package/dist/components/_wysiwygEditor/index.d.ts

@@ -0,0 +1,16 @@
+export interface IWysiwygEditorImperativeHandle {
+    resetContent: (newContent: string) => void;
+}
+interface IWysiwygEditor {
+    id: string;
+    content?: string;
+    placeholder: string;
+    forceRefresh?: boolean;
+    readOnly?: boolean;
+    onChange?: (v: string) => void;
+    error?: string;
+    className?: string;
+    formName?: string;
+}
+export declare const WysiwygEditor: import("react").ForwardRefExoticComponent<IWysiwygEditor & import("react").RefAttributes<unknown>>;
+export {};

package/dist/components/accordion/Accordion.stories.d.ts

@@ -0,0 +1,6 @@
+import { type Meta, type StoryObj } from '@storybook/react-vite';
+import { AccordionWrapper } from '.';
+declare const meta: Meta<typeof AccordionWrapper>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const AccordionWrapperStory: Story;

package/dist/components/accordion/AccordionItem.d.ts

@@ -0,0 +1,14 @@
+import { type ReactNode } from 'react';
+interface IAccordionItem {
+    controlContent: ReactNode;
+    panelContent: ReactNode;
+    endContent?: ReactNode;
+    style?: 'light' | 'dark' | 'onboarding';
+    border?: boolean;
+    disabled?: boolean;
+    chevronPosition?: 'left' | 'right';
+    active?: boolean;
+    className?: string;
+}
+export declare const AccordionItem: ({ controlContent, panelContent, style, border, chevronPosition, disabled, active, endContent, className, }: IAccordionItem) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/accordion/AccordionItem.stories.d.ts

@@ -0,0 +1,11 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { AccordionItem } from './AccordionItem';
+declare const meta: Meta<typeof AccordionItem>;
+export default meta;
+type Story = StoryObj<typeof AccordionItem>;
+export declare const Default: Story;
+export declare const WithEndContent: Story;
+export declare const DarkStyle: Story;
+export declare const WithBorder: Story;
+export declare const ChevronRight: Story;
+export declare const Playground: Story;

package/dist/components/accordion/AccordionItem.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/accordion/AccordionWrapper.d.ts

@@ -0,0 +1,7 @@
+import { type ReactNode } from 'react';
+interface AccordionProps {
+    children?: ReactNode;
+    className?: string;
+}
+export declare const AccordionWrapper: ({ children, className }: AccordionProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/accordion/index.d.ts

@@ -0,0 +1,2 @@
+export * from './AccordionItem';
+export * from './AccordionWrapper';

package/dist/components/favouriteButton/FavouriteButton.stories.d.ts

@@ -0,0 +1,6 @@
+import { type Meta, type StoryObj } from '@storybook/react-vite';
+import { FavouriteButton } from './index';
+declare const meta: Meta<typeof FavouriteButton>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const FavouriteButtonStory: Story;

package/dist/components/favouriteButton/FavouriteButton.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/favouriteButton/index.d.ts

@@ -0,0 +1,24 @@
+import { type ReactNode } from 'react';
+interface IFavouriteButtonProps {
+    onClick: () => void;
+    favourite: boolean;
+    iconOutline?: ReactNode;
+    iconFilled?: ReactNode;
+    /**
+     * @deprecated Can be removed and replaced by iconSize
+     */
+    width?: string;
+    /**
+     * @deprecated Can be removed and replaced by iconSize
+     */
+    height?: string;
+    iconSize?: number;
+    className?: string;
+    favouriteTitle?: string;
+    'data-testid'?: string;
+    iconColor?: string;
+    iconColorSelected?: string;
+    styleVariant?: 'transparent' | 'small' | 'default' | 'round' | undefined;
+}
+export declare const FavouriteButton: import("react").ForwardRefExoticComponent<IFavouriteButtonProps & import("react").RefAttributes<HTMLButtonElement & HTMLAnchorElement>>;
+export {};

package/dist/components/filters/FilterButton.d.ts

@@ -0,0 +1,9 @@
+interface IFilterButtonProps {
+    onClick: () => void;
+    hasFilters: boolean;
+    reset: () => void;
+    filtersText: string;
+    resetText: string;
+}
+export declare const FilterButton: ({ onClick, hasFilters, reset, filtersText, resetText }: IFilterButtonProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/filters/FilterButton.stories.d.ts

@@ -0,0 +1,7 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { FilterButton } from './FilterButton';
+declare const meta: Meta<typeof FilterButton>;
+export default meta;
+type Story = StoryObj<typeof FilterButton>;
+export declare const Default: Story;
+export declare const WithActiveFilters: Story;

package/dist/components/filters/FilterButton.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/filters/FilterItem.d.ts

@@ -0,0 +1,7 @@
+interface IFilterItemProps {
+    title: string;
+    isActive?: boolean;
+    onClick?: () => void;
+}
+export declare const FilterItem: ({ title, isActive, onClick }: IFilterItemProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/filters/FilterItem.stories.d.ts

@@ -0,0 +1,7 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { FilterItem } from './FilterItem';
+declare const meta: Meta<typeof FilterItem>;
+export default meta;
+type Story = StoryObj<typeof FilterItem>;
+export declare const Default: Story;
+export declare const Active: Story;

package/dist/components/filters/FilterItem.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/filters/Filters.stories.d.ts

@@ -0,0 +1,7 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { Filters } from '.';
+declare const meta: Meta<typeof Filters>;
+export default meta;
+type Story = StoryObj<typeof Filters>;
+export declare const Default: Story;
+export declare const WithSelectedFilters: Story;

package/dist/components/filters/index.d.ts

@@ -0,0 +1,11 @@
+interface IFilterProps {
+    filters: string[];
+    selectedFilters: string[];
+    selectedFiltersText: string;
+    setFilters: (filter: string[]) => void;
+    callBack?: () => void;
+    filtersText: string;
+    resetText: string;
+}
+export declare const Filters: ({ filters, setFilters, selectedFilters, selectedFiltersText, filtersText, resetText }: IFilterProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/navButtons/NavButtons.stories.d.ts

@@ -0,0 +1,10 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { NavButtons } from '.';
+declare const meta: Meta<typeof NavButtons>;
+export default meta;
+type Story = StoryObj<typeof NavButtons>;
+export declare const Default: Story;
+export declare const OnlyNext: Story;
+export declare const OnlyPrev: Story;
+export declare const Disabled: Story;
+export declare const Playground: Story;

package/dist/components/navButtons/NavButtons.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/navButtons/index.d.ts

@@ -0,0 +1,6 @@
+interface NavButtonsProps {
+    onNext?: () => void;
+    onPrev?: () => void;
+}
+export declare const NavButtons: ({ onNext, onPrev }: NavButtonsProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/stepper/NumberedStepper.d.ts

@@ -0,0 +1,13 @@
+interface Step {
+    label: string;
+}
+interface NumberedStepperProps {
+    steps: Step[];
+    active: number;
+    stepsCompleted: number[];
+    completedLabel: string;
+    className?: string;
+    onStepClick: (index: number) => void;
+}
+export declare const NumberedStepper: ({ steps, active, className, stepsCompleted, completedLabel, onStepClick, }: NumberedStepperProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/stepper/NumberedStepper.stories.d.ts

@@ -0,0 +1,8 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { NumberedStepper } from './NumberedStepper';
+declare const meta: Meta<typeof NumberedStepper>;
+export default meta;
+type Story = StoryObj<typeof NumberedStepper>;
+export declare const Default: Story;
+export declare const WithCompletedSteps: Story;
+export declare const CustomClassNameStepper: Story;

package/dist/components/stepper/NumberedStepper.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/stepper/Stepper.d.ts

@@ -0,0 +1,16 @@
+export interface Step {
+    label: string;
+    value: string;
+}
+interface StepperProps {
+    steps: Step[];
+    clickableSteps?: number[];
+    completedSteps?: number[];
+    setStep?: (step: number) => void;
+    variant?: 'small' | 'default';
+    activeStep: number;
+    isMobile: boolean;
+    className?: string;
+}
+export declare const Stepper: ({ steps, setStep, variant, clickableSteps, completedSteps, activeStep, isMobile, className, }: StepperProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/stepper/Stepper.stories.d.ts

@@ -0,0 +1,9 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { Stepper } from './Stepper';
+declare const meta: Meta<typeof Stepper>;
+export default meta;
+type Story = StoryObj<typeof Stepper>;
+export declare const Default: Story;
+export declare const SmallVariant: Story;
+export declare const WithCompletedSteps: Story;
+export declare const CustomClassNameStepper: Story;

package/dist/components/stepper/Stepper.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/stepper/index.d.ts

@@ -0,0 +1,2 @@
+export * from './NumberedStepper';
+export * from './Stepper';

package/dist/components/tabs/Tab.d.ts

@@ -0,0 +1,11 @@
+import React, { type ReactNode, type RefObject } from 'react';
+export interface TabProps {
+    setActiveTab: (tab: string) => void;
+    tabId: string;
+    ref: RefObject<HTMLButtonElement | null>;
+    activeTab: boolean;
+    tabContent: ReactNode | ReactNode[] | string;
+    rightSection?: ReactNode | undefined;
+    clickFnc: (tabId: string) => void;
+}
+export declare const Tab: React.ForwardRefExoticComponent<Omit<TabProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;

package/dist/components/tabs/Tab.stories.d.ts

@@ -0,0 +1,15 @@
+import type { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<Omit<import("./Tab").TabProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Active: Story;
+export declare const WithBadge: Story;
+export declare const LongContent: Story;

package/dist/components/tabs/Tab.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/tabs/TabsBadge.d.ts

@@ -0,0 +1,8 @@
+import { type ReactNode } from 'react';
+export interface TabsBadgeProps {
+    children: ReactNode;
+}
+export declare const TabsBadge: {
+    ({ children }: TabsBadgeProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/components/tabs/TabsBadge.stories.d.ts

@@ -0,0 +1,19 @@
+import { type StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: {
+        ({ children }: import("./TabsBadge").TabsBadgeProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const SingleDigit: Story;
+export declare const MultipleDigits: Story;
+export declare const SingleCharacter: Story;
+export declare const Text: Story;
+export declare const LongText: Story;