@appquality/unguess-design-system 3.0.7-alpha → 3.0.8-alpha

package/build/stories/forms/checkbox/index.stories.d.ts

@@ -1,4 +1,5 @@
+import { ComponentMeta, Story } from "@storybook/react";
 import { CheckboxArgs } from "./_types";
-export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, CheckboxArgs>;
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, CheckboxArgs>;
+export declare const Default: Story<CheckboxArgs>;
+declare const _default: ComponentMeta<(props: CheckboxArgs) => JSX.Element>;
 export default _default;

package/build/stories/forms/field/index.d.ts

@@ -3,5 +3,5 @@ import { FieldArgs } from "./_types";
 /**
    * A Field is a wrapper for input elements
    **/
-declare const Field: (props: FieldArgs) => import("react/jsx-runtime").JSX.Element;
+declare const Field: (props: FieldArgs) => JSX.Element;
 export { Field, ZendeskHint as Hint };

package/build/stories/forms/input/index.stories.d.ts

@@ -1,8 +1,9 @@
 /// <reference types="react" />
+import { ComponentMeta, Story } from "@storybook/react";
 import { InputArgs } from "./_types";
-export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, InputArgs>;
-export declare const Success: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, InputArgs>;
-export declare const Warning: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, InputArgs>;
-export declare const Error: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, InputArgs>;
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, InputArgs & import("react").RefAttributes<HTMLInputElement>>;
+export declare const Default: Story<InputArgs>;
+export declare const Success: Story<InputArgs>;
+export declare const Warning: Story<InputArgs>;
+export declare const Error: Story<InputArgs>;
+declare const _default: ComponentMeta<import("react").ForwardRefExoticComponent<InputArgs & import("react").RefAttributes<HTMLInputElement>>>;
 export default _default;

package/build/stories/forms/input-toggle/_types.d.ts

@@ -1,5 +1,5 @@
 import { IInputProps } from "@zendeskgarden/react-forms";
-export type textSizes = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl' | 'xxxl';
+export declare type textSizes = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl' | 'xxxl';
 export interface InputToggleArgs extends IInputProps {
     /** Removes borders and padding */
     isBare?: boolean;

package/build/stories/forms/input-toggle/index.d.ts

@@ -1,7 +1,7 @@
 import { InputToggleArgs } from "./_types";
 declare const InputToggle: {
-    ({ isFocused, ...props }: InputToggleArgs): import("react/jsx-runtime").JSX.Element;
-    Item: (props: InputToggleArgs) => import("react/jsx-runtime").JSX.Element;
-    Label: import("styled-components").StyledComponent<(props: import("../../label/_types").LabelArgs) => import("react/jsx-runtime").JSX.Element, any, {}, never>;
+    ({ isFocused, ...props }: InputToggleArgs): JSX.Element;
+    Item: (props: InputToggleArgs) => JSX.Element;
+    Label: import("styled-components").StyledComponent<(props: import("../../label/_types").LabelArgs) => JSX.Element, any, {}, never>;
 };
 export { InputToggle };

package/build/stories/forms/input-toggle/index.stories.d.ts

@@ -1,12 +1,17 @@
+import { ComponentMeta, Story } from "@storybook/react";
 import { InputToggleArgs } from "./_types";
 interface InputStoryArgs extends InputToggleArgs {
     label: string;
     message: string;
 }
-export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, InputStoryArgs>;
-export declare const Success: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, InputStoryArgs>;
-export declare const Warning: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, InputStoryArgs>;
-export declare const Error: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, InputStoryArgs>;
-export declare const WithLabel: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, InputStoryArgs>;
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, InputToggleArgs>;
+export declare const Default: Story<InputStoryArgs>;
+export declare const Success: Story<InputStoryArgs>;
+export declare const Warning: Story<InputStoryArgs>;
+export declare const Error: Story<InputStoryArgs>;
+export declare const WithLabel: Story<InputStoryArgs>;
+declare const _default: ComponentMeta<{
+    ({ isFocused, ...props }: InputToggleArgs): JSX.Element;
+    Item: (props: InputToggleArgs) => JSX.Element;
+    Label: import("styled-components").StyledComponent<(props: import("../../label/_types").LabelArgs) => JSX.Element, any, {}, never>;
+}>;
 export default _default;

package/build/stories/forms/mediaInput/index.d.ts

@@ -6,5 +6,5 @@ import { MediaInputArgs } from "./_types";
    *  - To let the user enter data into a field
    *  - To enter multiline text, use a Textarea
    **/
-declare const MediaInput: (props: MediaInputArgs) => import("react/jsx-runtime").JSX.Element;
+declare const MediaInput: (props: MediaInputArgs) => JSX.Element;
 export { MediaInput };

package/build/stories/forms/mediaInput/index.stories.d.ts

@@ -1,7 +1,8 @@
+import { ComponentMeta, Story } from "@storybook/react";
 import { MediaInputArgs } from "./_types";
-export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, MediaInputArgs>;
-export declare const Success: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, MediaInputArgs>;
-export declare const Warning: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, MediaInputArgs>;
-export declare const Error: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, MediaInputArgs>;
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, MediaInputArgs>;
+export declare const Default: Story<MediaInputArgs>;
+export declare const Success: Story<MediaInputArgs>;
+export declare const Warning: Story<MediaInputArgs>;
+export declare const Error: Story<MediaInputArgs>;
+declare const _default: ComponentMeta<(props: MediaInputArgs) => JSX.Element>;
 export default _default;

package/build/stories/forms/radio/cards/index.d.ts

@@ -1,3 +1,3 @@
 import { RadioCardArgs } from "./_types";
-declare const RadioCard: ({ card, icon, iconActive, ...props }: RadioCardArgs) => import("react/jsx-runtime").JSX.Element;
+declare const RadioCard: ({ card, icon, iconActive, ...props }: RadioCardArgs) => JSX.Element;
 export { RadioCard };

package/build/stories/forms/radio/cards/index.stories.d.ts

@@ -1,3 +1,4 @@
+import { ComponentMeta, Story } from "@storybook/react";
 import { RadioCardArgs } from "./_types";
 interface FormProps {
     cards: RadioCardArgs[];
@@ -5,7 +6,7 @@ interface FormProps {
         onSubmit: (e: any) => void;
     };
 }
-export declare const SingleCard: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, RadioCardArgs>;
-export declare const MultipleCards: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, FormProps>;
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, RadioCardArgs>;
+export declare const SingleCard: Story<RadioCardArgs>;
+export declare const MultipleCards: Story<FormProps>;
+declare const _default: ComponentMeta<({ card, icon, iconActive, ...props }: RadioCardArgs) => JSX.Element>;
 export default _default;

package/build/stories/forms/radio/index.d.ts

@@ -9,5 +9,5 @@ import { RadioArgs } from "./_types";
    *  - If the user can choose more than one option at once, use a Checkbox instead
    *  - To select from a long list of options, use Select instead
    **/
-declare const Radio: (props: RadioArgs) => import("react/jsx-runtime").JSX.Element;
+declare const Radio: (props: RadioArgs) => JSX.Element;
 export { Radio };

package/build/stories/forms/radio/index.stories.d.ts

@@ -1,5 +1,6 @@
+import { ComponentMeta, Story } from "@storybook/react";
 import { RadioArgs } from "./_types";
-export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, RadioArgs>;
-export declare const Checked: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, RadioArgs>;
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, RadioArgs>;
+export declare const Default: Story<RadioArgs>;
+export declare const Checked: Story<RadioArgs>;
+declare const _default: ComponentMeta<(props: RadioArgs) => JSX.Element>;
 export default _default;

package/build/stories/forms/textarea/index.d.ts

@@ -5,5 +5,5 @@ import { TextareaArgs } from "./_types";
    * Used for this:
    *  - To enter multi-line text
    **/
-declare const Textarea: (props: TextareaArgs) => import("react/jsx-runtime").JSX.Element;
+declare const Textarea: (props: TextareaArgs) => JSX.Element;
 export { Textarea };

package/build/stories/forms/textarea/index.stories.d.ts

@@ -1,6 +1,7 @@
+import { ComponentMeta, Story } from "@storybook/react";
 import { TextareaArgs } from "./_types";
-export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, TextareaArgs>;
-export declare const Warning: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, TextareaArgs>;
-export declare const Resize: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, TextareaArgs>;
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, TextareaArgs>;
+export declare const Default: Story<TextareaArgs>;
+export declare const Warning: Story<TextareaArgs>;
+export declare const Resize: Story<TextareaArgs>;
+declare const _default: ComponentMeta<(props: TextareaArgs) => JSX.Element>;
 export default _default;

package/build/stories/forms/toggle/index.d.ts

@@ -8,5 +8,5 @@ import { ToggleArgs } from "./_types";
    * Not for this:
    *  - To let users select from a list of settings, use Checkboxes instead
    **/
-declare const Toggle: (props: ToggleArgs) => import("react/jsx-runtime").JSX.Element;
+declare const Toggle: (props: ToggleArgs) => JSX.Element;
 export { Toggle };

package/build/stories/forms/toggle/index.stories.d.ts

@@ -1,8 +1,9 @@
+import { ComponentMeta, Story } from "@storybook/react";
 import { LabelArgs } from "../../label/_types";
 import { ToggleArgs } from "./_types";
 interface ToggleStoryProps extends ToggleArgs {
     label: LabelArgs;
 }
-export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ToggleStoryProps>;
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, ToggleArgs>;
+export declare const Default: Story<ToggleStoryProps>;
+declare const _default: ComponentMeta<(props: ToggleArgs) => JSX.Element>;
 export default _default;

package/build/stories/grid/col/index.d.ts

@@ -1,3 +1,3 @@
 import { ColArgs } from "./_types";
-declare const Col: (props: ColArgs) => import("react/jsx-runtime").JSX.Element;
+declare const Col: (props: ColArgs) => JSX.Element;
 export { Col };

package/build/stories/grid/col/index.stories.d.ts

@@ -1,6 +1,7 @@
+import { ComponentMeta, Story } from "@storybook/react";
 import { ColArgs } from "./_types";
-export declare const Basic: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ColArgs>;
-export declare const Breaks: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ColArgs>;
-export declare const Offset: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ColArgs>;
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, ColArgs>;
+export declare const Basic: Story<(props: ColArgs) => JSX.Element>;
+export declare const Breaks: Story<(props: ColArgs) => JSX.Element>;
+export declare const Offset: Story<(props: ColArgs) => JSX.Element>;
+declare const _default: ComponentMeta<(props: ColArgs) => JSX.Element>;
 export default _default;

package/build/stories/grid/grid/index.d.ts

@@ -5,5 +5,5 @@ import { GridArgs } from "./_types";
  * Used for this:
     - To structure the layout of a page
  */
-declare const Grid: (props: GridArgs) => import("react/jsx-runtime").JSX.Element;
+declare const Grid: (props: GridArgs) => JSX.Element;
 export { Grid };

package/build/stories/grid/grid/index.stories.d.ts

@@ -1,10 +1,11 @@
+import { ComponentMeta, Story } from "@storybook/react";
 import { RowStoryArg } from "../row/index.stories";
 import { GridArgs } from "./_types";
 interface GridProps extends GridArgs {
     rows: Array<RowStoryArg>;
 }
-export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, GridProps>;
-export declare const EqualColumns: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, GridProps>;
-export declare const OneWiderColumn: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, GridProps>;
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, GridArgs>;
+export declare const Default: Story<GridProps>;
+export declare const EqualColumns: Story<GridProps>;
+export declare const OneWiderColumn: Story<GridProps>;
+declare const _default: ComponentMeta<(props: GridArgs) => JSX.Element>;
 export default _default;

package/build/stories/grid/row/index.d.ts

@@ -1,3 +1,3 @@
 import { RowArgs } from "./_types";
-declare const Row: (props: RowArgs) => import("react/jsx-runtime").JSX.Element;
+declare const Row: (props: RowArgs) => JSX.Element;
 export { Row };

package/build/stories/grid/row/index.stories.d.ts

@@ -1,8 +1,9 @@
+import { ComponentMeta, Story } from "@storybook/react";
 import { RowArgs } from "./_types";
 import { ColArgs } from "../col/_types";
 export interface RowStoryArg extends RowArgs {
     cols: Array<ColArgs>;
 }
-export declare const Basic: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, RowStoryArg>;
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, RowArgs>;
+export declare const Basic: Story<RowStoryArg>;
+declare const _default: ComponentMeta<(props: RowArgs) => JSX.Element>;
 export default _default;

package/build/stories/icons/index.d.ts

@@ -5,5 +5,5 @@ import { ReactComponent as StatusRunningIcon } from "../../assets/icons/campaign
 import { ReactComponent as CampaignExperientialIcon } from "../../assets/icons/campaign-experiential.svg";
 import { ReactComponent as CampaignFunctionalIcon } from "../../assets/icons/campaign-functional.svg";
 import { IconArgs } from "./_types";
-export declare const Icon: (props: IconArgs) => import("react/jsx-runtime").JSX.Element;
+export declare const Icon: (props: IconArgs) => JSX.Element;
 export { StatusCompletedIcon, StatusLockedIcon, StatusIncomingIcon, StatusRunningIcon, CampaignExperientialIcon, CampaignFunctionalIcon };

package/build/stories/icons/index.stories.d.ts

@@ -1,4 +1,5 @@
+import { ComponentMeta, Story } from "@storybook/react";
 import { IconArgs } from "./_types";
-export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IconArgs>;
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, IconArgs>;
+export declare const Default: Story<IconArgs>;
+declare const _default: ComponentMeta<(props: IconArgs) => JSX.Element>;
 export default _default;

package/build/stories/info-cards/index.d.ts

@@ -1,3 +1,3 @@
 import { InfoCardProps } from "./_types";
-declare const InfoCard: (props: InfoCardProps) => import("react/jsx-runtime").JSX.Element;
+declare const InfoCard: (props: InfoCardProps) => JSX.Element;
 export { InfoCard };

package/build/stories/info-cards/index.stories.d.ts

@@ -1,5 +1,6 @@
 import { InfoCardProps } from "./_types";
-export declare const SingleCard: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, InfoCardProps>;
-export declare const Grid: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, InfoCardProps>;
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, InfoCardProps>;
+import { ComponentMeta, Story } from "@storybook/react";
+export declare const SingleCard: Story<InfoCardProps>;
+export declare const Grid: Story<InfoCardProps>;
+declare const _default: ComponentMeta<(props: InfoCardProps) => JSX.Element>;
 export default _default;

package/build/stories/label/index.d.ts

@@ -5,5 +5,5 @@ export declare const StyledLabel: import("styled-components").StyledComponent<im
  * A Label is used to specify a title for an input.
  * <hr>
  **/
-declare const Label: (props: LabelArgs) => import("react/jsx-runtime").JSX.Element;
+declare const Label: (props: LabelArgs) => JSX.Element;
 export { Label };

package/build/stories/label/index.stories.d.ts

@@ -1,5 +1,6 @@
+import { ComponentMeta, Story } from "@storybook/react";
 import { LabelArgs } from "./_types";
-export declare const Basic: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, LabelArgs>;
-export declare const Bold: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, LabelArgs>;
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, LabelArgs>;
+export declare const Basic: Story<LabelArgs>;
+export declare const Bold: Story<LabelArgs>;
+declare const _default: ComponentMeta<(props: LabelArgs) => JSX.Element>;
 export default _default;

package/build/stories/lightbox/index.stories.d.ts

@@ -1,4 +1,6 @@
 /// <reference types="react" />
+/// <reference types="hoist-non-react-statics" />
+import { ComponentMeta, Story } from "@storybook/react";
 import { LightboxArgs } from "./_types";
 import { SliderStoryArg } from "../slider/index.stories";
 interface LightboxStoryArgs extends LightboxArgs {
@@ -6,6 +8,14 @@ interface LightboxStoryArgs extends LightboxArgs {
     headerBugId?: string;
     slider?: SliderStoryArg;
 }
-export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, LightboxStoryArgs>;
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, LightboxArgs & import("react").RefAttributes<HTMLDivElement>>;
+export declare const Default: Story<LightboxStoryArgs>;
+declare const _default: ComponentMeta<import("react").ForwardRefExoticComponent<LightboxArgs & import("react").RefAttributes<HTMLDivElement>> & {
+    Header: import("react").ForwardRefExoticComponent<import("@zendeskgarden/react-modals/dist/typings/types").IHeaderProps & import("react").RefAttributes<HTMLDivElement>>;
+    Body: string & import("styled-components").StyledComponentBase<"div", any, {}, never> & import("hoist-non-react-statics").NonReactStatics<never, {}> & {
+        Main: import("styled-components").StyledComponent<"div", any, {}, never>;
+        Details: import("styled-components").StyledComponent<"div", any, {}, never>;
+    };
+    Footer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
+    Close: import("react").ForwardRefExoticComponent<import("react").ButtonHTMLAttributes<HTMLButtonElement> & import("react").RefAttributes<HTMLButtonElement>>;
+}>;
 export default _default;

package/build/stories/loaders/dots/index.d.ts

@@ -10,5 +10,5 @@ import { DotsArgs } from './_types';
     - To communicate typing status, use an Inline loader instead
     - To communicate progress, use a Progress loader instead
  */
-declare const Dots: (props: DotsArgs) => import("react/jsx-runtime").JSX.Element;
+declare const Dots: (props: DotsArgs) => JSX.Element;
 export { Dots };

package/build/stories/loaders/dots/index.stories.d.ts

@@ -1,4 +1,5 @@
+import { ComponentMeta, Story } from "@storybook/react";
 import { DotsArgs } from "./_types";
-export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, DotsArgs>;
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, DotsArgs>;
+export declare const Default: Story<DotsArgs>;
+declare const _default: ComponentMeta<(props: DotsArgs) => JSX.Element>;
 export default _default;

package/build/stories/loaders/progress/index.stories.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react" />
+import { ComponentMeta, Story } from "@storybook/react";
 import { ProgressArgs } from "./_types";
-export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ProgressArgs>;
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, ProgressArgs & import("react").RefAttributes<HTMLDivElement>>;
+export declare const Default: Story<ProgressArgs>;
+declare const _default: ComponentMeta<import("react").ForwardRefExoticComponent<ProgressArgs & import("react").RefAttributes<HTMLDivElement>>>;
 export default _default;

package/build/stories/loaders/skeleton/index.d.ts

@@ -12,5 +12,5 @@ import { SkeletonArgs } from "./_types";
    - To indicate that a component (like a button or search input) is busy, use Dots instead
    - To communicate a typing status, use Inline instead
  */
-declare const Skeleton: (props: SkeletonArgs) => import("react/jsx-runtime").JSX.Element;
+declare const Skeleton: (props: SkeletonArgs) => JSX.Element;
 export { Skeleton };

package/build/stories/loaders/skeleton/index.stories.d.ts

@@ -1,5 +1,6 @@
+import { ComponentMeta, Story } from "@storybook/react";
 import { SkeletonArgs } from "./_types";
-export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, SkeletonArgs>;
-export declare const Light: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, SkeletonArgs>;
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, SkeletonArgs>;
+export declare const Default: Story<SkeletonArgs>;
+export declare const Light: Story<SkeletonArgs>;
+declare const _default: ComponentMeta<(props: SkeletonArgs) => JSX.Element>;
 export default _default;

package/build/stories/loaders/spinner/index.d.ts

@@ -6,5 +6,5 @@ import { SpinnerArgs } from './_types';
     - To show the user where they are in a nested navigation
     - To provide a quick way to navigate to ancestor pages
  */
-declare const Spinner: (props: SpinnerArgs) => import("react/jsx-runtime").JSX.Element;
+declare const Spinner: (props: SpinnerArgs) => JSX.Element;
 export { Spinner };

package/build/stories/loaders/spinner/index.stories.d.ts

@@ -1,4 +1,5 @@
+import { ComponentMeta, Story } from "@storybook/react";
 import { SpinnerArgs } from "./_types";
-export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, SpinnerArgs>;
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, SpinnerArgs>;
+export declare const Default: Story<SpinnerArgs>;
+declare const _default: ComponentMeta<(props: SpinnerArgs) => JSX.Element>;
 export default _default;

package/build/stories/login-form/index.d.ts

@@ -5,5 +5,5 @@ import { LoginFormArgs } from "./_types";
  * Used for this:
     - Login user to the application
  */
-declare const LoginForm: (props: LoginFormArgs) => import("react/jsx-runtime").JSX.Element;
+declare const LoginForm: (props: LoginFormArgs) => JSX.Element;
 export { LoginForm };

package/build/stories/login-form/index.stories.d.ts

@@ -1,5 +1,6 @@
+import { ComponentMeta, Story } from "@storybook/react";
 import { LoginFormArgs } from "./_types";
-export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, LoginFormArgs>;
-export declare const Filled: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, LoginFormArgs>;
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, LoginFormArgs>;
+export declare const Default: Story<LoginFormArgs>;
+export declare const Filled: Story<LoginFormArgs>;
+declare const _default: ComponentMeta<(props: LoginFormArgs) => JSX.Element>;
 export default _default;

package/build/stories/logo/index.d.ts

@@ -8,5 +8,5 @@ import { LogoArgs } from "./_types";
  * Not for this:
  *  - To visually represent a common image
  */
-declare const Logo: (props: LogoArgs) => import("react/jsx-runtime").JSX.Element;
+declare const Logo: (props: LogoArgs) => JSX.Element;
 export { Logo };

package/build/stories/logo/index.stories.d.ts

@@ -1,4 +1,5 @@
+import { ComponentMeta, Story } from "@storybook/react";
 import { LogoArgs } from "./_types";
-export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, LogoArgs>;
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, LogoArgs>;
+export declare const Default: Story<LogoArgs>;
+declare const _default: ComponentMeta<(props: LogoArgs) => JSX.Element>;
 export default _default;

package/build/stories/modals/fullscreen/index.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { ModalArgs } from "../_types";
 declare const ModalFullScreen: {
-    (props: ModalArgs): import("react/jsx-runtime").JSX.Element;
+    (props: ModalArgs): JSX.Element;
     Header: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@zendeskgarden/react-modals/dist/typings/types").IHeaderProps & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
     Body: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
     Footer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;

package/build/stories/modals/fullscreen/index.stories.d.ts

@@ -1,8 +1,17 @@
+/// <reference types="react" />
 import { ModalArgs } from "../_types";
+import { ComponentMeta, Story } from "@storybook/react";
 interface ModalStoryArgs extends ModalArgs {
     breadcrumbs?: any;
     isDanger?: boolean;
 }
-export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ModalStoryArgs>;
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, ModalArgs>;
+export declare const Default: Story<ModalStoryArgs>;
+declare const _default: ComponentMeta<{
+    (props: ModalArgs): JSX.Element;
+    Header: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@zendeskgarden/react-modals/dist/typings/types").IHeaderProps & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
+    Body: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
+    Footer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
+    Close: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").ButtonHTMLAttributes<HTMLButtonElement> & import("react").RefAttributes<HTMLButtonElement>>, any, {}, never>;
+    FooterItem: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLSpanElement> & import("react").RefAttributes<HTMLSpanElement>>;
+}>;
 export default _default;

package/build/stories/modals/index.stories.d.ts

@@ -1,13 +1,18 @@
 /// <reference types="react" />
 import { ModalArgs } from "./_types";
+import { ComponentMeta, Story } from "@storybook/react";
 interface ModalStoryArgs extends ModalArgs {
     content: string | any;
     title: string;
     isDanger?: boolean;
 }
-export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ModalStoryArgs>;
-export declare const Danger: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ModalStoryArgs>;
-export declare const Large: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ModalStoryArgs>;
-export declare const WithCustomContent: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ModalStoryArgs>;
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, ModalArgs & import("react").RefAttributes<HTMLDivElement>>;
+export declare const Default: Story<ModalStoryArgs>;
+export declare const Danger: Story<ModalStoryArgs>;
+export declare const Large: Story<ModalStoryArgs>;
+export declare const WithCustomContent: Story<ModalStoryArgs>;
+declare const _default: ComponentMeta<import("react").ForwardRefExoticComponent<ModalArgs & import("react").RefAttributes<HTMLDivElement>> & {
+    Header: import("react").ForwardRefExoticComponent<import("@zendeskgarden/react-modals/dist/typings/types").IHeaderProps & import("react").RefAttributes<HTMLDivElement>>;
+    Body: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
+    Footer: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
+}>;
 export default _default;

package/build/stories/multiselect/AddableItem.d.ts

@@ -1,4 +1,4 @@
 import { IItemProps as ZenDeskIItemProps } from "@zendeskgarden/react-dropdowns";
 export declare const AddableItem: (props: ZenDeskIItemProps & {
     label: string;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => JSX.Element;

package/build/stories/multiselect/Item.d.ts

@@ -1,6 +1,6 @@
 import { IItemProps as ZenDeskIItemProps } from "@zendeskgarden/react-dropdowns";
 import { MultiSelectProps } from "./_types";
-export type IItemProps = ZenDeskIItemProps & {
+export declare type IItemProps = ZenDeskIItemProps & {
     checked?: boolean;
 };
 export declare const Item: ({ option, checked, }: ZenDeskIItemProps & {
@@ -8,4 +8,4 @@ export declare const Item: ({ option, checked, }: ZenDeskIItemProps & {
 } & {
     checked: boolean;
     option: MultiSelectProps["options"][number];
-}) => import("react/jsx-runtime").JSX.Element;
+}) => JSX.Element;

package/build/stories/multiselect/_types.d.ts

@@ -1,9 +1,9 @@
-type Item = {
+declare type Item = {
     id: number;
     label: string;
     selected?: boolean;
 };
-export type MultiSelectProps = {
+export declare type MultiSelectProps = {
     maxItems?: number;
     options: Item[];
     selectedItems?: Item[];

package/build/stories/multiselect/index.d.ts

@@ -1,2 +1,2 @@
 import { MultiSelectProps } from "./_types";
-export declare const MultiSelect: ({ options, onChange, creatable, i18n, maxItems, size, menuHeight, }: MultiSelectProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MultiSelect: ({ options, onChange, creatable, i18n, maxItems, size, menuHeight, }: MultiSelectProps) => JSX.Element;

package/build/stories/multiselect/index.stories.d.ts

@@ -1,5 +1,6 @@
+import { ComponentMeta, Story } from "@storybook/react";
 import { MultiSelectProps } from "./_types";
-export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, MultiSelectProps>;
-export declare const WithTagCreation: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, MultiSelectProps>;
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, MultiSelectProps>;
+export declare const Default: Story<MultiSelectProps>;
+export declare const WithTagCreation: Story<MultiSelectProps>;
+declare const _default: ComponentMeta<({ options, onChange, creatable, i18n, maxItems, size, menuHeight, }: MultiSelectProps) => JSX.Element>;
 export default _default;

package/build/stories/navigation/app-header/index.d.ts

@@ -3,5 +3,5 @@ import { AppHeaderArgs } from "./_types";
  * An Header is a visual way to display general information.
  * This can include navList Items, modal, profile settings.
  */
-declare const AppHeader: ({ brand, avatar, isLoading, style, ...args }: AppHeaderArgs) => import("react/jsx-runtime").JSX.Element;
+declare const AppHeader: ({ brand, avatar, isLoading, style, ...args }: AppHeaderArgs) => JSX.Element;
 export { AppHeader };

package/build/stories/navigation/app-header/index.stories.d.ts

@@ -1,5 +1,6 @@
+import { ComponentMeta, Story } from "@storybook/react";
 import { AppHeaderArgs } from "./_types";
-export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, AppHeaderArgs>;
-export declare const MultipleWorkspaces: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, AppHeaderArgs>;
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, AppHeaderArgs>;
+export declare const Default: Story<AppHeaderArgs>;
+export declare const MultipleWorkspaces: Story<AppHeaderArgs>;
+declare const _default: ComponentMeta<({ brand, avatar, isLoading, style, ...args }: AppHeaderArgs) => JSX.Element>;
 export default _default;

package/build/stories/navigation/app-header/skeleton.d.ts

@@ -1 +1 @@
-export declare const HeaderSkeleton: () => import("react/jsx-runtime").JSX.Element;
+export declare const HeaderSkeleton: () => JSX.Element;

package/build/stories/navigation/body/index.d.ts

@@ -2,5 +2,5 @@ import { BodyArgs } from "./_types";
 /**
  * A Body defines the main content of an HTML document which displays on the browser
  */
-declare const Body: (props: BodyArgs) => import("react/jsx-runtime").JSX.Element;
+declare const Body: (props: BodyArgs) => JSX.Element;
 export { Body };