@nypl/design-system-react-components 3.1.3 → 3.1.5-container-queries-rc

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

@@ -7,7 +7,7 @@ export type ButtonElementType = typeof buttonElementTypeArray[number];
 export type ButtonSizes = typeof buttonSizesArray[number];
 export type ButtonTypes = typeof buttonTypesArray[number];
 interface ButtonProps {
-    /** The button variation to render based on the `ButtonTypes` type.*/
+    /** The button variation to render based on the `ButtonTypes` type. */
     buttonType?: ButtonTypes;
     /** Additional className to use. */
     className?: string;

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

@@ -1,226 +1,77 @@
-/// <reference types="react" />
 declare const _default: {
-    accessibilityFull: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
-        title?: string;
-    }>;
-    accessibilityPartial: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
-        title?: string;
-    }>;
-    actionCheckCircle: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
-        title?: string;
-    }>;
-    actionCheckCircleFilled: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
-        title?: string;
-    }>;
-    actionDelete: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
-        title?: string;
-    }>;
-    actionExit: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
-        title?: string;
-    }>;
-    actionHelpDefault: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
-        title?: string;
-    }>;
-    actionHelpOutline: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
-        title?: string;
-    }>;
-    actionHome: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
-        title?: string;
-    }>;
-    actionIdentity: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
-        title?: string;
-    }>;
-    actionIdentityFilled: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
-        title?: string;
-    }>;
-    actionLaunch: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
-        title?: string;
-    }>;
-    actionLightbulb: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
-        title?: string;
-    }>;
-    actionLockClosed: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
-        title?: string;
-    }>;
-    actionPayment: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
-        title?: string;
-    }>;
-    actionPower: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
-        title?: string;
-    }>;
-    actionRegistration: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
-        title?: string;
-    }>;
-    actionSearch: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
-        title?: string;
-    }>;
-    actionSettings: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
-        title?: string;
-    }>;
-    alertNotificationImportant: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
-        title?: string;
-    }>;
-    alertWarningFilled: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
-        title?: string;
-    }>;
-    alertWarningOutline: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
-        title?: string;
-    }>;
-    arrow: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
-        title?: string;
-    }>;
-    building: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
-        title?: string;
-    }>;
-    check: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
-        title?: string;
-    }>;
-    clock: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
-        title?: string;
-    }>;
-    close: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
-        title?: string;
-    }>;
-    communicationCall: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
-        title?: string;
-    }>;
-    communicationChatBubble: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
-        title?: string;
-    }>;
-    communicationEmail: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
-        title?: string;
-    }>;
-    decorativeEnvelope: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
-        title?: string;
-    }>;
-    decorativeLibraryCard: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
-        title?: string;
-    }>;
-    decorativeShoppingBag: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
-        title?: string;
-    }>;
-    download: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
-        title?: string;
-    }>;
-    editorMode: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
-        title?: string;
-    }>;
-    errorFilled: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
-        title?: string;
-    }>;
-    errorOutline: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
-        title?: string;
-    }>;
-    fileTypeAudio: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
-        title?: string;
-    }>;
-    fileTypeDoc: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
-        title?: string;
-    }>;
-    fileTypeGenericDoc: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
-        title?: string;
-    }>;
-    fileTypeImage: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
-        title?: string;
-    }>;
-    fileTypePdf: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
-        title?: string;
-    }>;
-    fileTypeSpreadsheet: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
-        title?: string;
-    }>;
-    fileTypeVideo: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
-        title?: string;
-    }>;
-    headset: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
-        title?: string;
-    }>;
-    legacyAccountFilled: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
-        title?: string;
-    }>;
-    legacyAccountUnfilled: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
-        title?: string;
-    }>;
-    legacySocialFacebook: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
-        title?: string;
-    }>;
-    legacySocialInstagram: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
-        title?: string;
-    }>;
-    legacySocialTwitter: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
-        title?: string;
-    }>;
-    legacySocialYoutube: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
-        title?: string;
-    }>;
-    locator: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
-        title?: string;
-    }>;
-    mapsPlace: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
-        title?: string;
-    }>;
-    minus: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
-        title?: string;
-    }>;
-    moonCrescent: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
-        title?: string;
-    }>;
-    navigationMoreVert: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
-        title?: string;
-    }>;
-    plus: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
-        title?: string;
-    }>;
-    search: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
-        title?: string;
-    }>;
-    socialFacebook: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
-        title?: string;
-    }>;
-    socialInstagram: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
-        title?: string;
-    }>;
-    socialPinterest: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
-        title?: string;
-    }>;
-    socialSoundCloud: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
-        title?: string;
-    }>;
-    socialSpotify: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
-        title?: string;
-    }>;
-    socialTikTok: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
-        title?: string;
-    }>;
-    socialTumblr: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
-        title?: string;
-    }>;
-    socialTwitter: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
-        title?: string;
-    }>;
-    socialVimeo: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
-        title?: string;
-    }>;
-    socialYoutube: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
-        title?: string;
-    }>;
-    speakerNotes: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
-        title?: string;
-    }>;
-    sunFull: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
-        title?: string;
-    }>;
-    utilityAccountFilled: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
-        title?: string;
-    }>;
-    utilityAccountUnfilled: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
-        title?: string;
-    }>;
-    utilityHamburger: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
-        title?: string;
-    }>;
-    utilitySearch: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
-        title?: string;
-    }>;
+    accessibilityFull: any;
+    accessibilityPartial: any;
+    actionCheckCircle: any;
+    actionCheckCircleFilled: any;
+    actionDelete: any;
+    actionExit: any;
+    actionHelpDefault: any;
+    actionHelpOutline: any;
+    actionHome: any;
+    actionIdentity: any;
+    actionIdentityFilled: any;
+    actionLaunch: any;
+    actionLightbulb: any;
+    actionLockClosed: any;
+    actionPayment: any;
+    actionPower: any;
+    actionRegistration: any;
+    actionSearch: any;
+    actionSettings: any;
+    alertNotificationImportant: any;
+    alertWarningFilled: any;
+    alertWarningOutline: any;
+    arrow: any;
+    building: any;
+    check: any;
+    clock: any;
+    close: any;
+    communicationCall: any;
+    communicationChatBubble: any;
+    communicationEmail: any;
+    decorativeEnvelope: any;
+    decorativeLibraryCard: any;
+    decorativeShoppingBag: any;
+    download: any;
+    editorMode: any;
+    errorFilled: any;
+    errorOutline: any;
+    fileTypeAudio: any;
+    fileTypeDoc: any;
+    fileTypeGenericDoc: any;
+    fileTypeImage: any;
+    fileTypePdf: any;
+    fileTypeSpreadsheet: any;
+    fileTypeVideo: any;
+    headset: any;
+    legacyAccountFilled: any;
+    legacyAccountUnfilled: any;
+    legacySocialFacebook: any;
+    legacySocialInstagram: any;
+    legacySocialTwitter: any;
+    legacySocialYoutube: any;
+    locator: any;
+    mapsPlace: any;
+    minus: any;
+    moonCrescent: any;
+    navigationMoreVert: any;
+    plus: any;
+    search: any;
+    socialFacebook: any;
+    socialInstagram: any;
+    socialPinterest: any;
+    socialSoundCloud: any;
+    socialSpotify: any;
+    socialTikTok: any;
+    socialTumblr: any;
+    socialTwitter: any;
+    socialVimeo: any;
+    socialYoutube: any;
+    speakerNotes: any;
+    sunFull: any;
+    utilityAccountFilled: any;
+    utilityAccountUnfilled: any;
+    utilityHamburger: any;
+    utilitySearch: any;
 };
 export default _default;

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

@@ -22,6 +22,8 @@ export interface ListProps {
     listItems?: (string | JSX.Element | DescriptionProps)[];
     /** Remove list styling. */
     noStyling?: boolean;
+    /** Show dividers between rows for the description list variant. */
+    showRowDividers?: boolean;
     /** Optional string value used to set the text for a `Heading` component, or
      * a DS Heading component that can be passed in. This title only applies to
      * to Description Lists and will render above the list. */

package/dist/src/components/Logo/LogoSvgs.d.ts

@@ -1,166 +1,57 @@
-/// <reference types="react" />
 declare const _default: {
-    appleAppStoreBlack: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
-        title?: string;
-    }>;
-    appleAppStoreWhite: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
-        title?: string;
-    }>;
-    bplBlack: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
-        title?: string;
-    }>;
-    bplWhite: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
-        title?: string;
-    }>;
-    cleverBadgeColor: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
-        title?: string;
-    }>;
-    cleverColor: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
-        title?: string;
-    }>;
-    cleverWhite: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
-        title?: string;
-    }>;
-    digitalCollectionsBlack: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
-        title?: string;
-    }>;
-    digitalCollectionsWhite: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
-        title?: string;
-    }>;
-    firstbookColor: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
-        title?: string;
-    }>;
-    firstbookColorNegative: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
-        title?: string;
-    }>;
-    googlePlayBlack: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
-        title?: string;
-    }>;
-    lpaBlack: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
-        title?: string;
-    }>;
-    lpaColor: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
-        title?: string;
-    }>;
-    lpaWhite: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
-        title?: string;
-    }>;
-    mlnBlack: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
-        title?: string;
-    }>;
-    mlnColor: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
-        title?: string;
-    }>;
-    mlnWhite: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
-        title?: string;
-    }>;
-    nycdoeBlack: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
-        title?: string;
-    }>;
-    nycdoeColor: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
-        title?: string;
-    }>;
-    nycdoeWhite: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
-        title?: string;
-    }>;
-    nycpsBlack: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
-        title?: string;
-    }>;
-    nycpsColor: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
-        title?: string;
-    }>;
-    nycpsWhite: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
-        title?: string;
-    }>;
-    nyplFullBlack: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
-        title?: string;
-    }>;
-    nyplFullWhite: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
-        title?: string;
-    }>;
-    nyplLionBlack: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
-        title?: string;
-    }>;
-    nyplLionWhite: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
-        title?: string;
-    }>;
-    nyplTextBlack: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
-        title?: string;
-    }>;
-    nyplTextWhite: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
-        title?: string;
-    }>;
-    openebooksColor: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
-        title?: string;
-    }>;
-    openebooksNegative: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
-        title?: string;
-    }>;
-    openebooksWithTextColor: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
-        title?: string;
-    }>;
-    openebooksWithTextNegative: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
-        title?: string;
-    }>;
-    qplAltBlack: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
-        title?: string;
-    }>;
-    qplAltWhite: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
-        title?: string;
-    }>;
-    qplBlack: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
-        title?: string;
-    }>;
-    qplColor: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
-        title?: string;
-    }>;
-    qplWhite: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
-        title?: string;
-    }>;
-    reservoirIconColor: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
-        title?: string;
-    }>;
-    reservoirVerticalColor: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
-        title?: string;
-    }>;
-    schomburgBlack: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
-        title?: string;
-    }>;
-    schomburgCircleBlack: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
-        title?: string;
-    }>;
-    schomburgCircleColor: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
-        title?: string;
-    }>;
-    schomburgCircleWhite: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
-        title?: string;
-    }>;
-    schomburgColor: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
-        title?: string;
-    }>;
-    schomburgWhite: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
-        title?: string;
-    }>;
-    simplyeBlack: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
-        title?: string;
-    }>;
-    simplyeWhite: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
-        title?: string;
-    }>;
-    simplyeColor: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
-        title?: string;
-    }>;
-    snflBlack: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
-        title?: string;
-    }>;
-    snflWhite: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
-        title?: string;
-    }>;
-    treasuresColor: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
-        title?: string;
-    }>;
-    treasuresColorNegative: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
-        title?: string;
-    }>;
+    appleAppStoreBlack: any;
+    appleAppStoreWhite: any;
+    bplBlack: any;
+    bplWhite: any;
+    cleverBadgeColor: any;
+    cleverColor: any;
+    cleverWhite: any;
+    digitalCollectionsBlack: any;
+    digitalCollectionsWhite: any;
+    firstbookColor: any;
+    firstbookColorNegative: any;
+    googlePlayBlack: any;
+    lpaBlack: any;
+    lpaColor: any;
+    lpaWhite: any;
+    mlnBlack: any;
+    mlnColor: any;
+    mlnWhite: any;
+    nycdoeBlack: any;
+    nycdoeColor: any;
+    nycdoeWhite: any;
+    nycpsBlack: any;
+    nycpsColor: any;
+    nycpsWhite: any;
+    nyplFullBlack: any;
+    nyplFullWhite: any;
+    nyplLionBlack: any;
+    nyplLionWhite: any;
+    nyplTextBlack: any;
+    nyplTextWhite: any;
+    openebooksColor: any;
+    openebooksNegative: any;
+    openebooksWithTextColor: any;
+    openebooksWithTextNegative: any;
+    qplAltBlack: any;
+    qplAltWhite: any;
+    qplBlack: any;
+    qplColor: any;
+    qplWhite: any;
+    reservoirIconColor: any;
+    reservoirVerticalColor: any;
+    schomburgBlack: any;
+    schomburgCircleBlack: any;
+    schomburgCircleColor: any;
+    schomburgCircleWhite: any;
+    schomburgColor: any;
+    schomburgWhite: any;
+    simplyeBlack: any;
+    simplyeWhite: any;
+    simplyeColor: any;
+    snflBlack: any;
+    snflWhite: any;
+    treasuresColor: any;
+    treasuresColorNegative: any;
 };
 export default _default;

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

@@ -56,6 +56,6 @@ export declare const ModalTrigger: ChakraComponent<React.ForwardRefExoticCompone
 /**
  * This hook function can be used to render the `Modal` component with a custom
  * open button(s) and optional custom close button(s). You must render your own
- * button and pass the appropriate `onOpen` and ` handler for the modal to open.
+ * button and pass the appropriate `onOpen` and `onClose` handler for the modal to open.
  */
 export declare function useModal(): any;

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

@@ -1,5 +1,5 @@
-import React from "react";
 import { ChakraComponent } from "@chakra-ui/react";
+import React from "react";
 export interface MultiSelectItem {
     id: string;
     name: string;
@@ -18,7 +18,8 @@ export interface SelectedItems {
 export interface MultiSelectProps {
     /** The button text rendered within the MultiSelect. */
     buttonText: string;
-    /** The number of items that will be visible in the list when the component first loads. */
+    /** The number of items that will be visible in the list when the component
+     * first loads. */
     defaultItemsVisible?: number;
     /** The action to perform for the clear/reset button of individual MultiSelects. */
     onClear?: () => void;
@@ -28,9 +29,8 @@ export interface MultiSelectProps {
     onMixedStateChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
     /** An ID string that other components can cross reference for accessibility purposes. */
     id: string;
-    /** Boolean value used to control how the MultiSelect component will render within the page
-     * and interact with other DOM elements.
-     * The default value is false. */
+    /** Boolean value used to control how the MultiSelect component will render
+     * within the page and interact with other DOM elements. The default value is false. */
     isBlockElement?: boolean;
     /** Set the default open or closed state of the Multiselect. */
     isDefaultOpen?: boolean;
@@ -39,7 +39,8 @@ export interface MultiSelectProps {
     isSearchable?: boolean;
     /** The items to be rendered in the Multiselect as checkbox options. */
     items: MultiSelectItem[];
-    /** listOverflow is a property indicating how the list should handle overflow, with options limited to either "scroll" or "expand." */
+    /** listOverflow is a property indicating how the list should handle overflow,
+     * with options limited to either "scroll" or "expand." */
     listOverflow?: MultiSelectListOverflowTypes;
     /** The selected items state (items that were checked by user). */
     selectedItems: SelectedItems;
@@ -47,9 +48,10 @@ export interface MultiSelectProps {
     width?: MultiSelectWidths;
 }
 /**
-  The MultiSelect component is a customizable form input that supports multiple configurations,
-  including search functionality, checkbox options, and hierarchical structure,
-  with a parent checkbox toggling all children and dynamic styling through Chakra UI.
-*/
+ * The MultiSelect component is a customizable form input that supports multiple
+ * configurations, including search functionality, checkbox options, and
+ * hierarchical structure, with a parent checkbox toggling all children and
+ * dynamic styling through Chakra UI.
+ */
 export declare const MultiSelect: ChakraComponent<React.ForwardRefExoticComponent<React.PropsWithChildren<MultiSelectProps> & React.RefAttributes<HTMLDivElement>>, React.PropsWithChildren<MultiSelectProps>>;
 export default MultiSelect;

package/dist/src/components/MultiSelect/MultiSelectItemsCountButton.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+/// <reference types="react" />
 export interface MultiSelectItemsCountButtonProps {
     /** An ID string that other components can cross reference for accessibility purposes. */
     id: string;
@@ -28,5 +28,5 @@ export interface MultiSelectItemsCountButtonProps {
  * the selected items and the main button's close event will not be fired
  * (as expected).
  */
-declare const MultiSelectItemsCountButton: React.ForwardRefExoticComponent<MultiSelectItemsCountButtonProps & React.RefAttributes<HTMLButtonElement>>;
+declare const MultiSelectItemsCountButton: import("react").ForwardRefExoticComponent<MultiSelectItemsCountButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
 export default MultiSelectItemsCountButton;

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

@@ -1,3 +1,4 @@
+import { ChakraComponent } from "@chakra-ui/react";
 import React from "react";
 import { HelperErrorTextType } from "../HelperErrorText/HelperErrorText";
 import { SelectProps as InitialSelectProps } from "../Select/Select";
@@ -56,5 +57,5 @@ export interface SearchBarProps {
  * Renders a wrapper `form` element to be used with `Select` (optional),
  * `Input`, and `Button` components together.
  */
-export declare const SearchBar: React.FC<any>;
+export declare const SearchBar: ChakraComponent<React.ForwardRefExoticComponent<SearchBarProps & React.RefAttributes<HTMLDivElement>>, SearchBarProps>;
 export default SearchBar;

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

@@ -27,5 +27,5 @@ export interface StructuredContentProps {
  * The `StructuredContent` component that displays a heading, callout content,
  * an image, and body content. All are optional except for body content.
  */
-declare const StructuredContent: ChakraComponent<React.ForwardRefExoticComponent<React.PropsWithChildren<StructuredContentProps> & React.RefAttributes<HTMLDivElement>>, React.PropsWithChildren<StructuredContentProps>>;
+export declare const StructuredContent: ChakraComponent<React.ForwardRefExoticComponent<React.PropsWithChildren<StructuredContentProps> & React.RefAttributes<HTMLDivElement>>, React.PropsWithChildren<StructuredContentProps>>;
 export default StructuredContent;

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

@@ -15,7 +15,7 @@ export declare const TextInputFormats: {
     url: string;
 };
 export type TextInputVariants = "default" | "searchBar" | "searchBarSelect";
-export interface InputProps {
+export interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
     /** FOR INTERNAL DS USE ONLY: Adds an aria-label or appends to an existing aria-label for screen readers.*/
     additionalAriaLabel?: string;
     /** FOR INTERNAL DS USE ONLY: additional helper text id(s) to be used for the input's `aria-describedby` value.