@amboss/design-system 1.16.3 → 1.16.4--canary1

package/build/esm/src/components/Logo/Logo.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-export declare type LogoProps = {
+export type LogoProps = {
     href: string;
     ariaLabel?: string;
     role?: string;

package/build/esm/src/components/MediaItem/MediaItem.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-export declare type MediaItemProps = {
+export type MediaItemProps = {
     src: string;
     title: string;
     /** Sets the height of the media to equal the width value making a square <br/>

package/build/esm/src/components/MediaViewerBar/MediaViewerBar.d.ts

@@ -1,5 +1,5 @@
 import { ReactElement } from "react";
-export declare type MediaViewerBarProps = {
+export type MediaViewerBarProps = {
     children?: ReactElement | ReactElement[];
     hasSeparator?: boolean;
     "data-e2e-test-id"?: string;

package/build/esm/src/components/Notification/Notification.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import { IconName } from "../Icon/Icon";
-export declare type NotificationProps = {
+export type NotificationProps = {
     "data-e2e-test-id"?: string;
     text?: string;
     icon?: IconName;

package/build/esm/src/components/Pagination/Pagination.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-export declare type PaginationProps = {
+export type PaginationProps = {
     /** Total number of items */
     numOfItems: number;
     /** Current page */

package/build/esm/src/components/Patterns/ButtonGroup/ButtonGroup.d.ts

@@ -1,10 +1,10 @@
 import React from "react";
 import { MQ, SpaceSizes } from "../../../types";
 import { ButtonProps } from "../../Button/Button";
-export declare type ActionButtonProps = {
+export type ActionButtonProps = {
     text: string;
 } & ButtonProps;
-export declare type ButtonGroupProps = {
+export type ButtonGroupProps = {
     actionButton?: ActionButtonProps;
     cancelButtonText?: string;
     onButtonClick?: (action: "cancel" | "action") => void;

package/build/esm/src/components/Patterns/Modal/Modal.d.ts

@@ -2,7 +2,7 @@ import React from "react";
 import { StackProps } from "../../Stack/Stack";
 import { ActionButtonProps } from "../ButtonGroup/ButtonGroup";
 import { TextProps } from "../../Typography/Text/Text";
-export declare type ModalProps = {
+export type ModalProps = {
     header: string;
     onAction: (action: "cancel" | "action") => void;
     role?: "dialog" | "alertdialog";

package/build/esm/src/components/PictogramButton/PictogramButton.d.ts

@@ -2,7 +2,7 @@ import React from "react";
 import { IconName } from "../Icon/Icon";
 import { ButtonProps } from "../Button/Button";
 import { PolymorphicComponentPropsWithRef } from "../../types";
-export declare type PictogramButtonProps = {
+export type PictogramButtonProps = {
     /** The centered icon to be displayed. */
     icon: IconName;
     /** If true, the button has square corners. */
@@ -10,6 +10,6 @@ export declare type PictogramButtonProps = {
     /** Size */
     size?: "xs" | "s" | "m";
 } & Omit<ButtonProps, "size" | "leftIcon" | "rightIcon" | "fullWidth" | "destructive" | "privateProps" | "loading">;
-declare type PictogramButtonComponent = <C extends React.ElementType = "button">(props: PolymorphicComponentPropsWithRef<C, PictogramButtonProps>) => React.ReactElement | null;
+type PictogramButtonComponent = <C extends React.ElementType = "button">(props: PolymorphicComponentPropsWithRef<C, PictogramButtonProps>) => React.ReactElement | null;
 export declare const PictogramButton: PictogramButtonComponent;
 export {};

package/build/esm/src/components/Portal/Portal.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 export declare const AMBOSS_DS_PORTAL = "amboss-ds-portal";
-declare type PortalProps = {
+type PortalProps = {
     children: React.ReactNode;
 };
 export declare function Portal({ children }: PortalProps): React.ReactElement;

package/build/esm/src/components/ProgressBar/ProgressBar.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import { ProgressBarWeight } from "../SegmentedProgressBar/SegmentedProgressBar";
-export declare type ProgressBarProps = {
+export type ProgressBarProps = {
     /** The value for 100% progress. Consumer does not need to do percentage calculation. */
     maxValue: number;
     /** The value already progressed. If progress >= maxValue the bar is filled completely */

package/build/esm/src/components/RoundButton/RoundButton.d.ts

@@ -2,7 +2,7 @@ import React from "react";
 import { IconName } from "../Icon/Icon";
 import { ButtonProps } from "../Button/Button";
 import { AsProp } from "../../types";
-export declare type RoundButtonProps = Omit<ButtonProps, "destructive" | "loading" | "leftIcon" | "rightIcon" | "fullWidth" | "privateProps" | "size"> & {
+export type RoundButtonProps = Omit<ButtonProps, "destructive" | "loading" | "leftIcon" | "rightIcon" | "fullWidth" | "privateProps" | "size"> & {
     /** The centered icon to be displayed. */
     icon: IconName;
 };

package/build/esm/src/components/SearchResult/SearchResult.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import { IconName } from "../Icon/Icon";
-export declare type SecondaryTarget = {
+export type SecondaryTarget = {
     title: string;
     body?: string;
     link: (props: {
@@ -8,10 +8,10 @@ export declare type SecondaryTarget = {
     }) => React.ReactElement;
     "data-e2e-test-id"?: string;
 };
-export declare type SecondaryTargetsProps = {
+export type SecondaryTargetsProps = {
     data: SecondaryTarget[];
 };
-export declare type SearchResultProps = {
+export type SearchResultProps = {
     /** The result title. Supports some nested HTML tags like <b> and <i>. Text gets clamped after 3 lines. */
     title: string;
     /** The subtitle that accompanies the title. Supports some nested HTML tags like <b> and <i>. Text gets clamped after 3 lines. */

package/build/esm/src/components/SegmentedProgressBar/SegmentedProgressBar.d.ts

@@ -1,9 +1,9 @@
 import React from "react";
-export declare type ValuesVariant = "success" | "warning" | "alert";
-export declare type StyleVariant = ValuesVariant | "inProgress";
-export declare type Value = number;
-export declare type ProgressBarWeight = "thin" | "fat";
-export declare type SegmentedProgressBarProps = {
+export type ValuesVariant = "success" | "warning" | "alert";
+export type StyleVariant = ValuesVariant | "inProgress";
+export type Value = number;
+export type ProgressBarWeight = "thin" | "fat";
+export type SegmentedProgressBarProps = {
     /** The value for 100% progress. Consumer does not need to do percentage calculation.
      * Just pass this number and some values. The progress bar does all percentag calculations */
     maxValue: number;
@@ -18,7 +18,7 @@ export declare type SegmentedProgressBarProps = {
     privateProps?: SegmentedProgressBarPrivateProps;
     "data-e2e-test-id"?: string;
 };
-declare type SegmentedProgressBarPrivateProps = {
+type SegmentedProgressBarPrivateProps = {
     monochrome?: boolean;
 };
 export declare function SegmentedProgressBar({ maxValue, values, weight, squareCorners, privateProps: { monochrome }, "data-e2e-test-id": dataE2eTestId, }: SegmentedProgressBarProps): React.ReactElement;

package/build/esm/src/components/Stack/Stack.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import { HorizontalAlignment, MQ, SpaceSizes } from "../../types";
-export declare type StackProps = {
+export type StackProps = {
     /** Represents the vertical between the Stack's children
      * specify [small screen space, medium screen space, large screen space] or one space for all screen sizes
      */

package/build/esm/src/components/SubThemeProvider/SubThemeProvider.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import { SubThemeTypes } from "../../../build-tokens/_subThemeType";
-export declare type SubThemeProviderProps = {
+export type SubThemeProviderProps = {
     "data-e2e-test-id"?: string;
     children: React.ReactNode[] | React.ReactNode;
     name: "unset" | SubThemeTypes;

package/build/esm/src/components/Tabs/Tabs.d.ts

@@ -7,13 +7,13 @@ import { IconName } from "../Icon/Icon";
  * @param icon - An icon to display to the left of the label
  * @param as - The element to render the tab as, defaults to `button`
  */
-declare type Tab = {
+type Tab = {
     label: string;
     sublabel?: string;
     icon?: IconName;
     as?: "a" | "button" | React.ComponentType;
 } & Partial<React.ComponentProps<"button">> & Partial<React.ComponentProps<"a">>;
-export declare type TabsProps = {
+export type TabsProps = {
     children?: React.ReactElement;
     /** The index of the active tab */
     activeTab?: number;

package/build/esm/src/components/Tag/Tag.d.ts

@@ -1,11 +1,11 @@
 import React from "react";
 export declare const MAX_TAG_WIDTH = 200;
-declare type BaseTagProps = {
+type BaseTagProps = {
     label: string;
     colorVariant?: "gray" | "blue";
     "data-e2e-test-id"?: string;
 };
-declare type ConditionalTagProps = {
+type ConditionalTagProps = {
     isRemovable?: false;
     onClear?: never;
     clearBtnAriaLabel?: never;
@@ -14,6 +14,6 @@ declare type ConditionalTagProps = {
     onClear: () => void;
     clearBtnAriaLabel?: string;
 };
-export declare type TagProps = BaseTagProps & ConditionalTagProps;
+export type TagProps = BaseTagProps & ConditionalTagProps;
 export declare function Tag({ label, colorVariant, isRemovable, onClear, clearBtnAriaLabel, "data-e2e-test-id": dataE2eTestId, }: TagProps): React.ReactElement;
 export {};

package/build/esm/src/components/TagGroup/TagGroup.d.ts

@@ -1,17 +1,17 @@
 import React from "react";
 import { TagProps } from "../Tag/Tag";
-declare type BaseTagGroupProps = {
+type BaseTagGroupProps = {
     tags: TagProps[];
     colorVariant?: TagProps["colorVariant"];
     "data-e2e-test-id"?: string;
 };
-declare type ConditionalTagGroupProps = {
+type ConditionalTagGroupProps = {
     isTagRemovable?: false;
     onRemoveTag?: never;
 } | {
     isTagRemovable: true;
     onRemoveTag: (tag: TagProps) => void;
 };
-export declare type TagGroupProps = BaseTagGroupProps & ConditionalTagGroupProps;
+export type TagGroupProps = BaseTagGroupProps & ConditionalTagGroupProps;
 export declare function TagGroup({ colorVariant, isTagRemovable, tags, onRemoveTag, "data-e2e-test-id": dataE2eTestId, }: TagGroupProps): React.ReactElement;
 export {};

package/build/esm/src/components/Tooltip/Tooltip.d.ts

@@ -1,20 +1,20 @@
 import React, { MutableRefObject } from "react";
-export declare type BaseProps = {
+export type BaseProps = {
     content: string;
     placement?: "auto" | "top" | "bottom" | "top-left" | "top-right" | "bottom-left" | "bottom-right";
     portalContainer?: HTMLElement;
     "data-e2e-test-id"?: string;
     onVisibilityChange?: (isVisible: boolean) => void;
 };
-export declare type ConditionalProps = {
+export type ConditionalProps = {
     externalTriggerRef?: never;
     children: React.ReactElement;
 } | {
     children?: never;
     externalTriggerRef: MutableRefObject<any>;
 };
-export declare type TooltipProps = BaseProps & ConditionalProps;
-export declare type TooltipPosition = {
+export type TooltipProps = BaseProps & ConditionalProps;
+export type TooltipPosition = {
     top: number;
     left: number;
     horizontalPlacement: "left" | "right" | "center";

package/build/esm/src/components/Typography/Header/Header.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
 import { Theme } from "@emotion/react";
 import { BaseColors } from "src/types";
-export declare type HeaderProps = {
+export type HeaderProps = {
     as?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
     children: React.ReactNode;
     "data-e2e-test-id"?: string;

package/build/esm/src/components/Typography/StyledText/StyledText.d.ts

@@ -1,10 +1,10 @@
 import React from "react";
-export declare type FormattedElementProps = {
+export type FormattedElementProps = {
     key: string;
     children: string | React.ReactNode[];
 };
 export declare const makeStyledJSX: (string: string) => React.ReactNode[] | string | null;
-export declare type StyledTextProps = {
+export type StyledTextProps = {
     children: string;
     "data-e2e-test-id"?: string;
 };

package/build/esm/src/components/Typography/Text/Text.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import { TextAlignment, TextVariations, TextColors, TextSize, MQ, Hyphens } from "../../../types";
-export declare type TextProps = {
+export type TextProps = {
     children: React.ReactNode;
     size?: TextSize;
     weight?: "normal" | "bold" | "black" | "inherit";

package/build/esm/src/components/Typography/TextClamped/TextClamped.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import { TextProps } from "../Text/Text";
-export declare type TextClampedProps = TextProps & {
+export type TextClampedProps = TextProps & {
     /** The maximum number of lines. Default is 1. */
     lines?: number;
 };

package/build/esm/src/components/VirtualScrollList/VirtualScrollList.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-export declare type VirtualScrollListProps = {
+export type VirtualScrollListProps = {
     "data-e2e-test-id"?: string;
     maxHeight: number;
     itemHeight: number;

package/build/esm/src/components/VirtualScrollList/VirtualScrollListReducer.d.ts

@@ -1,8 +1,8 @@
-declare type Offset = {
+type Offset = {
     amount: number;
     isInterpolated: boolean;
 };
-declare type State = {
+type State = {
     avgItemHeight?: number;
     overscan?: number;
     maxHeight?: number;
@@ -15,7 +15,7 @@ declare type State = {
     maxContentHeight?: number;
     recommendedScrollPosition?: number;
 };
-declare type Action = {
+type Action = {
     type: "scroll";
     scrollTop: number;
 } | {

package/build/esm/src/shared/mediaQueries.d.ts

@@ -1,13 +1,13 @@
 import { ColumnSizes, HorizontalAlignment, MQ, SpaceSizes, TextAlignment, VerticalAlignment, Order, ColumnAlignment, Hyphens } from "../types";
-declare type MqProp<T> = [
+type MqProp<T> = [
     T | MQ<T>,
     Record<T extends string ? T : never, string | number>
 ];
-declare type MqRules = Record<string, MqProp<TextAlignment> | MqProp<SpaceSizes> | MqProp<HorizontalAlignment> | MqProp<VerticalAlignment> | MqProp<ColumnSizes> | MqProp<Order> | MqProp<ColumnAlignment> | MqProp<Hyphens>>;
-declare type EmotionCssPropertyName = string;
-declare type EmotionCssValue = string | number;
-declare type EmotionCssDescription = Record<EmotionCssPropertyName, EmotionCssValue>;
-declare type MqFunc = (rules: MqRules) => Record<string, EmotionCssValue | EmotionCssDescription>;
+type MqRules = Record<string, MqProp<TextAlignment> | MqProp<SpaceSizes> | MqProp<HorizontalAlignment> | MqProp<VerticalAlignment> | MqProp<ColumnSizes> | MqProp<Order> | MqProp<ColumnAlignment> | MqProp<Hyphens>>;
+type EmotionCssPropertyName = string;
+type EmotionCssValue = string | number;
+type EmotionCssDescription = Record<EmotionCssPropertyName, EmotionCssValue>;
+type MqFunc = (rules: MqRules) => Record<string, EmotionCssValue | EmotionCssDescription>;
 export declare const mq: MqFunc;
 export declare const mqValue: (rules: Record<EmotionCssPropertyName, EmotionCssValue[] | EmotionCssValue>) => Record<string, EmotionCssValue | EmotionCssDescription>;
 export declare function getMediaQueryClasses<T>(s: T | MQ<T> | undefined, styles: Record<string, string>, prefix?: string): string[];

package/build/esm/src/shared/useAutoPosition.d.ts

@@ -1,5 +1,5 @@
 import { RefObject } from "react";
-export declare type VerticalPosition = "up" | "down";
-export declare type HorizontalPosition = "left" | "right";
-export declare type Position = [VerticalPosition, HorizontalPosition];
+export type VerticalPosition = "up" | "down";
+export type HorizontalPosition = "left" | "right";
+export type Position = [VerticalPosition, HorizontalPosition];
 export declare const useAutoPosition: (anchorRef: RefObject<HTMLElement>, contentRef: RefObject<HTMLElement>, isActive: boolean) => Position;

package/build/esm/src/types/index.d.ts

@@ -1,57 +1,57 @@
 /// <reference types="react" />
 import { Literal, Union, Static } from "runtypes";
 export declare const LinkTextSizeRuntype: Union<[Literal<"xs">, Literal<"s">, Literal<"m">, Literal<"l">]>;
-export declare type LinkTextSize = Static<typeof LinkTextSizeRuntype>;
+export type LinkTextSize = Static<typeof LinkTextSizeRuntype>;
 export declare const TextSizeRuntype: Union<[Literal<"xs">, Literal<"s">, Literal<"m">]>;
-export declare type TextSize = Static<typeof TextSizeRuntype>;
+export type TextSize = Static<typeof TextSizeRuntype>;
 export declare const BorderRadiusRuntype: Union<[Literal<"xs">, Literal<"s">, Literal<"m">]>;
-export declare type BorderRadius = Static<typeof BorderRadiusRuntype>;
+export type BorderRadius = Static<typeof BorderRadiusRuntype>;
 export declare const TextAlignmentRuntype: Union<[Literal<"left">, Literal<"right">, Literal<"center">]>;
-export declare type TextAlignment = Static<typeof TextAlignmentRuntype>;
+export type TextAlignment = Static<typeof TextAlignmentRuntype>;
 export declare const HorizontalAlignmentRuntype: Union<[Literal<"left">, Literal<"right">, Literal<"center">, Literal<"spaceBetween">]>;
-export declare type HorizontalAlignment = Static<typeof HorizontalAlignmentRuntype>;
+export type HorizontalAlignment = Static<typeof HorizontalAlignmentRuntype>;
 export declare const VerticalAlignmentRuntype: Union<[Literal<"top">, Literal<"bottom">, Literal<"center">, Literal<"stretch">]>;
-export declare type VerticalAlignment = Static<typeof VerticalAlignmentRuntype>;
+export type VerticalAlignment = Static<typeof VerticalAlignmentRuntype>;
 export declare const SpaceSizesRuntype: Union<[Literal<"zero">, Literal<"xxs">, Literal<"xs">, Literal<"s">, Literal<"m">, Literal<"l">, Literal<"xl">, Literal<"xxl">]>;
-export declare type SpaceSizes = Static<typeof SpaceSizesRuntype>;
+export type SpaceSizes = Static<typeof SpaceSizesRuntype>;
 export declare const ColumsSizesRuntype: Union<[Literal<1>, Literal<2>, Literal<3>, Literal<4>, Literal<5>, Literal<6>, Literal<7>, Literal<8>, Literal<9>, Literal<10>, Literal<11>, Literal<12>, Literal<"auto">, Literal<"narrow">, Literal<"fill">]>;
-export declare type ColumnSizes = Static<typeof ColumsSizesRuntype>;
+export type ColumnSizes = Static<typeof ColumsSizesRuntype>;
 export declare const ColumnAlignmentRunType: Union<[Literal<"auto">, Literal<"start">, Literal<"center">, Literal<"end">]>;
-export declare type ColumnAlignment = Static<typeof ColumnAlignmentRunType>;
+export type ColumnAlignment = Static<typeof ColumnAlignmentRunType>;
 export declare const OrderRuntype: Union<[Literal<"first">, Literal<"last">, Literal<"unset">]>;
-export declare type Order = Static<typeof OrderRuntype>;
+export type Order = Static<typeof OrderRuntype>;
 export declare const BaseVariationsRuntype: Union<[Literal<"primary">, Literal<"secondary">, Literal<"tertiary">]>;
 export declare const BaseColorsRuntype: Union<[Union<[Literal<"primary">, Literal<"secondary">, Literal<"tertiary">]>, Literal<"accent">]>;
-export declare type BaseVariations = Static<typeof BaseVariationsRuntype>;
-export declare type BaseColors = Static<typeof BaseColorsRuntype>;
+export type BaseVariations = Static<typeof BaseVariationsRuntype>;
+export type BaseColors = Static<typeof BaseColorsRuntype>;
 declare const TextColorsRuntype: Union<[Union<[Union<[Literal<"primary">, Literal<"secondary">, Literal<"tertiary">]>, Literal<"accent">]>, Literal<"info">, Literal<"error">, Literal<"warning">]>;
-export declare type TextColors = Static<typeof TextColorsRuntype>;
+export type TextColors = Static<typeof TextColorsRuntype>;
 declare const TextVariationsRuntype: Union<[Union<[Literal<"primary">, Literal<"secondary">, Literal<"tertiary">]>, Literal<"info">, Literal<"error">, Literal<"warning">]>;
-export declare type TextVariations = Static<typeof TextVariationsRuntype>;
+export type TextVariations = Static<typeof TextVariationsRuntype>;
 declare const IconsColorsRuntime: Union<[Union<[Union<[Literal<"primary">, Literal<"secondary">, Literal<"tertiary">]>, Literal<"accent">]>, Literal<"info">, Literal<"error">, Literal<"warning">, Literal<"inherit">, Literal<"brand">, Literal<"quaternary">]>;
-export declare type IconsColors = Static<typeof IconsColorsRuntime>;
+export type IconsColors = Static<typeof IconsColorsRuntime>;
 declare const IconsVariationsRuntype: Union<[Union<[Literal<"primary">, Literal<"secondary">, Literal<"tertiary">]>, Literal<"info">, Literal<"error">, Literal<"warning">, Literal<"inherit">, Literal<"brand">]>;
-export declare type IconsVariations = Static<typeof IconsVariationsRuntype>;
+export type IconsVariations = Static<typeof IconsVariationsRuntype>;
 declare const CalloutVariationsRuntype: Union<[Literal<"info">, Literal<"success">, Literal<"error">, Literal<"warning">]>;
-export declare type CalloutVariations = Static<typeof CalloutVariationsRuntype>;
+export type CalloutVariations = Static<typeof CalloutVariationsRuntype>;
 declare const LinkVariationsRuntype: Union<[Union<[Literal<"primary">, Literal<"secondary">, Literal<"tertiary">]>]>;
-export declare type LinkVariations = Static<typeof LinkVariationsRuntype>;
+export type LinkVariations = Static<typeof LinkVariationsRuntype>;
 declare const LinkColorsRuntype: Union<[Union<[Union<[Literal<"primary">, Literal<"secondary">, Literal<"tertiary">]>, Literal<"accent">]>]>;
-export declare type LinkColors = Static<typeof LinkColorsRuntype>;
-export declare type MQ<T> = [T, T?, T?];
+export type LinkColors = Static<typeof LinkColorsRuntype>;
+export type MQ<T> = [T, T?, T?];
 declare const ButtonSizeRuntype: Union<[Literal<"s">, Literal<"m">, Literal<"l">]>;
-export declare type ButtonSize = Static<typeof ButtonSizeRuntype>;
+export type ButtonSize = Static<typeof ButtonSizeRuntype>;
 export declare const HyphensRuntype: Union<[Literal<"auto">, Literal<"none">, Literal<"manual">]>;
-export declare type Hyphens = Static<typeof HyphensRuntype>;
+export type Hyphens = Static<typeof HyphensRuntype>;
 export declare const ToggleSizeRuntype: Union<[Literal<"s">, Literal<"m">]>;
-export declare type ToggleSize = Static<typeof ToggleSizeRuntype>;
-export declare type AsProp<C extends React.ElementType> = {
+export type ToggleSize = Static<typeof ToggleSizeRuntype>;
+export type AsProp<C extends React.ElementType> = {
     as?: C;
 };
-declare type PropsToOmit<C extends React.ElementType, P> = keyof (AsProp<C> & P);
-export declare type PolymorphicComponentProps<C extends React.ElementType, Props> = React.PropsWithChildren<Props & AsProp<C>> & Omit<React.ComponentPropsWithoutRef<C>, PropsToOmit<C, Props>>;
-export declare type PolymorphicRef<C extends React.ElementType> = React.ComponentPropsWithRef<C>["ref"];
-export declare type PolymorphicComponentPropsWithRef<C extends React.ElementType, Props> = PolymorphicComponentProps<C, Props> & {
+type PropsToOmit<C extends React.ElementType, P> = keyof (AsProp<C> & P);
+export type PolymorphicComponentProps<C extends React.ElementType, Props> = React.PropsWithChildren<Props & AsProp<C>> & Omit<React.ComponentPropsWithoutRef<C>, PropsToOmit<C, Props>>;
+export type PolymorphicRef<C extends React.ElementType> = React.ComponentPropsWithRef<C>["ref"];
+export type PolymorphicComponentPropsWithRef<C extends React.ElementType, Props> = PolymorphicComponentProps<C, Props> & {
     ref?: PolymorphicRef<C>;
 };
 export {};