npm - ingred-ui - Versions diffs - 33.2.1 → 33.3.0 - Mend

ingred-ui 33.2.1 → 33.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (78) hide show

package/dist/components/MultipleFilter/internal/FilterCard/styled.d.ts CHANGED Viewed

@@ -1,32 +1,28 @@
 /// <reference types="react" />
-export declare const FilterCard: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "width" | keyof import("../../..").FlexProps | "minWidth" | "maxWidth" | keyof import("../../../../utils/spacer").SpacerProps> & import("../../../../utils/spacer").SpacerProps & import("../../..").FlexProps & {
+export declare const FilterCard: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("../../..").FlexProps | "width" | "minWidth" | "maxWidth" | keyof import("../../../../utils/spacer").SpacerProps> & import("../../../../utils/spacer").SpacerProps & import("../../..").FlexProps & {
     width?: import("csstype").Property.Width<0 | (string & {})> | undefined;
     maxWidth?: import("csstype").Property.MaxWidth<0 | (string & {})> | undefined;
     minWidth?: import("csstype").Property.MinWidth<0 | (string & {})> | undefined;
-}, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "width" | keyof import("../../..").FlexProps | "minWidth" | "maxWidth" | keyof import("../../../../utils/spacer").SpacerProps> & import("../../../../utils/spacer").SpacerProps & import("../../..").FlexProps & {
+}, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("../../..").FlexProps | "width" | "minWidth" | "maxWidth" | keyof import("../../../../utils/spacer").SpacerProps> & import("../../../../utils/spacer").SpacerProps & import("../../..").FlexProps & {
     width?: import("csstype").Property.Width<0 | (string & {})> | undefined;
     maxWidth?: import("csstype").Property.MaxWidth<0 | (string & {})> | undefined;
     minWidth?: import("csstype").Property.MinWidth<0 | (string & {})> | undefined;
 }, never>> & {
     as?: import("styled-components").WebTarget | undefined;
     forwardedAs?: import("styled-components").WebTarget | undefined;
-}, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
 }, "width"> & {
     width?: string | undefined;
-}, never> & Partial<Pick<import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "width" | keyof import("../../..").FlexProps | "minWidth" | "maxWidth" | keyof import("../../../../utils/spacer").SpacerProps> & import("../../../../utils/spacer").SpacerProps & import("../../..").FlexProps & {
+}, never> & Partial<Pick<import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("../../..").FlexProps | "width" | "minWidth" | "maxWidth" | keyof import("../../../../utils/spacer").SpacerProps> & import("../../../../utils/spacer").SpacerProps & import("../../..").FlexProps & {
     width?: import("csstype").Property.Width<0 | (string & {})> | undefined;
     maxWidth?: import("csstype").Property.MaxWidth<0 | (string & {})> | undefined;
     minWidth?: import("csstype").Property.MinWidth<0 | (string & {})> | undefined;
-}, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "width" | keyof import("../../..").FlexProps | "minWidth" | "maxWidth" | keyof import("../../../../utils/spacer").SpacerProps> & import("../../../../utils/spacer").SpacerProps & import("../../..").FlexProps & {
+}, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("../../..").FlexProps | "width" | "minWidth" | "maxWidth" | keyof import("../../../../utils/spacer").SpacerProps> & import("../../../../utils/spacer").SpacerProps & import("../../..").FlexProps & {
     width?: import("csstype").Property.Width<0 | (string & {})> | undefined;
     maxWidth?: import("csstype").Property.MaxWidth<0 | (string & {})> | undefined;
     minWidth?: import("csstype").Property.MinWidth<0 | (string & {})> | undefined;
 }, never>> & {
     as?: import("styled-components").WebTarget | undefined;
     forwardedAs?: import("styled-components").WebTarget | undefined;
-}, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
 }, "width"> & {
     width?: string | undefined;
 }, never>>> & string;

package/dist/components/NavigationRail/ExpansionMenu/styled.d.ts CHANGED Viewed

@@ -11,11 +11,7 @@ export declare const TextContainer: import("styled-components/dist/types").IStyl
 }, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "isOpen"> & {
     isOpen: boolean;
 }, never>>> & string;
-export declare const TextWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("../../Typography").TypographyProps & import("react").RefAttributes<HTMLElement>, "ref"> & {
-    ref?: ((instance: HTMLElement | null) => void) | import("react").RefObject<HTMLElement> | null | undefined;
-}, never> & Partial<Pick<Omit<import("../../Typography").TypographyProps & import("react").RefAttributes<HTMLElement>, "ref"> & {
-    ref?: ((instance: HTMLElement | null) => void) | import("react").RefObject<HTMLElement> | null | undefined;
-}, never>>> & string & Omit<import("react").ForwardRefExoticComponent<import("../../Typography").TypographyProps & import("react").RefAttributes<HTMLElement>>, keyof import("react").Component<any, {}, any>>;
+export declare const TextWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("../../Typography").TypographyProps & import("react").RefAttributes<HTMLElement>, never> & Partial<Pick<import("../../Typography").TypographyProps & import("react").RefAttributes<HTMLElement>, never>>> & string & Omit<import("react").ForwardRefExoticComponent<import("../../Typography").TypographyProps & import("react").RefAttributes<HTMLElement>>, keyof import("react").Component<any, {}, any>>;
 export declare const ArrowIconWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "isOpen" | "isExpand"> & {
     isExpand: boolean;
     isOpen: boolean;

package/dist/components/NavigationRail/ExpansionMenuItem/styled.d.ts CHANGED Viewed

@@ -1,7 +1,3 @@
 /// <reference types="react" />
 export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
-export declare const TitleWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("../../Typography").TypographyProps & import("react").RefAttributes<HTMLElement>, "ref"> & {
-    ref?: ((instance: HTMLElement | null) => void) | import("react").RefObject<HTMLElement> | null | undefined;
-}, never> & Partial<Pick<Omit<import("../../Typography").TypographyProps & import("react").RefAttributes<HTMLElement>, "ref"> & {
-    ref?: ((instance: HTMLElement | null) => void) | import("react").RefObject<HTMLElement> | null | undefined;
-}, never>>> & string & Omit<import("react").ForwardRefExoticComponent<import("../../Typography").TypographyProps & import("react").RefAttributes<HTMLElement>>, keyof import("react").Component<any, {}, any>>;
+export declare const TitleWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("../../Typography").TypographyProps & import("react").RefAttributes<HTMLElement>, never> & Partial<Pick<import("../../Typography").TypographyProps & import("react").RefAttributes<HTMLElement>, never>>> & string & Omit<import("react").ForwardRefExoticComponent<import("../../Typography").TypographyProps & import("react").RefAttributes<HTMLElement>>, keyof import("react").Component<any, {}, any>>;

package/dist/components/NavigationRail/Menu/styled.d.ts CHANGED Viewed

@@ -11,9 +11,5 @@ export declare const TextContainer: import("styled-components/dist/types").IStyl
 }, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "isOpen"> & {
     isOpen: boolean;
 }, never>>> & string;
-export declare const TextWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("../../Typography").TypographyProps & import("react").RefAttributes<HTMLElement>, "ref"> & {
-    ref?: ((instance: HTMLElement | null) => void) | import("react").RefObject<HTMLElement> | null | undefined;
-}, never> & Partial<Pick<Omit<import("../../Typography").TypographyProps & import("react").RefAttributes<HTMLElement>, "ref"> & {
-    ref?: ((instance: HTMLElement | null) => void) | import("react").RefObject<HTMLElement> | null | undefined;
-}, never>>> & string & Omit<import("react").ForwardRefExoticComponent<import("../../Typography").TypographyProps & import("react").RefAttributes<HTMLElement>>, keyof import("react").Component<any, {}, any>>;
+export declare const TextWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("../../Typography").TypographyProps & import("react").RefAttributes<HTMLElement>, never> & Partial<Pick<import("../../Typography").TypographyProps & import("react").RefAttributes<HTMLElement>, never>>> & string & Omit<import("react").ForwardRefExoticComponent<import("../../Typography").TypographyProps & import("react").RefAttributes<HTMLElement>>, keyof import("react").Component<any, {}, any>>;
 export declare const BadgeContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;

package/dist/components/NavigationRail/NavigationRail.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import React from "react";
+import React, { type JSX } from "react";
 import { NavigationRailContainer } from "./NavigationRailContainer";
 import { Header, Content, Footer } from "./Inner";
 import { MainContent } from "./MainContent";

package/dist/components/RadioButton/styled.d.ts CHANGED Viewed

@@ -16,11 +16,11 @@ type IndicatorProps = {
     error: boolean;
 };
 export declare const Indicator: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof IndicatorProps> & IndicatorProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof IndicatorProps> & IndicatorProps, never>>> & string;
-export declare const Label: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "checked" | "disabled" | "error"> & {
+export declare const Label: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "disabled" | "checked" | "error"> & {
     checked?: boolean | undefined;
     disabled?: boolean | undefined;
     error?: boolean | undefined;
-}, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "checked" | "disabled" | "error"> & {
+}, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "disabled" | "checked" | "error"> & {
     checked?: boolean | undefined;
     disabled?: boolean | undefined;
     error?: boolean | undefined;

package/dist/components/Select2/styled.d.ts CHANGED Viewed

@@ -69,48 +69,32 @@ export declare const IconArea: import("styled-components/dist/types").IStyledCom
     $disabled?: boolean | undefined;
     $multiple?: boolean | undefined;
 }, never>>> & string;
-export declare const StyledContextMenu2TextInputItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components").FastOmit<Omit<{
+export declare const StyledContextMenu2TextInputItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components").FastOmit<{
     onEnter?: (() => void) | undefined;
-} & import("react").InputHTMLAttributes<HTMLInputElement> & import("react").RefAttributes<HTMLInputElement>, "ref"> & {
-    ref?: ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | null | undefined;
-}, "$insetFocusRingPadding"> & import("../ContextMenu2/ContextMenu2TextInputItem").ContextMenu2TextInputItemStyledProps, never> & Partial<Pick<import("styled-components").FastOmit<Omit<{
+} & import("react").InputHTMLAttributes<HTMLInputElement> & import("react").RefAttributes<HTMLInputElement>, "$insetFocusRingPadding"> & import("../ContextMenu2/ContextMenu2TextInputItem").ContextMenu2TextInputItemStyledProps, never> & Partial<Pick<import("styled-components").FastOmit<{
     onEnter?: (() => void) | undefined;
-} & import("react").InputHTMLAttributes<HTMLInputElement> & import("react").RefAttributes<HTMLInputElement>, "ref"> & {
-    ref?: ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | null | undefined;
-}, "$insetFocusRingPadding"> & import("../ContextMenu2/ContextMenu2TextInputItem").ContextMenu2TextInputItemStyledProps, never>> & {
+} & import("react").InputHTMLAttributes<HTMLInputElement> & import("react").RefAttributes<HTMLInputElement>, "$insetFocusRingPadding"> & import("../ContextMenu2/ContextMenu2TextInputItem").ContextMenu2TextInputItemStyledProps, never>> & {
     as?: import("styled-components").WebTarget | undefined;
     forwardedAs?: import("styled-components").WebTarget | undefined;
-}, "ref" | "key" | "as" | "forwardedAs" | keyof import("react").InputHTMLAttributes<HTMLInputElement> | "onEnter" | "$insetFocusRingPadding"> & import("styled-components").FastOmit<import("styled-components").FastOmit<Omit<{
+}, "as" | "forwardedAs" | keyof import("react").InputHTMLAttributes<HTMLInputElement> | "onEnter" | "$insetFocusRingPadding" | keyof import("react").RefAttributes<HTMLInputElement>> & import("styled-components").FastOmit<import("styled-components").FastOmit<{
     onEnter?: (() => void) | undefined;
-} & import("react").InputHTMLAttributes<HTMLInputElement> & import("react").RefAttributes<HTMLInputElement>, "ref"> & {
-    ref?: ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | null | undefined;
-}, "$insetFocusRingPadding"> & import("../ContextMenu2/ContextMenu2TextInputItem").ContextMenu2TextInputItemStyledProps, never> & Partial<Pick<import("styled-components").FastOmit<Omit<{
+} & import("react").InputHTMLAttributes<HTMLInputElement> & import("react").RefAttributes<HTMLInputElement>, "$insetFocusRingPadding"> & import("../ContextMenu2/ContextMenu2TextInputItem").ContextMenu2TextInputItemStyledProps, never> & Partial<Pick<import("styled-components").FastOmit<{
     onEnter?: (() => void) | undefined;
-} & import("react").InputHTMLAttributes<HTMLInputElement> & import("react").RefAttributes<HTMLInputElement>, "ref"> & {
-    ref?: ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | null | undefined;
-}, "$insetFocusRingPadding"> & import("../ContextMenu2/ContextMenu2TextInputItem").ContextMenu2TextInputItemStyledProps, never>> & {
+} & import("react").InputHTMLAttributes<HTMLInputElement> & import("react").RefAttributes<HTMLInputElement>, "$insetFocusRingPadding"> & import("../ContextMenu2/ContextMenu2TextInputItem").ContextMenu2TextInputItemStyledProps, never>> & {
     as?: import("styled-components").WebTarget | undefined;
     forwardedAs?: import("styled-components").WebTarget | undefined;
-}, "$insetFocusRingPadding"> & Partial<Pick<import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components").FastOmit<Omit<{
+}, "$insetFocusRingPadding"> & Partial<Pick<import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components").FastOmit<{
     onEnter?: (() => void) | undefined;
-} & import("react").InputHTMLAttributes<HTMLInputElement> & import("react").RefAttributes<HTMLInputElement>, "ref"> & {
-    ref?: ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | null | undefined;
-}, "$insetFocusRingPadding"> & import("../ContextMenu2/ContextMenu2TextInputItem").ContextMenu2TextInputItemStyledProps, never> & Partial<Pick<import("styled-components").FastOmit<Omit<{
+} & import("react").InputHTMLAttributes<HTMLInputElement> & import("react").RefAttributes<HTMLInputElement>, "$insetFocusRingPadding"> & import("../ContextMenu2/ContextMenu2TextInputItem").ContextMenu2TextInputItemStyledProps, never> & Partial<Pick<import("styled-components").FastOmit<{
     onEnter?: (() => void) | undefined;
-} & import("react").InputHTMLAttributes<HTMLInputElement> & import("react").RefAttributes<HTMLInputElement>, "ref"> & {
-    ref?: ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | null | undefined;
-}, "$insetFocusRingPadding"> & import("../ContextMenu2/ContextMenu2TextInputItem").ContextMenu2TextInputItemStyledProps, never>> & {
+} & import("react").InputHTMLAttributes<HTMLInputElement> & import("react").RefAttributes<HTMLInputElement>, "$insetFocusRingPadding"> & import("../ContextMenu2/ContextMenu2TextInputItem").ContextMenu2TextInputItemStyledProps, never>> & {
     as?: import("styled-components").WebTarget | undefined;
     forwardedAs?: import("styled-components").WebTarget | undefined;
-}, "ref" | "key" | "as" | "forwardedAs" | keyof import("react").InputHTMLAttributes<HTMLInputElement> | "onEnter" | "$insetFocusRingPadding"> & import("styled-components").FastOmit<import("styled-components").FastOmit<Omit<{
+}, "as" | "forwardedAs" | keyof import("react").InputHTMLAttributes<HTMLInputElement> | "onEnter" | "$insetFocusRingPadding" | keyof import("react").RefAttributes<HTMLInputElement>> & import("styled-components").FastOmit<import("styled-components").FastOmit<{
     onEnter?: (() => void) | undefined;
-} & import("react").InputHTMLAttributes<HTMLInputElement> & import("react").RefAttributes<HTMLInputElement>, "ref"> & {
-    ref?: ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | null | undefined;
-}, "$insetFocusRingPadding"> & import("../ContextMenu2/ContextMenu2TextInputItem").ContextMenu2TextInputItemStyledProps, never> & Partial<Pick<import("styled-components").FastOmit<Omit<{
+} & import("react").InputHTMLAttributes<HTMLInputElement> & import("react").RefAttributes<HTMLInputElement>, "$insetFocusRingPadding"> & import("../ContextMenu2/ContextMenu2TextInputItem").ContextMenu2TextInputItemStyledProps, never> & Partial<Pick<import("styled-components").FastOmit<{
     onEnter?: (() => void) | undefined;
-} & import("react").InputHTMLAttributes<HTMLInputElement> & import("react").RefAttributes<HTMLInputElement>, "ref"> & {
-    ref?: ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | null | undefined;
-}, "$insetFocusRingPadding"> & import("../ContextMenu2/ContextMenu2TextInputItem").ContextMenu2TextInputItemStyledProps, never>> & {
+} & import("react").InputHTMLAttributes<HTMLInputElement> & import("react").RefAttributes<HTMLInputElement>, "$insetFocusRingPadding"> & import("../ContextMenu2/ContextMenu2TextInputItem").ContextMenu2TextInputItemStyledProps, never>> & {
     as?: import("styled-components").WebTarget | undefined;
     forwardedAs?: import("styled-components").WebTarget | undefined;
 }, "$insetFocusRingPadding">>> & string;

package/dist/components/SelectableCard/useSelectableCardHeaderClick.d.ts CHANGED Viewed

@@ -4,7 +4,7 @@ import * as React from "react";
  * コントロール本体（ラベル内）のクリックと二重発火しないよう ControlWrap + contains で抑止する。
  */
 export declare function useSelectableCardHeaderClick(disabled: boolean | undefined, inputRefProp: React.Ref<HTMLInputElement> | undefined): {
-    controlWrapRef: React.MutableRefObject<HTMLSpanElement | null>;
+    controlWrapRef: React.RefObject<HTMLSpanElement | null>;
     assignInputRef: (node: HTMLInputElement | null) => void;
     handleHeaderClick: (e: React.MouseEvent<HTMLDivElement>) => void;
 };

package/dist/components/Slider/types.d.ts CHANGED Viewed

@@ -86,8 +86,8 @@ export type UseSliderProps = {
 export type UseSliderReturn = {
     currentValue: number | number[];
     isDragging: boolean;
-    trackRef: React.RefObject<HTMLDivElement>;
-    thumbRef: React.RefObject<HTMLDivElement>;
+    trackRef: React.RefObject<HTMLDivElement | null>;
+    thumbRef: React.RefObject<HTMLDivElement | null>;
     handleChange: (newValue: number | number[]) => void;
     handleMouseDown: (e: React.MouseEvent) => void;
     handleMouseMove: (e: MouseEvent) => void;

package/dist/components/Spinner/styled.d.ts CHANGED Viewed

@@ -7,14 +7,10 @@ export declare const Container: import("styled-components/dist/types").IStyledCo
 }, never>>> & string;
 export declare const Svg: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").SVGProps<SVGSVGElement>, never> & Partial<Pick<import("react").SVGProps<SVGSVGElement>, never>>> & string;
 export declare const Circle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").SVGProps<SVGCircleElement>, never> & Partial<Pick<import("react").SVGProps<SVGCircleElement>, never>>> & string;
-export declare const PrimaryCircle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("react").SVGProps<SVGCircleElement>, never> & Partial<Pick<import("react").SVGProps<SVGCircleElement>, never>> & {
+export declare const PrimaryCircle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").SVGProps<SVGCircleElement>, never> & Partial<Pick<import("react").SVGProps<SVGCircleElement>, never>> & {
     as?: import("styled-components").WebTarget | undefined;
     forwardedAs?: import("styled-components").WebTarget | undefined;
-}, "ref"> & {
-    ref?: ((instance: SVGCircleElement | null) => void) | import("react").RefObject<SVGCircleElement> | null | undefined;
-}, never> & Partial<Pick<Omit<import("styled-components").FastOmit<import("react").SVGProps<SVGCircleElement>, never> & Partial<Pick<import("react").SVGProps<SVGCircleElement>, never>> & {
+}, never> & Partial<Pick<import("styled-components").FastOmit<import("react").SVGProps<SVGCircleElement>, never> & Partial<Pick<import("react").SVGProps<SVGCircleElement>, never>> & {
     as?: import("styled-components").WebTarget | undefined;
     forwardedAs?: import("styled-components").WebTarget | undefined;
-}, "ref"> & {
-    ref?: ((instance: SVGCircleElement | null) => void) | import("react").RefObject<SVGCircleElement> | null | undefined;
 }, never>>> & string;

package/dist/components/Table/Table.d.ts CHANGED Viewed

@@ -4,6 +4,7 @@ import { Cell } from "./Cell";
 import { Header } from "./Header";
 import { Row } from "./Row";
 import { HeaderCell } from "./HeaderCell";
+import type { JSX } from "react";
 type ExportedComponentType = {
     (props: React.ComponentPropsWithRef<"table">): JSX.Element;
     Header: typeof Header;

package/dist/components/Tabs/Tabs.d.ts CHANGED Viewed

@@ -10,7 +10,7 @@ type TabsProps<T> = {
     value: T;
     onChange?: (value: T) => void;
     onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+    ref?: React.Ref<HTMLDivElement>;
 };
-declare const Tabs: <T>(props: TabsProps<T>, ref: React.Ref<HTMLDivElement>) => React.ReactElement<TabsProps<T>, string | React.JSXElementConstructor<any>>;
-declare const _default: <T>(props: TabsProps<T>, ref: React.ForwardedRef<HTMLDivElement>) => ReturnType<typeof Tabs>;
-export default _default;
+declare const Tabs: <T>({ ref, data, value, onChange, onClick, }: TabsProps<T>) => React.ReactElement<TabsProps<T>, string | React.JSXElementConstructor<any>>;
+export default Tabs;

package/dist/components/Tabs/styled.d.ts CHANGED Viewed

@@ -5,11 +5,7 @@ type ButtonProps = {
 export declare const ChildContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
 export declare const ChildrenContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
 export declare const Button: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "selected"> & ButtonProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "selected"> & ButtonProps, never>>> & string;
-export declare const Text: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<Omit<import("../Typography").TypographyProps & import("react").RefAttributes<HTMLElement>, "ref"> & {
-    ref?: ((instance: HTMLElement | null) => void) | import("react").RefObject<HTMLElement> | null | undefined;
-}, "selected"> & ButtonProps, never> & Partial<Pick<import("styled-components").FastOmit<Omit<import("../Typography").TypographyProps & import("react").RefAttributes<HTMLElement>, "ref"> & {
-    ref?: ((instance: HTMLElement | null) => void) | import("react").RefObject<HTMLElement> | null | undefined;
-}, "selected"> & ButtonProps, never>>> & string & Omit<import("react").ForwardRefExoticComponent<import("../Typography").TypographyProps & import("react").RefAttributes<HTMLElement>>, keyof import("react").Component<any, {}, any>>;
+export declare const Text: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("../Typography").TypographyProps & import("react").RefAttributes<HTMLElement>, "selected"> & ButtonProps, never> & Partial<Pick<import("styled-components").FastOmit<import("../Typography").TypographyProps & import("react").RefAttributes<HTMLElement>, "selected"> & ButtonProps, never>>> & string & Omit<import("react").ForwardRefExoticComponent<import("../Typography").TypographyProps & import("react").RefAttributes<HTMLElement>>, keyof import("react").Component<any, {}, any>>;
 export declare const Indicator: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
 export declare const Border: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
 export {};

package/dist/components/TextField/styled.d.ts CHANGED Viewed

@@ -7,25 +7,17 @@ export declare const InputContainer: import("styled-components/dist/types").ISty
     hasLeftIcon: boolean;
     hasRightIcon: boolean;
 }, never>>> & string;
-export declare const LeftIconContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & {
+export declare const LeftIconContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & {
     as?: import("styled-components").WebTarget | undefined;
     forwardedAs?: import("styled-components").WebTarget | undefined;
-}, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, never> & Partial<Pick<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & {
+}, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & {
     as?: import("styled-components").WebTarget | undefined;
     forwardedAs?: import("styled-components").WebTarget | undefined;
-}, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
 }, never>>> & string;
-export declare const RightIconContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & {
+export declare const RightIconContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & {
     as?: import("styled-components").WebTarget | undefined;
     forwardedAs?: import("styled-components").WebTarget | undefined;
-}, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, never> & Partial<Pick<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & {
+}, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & {
     as?: import("styled-components").WebTarget | undefined;
     forwardedAs?: import("styled-components").WebTarget | undefined;
-}, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
 }, never>>> & string;

package/dist/components/TimeField/useTimeField2.d.ts CHANGED Viewed

@@ -62,7 +62,7 @@ export declare const useTimeField2: ({ time, disabled, onTimeChange, }: Props) =
         "aria-hidden"?: undefined;
     };
     groupProps: {
-        ref: React.MutableRefObject<HTMLDivElement | null>;
+        ref: React.RefObject<HTMLDivElement | null>;
         onKeyDown: (event: React.KeyboardEvent<HTMLDivElement>) => void;
         onPaste: (event: React.ClipboardEvent<HTMLDivElement>) => void;
     };

package/dist/components/ToggleButton/styled.d.ts CHANGED Viewed

@@ -4,35 +4,27 @@ export declare const Container: import("styled-components/dist/types").IStyledCo
 }, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "width"> & {
     width: string;
 }, never>>> & string;
-export declare const ToggleButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "checked" | "disabled"> & {
+export declare const ToggleButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "disabled" | "checked"> & {
     checked: boolean;
     disabled: boolean;
-}, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "checked" | "disabled"> & {
+}, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "disabled" | "checked"> & {
     checked: boolean;
     disabled: boolean;
 }, never>>> & string;
 export declare const LabelText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
-export declare const CheckedLabelText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & {
+export declare const CheckedLabelText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & {
     as?: import("styled-components").WebTarget | undefined;
     forwardedAs?: import("styled-components").WebTarget | undefined;
-}, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, never> & Partial<Pick<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & {
+}, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & {
     as?: import("styled-components").WebTarget | undefined;
     forwardedAs?: import("styled-components").WebTarget | undefined;
-}, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
 }, never>>> & string;
-export declare const UnCheckedLabelText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & {
+export declare const UnCheckedLabelText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & {
     as?: import("styled-components").WebTarget | undefined;
     forwardedAs?: import("styled-components").WebTarget | undefined;
-}, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, never> & Partial<Pick<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & {
+}, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & {
     as?: import("styled-components").WebTarget | undefined;
     forwardedAs?: import("styled-components").WebTarget | undefined;
-}, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
 }, never>>> & string;
 type LabelProps = {
     checked: boolean;

package/dist/components/Typography/Typography.d.ts CHANGED Viewed

@@ -1,5 +1,6 @@
 import * as React from "react";
 import type { ResponsiveValue } from "../../types/ResponsiveValue";
+import type { JSX } from "react";
 export type ColorType = "initial" | "primary" | "secondary" | "disabled" | "hint" | "white";
 export type FontSize = "xs" | "sm" | "md" | "lg" | "xl" | "xxl" | "xxxl" | "xxxxl" | "xxxxxl" | "xxxxxxl" | "xxxxxxxl";
 export declare const fontSize: {

package/dist/components/WeekTime/internal/WeekTimeElement/styled.d.ts CHANGED Viewed

@@ -1,36 +1,24 @@
 /// <reference types="react" />
 export declare const WeekTimeContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
 export declare const ContainerBase: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
-export declare const WeekContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & {
+export declare const WeekContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & {
     as?: import("styled-components").WebTarget | undefined;
     forwardedAs?: import("styled-components").WebTarget | undefined;
-}, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, never> & Partial<Pick<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & {
+}, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & {
     as?: import("styled-components").WebTarget | undefined;
     forwardedAs?: import("styled-components").WebTarget | undefined;
-}, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
 }, never>>> & string;
-export declare const TimeContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & {
+export declare const TimeContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & {
     as?: import("styled-components").WebTarget | undefined;
     forwardedAs?: import("styled-components").WebTarget | undefined;
-}, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, never> & Partial<Pick<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & {
+}, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & {
     as?: import("styled-components").WebTarget | undefined;
     forwardedAs?: import("styled-components").WebTarget | undefined;
-}, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
 }, never>>> & string;
-export declare const EmptyContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & {
+export declare const EmptyContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & {
     as?: import("styled-components").WebTarget | undefined;
     forwardedAs?: import("styled-components").WebTarget | undefined;
-}, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, never> & Partial<Pick<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & {
+}, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & {
     as?: import("styled-components").WebTarget | undefined;
     forwardedAs?: import("styled-components").WebTarget | undefined;
-}, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
 }, never>>> & string;