@cerebruminc/cerebellum 11.2.0 → 11.2.1

package/lib/types/src/components/UserInformationCard/UserInformationCardStyles.d.ts

@@ -3,17 +3,17 @@ import { AvatarWrapperProps, CardBoxProps, CardTextProps, DataWrapperProps, Divi
 export declare const AvatarWrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, AvatarWrapperProps>>;
 export declare const CardBox: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, CardBoxProps>>;
 export declare const HorizontalMeasure: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
-export declare const ScrollBox: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<Pick<import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("../../sharedStyle/types").ScrollerProps> & import("../../sharedStyle/types").ScrollerProps, "key" | keyof import("react").HTMLAttributes<HTMLDivElement> | keyof import("../../sharedStyle/types").ScrollerProps> & {
+export declare const ScrollBox: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<Omit<import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("../../sharedStyle/types").ScrollerProps> & import("../../sharedStyle/types").ScrollerProps, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
 }, ScrollBoxProps>> & Omit<import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import("../../sharedStyle/types").ScrollerProps>>, keyof import("react").Component<any, {}, any>>;
 export declare const DataWrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, DataWrapperProps>>;
 export declare const Item: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ItemProps>>;
 export declare const Label: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>>;
 export declare const OrderTag: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, OrderTagProps>>;
-export declare const TextWithLoader: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<Pick<import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, keyof import("../../const/types").TextProps> & import("../../const/types").TextProps, "key" | keyof import("../../const/types").TextProps | keyof import("react").HTMLAttributes<HTMLParagraphElement>> & {
+export declare const TextWithLoader: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<Omit<import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, keyof import("../../const/types").TextProps> & import("../../const/types").TextProps, "ref"> & {
     ref?: ((instance: HTMLParagraphElement | null) => void) | import("react").RefObject<HTMLParagraphElement> | null | undefined;
 }, CardTextProps>> & Omit<import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, import("../../const/types").TextProps>>, keyof import("react").Component<any, {}, any>>;
-export declare const TitleWithLoader: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<Pick<import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, keyof import("../../const/types").TextProps> & import("../../const/types").TextProps, "key" | keyof import("../../const/types").TextProps | keyof import("react").HTMLAttributes<HTMLParagraphElement>> & {
+export declare const TitleWithLoader: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<Omit<import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, keyof import("../../const/types").TextProps> & import("../../const/types").TextProps, "ref"> & {
     ref?: ((instance: HTMLParagraphElement | null) => void) | import("react").RefObject<HTMLParagraphElement> | null | undefined;
 }, CardTextProps>> & Omit<import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, import("../../const/types").TextProps>>, keyof import("react").Component<any, {}, any>>;
 export declare const ChildWrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;

package/lib/types/src/components/ZipCodeInput/types.d.ts

@@ -1,6 +1,6 @@
+/// <reference types="react" />
 import { CaretPositionType } from "../../sharedTypes/types";
 import { InlineInputType } from "../InlineInput";
-import { FC } from "react";
 export interface InlineZipCodeInputType extends Omit<InlineInputType, "LeadingIcon" | "TrailingIcon" | "trailingIconColor" | "trailingIconFunction" | "numberArrows" | "step" | "trailingText" | "trailingTextColor" | "onChange" | "onValueChange" | "value" | "type" | "leadingIconColor"> {
     /** Called when the value is changed & returns the event. This is just to expose the onChange function, & should not be used to set `value` */
     onChange?: (ev: {
@@ -23,7 +23,7 @@ export interface ZipCodeInputType extends Omit<InlineZipCodeInputType, "trailing
     /** The helper text color. Also used for trailing text. THEME PROP: default is colors.COOL_GREY_60 */
     helperTextColor?: string;
     /** A label for your input. Not required, but strongly recommended. */
-    inputLabel?: string | FC | JSX.Element;
+    inputLabel?: React.ReactNode;
     /** The label color. THEME PROPS: default is colors.COOL_GREY_80 */
     labelColor?: string;
     /** A message for when the input fails validation. Only displays if `showValidationMessage: true`  */

package/lib/types/src/configuredComponents/AddMenu/types.d.ts

@@ -1,11 +1,11 @@
-import { FC, KeyboardEvent, MouseEvent, RefObject } from "react";
+import { KeyboardEvent, MouseEvent, RefObject } from "react";
 import { IconType } from "../../components/Icons";
 import { OptionType, RenderOptionLabelProps } from "../../sharedTypes/types";
 export interface AddMenuType {
     /** Uses a more compact, menu search input with a grey background  */
     altSearchStyle?: boolean;
     /** Bottom button label text. This and bottomButtonClick are required to enable the bottom button */
-    bottomButtonLabel?: string | FC | JSX.Element;
+    bottomButtonLabel?: React.ReactNode;
     /** Called when the bottom button is clicked. This and bottomButtonLabel are required to enable the bottom button */
     bottomButtonClick?: (event: MouseEvent<HTMLSpanElement> | KeyboardEvent<HTMLSpanElement>) => void;
     /** An icon to emphasize the button action. Strongly encouraged, but not technically required. Accepts a Cerebellum Icon component directly, or JSX */

package/lib/types/src/configuredComponents/CountyDropdown/types.d.ts

@@ -1,9 +1,9 @@
-import { FC } from "react";
+/// <reference types="react" />
 import { DropdownInputType } from "../DropdownInput/types";
 import { USStatesEnum } from "../../sharedTypes/enums";
 export interface CountyDropdownType extends Omit<DropdownInputType, "options" | "idField" | "labelField"> {
     /** A label for the InputButton. */
-    inputLabel?: string | FC | JSX.Element;
+    inputLabel?: React.ReactNode;
     /** The selected state */
     state?: USStatesEnum;
 }

package/lib/types/src/configuredComponents/DescriptiveDropdownInput/types.d.ts

@@ -31,7 +31,7 @@ export interface DescriptiveDropdownInputType {
     /** The InputButton height, not counting the label, in pixels. THEME PROP: default is 55 */
     inputHeight?: number;
     /** A label for your InputButton. Not required, but strongly recommended. */
-    inputLabel?: string | FC | JSX.Element;
+    inputLabel?: React.ReactNode;
     /** Theme enum - sets the theme for the input */
     inputTheme?: InputTheme;
     /** Sets the width, in pixels. Default is 100%, with a 700px max width. */

package/lib/types/src/configuredComponents/DropdownButton/DropdownButtonStyles.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
-export declare const Bold: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<Pick<import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, keyof import("../../const/types").TextProps> & import("../../const/types").TextProps, keyof import("../../const/types").TextProps | "key" | keyof import("react").HTMLAttributes<HTMLParagraphElement>> & {
+export declare const Bold: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<Omit<import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, keyof import("../../const/types").TextProps> & import("../../const/types").TextProps, "ref"> & {
     ref?: ((instance: HTMLParagraphElement | null) => void) | import("react").RefObject<HTMLParagraphElement> | null | undefined;
 }, never>> & Omit<import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, import("../../const/types").TextProps>>, keyof import("react").Component<any, {}, any>>;

package/lib/types/src/configuredComponents/DropdownInput/types.d.ts

@@ -14,7 +14,7 @@ export interface DropdownInputType {
     /** Sets HTML attribute `autofocus`, which will focus the input on load */
     autofocus?: boolean;
     /** Bottom button label text. This and `bottomButtonClick` are required to enable the bottom button */
-    bottomButtonLabel?: string | FC | JSX.Element;
+    bottomButtonLabel?: React.ReactNode;
     /** Called when the bottom button is clicked. This and `bottomButtonLabel` are required to enable the bottom button */
     bottomButtonClick?: (event: MouseEvent<HTMLSpanElement> | KeyboardEvent<HTMLSpanElement>) => void;
     /** An icon to emphasize the button action. Strongly encouraged, but not technically required. Accepts a Cerebellum Icon component directly, or JSX */
@@ -66,7 +66,7 @@ export interface DropdownInputType {
     /** Sets the width, in pixels. Default is 100%, with a 700px max width. */
     inputWidth?: number;
     /** A label for your InputButton. Not required, but strongly recommended. */
-    inputLabel?: string | FC | JSX.Element;
+    inputLabel?: React.ReactNode;
     /** The label color. THEME PROP: default is colors.COOL_GREY_80 */
     labelColor?: string;
     /** The field in each option to use instead of `label` */

package/lib/types/src/configuredComponents/IconSwitcher/IconSwitcherStyles.d.ts

@@ -1,10 +1,10 @@
 /// <reference types="react" />
 import { IconBoxProps, LabelBoxProps, LabelProps } from "./types";
 export declare const IconBox: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, IconBoxProps>>;
-export declare const LabelIconBox: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<Pick<import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "disabled"> & IconBoxProps, "disabled" | "key" | keyof import("react").HTMLAttributes<HTMLSpanElement>> & {
+export declare const LabelIconBox: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<Omit<import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "disabled"> & IconBoxProps, "ref"> & {
     ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
 }, never>> & Omit<import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, IconBoxProps>>, keyof import("react").Component<any, {}, any>>;
 export declare const LabelBox: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, LabelBoxProps>>;
-export declare const Label: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<Pick<import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, keyof import("../../const/types").TextProps> & import("../../const/types").TextProps, "key" | keyof import("../../const/types").TextProps | keyof import("react").HTMLAttributes<HTMLParagraphElement>> & {
+export declare const Label: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<Omit<import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, keyof import("../../const/types").TextProps> & import("../../const/types").TextProps, "ref"> & {
     ref?: ((instance: HTMLParagraphElement | null) => void) | import("react").RefObject<HTMLParagraphElement> | null | undefined;
 }, LabelProps>> & Omit<import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, import("../../const/types").TextProps>>, keyof import("react").Component<any, {}, any>>;

package/lib/types/src/configuredComponents/InlineDropdown/types.d.ts

@@ -1,4 +1,4 @@
-import { FC, FocusEvent, KeyboardEvent, MouseEvent, RefObject } from "react";
+import { FocusEvent, KeyboardEvent, MouseEvent, RefObject } from "react";
 import { IconType } from "../../components/Icons";
 import { TextStyleEnum } from "../../sharedTypes/enums";
 import { OptionType, RenderOptionLabelProps } from "../../sharedTypes/types";
@@ -59,7 +59,7 @@ export interface InlineDropdownType {
     /** Menu border radius, in pixels. THEME PROP: default is 8 */
     borderRadius?: number;
     /** Bottom button label text. This and bottomButtonClick are required to enable the bottom button */
-    bottomButtonLabel?: string | FC | JSX.Element;
+    bottomButtonLabel?: React.ReactNode;
     /** Called when the bottom button is clicked. This and bottomButtonLabel are required to enable the bottom button */
     bottomButtonClick?: (event: MouseEvent<HTMLSpanElement> | KeyboardEvent<HTMLSpanElement>) => void;
     /** An icon to emphasize the button action. Strongly encouraged, but not technically required. Accepts a Cerebellum Icon component directly, or JSX  */

package/lib/types/src/configuredComponents/MoreMenuButton/RowExample.d.ts

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

package/lib/types/src/configuredComponents/StateDropdown/types.d.ts

@@ -1,8 +1,8 @@
-import { FC } from "react";
+/// <reference types="react" />
 import { DropdownInputType } from "../DropdownInput";
 export interface StateDropdownType extends Omit<DropdownInputType, "options" | "idField" | "labelField"> {
     /** This will show two letter abbreviations for each state, and make the input smaller */
     abbreviatedStateNames?: boolean;
     /** A label for the InputButton. */
-    inputLabel?: string | FC | JSX.Element;
+    inputLabel?: React.ReactNode;
 }

package/lib/types/src/configuredComponents/StatusDropdown/types.d.ts

@@ -1,10 +1,10 @@
-import { FC } from "react";
+/// <reference types="react" />
 import { DropdownInputType } from "../DropdownInput";
 export interface StatusDropdownType extends Omit<DropdownInputType, "options" | "renderOptionLabel" | "LeadingIcon" | "leadingIconColor"> {
     /** List of possible options in the StatusDropdown */
     options: Array<StatusDropdownOptionType>;
     /** A label for the StatusDropdown. */
-    inputLabel?: string | FC | JSX.Element;
+    inputLabel?: React.ReactNode;
     /** Boolean that decides if numbers are shown on each option */
     numbers?: boolean;
 }

package/lib/types/src/configuredComponents/TableFiltersPanel/TableFiltersPanel.d.ts

@@ -1,2 +1,2 @@
 import { TableFiltersPanelType } from "./types";
-export declare const TableFiltersPanel: ({ activeFilters, filterFunction, filtersButtonMeasure, columnData, onFilterMenuClose, onFilterSelect, panelWidth, radioButtons, setFiltersPanelOpen, filtersPanelOpen, }: TableFiltersPanelType) => JSX.Element;
+export declare const TableFiltersPanel: ({ activeFilters, filterFunction, filtersButtonMeasure, columnData, onFilterMenuClose, onFilterSelect, panelWidth, radioButtons, setFiltersPanelOpen, filtersPanelOpen, }: TableFiltersPanelType) => import("react/jsx-runtime").JSX.Element;

package/lib/types/src/layout/NavLayout/NavLayout.d.ts

@@ -9,5 +9,5 @@ interface ThemeOverride {
     height?: number;
 }
 export declare const UserAreaMock: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
-export declare const NavLayout: ({ children, themeOverride }: NavLayoutType) => JSX.Element;
+export declare const NavLayout: ({ children, themeOverride }: NavLayoutType) => import("react/jsx-runtime").JSX.Element;
 export {};

package/lib/types/src/pages/NotFound/NotFoundStyles.d.ts

@@ -4,9 +4,9 @@ export declare const BackgroundViewport: import("styled-components").IStyledComp
 export declare const BgImage: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, never>>;
 export declare const TextGroup: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
 export declare const NotFound404Text: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
-export declare const Heading: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<Pick<import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, keyof import("../../const/types").TextProps> & import("../../const/types").TextProps, keyof import("../../const/types").TextProps | "key" | keyof import("react").HTMLAttributes<HTMLHeadingElement>> & {
+export declare const Heading: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<Omit<import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, keyof import("../../const/types").TextProps> & import("../../const/types").TextProps, "ref"> & {
     ref?: ((instance: HTMLHeadingElement | null) => void) | import("react").RefObject<HTMLHeadingElement> | null | undefined;
 }, never>> & Omit<import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, import("../../const/types").TextProps>>, keyof import("react").Component<any, {}, any>>;
-export declare const Subheading: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<Pick<import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, keyof import("../../const/types").TextProps> & import("../../const/types").TextProps, keyof import("../../const/types").TextProps | "key" | keyof import("react").HTMLAttributes<HTMLParagraphElement>> & {
+export declare const Subheading: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<Omit<import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, keyof import("../../const/types").TextProps> & import("../../const/types").TextProps, "ref"> & {
     ref?: ((instance: HTMLParagraphElement | null) => void) | import("react").RefObject<HTMLParagraphElement> | null | undefined;
 }, never>> & Omit<import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, import("../../const/types").TextProps>>, keyof import("react").Component<any, {}, any>>;

package/lib/types/src/sharedHelpers/showLabel.d.ts

@@ -1,6 +1,6 @@
-import { FC } from "react";
+import React from "react";
 export interface ShowLabelProps {
-    inputLabel?: string | FC | JSX.Element;
+    inputLabel?: React.ReactNode;
     labelRef?: any;
     disabled?: boolean;
     disabledColor?: string;
@@ -9,4 +9,4 @@ export interface ShowLabelProps {
     removePaddingRight?: boolean;
     fontSize?: number;
 }
-export declare const showLabel: ({ inputLabel, disabled, disabledColor, labelColor, htmlFor, removePaddingRight, fontSize }: ShowLabelProps) => JSX.Element | undefined;
+export declare const showLabel: ({ inputLabel, disabled, disabledColor, labelColor, htmlFor, removePaddingRight, fontSize }: ShowLabelProps) => import("react/jsx-runtime").JSX.Element | undefined;

package/lib/types/src/sharedMocks/options.d.ts

@@ -133,28 +133,28 @@ export declare const iconOptions: ({
 export declare const componentOptions: {
     disabled: boolean;
     id: string;
-    label: JSX.Element;
+    label: import("react/jsx-runtime").JSX.Element;
 }[];
 export declare const searchMenuOptions: {
     disabled: boolean;
     id: string;
-    label: JSX.Element;
+    label: import("react/jsx-runtime").JSX.Element;
 }[];
 export declare const tableOptions: {
     id: string;
-    label: JSX.Element;
+    label: import("react/jsx-runtime").JSX.Element;
 }[];
 export declare const altTableOptions: {
     id: string;
-    label: JSX.Element;
+    label: import("react/jsx-runtime").JSX.Element;
 }[];
 export declare const disabledTableOptions: {
     id: string;
-    label: JSX.Element;
+    label: import("react/jsx-runtime").JSX.Element;
 }[];
 export declare const disabledAltTableOptions: {
     id: string;
-    label: JSX.Element;
+    label: import("react/jsx-runtime").JSX.Element;
 }[];
 export declare const alphabetizedTeamMembers: ({
     label: string;

package/lib/types/src/sharedStyle/Inputs.d.ts

@@ -8,7 +8,7 @@ export declare const InputBox: import("styled-components").IStyledComponent<"web
 export declare const Input: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, InputProps>>;
 export declare const ClearButton: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ClearButtonProps>>;
 export declare const LeadingIconBox: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, LeadingIconBoxProps>>;
-export declare const TrailingIconBox: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<Pick<import("styled-components/dist/types").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof LeadingIconBoxProps> & LeadingIconBoxProps, "key" | keyof React.HTMLAttributes<HTMLSpanElement> | keyof LeadingIconBoxProps> & {
+export declare const TrailingIconBox: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<Omit<import("styled-components/dist/types").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof LeadingIconBoxProps> & LeadingIconBoxProps, "ref"> & {
     ref?: ((instance: HTMLSpanElement | null) => void) | React.RefObject<HTMLSpanElement> | null | undefined;
 }, TrailingIconBoxProps>> & Omit<import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, LeadingIconBoxProps>>, keyof React.Component<any, {}, any>>;
 export declare const HelperText: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, HelperTextProps>>;
@@ -16,4 +16,4 @@ export declare const TrailingText: import("styled-components").IStyledComponent<
 export declare const ValidationText: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, ValidationTextProps>>;
 export declare const Caret: ({ fill }: {
     fill: any;
-}) => JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;

package/lib/types/src/sharedStyle/Labels.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { OptionLabelProps } from "./types";
 export declare const OptionBox: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>>;
-export declare const OptionLabel: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<Pick<import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, keyof import("../const/types").TextProps> & import("../const/types").TextProps, keyof import("../const/types").TextProps | "key" | keyof import("react").HTMLAttributes<HTMLParagraphElement>> & {
+export declare const OptionLabel: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<Omit<import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, keyof import("../const/types").TextProps> & import("../const/types").TextProps, "ref"> & {
     ref?: ((instance: HTMLParagraphElement | null) => void) | import("react").RefObject<HTMLParagraphElement> | null | undefined;
 }, OptionLabelProps>> & Omit<import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, import("../const/types").TextProps>>, keyof import("react").Component<any, {}, any>>;
 export declare const CompactOptionBox: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>>;

package/lib/types/src/sharedStyle/Switches.d.ts

@@ -1,12 +1,12 @@
 /// <reference types="react" />
 import { ErrorProps, LabelTextProps } from "./types";
-export declare const HelperText: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<Pick<import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, keyof import("./types").HelperTextProps> & import("./types").HelperTextProps, keyof import("./types").HelperTextProps | "key" | keyof import("react").HTMLAttributes<HTMLParagraphElement>> & {
+export declare const HelperText: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<Omit<import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, keyof import("./types").HelperTextProps> & import("./types").HelperTextProps, "ref"> & {
     ref?: ((instance: HTMLParagraphElement | null) => void) | import("react").RefObject<HTMLParagraphElement> | null | undefined;
 }, never>> & Omit<import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, import("./types").HelperTextProps>>, keyof import("react").Component<any, {}, any>>;
-export declare const Error: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<Pick<import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, keyof import("../const/types").TextProps> & import("../const/types").TextProps, "key" | keyof import("react").HTMLAttributes<HTMLParagraphElement> | keyof import("../const/types").TextProps> & {
+export declare const Error: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<Omit<import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, keyof import("../const/types").TextProps> & import("../const/types").TextProps, "ref"> & {
     ref?: ((instance: HTMLParagraphElement | null) => void) | import("react").RefObject<HTMLParagraphElement> | null | undefined;
 }, ErrorProps>> & Omit<import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, import("../const/types").TextProps>>, keyof import("react").Component<any, {}, any>>;
 export declare const HiddenInput: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>>;
-export declare const LabelText: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<Pick<import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, keyof import("../const/types").TextProps> & import("../const/types").TextProps, "key" | keyof import("react").HTMLAttributes<HTMLParagraphElement> | keyof import("../const/types").TextProps> & {
+export declare const LabelText: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<Omit<import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, keyof import("../const/types").TextProps> & import("../const/types").TextProps, "ref"> & {
     ref?: ((instance: HTMLParagraphElement | null) => void) | import("react").RefObject<HTMLParagraphElement> | null | undefined;
 }, LabelTextProps>> & Omit<import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, import("../const/types").TextProps>>, keyof import("react").Component<any, {}, any>>;

package/lib/types/src/sharedTypes/types.d.ts

@@ -1,4 +1,4 @@
-import { FC, KeyboardEvent, MouseEvent } from "react";
+import { KeyboardEvent, MouseEvent } from "react";
 import { StringSchema, NumberSchema, BooleanSchema, DateSchema, ArraySchema, ObjectSchema } from "yup";
 import { IconType } from "../components/Icons";
 import { UseMeasureRect } from "../hooks/useMeasure";
@@ -54,7 +54,7 @@ export interface MenuOptionType {
     Icon?: IconType;
     iconSize?: number;
     id: string;
-    label: string | FC | JSX.Element;
+    label: React.ReactNode;
     [key: string]: any;
 }
 export interface FilterType extends Omit<OptionType, "id" | "label"> {
@@ -74,7 +74,7 @@ export interface RenderOptionLabelProps {
 export interface SwitchGroupSwitchType {
     disabled?: boolean;
     initialActive?: boolean;
-    label?: string | FC | JSX.Element;
+    label?: React.ReactNode;
     value: string;
     [key: string]: any;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cerebruminc/cerebellum",
-  "version": "11.2.0",
+  "version": "11.2.1",
   "description": "Cerebrum's React Component Library",
   "type": "module",
   "main": "lib/cjs/index.cjs",
@@ -81,10 +81,10 @@
     "@testing-library/user-event": "^13.5.0",
     "@types/jest": "29.2.1",
     "@types/jscodeshift": "^0.11.7",
-    "@types/react": "17.0.2",
+    "@types/react": "^18.2.66",
     "@types/react-datepicker": "^6.0.3",
-    "@types/react-dom": "^17.0.11",
-    "@types/react-places-autocomplete": "^7.2.9",
+    "@types/react-dom": "^18.2.22",
+    "@types/react-places-autocomplete": "^7.2.14",
     "@typescript-eslint/eslint-plugin": "^5.62.0",
     "@typescript-eslint/parser": "^5.62.0",
     "babel-jest": "^29.6.1",

package/lib/cjs/CheckboxGroup-0b818a73.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CheckboxGroup-0b818a73.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/cjs/IconSwitcher-9156a7d0.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"IconSwitcher-9156a7d0.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/cjs/ToggleGroup-528f2152.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ToggleGroup-528f2152.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/esm/CheckboxGroup-c82d22bd.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CheckboxGroup-c82d22bd.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/esm/IconSwitcher-74f97895.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"IconSwitcher-74f97895.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/esm/ToggleGroup-b78d47b9.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ToggleGroup-b78d47b9.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}