stratosphere-ui 1.8.4 → 2.0.0

package/dist/src/components/Card/__tests__/CardActions.test.d.ts

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

package/dist/src/components/Card/__tests__/CardBody.test.d.ts

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

package/dist/src/components/Card/__tests__/CardTitle.test.d.ts

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

package/dist/src/components/Disclosure/Disclosure.d.ts

@@ -7,4 +7,4 @@ export interface DisclosureProps {
     defaultOpen?: boolean;
     rounded?: boolean;
 }
-export declare const Disclosure: import("react").ForwardRefExoticComponent<DisclosureProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const Disclosure: import('react').ForwardRefExoticComponent<DisclosureProps & import('react').RefAttributes<HTMLDivElement>>;

package/dist/src/components/Disclosure/Disclosure.stories.d.ts

@@ -1,8 +1,9 @@
-import { Story, Meta } from '@storybook/react';
-import { DisclosureProps } from './Disclosure';
-declare const _default: Meta;
-export default _default;
-export declare const Default: Story<DisclosureProps>;
-export declare const Rounded: Story<DisclosureProps>;
-export declare const Large: Story<DisclosureProps>;
-export declare const Open: Story<DisclosureProps>;
+import { Meta, StoryObj } from '@storybook/react';
+import { Disclosure } from './Disclosure';
+declare const meta: Meta<typeof Disclosure>;
+export default meta;
+type Story = StoryObj<typeof Disclosure>;
+export declare const Default: Story;
+export declare const Rounded: Story;
+export declare const Large: Story;
+export declare const Open: Story;

package/dist/src/components/DropdownMenu/DropdownMenu.d.ts

@@ -1,14 +1,14 @@
-import { HTMLProps } from 'react';
+import { AnchorProps } from '@headlessui/react/dist/internal/floating';
 import { ButtonProps } from '../Button';
 import { MenuItemProps, MenuSize } from '../Menu';
 export interface DropdownItemProps extends Omit<MenuItemProps, 'disabled' | 'focus' | 'ref'> {
     id: string;
 }
-export interface DropdownMenuProps extends Omit<HTMLProps<HTMLDivElement>, 'as' | 'children' | 'className' | 'ref'> {
+export interface DropdownMenuProps {
+    anchor?: AnchorProps;
     buttonProps?: ButtonProps;
-    className?: string;
     items: DropdownItemProps[];
     menuClassName?: string;
     menuSize?: MenuSize;
 }
-export declare const DropdownMenu: import("react").ForwardRefExoticComponent<DropdownMenuProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const DropdownMenu: import('react').ForwardRefExoticComponent<DropdownMenuProps & import('react').RefAttributes<HTMLDivElement>>;

package/dist/src/components/DropdownMenu/DropdownMenu.stories.d.ts

@@ -1,7 +1,8 @@
-import { Story, Meta } from '@storybook/react';
-import { DropdownMenuProps } from './DropdownMenu';
-declare const _default: Meta;
-export default _default;
-export declare const Default: Story<DropdownMenuProps>;
-export declare const Rounded: Story<DropdownMenuProps>;
-export declare const RoundedWithPadding: Story<DropdownMenuProps>;
+import { Meta, StoryObj } from '@storybook/react';
+import { DropdownMenu } from './DropdownMenu';
+declare const meta: Meta<typeof DropdownMenu>;
+export default meta;
+type Story = StoryObj<typeof DropdownMenu>;
+export declare const Default: Story;
+export declare const Rounded: Story;
+export declare const RoundedWithPadding: Story;

package/dist/src/components/Form/FormCheckbox.d.ts

@@ -1,8 +1,8 @@
 import { HTMLProps } from 'react';
 import { FieldValues } from 'react-hook-form';
 import { FormFieldProps } from './types';
-export declare const CHECKBOX_COLORS: readonly ["primary", "secondary", "accent", "success", "warning", "info", "error"];
-export declare const CHECKBOX_SIZES: readonly ["lg", "md", "sm", "xs"];
+export declare const CHECKBOX_COLORS: readonly ["neutral", "primary", "secondary", "accent", "success", "warning", "info", "error"];
+export declare const CHECKBOX_SIZES: readonly ["xl", "lg", "md", "sm", "xs"];
 export type CheckboxColor = (typeof CHECKBOX_COLORS)[number];
 export type CheckboxSize = (typeof CHECKBOX_SIZES)[number];
 export interface FormCheckboxProps<Values extends FieldValues> extends Omit<FormFieldProps<Values>, 'placeholder'>, Omit<HTMLProps<HTMLInputElement>, 'name' | 'size'> {

package/dist/src/components/Form/FormCheckbox.stories.d.ts

@@ -1,9 +1,7 @@
-import { Story, Meta } from '@storybook/react';
-import { FormCheckboxProps } from './FormCheckbox';
-declare const _default: Meta;
-export default _default;
-interface FormValues {
-    field1: boolean;
-}
-export declare const Default: Story<FormCheckboxProps<FormValues>>;
-export declare const WithDefaultValue: Story<FormCheckboxProps<FormValues>>;
+import { Meta, StoryObj } from '@storybook/react';
+import { FormCheckbox } from './FormCheckbox';
+declare const meta: Meta<typeof FormCheckbox>;
+export default meta;
+type Story = StoryObj<typeof FormCheckbox>;
+export declare const Default: Story;
+export declare const WithDefaultValue: Story;

package/dist/src/components/Form/FormControl.d.ts

@@ -1,9 +1,9 @@
 import { HTMLProps, ReactNode } from 'react';
 import { FieldValues } from 'react-hook-form';
-import { FormFieldProps } from './types';
 import { Transform } from '../../common';
-export declare const INPUT_COLORS: readonly ["ghost", "primary", "secondary", "accent", "info", "success", "warning", "error"];
-export declare const INPUT_SIZES: readonly ["lg", "md", "sm", "xs"];
+import { FormFieldProps } from './types';
+export declare const INPUT_COLORS: readonly ["ghost", "neutral", "primary", "secondary", "accent", "info", "success", "warning", "error"];
+export declare const INPUT_SIZES: readonly ["xl", "lg", "md", "sm", "xs"];
 export type InputColor = (typeof INPUT_COLORS)[number];
 export type InputSize = (typeof INPUT_SIZES)[number];
 export interface FormControlProps<Values extends FieldValues, TOutput> extends FormFieldProps<Values>, Omit<HTMLProps<HTMLInputElement>, 'name' | 'size'> {

package/dist/src/components/Form/FormControl.stories.d.ts

@@ -1,14 +1,12 @@
-import { Story, Meta } from '@storybook/react';
-import { FormControlProps } from './FormControl';
-declare const _default: Meta;
-export default _default;
-interface FormValues {
-    field1: string;
-}
-export declare const Default: Story<FormControlProps<FormValues, string>>;
-export declare const WithLabel: Story<FormControlProps<FormValues, string>>;
-export declare const Required: Story<FormControlProps<FormValues, string>>;
-export declare const WithPlaceholder: Story<FormControlProps<FormValues, string>>;
-export declare const WithError: Story<FormControlProps<FormValues, string>>;
-export declare const WithElementOnLeft: Story<FormControlProps<FormValues, string>>;
-export declare const WithElementOnRight: Story<FormControlProps<FormValues, string>>;
+import { Meta, StoryObj } from '@storybook/react';
+import { FormControl } from './FormControl';
+declare const meta: Meta<typeof FormControl>;
+export default meta;
+type Story = StoryObj<typeof FormControl>;
+export declare const Default: Story;
+export declare const WithLabel: Story;
+export declare const Required: Story;
+export declare const WithPlaceholder: Story;
+export declare const WithError: Story;
+export declare const WithElementOnLeft: Story;
+export declare const WithElementOnRight: Story;

package/dist/src/components/Form/FormError.d.ts

@@ -1,3 +1,3 @@
 import { HTMLProps } from 'react';
 export type FormErrorProps = HTMLProps<HTMLLabelElement>;
-export declare const FormError: import("react").ForwardRefExoticComponent<Omit<FormErrorProps, "ref"> & import("react").RefAttributes<HTMLLabelElement>>;
+export declare const FormError: import('react').ForwardRefExoticComponent<Omit<FormErrorProps, "ref"> & import('react').RefAttributes<HTMLLabelElement>>;

package/dist/src/components/Form/FormFileInput.d.ts

@@ -1,8 +1,8 @@
 import { HTMLProps } from 'react';
 import { FieldValues } from 'react-hook-form';
 import { FormFieldProps } from './types';
-export declare const FILE_INPUT_COLORS: readonly ["ghost", "primary", "secondary", "accent", "info", "warning", "success", "error"];
-export declare const FILE_INPUT_SIZES: readonly ["lg", "md", "sm", "xs"];
+export declare const FILE_INPUT_COLORS: readonly ["ghost", "neutral", "primary", "secondary", "accent", "info", "warning", "success", "error"];
+export declare const FILE_INPUT_SIZES: readonly ["xl", "lg", "md", "sm", "xs"];
 export type FileInputColor = (typeof FILE_INPUT_COLORS)[number];
 export type FileInputSize = (typeof FILE_INPUT_SIZES)[number];
 export interface FormFileInputProps<Values extends FieldValues> extends FormFieldProps<Values>, Omit<HTMLProps<HTMLInputElement>, 'name' | 'size'> {

package/dist/src/components/Form/FormFileInput.stories.d.ts

@@ -1,8 +1,6 @@
-import { Story, Meta } from '@storybook/react';
-import { FormFileInputProps } from './FormFileInput';
-declare const _default: Meta;
-export default _default;
-interface FormValues {
-    field1: string;
-}
-export declare const Default: Story<FormFileInputProps<FormValues>>;
+import { Meta, StoryObj } from '@storybook/react';
+import { FormFileInput } from './FormFileInput';
+declare const meta: Meta<typeof FormFileInput>;
+export default meta;
+type Story = StoryObj<typeof FormFileInput>;
+export declare const Default: Story;

package/dist/src/components/Form/FormLabelText.d.ts

@@ -2,4 +2,4 @@ import { HTMLProps } from 'react';
 export interface FormLabelTextProps extends HTMLProps<HTMLSpanElement> {
     isRequired?: boolean;
 }
-export declare const FormLabelText: import("react").ForwardRefExoticComponent<Omit<FormLabelTextProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+export declare const FormLabelText: import('react').ForwardRefExoticComponent<Omit<FormLabelTextProps, "ref"> & import('react').RefAttributes<HTMLSpanElement>>;

package/dist/src/components/Form/FormRadio.d.ts

@@ -2,12 +2,13 @@ import { HTMLProps } from 'react';
 import { FieldValues } from 'react-hook-form';
 import { FormFieldProps } from './types';
 export interface RadioOption {
+    className?: string;
     id: string | number;
     label: string;
     value: string;
 }
-export declare const RADIO_COLORS: readonly ["primary", "secondary", "accent", "success", "warning", "info", "error"];
-export declare const RADIO_SIZES: readonly ["lg", "md", "sm", "xs"];
+export declare const RADIO_COLORS: readonly ["neutral", "primary", "secondary", "accent", "success", "warning", "info", "error"];
+export declare const RADIO_SIZES: readonly ["xl", "lg", "md", "sm", "xs"];
 export type RadioColor = (typeof RADIO_COLORS)[number];
 export type RadioSize = (typeof RADIO_SIZES)[number];
 export interface FormRadioProps<Values extends FieldValues> extends Omit<FormFieldProps<Values>, 'placeholder'>, Omit<HTMLProps<HTMLInputElement>, 'name' | 'size'> {

package/dist/src/components/Form/FormRadio.stories.d.ts

@@ -1,10 +1,8 @@
-import { Story, Meta } from '@storybook/react';
-import { FormRadioProps } from './FormRadio';
-declare const _default: Meta;
-export default _default;
-interface FormValues {
-    field1: string;
-}
-export declare const Default: Story<FormRadioProps<FormValues>>;
-export declare const Required: Story<FormRadioProps<FormValues>>;
-export declare const WithError: Story<FormRadioProps<FormValues>>;
+import { Meta, StoryObj } from '@storybook/react';
+import { FormRadio } from './FormRadio';
+declare const meta: Meta<typeof FormRadio>;
+export default meta;
+type Story = StoryObj<typeof FormRadio>;
+export declare const Default: Story;
+export declare const Required: Story;
+export declare const WithError: Story;

package/dist/src/components/Form/FormRadioGroup.stories.d.ts

@@ -1,8 +1,6 @@
-import { Story, Meta } from '@storybook/react';
-import { FormRadioGroupProps } from './FormRadioGroup';
-declare const _default: Meta;
-export default _default;
-interface FormValues {
-    field1: string;
-}
-export declare const Default: Story<FormRadioGroupProps<FormValues>>;
+import { Meta, StoryObj } from '@storybook/react';
+import { FormRadioGroup } from './FormRadioGroup';
+declare const meta: Meta<typeof FormRadioGroup>;
+export default meta;
+type Story = StoryObj<typeof FormRadioGroup>;
+export declare const Default: Story;

package/dist/src/components/Form/FormRangeSlider.d.ts

@@ -21,4 +21,4 @@ export interface FormRangeSliderProps<Values> {
     thumbLeftColor?: string;
     thumbRightColor?: string;
 }
-export declare const FormRangeSlider: import("react").ForwardRefExoticComponent<FormRangeSliderProps<FieldValues> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const FormRangeSlider: import('react').ForwardRefExoticComponent<FormRangeSliderProps<FieldValues> & import('react').RefAttributes<HTMLDivElement>>;

package/dist/src/components/Form/FormRangeSlider.stories.d.ts

@@ -1,8 +1,6 @@
-import { Story, Meta } from '@storybook/react';
-import { FormRangeSliderProps } from './FormRangeSlider';
-declare const _default: Meta;
-export default _default;
-interface FormValues {
-    field1: [number, number];
-}
-export declare const Default: Story<FormRangeSliderProps<FormValues>>;
+import { Meta, StoryObj } from '@storybook/react';
+import { FormRangeSlider } from './FormRangeSlider';
+declare const meta: Meta<typeof FormRangeSlider>;
+export default meta;
+type Story = StoryObj<typeof FormRangeSlider>;
+export declare const Default: Story;

package/dist/src/components/Form/FormTextarea.d.ts

@@ -2,8 +2,8 @@ import { HTMLProps } from 'react';
 import { FieldValues } from 'react-hook-form';
 import { Transform } from '../../common';
 import { FormFieldProps } from './types';
-export declare const TEXTAREA_COLORS: readonly ["ghost", "primary", "secondary", "accent", "info", "success", "warning", "error"];
-export declare const TEXTAREA_SIZES: readonly ["lg", "md", "sm", "xs"];
+export declare const TEXTAREA_COLORS: readonly ["ghost", "neutral", "primary", "secondary", "accent", "info", "success", "warning", "error"];
+export declare const TEXTAREA_SIZES: readonly ["xl", "lg", "md", "sm", "xs"];
 export type TextareaColor = (typeof TEXTAREA_COLORS)[number];
 export type TextareaSize = (typeof TEXTAREA_SIZES)[number];
 export interface FormTextareaProps<Values extends FieldValues, TOutput> extends FormFieldProps<Values>, Omit<HTMLProps<HTMLTextAreaElement>, 'name' | 'size'> {

package/dist/src/components/Form/FormTextarea.stories.d.ts

@@ -1,12 +1,10 @@
-import { Story, Meta } from '@storybook/react';
-import { FormTextareaProps } from './FormTextarea';
-declare const _default: Meta;
-export default _default;
-interface FormValues {
-    field1: string;
-}
-export declare const Default: Story<FormTextareaProps<FormValues, string>>;
-export declare const WithLabel: Story<FormTextareaProps<FormValues, string>>;
-export declare const Required: Story<FormTextareaProps<FormValues, string>>;
-export declare const WithPlaceholder: Story<FormTextareaProps<FormValues, string>>;
-export declare const WithError: Story<FormTextareaProps<FormValues, string>>;
+import { Meta, StoryObj } from '@storybook/react';
+import { FormTextarea } from './FormTextarea';
+declare const meta: Meta<typeof FormTextarea>;
+export default meta;
+type Story = StoryObj<typeof FormTextarea>;
+export declare const Default: Story;
+export declare const WithLabel: Story;
+export declare const Required: Story;
+export declare const WithPlaceholder: Story;
+export declare const WithError: Story;

package/dist/src/components/Form/FormToggleSwitch.d.ts

@@ -2,7 +2,7 @@ import { HTMLProps } from 'react';
 import { FieldValues } from 'react-hook-form';
 import { FormFieldProps } from './types';
 export declare const TOGGLE_COLORS: readonly ["primary", "secondary", "accent", "success", "warning", "info", "error"];
-export declare const TOGGLE_SIZES: readonly ["lg", "md", "sm", "xs"];
+export declare const TOGGLE_SIZES: readonly ["xl", "lg", "md", "sm", "xs"];
 export type ToggleColor = (typeof TOGGLE_COLORS)[number];
 export type ToggleSize = (typeof TOGGLE_SIZES)[number];
 export interface FormToggleSwitchProps<Values extends FieldValues> extends Omit<FormFieldProps<Values>, 'placeholder'>, Omit<HTMLProps<HTMLInputElement>, 'name' | 'size'> {

package/dist/src/components/Form/FormToggleSwitch.stories.d.ts

@@ -1,8 +1,6 @@
-import { Story, Meta } from '@storybook/react';
-import { FormToggleSwitchProps } from './FormToggleSwitch';
-declare const _default: Meta;
-export default _default;
-interface FormValues {
-    field1: boolean;
-}
-export declare const Default: Story<FormToggleSwitchProps<FormValues>>;
+import { Meta, StoryObj } from '@storybook/react';
+import { FormToggleSwitch } from './FormToggleSwitch';
+declare const meta: Meta<typeof FormToggleSwitch>;
+export default meta;
+type Story = StoryObj<typeof FormToggleSwitch>;
+export declare const Default: Story;

package/dist/src/components/FullScreenLoader/FullScreenLoader.stories.d.ts

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

package/dist/src/components/Icons.d.ts

@@ -7,6 +7,7 @@ export declare const EllipsisVerticalIcon: (props: SVGProps<SVGSVGElement>) => J
 export declare const ErrorIcon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
 export declare const EyeIcon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
 export declare const EyeSlashIcon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export declare const HomeIcon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
 export declare const InfoIcon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
 export declare const SortAscendingIcon: () => import("react/jsx-runtime").JSX.Element;
 export declare const SortDescendingIcon: () => import("react/jsx-runtime").JSX.Element;

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

@@ -1,6 +1,8 @@
-import { Story, Meta } from '@storybook/react';
-declare const _default: Meta;
-export default _default;
+import { Meta, StoryObj } from '@storybook/react';
+import { Link } from './Link';
+declare const meta: Meta<typeof Link>;
+export default meta;
+type Story = StoryObj<typeof Link>;
 export declare const Default: Story;
 export declare const WithHover: Story;
 export declare const WithColor: Story;

package/dist/src/components/Link/__tests__/Link.spec.d.ts

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

package/dist/src/components/Loading/Loading.d.ts

@@ -1,7 +1,7 @@
 import { HTMLAttributes } from 'react';
 export declare const LOADING_SHAPES: readonly ["spinner", "dots", "ring", "ball", "bars", "infinity"];
 export type LoadingShape = (typeof LOADING_SHAPES)[number];
-export declare const LOADING_SIZES: readonly ["xs", "sm", "md", "lg"];
+export declare const LOADING_SIZES: readonly ["xs", "sm", "md", "lg", "xl"];
 export type LoadingSize = (typeof LOADING_SIZES)[number];
 export interface LoadingProps extends HTMLAttributes<HTMLSpanElement> {
     shape?: LoadingShape;

package/dist/src/components/Loading/Loading.stories.d.ts

@@ -1,6 +1,8 @@
-import { Story, Meta } from '@storybook/react';
-declare const _default: Meta;
-export default _default;
+import { Meta, StoryObj } from '@storybook/react';
+import { Loading } from './Loading';
+declare const meta: Meta<typeof Loading>;
+export default meta;
+type Story = StoryObj<typeof Loading>;
 export declare const Default: Story;
-export declare const CustomSize: Story;
+export declare const AllSizesTemplate: Story;
 export declare const CustomShape: Story;

package/dist/src/components/Loading/__tests__/Loading.spec.d.ts

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

package/dist/src/components/LoadingCard/LoadingCard.d.ts

@@ -1,5 +1,5 @@
-import { HTMLProps } from 'react';
-export interface LoadingCardProps extends HTMLProps<HTMLDivElement> {
+import { CardProps } from '../Card';
+export interface LoadingCardProps extends CardProps {
     isLoading?: boolean;
 }
-export declare const LoadingCard: ({ children, className, isLoading, ...props }: LoadingCardProps) => import("react/jsx-runtime").JSX.Element;
+export declare const LoadingCard: ({ children, isLoading, ...props }: LoadingCardProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/LoadingCard/LoadingCard.stories.d.ts

@@ -1,5 +1,6 @@
-import { Story, Meta } from '@storybook/react';
-import { LoadingCardProps } from './LoadingCard';
-declare const _default: Meta;
-export default _default;
-export declare const Default: Story<LoadingCardProps>;
+import { Meta, StoryObj } from '@storybook/react';
+import { LoadingCard } from './LoadingCard';
+declare const meta: Meta<typeof LoadingCard>;
+export default meta;
+type Story = StoryObj<typeof LoadingCard>;
+export declare const Default: Story;

package/dist/src/components/Menu/Menu.d.ts

@@ -1,5 +1,5 @@
 import { HTMLProps } from 'react';
-export declare const MENU_SIZES: readonly ["xs", "sm", "md", "lg"];
+export declare const MENU_SIZES: readonly ["xs", "sm", "md", "lg", "xl"];
 export declare const MENU_LAYOUTS: readonly ["horizontal", "vertical"];
 export type MenuSize = (typeof MENU_SIZES)[number];
 export type MenuLayout = (typeof MENU_LAYOUTS)[number];
@@ -7,4 +7,4 @@ export interface MenuProps extends Omit<HTMLProps<HTMLUListElement>, 'size'> {
     layout?: MenuLayout;
     size?: MenuSize;
 }
-export declare const Menu: import("react").ForwardRefExoticComponent<Omit<MenuProps, "ref"> & import("react").RefAttributes<HTMLUListElement>>;
+export declare const Menu: import('react').ForwardRefExoticComponent<Omit<MenuProps, "ref"> & import('react').RefAttributes<HTMLUListElement>>;

package/dist/src/components/Menu/MenuItem.d.ts

@@ -1,11 +1,10 @@
 import { HTMLProps, ReactNode } from 'react';
-export interface MenuItemProps extends HTMLProps<HTMLAnchorElement> {
+export interface MenuItemProps extends Omit<HTMLProps<HTMLAnchorElement>, 'title'> {
     active?: boolean;
-    bordered?: boolean;
-    borderOnHover?: boolean;
     disabled?: boolean;
     focus?: boolean;
     selected?: boolean;
     subMenu?: ReactNode;
+    title?: boolean;
 }
-export declare const MenuItem: import("react").ForwardRefExoticComponent<Omit<MenuItemProps, "ref"> & import("react").RefAttributes<HTMLAnchorElement>>;
+export declare const MenuItem: import('react').ForwardRefExoticComponent<Omit<MenuItemProps, "ref"> & import('react').RefAttributes<HTMLAnchorElement>>;

package/dist/src/components/Menu/MenuItem.stories.d.ts

@@ -1,5 +1,6 @@
-import { Story, Meta } from '@storybook/react';
-import { MenuItemProps } from './MenuItem';
-declare const _default: Meta;
-export default _default;
-export declare const Default: Story<MenuItemProps>;
+import { Meta, StoryObj } from '@storybook/react';
+import { MenuItem } from './MenuItem';
+declare const meta: Meta<typeof MenuItem>;
+export default meta;
+type Story = StoryObj<typeof MenuItem>;
+export declare const Default: Story;

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

@@ -9,4 +9,4 @@ export interface ModalProps extends HTMLProps<HTMLDialogElement> {
     responsivePosition?: ModalPosition;
     title?: string;
 }
-export declare const Modal: import("react").ForwardRefExoticComponent<Omit<ModalProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const Modal: import('react').ForwardRefExoticComponent<Omit<ModalProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;

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

@@ -1,6 +1,7 @@
-import { Story, Meta } from '@storybook/react';
-import { ModalProps } from './Modal';
-declare const _default: Meta;
-export default _default;
-export declare const Default: Story<ModalProps>;
-export declare const WithActionButtons: Story<ModalProps>;
+import { Meta, StoryObj } from '@storybook/react';
+import { Modal } from './Modal';
+declare const meta: Meta<typeof Modal>;
+export default meta;
+type Story = StoryObj<typeof Modal>;
+export declare const Default: Story;
+export declare const WithActionButtons: Story;

package/dist/src/components/PasswordInput/PasswordInput.stories.d.ts

@@ -1,8 +1,6 @@
-import { Story, Meta } from '@storybook/react';
-import { PasswordInputProps } from './PasswordInput';
-declare const _default: Meta;
-export default _default;
-interface FormValues {
-    field1: string;
-}
-export declare const Default: Story<PasswordInputProps<FormValues, string>>;
+import { Meta, StoryObj } from '@storybook/react';
+import { PasswordInput } from './PasswordInput';
+declare const meta: Meta<typeof PasswordInput>;
+export default meta;
+type Story = StoryObj<typeof PasswordInput>;
+export declare const Default: Story;

package/dist/src/components/Popover/Popover.d.ts

@@ -1,4 +1,5 @@
 import { PopoverProps as HeadlessUIPopoverProps } from '@headlessui/react';
+import { AnchorProps } from '@headlessui/react/dist/internal/floating';
 import { MutableRefObject } from 'react';
 import { ButtonProps } from '../Button';
 export interface PopoverPanelRenderProps {
@@ -6,10 +7,10 @@ export interface PopoverPanelRenderProps {
     close: (focusableElement?: HTMLElement | MutableRefObject<HTMLElement | null>) => void;
 }
 export interface PopoverProps extends Omit<HeadlessUIPopoverProps<'div'>, 'as' | 'className'> {
+    anchor?: AnchorProps;
     buttonProps: ButtonProps;
     className?: string;
     popoverClassName?: string;
     popoverComponent: ({ open, close }: PopoverPanelRenderProps) => JSX.Element;
-    withBackdrop?: boolean;
 }
-export declare const Popover: import("react").ForwardRefExoticComponent<PopoverProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const Popover: import('react').ForwardRefExoticComponent<PopoverProps & import('react').RefAttributes<HTMLDivElement>>;

package/dist/src/components/Popover/Popover.stories.d.ts

@@ -1,6 +1,6 @@
-import { Story, Meta } from '@storybook/react';
-import { PopoverProps } from './Popover';
-declare const _default: Meta;
-export default _default;
-export declare const Default: Story<PopoverProps>;
-export declare const WithBackdrop: Story<PopoverProps>;
+import { Meta, StoryObj } from '@storybook/react';
+import { Popover } from './Popover';
+declare const meta: Meta<typeof Popover>;
+export default meta;
+export declare const Default: Story;
+type Story = StoryObj<typeof Popover>;

package/dist/src/components/Progress/Progress.d.ts

@@ -1,5 +1,5 @@
 import { HTMLAttributes } from 'react';
-export declare const PROGRESS_COLORS: readonly ["primary", "secondary", "accent", "info", "success", "warning", "error"];
+export declare const PROGRESS_COLORS: readonly ["neutral", "primary", "secondary", "accent", "info", "success", "warning", "error"];
 export type ProgressColor = (typeof PROGRESS_COLORS)[number];
 export interface ProgressProps extends HTMLAttributes<HTMLProgressElement> {
     color?: ProgressColor;

package/dist/src/components/Progress/Progress.stories.d.ts

@@ -1,6 +1,7 @@
-import { Story, Meta } from '@storybook/react';
-import { ProgressProps } from './Progress';
-declare const _default: Meta;
-export default _default;
-export declare const Default: Story<ProgressProps>;
-export declare const CustomColor: Story<ProgressProps>;
+import { Meta, StoryObj } from '@storybook/react';
+import { Progress } from './Progress';
+declare const meta: Meta<typeof Progress>;
+export default meta;
+type Story = StoryObj<typeof Progress>;
+export declare const Default: Story;
+export declare const CustomColor: Story;

package/dist/src/components/Progress/RadialProgress.d.ts

@@ -2,6 +2,6 @@ import { HTMLAttributes } from 'react';
 export interface RadialProgressProps extends HTMLAttributes<HTMLDivElement> {
     size?: string;
     thickness?: string;
-    value: number;
+    value: string | number;
 }
 export declare const RadialProgress: ({ className, size, style, thickness, value, ...props }: RadialProgressProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/Progress/RadialProgress.stories.d.ts

@@ -1,6 +1,7 @@
-import { Story, Meta } from '@storybook/react';
-import { RadialProgressProps } from './RadialProgress';
-declare const _default: Meta;
-export default _default;
-export declare const Default: Story<RadialProgressProps>;
-export declare const CustomValue: Story<RadialProgressProps>;
+import { Meta, StoryObj } from '@storybook/react';
+import { RadialProgress } from './RadialProgress';
+declare const meta: Meta<typeof RadialProgress>;
+export default meta;
+type Story = StoryObj<typeof RadialProgress>;
+export declare const Default: Story;
+export declare const CustomValue: Story;