@commonsku/styles 1.17.27 → 1.17.28

package/dist/index.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+/// <reference types="google.maps" />
 import * as React$1 from 'react';
 import React__default, { CSSProperties, MouseEvent, Component, ReactEventHandler, MouseEventHandler, ReactNode, SyntheticEvent, MutableRefObject, ForwardedRef } from 'react';
 import * as styled_components from 'styled-components';
@@ -295,10 +296,10 @@ declare const IconButton: React__default.ForwardRefExoticComponent<{
     children?: React__default.ReactNode;
 } & React__default.ButtonHTMLAttributes<HTMLButtonElement> & React__default.RefAttributes<HTMLButtonElement>>;
 
-declare const H1: styled_components.StyledComponent<"h1", any, {
+declare const H1$1: styled_components.StyledComponent<"h1", any, {
     underlined?: boolean | undefined;
 } & SharedStyleTypes, never>;
-declare const H2: styled_components.StyledComponent<"h2", any, {
+declare const H2$1: styled_components.StyledComponent<"h2", any, {
     underlined?: boolean | undefined;
 } & SharedStyleTypes, never>;
 declare const H3: styled_components.StyledComponent<"h3", any, {
@@ -307,7 +308,7 @@ declare const H3: styled_components.StyledComponent<"h3", any, {
 declare const H4: styled_components.StyledComponent<"h4", any, {
     underlined?: boolean | undefined;
 } & SharedStyleTypes, never>;
-declare const H5: styled_components.StyledComponent<"h5", any, {
+declare const H5$1: styled_components.StyledComponent<"h5", any, {
     underlined?: boolean | undefined;
 } & SharedStyleTypes, never>;
 declare const H6: styled_components.StyledComponent<"h6", any, {
@@ -453,12 +454,19 @@ declare const Input: styled_components.StyledComponent<"input", any, CommonInput
 } & {
     password?: boolean | undefined;
 } & SharedStyleTypes, never>;
+type BaseLabelInputProps = InputProps & {
+    label: React__default.ReactNode;
+    name?: string;
+    labelOnTop?: boolean;
+    wrapperProps?: React__default.HTMLAttributes<HTMLDivElement>;
+} & SharedStyleTypes;
+type LabeledInputProps = React__default.InputHTMLAttributes<HTMLInputElement> & BaseLabelInputProps;
 declare const LabeledInput: React__default.ForwardRefExoticComponent<React__default.InputHTMLAttributes<HTMLInputElement> & CommonInputProp & {
     hasIcon?: boolean | undefined;
 } & {
     password?: boolean | undefined;
 } & SharedStyleTypes & {
-    label: string;
+    label: React__default.ReactNode;
     name?: string | undefined;
     labelOnTop?: boolean | undefined;
     wrapperProps?: React__default.HTMLAttributes<HTMLDivElement> | undefined;
@@ -961,7 +969,9 @@ type PopupProps = React__default.PropsWithChildren<{
     popupClassName?: string;
     contentClassName?: string;
     PopupWindowComponent?: React__default.ComponentType<React__default.ComponentPropsWithRef<any>>;
-} & SharedStyleTypes> & React__default.HTMLAttributes<HTMLDivElement>;
+    popupContentStyle?: React__default.CSSProperties;
+    style?: CSSObject;
+} & SharedStyleTypes> & Omit<React__default.HTMLAttributes<HTMLDivElement>, 'style'>;
 declare const Popup: React__default.ForwardRefExoticComponent<{
     header?: React__default.ReactNode;
     noHeader?: boolean | undefined;
@@ -979,9 +989,11 @@ declare const Popup: React__default.ForwardRefExoticComponent<{
     popupClassName?: string | undefined;
     contentClassName?: string | undefined;
     PopupWindowComponent?: React__default.ComponentType<any> | undefined;
+    popupContentStyle?: React__default.CSSProperties | undefined;
+    style?: CSSObject | undefined;
 } & SharedStyleTypes & {
     children?: React__default.ReactNode;
-} & React__default.HTMLAttributes<HTMLDivElement> & React__default.RefAttributes<HTMLDivElement>>;
+} & Omit<React__default.HTMLAttributes<HTMLDivElement>, "style"> & React__default.RefAttributes<HTMLDivElement>>;
 declare const ShowPopup: React__default.FC<Omit<PopupProps, 'onClose'> & {
     popup: React__default.ComponentType<PopupProps>;
     autoOpen?: boolean;
@@ -2010,7 +2022,7 @@ type TextProp = {
     color?: keyof typeof colors;
     bold?: boolean;
 } & SharedStyleTypes;
-declare const Text: styled_components.StyledComponent<"span", any, {
+declare const Text$1: styled_components.StyledComponent<"span", any, {
     color?: "transparent" | "primary1" | "secondary1" | "secondary2" | "secondary3" | "secondary4" | "teal" | "pink" | "yellow" | "green" | "navy" | "neutrals" | "errors" | "orders" | "notes" | "calls" | "meetings" | "left_nav" | "text" | "white" | "black" | "primary" | "cta" | "primary0" | "primary10" | "primary100" | "disabledButton" | "disabledButtonBorder" | "texttitle" | "textlabel" | "textbody" | "textplaceholder" | "bggray" | "bgblue" | "inputBorder" | "special1" | "special2" | "special3" | "primaryBg" | "special2Bg" | "error" | "primary2" | "primary20" | "primary200" | "tableHeaderBg" | "tableBorder" | "input" | "select" | undefined;
     bold?: boolean | undefined;
 } & SharedStyleTypes, never>;
@@ -3105,6 +3117,9 @@ type CommentBubbleIconProps = {
 } & SVGIconProps;
 declare function CommentBubbleIcon({ color, size, altText, number, numberStyle, ...props }: CommentBubbleIconProps): React__default.JSX.Element;
 
+type WarnIconProps = SVGIconProps;
+declare function WarnIcon({ color, size, altText, ...props }: WarnIconProps): React__default.JSX.Element;
+
 declare const datepickerStyles = "\n.react-datepicker {\n  font-family: \"skufont-demibold\", sans-serif;\n  color: var(--color-neutrals-dark);\n}\n\n.commonsku-styles-datepicker {\n  &.react-datepicker-wrapper {\n    width: 100%;\n  }\n\n  .react-datepicker__input-container {\n    display: block;\n    width: 100%;\n  }\n\n  .react-datepicker {\n    border-radius: 3px;\n    border: 1px solid var(--color-primary1-60);\n    outline: none;\n    box-shadow: 1px  1px 0px var(--color-primary1-60),\n              -1px -1px 0px var(--color-primary1-60),\n              1px -1px 0px var(--color-primary1-60),\n              -1px  1px 0px var(--color-primary1-60);\n  }\n\n  /* For date ranges */\n  &.daterangepicker {\n    .react-datepicker__day--range-start,\n    .react-datepicker__day--range-end,\n    .react-datepicker__day:hover\n    {\n      background-color: var(--color-primary1-60);\n      color: #fff;\n    }\n\n    .react-datepicker__day--in-range:not(\n      .react-datepicker__day--range-start,\n      .react-datepicker__day--range-end,\n      .react-datepicker__day:hover\n    )\n    {\n      background-color: var(--color-primary1-40);\n    }\n\n    .react-datepicker__day--in-range:not(\n      .react-datepicker__day--in-selecting-range,\n      .react-datepicker__day--weekend,\n      .react-datepicker__day--selected\n    )\n    {\n      color: var(--color-neutrals-dark);\n    }\n\n    .react-datepicker__day--in-range.react-datepicker__day--weekend:not(\n      .react-datepicker__day--selected,\n      .react-datepicker__day--range-start,\n      .react-datepicker__day--range-end,\n      .react-datepicker__day:hover\n    )\n    {\n      color: var(--color-errors-main);\n    }\n\n    .react-datepicker__day--in-selecting-range:not(\n      .react-datepicker__day--range-start,\n      .react-datepicker__day--range-end,\n      .react-datepicker__day:hover\n    )\n    {\n      background-color: var(--color-primary1-40);\n      &.react-datepicker__day:not(\n        .react-datepicker__day--outside-month,\n        .react-datepicker__day--weekend,\n      ) {\n        color: var(--color-neutrals-90);\n      }\n      &.react-datepicker__day--outside-month {\n        color: var(--color-neutrals-70);\n      }\n      &.react-datepicker__day--weekend {\n        color: var(--color-errors-main);\n      }\n    }\n  }\n\n  .react-datepicker__current-month,\n  .react-datepicker-time__header,\n  .react-datepicker-year-header,\n  .react-datepicker__header {\n    padding-top: 8px;\n    padding-bottom: 8px;\n    color: var(--color-neutrals-dark);\n  }\n\n  .react-datepicker__header,\n  .react-datepicker__today-button {\n    background: var(--color-neutrals-20);\n    padding-top: 8px;\n    padding-bottom: 8px;\n  }\n\n  .react-datepicker__header {\n    border-bottom: none;\n  }\n\n  .react-datepicker__today-button {\n    border-top: none;\n  }\n\n  .react-datepicker__day\n  {\n    outline: none;\n    color: var(--color-neutrals-dark);\n  }\n\n  .react-datepicker__day-name {\n    color: var(--color-neutrals-dark);\n  }\n\n  .react-datepicker__day:hover :not(.react-datepicker__day--selected),\n  .react-datepicker__month-text:hover,\n  .react-datepicker__quarter-text:hover,\n  .react-datepicker__year-text:hover {\n    background-color: var(--color-neutrals-20);\n  }\n\n  .react-datepicker__day--outside-month {\n    color: var(--color-neutrals-70);\n  }\n\n  .react-datepicker__day--weekend {\n    color: var(--color-errors-main);\n  }\n\n  .react-datepicker__day--selected,\n  .react-datepicker__month-text--keyboard-selected,\n  .react-datepicker__quarter-text--keyboard-selected,\n  .react-datepicker__year-text--keyboard-selected\n   {\n    background-color: var(--color-primary1-60);\n    color: #fff;\n  }\n\n  .react-datepicker__day--keyboard-selected {\n    background-color: inherit;\n  }\n\n  .react-datepicker__triangle {\n    border-bottom-color: var(--color-neutrals-20) !important;\n  }\n\n  .react-datepicker__triangle::before {\n    border-bottom-color: var(--color-primary1-60) !important;\n    border-top-color: var(--color-primary1-60) !important;\n  }\n\n  .react-datepicker__month-select,\n  .react-datepicker__year-select {\n    height: 30px;\n    border: 2px solid var(--color-primary1-60);\n    padding: 3px;\n    border-radius: 5px;\n    outline: none;\n  }\n\n  .react-datepicker__time-container {\n    margin-top: -2px;\n    border-top-left-radius: 0px;\n    border-right: 2px solid var(--color-primary1-60);\n    border-bottom: 2px solid var(--color-primary1-60);\n    border-top: 2px solid var(--color-primary1-60);\n  }\n\n  .react-datepicker__navigation-icon {\n    &.react-datepicker__navigation-icon--next::before {\n      content: '';\n      box-sizing: initial;\n      top: 2px;\n      left: -8px;\n      height: 6px;\n      width: 6px;\n      border-width: 3px 3px 0 0;\n      border-top-right-radius: 2px;\n      border-color: var(--color-primary1-60);\n    }\n\n    &.react-datepicker__navigation-icon--previous::before {\n      content: '';\n      box-sizing: initial;\n      top: 2px;\n      right: -8px;\n      height: 6px;\n      width: 6px;\n      border-width: 3px 3px 0 0;\n      border-top-right-radius: 2px;\n      border-color: var(--color-primary1-60);\n    }\n  }\n\n  .react-datepicker__aria-live {\n    display: none;\n  }\n\n  @media only screen and (min-height: 600px) and (max-height: 800px ) {\n    .react-datepicker .react-datepicker__month-container .react-datepicker__month {\n      overflow-y: scroll;\n      max-height: 140px;\n    }\n  }\n  @media only screen and (max-height: 599px ) {\n    .react-datepicker .react-datepicker__month-container .react-datepicker__month {\n      overflow-y: scroll;\n      max-height: 110px;\n    }\n\n    .react-datepicker__time-container {\n      margin-top: -2px;\n      border-top-left-radius: 0px;\n      border-right: 2px solid var(--color-primary1-60);\n      border-bottom: 2px solid var(--color-primary1-60);\n      border-top: 2px solid var(--color-primary1-60);\n    }\n  }\n}\n";
 //# sourceMappingURL=datepickerStyles.d.ts.map
 
@@ -3402,6 +3417,9 @@ declare const useClickOutside: <T extends HTMLElement = HTMLElement>(props: {
 declare const useFallbackRef: <T>(forwardedRef: ForwardedRef<T>) => MutableRefObject<T | null>;
 //# sourceMappingURL=useFallbackRef.d.ts.map
 
+declare const useValue: <T>(initialValue: T) => [T, React$1.Dispatch<React$1.SetStateAction<T>>];
+//# sourceMappingURL=useValue.d.ts.map
+
 declare const toggleSizes: {
     small: {
         'font-family': string;
@@ -3525,4 +3543,92 @@ declare const Dropzone: React__default.ForwardRefExoticComponent<Pick<React__def
 declare const Tooltip: styled_components.StyledComponent<({ id, anchorId, anchorSelect, content, html, render, className, classNameArrow, variant, place, offset, wrapper, children, events, openOnClick, positionStrategy, middlewares, delayShow, delayHide, float, hidden, noArrow, clickable, closeOnEsc, closeOnScroll, closeOnResize, style, position, isOpen, disableStyleInjection, border, opacity, arrowColor, setIsOpen, afterShow, afterHide, }: react_tooltip.ITooltip) => React$1.JSX.Element, any, {}, never>;
 //# sourceMappingURL=Tooltip.d.ts.map
 
-export { AddIcon, AddNoteIcon, AddShoppingCartIcon, AddTaskIcon, AlertIcon, AlertNotification, ArrowIcon, Artwork, ArtworkProps, SKUAsyncSelect as AsyncSelect, Avatar, AvatarColor, AvatarShape, AvatarSize, AwaitingProofIcon, Backdrop, Background, Badge, BaseCskuProps, BotIcon, Box, BulletIcon, Button, ButtonPreset, ButtonProps, ButtonVariant, ButtonsGroup, Calendar, CalendarDayBody, CalendarDaysBody, CalendarDaysHeader, CalendarIcon, CalendarTask, CalendarTaskProps, CalendarWrapper, CancelButton, ChangeRequestedIcon, ChatIcon, CheckMark, CheckboxIcon, CheckboxLabel, CheckmarkIcon, ChevronIcon, ChevronPopup, CircleProgressIcon, ClientApprovedIcon, ClipboardIcon, ClockIcon, Col, ColPropTypes, CollaborateIcon, CollapseStyled, CollapseStyledProps, CollapseWrapper, CollapseWrapperProps, Collapsible$1 as Collapsible, CollapsibleArrowIcon, CollapsibleLabel, CollapsiblePanel, CollapsiblePanelProps, CollapsiblePanelTitle, CollapsiblePanelTitleProps, CollapsiblePanels, CollapsiblePanelsProps, CollapsibleProps$1 as CollapsibleProps, Collapsible as CollapsibleV2, Collapsibles, Column, ColumnSelectIcon, CommentBubbleIcon, CommentIcon, CommonskuMainLogo, CommunityIcon, CompletedCheckmarkIcon, ConfirmAlertPopup, ConfirmPopup, ConnectedIcon, ConnectedPlusIcon, CouponIcon, SKUCreatableSelect as CreatableSelect, CreditCardIcon, Csku, CskuProps, CustomDateInput, DateRange, DateRangeDropdown, DateRangeDropdownProps, DateRangeInput, DateRangeInputProps, DateRangePicker, DateRangePickerProps, DateRangePreset, Datepicker, DaysBodyWrapper, DefaultCalendarFooter, DefaultCalendarHeader, DefaultStar, DesignIcon, DollarIcon, DoneButton, Dot, DoubleArrowIcon, DownloadIcon, DragIcon, DraggableTasksCalendar, DropArea, DropAreaProps, DropDownContent, Dropdown, DropdownItem, DropdownProps, Dropzone, DropzoneProps, DropzoneTypes, Dropzoned, DropzonedPreviews, EPOIcon, EditIcon, EllipsisIcon, EmptyStateArrowIcon as EmptyStateArrow, EpsIcon, ErrorBoundary, EstimateCircleIcon, EyeIcon, FeedPost, FileUploadIcon, FilledChevronIcon, FolderIcon, GalleryIcon, GearIcon, GlobalStyle, Grid, GridCell, GridIcon, GridItem, GridItemProps, GridProps, GridRow, GridTable, GridTableContainer, H1, H2, H3, H4, H5, H6, HandleIcon, HeadlessTable, HelpIcon, HistoryIcon, IconButton, IconButtonProps, IconDoc, ImageIcon, Img, InfoIcon, Input, InputIconLabel, InputIconLabelContainer, InputProps, InputStepper, InputStepperStyled, IntegrationsIcon, InventoryIcon, Label, LabeledAsyncSelect, LabeledCheckbox, LabeledCheckboxProps, LabeledCreatableSelect, LabeledIconInput, LabeledInput, LabeledMultiProgress, LabeledProgress, LabeledRadio, LabeledRadioGroup, LabeledRadioInButton, LabeledRadioInButtonGroup, LabeledRadioProps, LabeledSelect, LabeledTextarea, LightIndicator, Link, LinkWithIcon, ListIcon, Loading, LockIcon, MagicEraserIcon, MagicIcon, MailIcon, MarketingStatusIcon, MenuIcon, MergeIcon, MultiProgress, NavConnectIcon, NavFinanceIcon, NavManagementIcon, NavProdIcon, NavReportsIcon, NavResourcesIcon, NavSalesIcon, NestedOption, NoteIcon, Number, NumberInput, OpportunityCircleIcon, OrderStatusIcon, Overlay, Padding, Page, PanelContact, PanelTileContact, PanelledSelect, PanelledSelectProps, PendingApprovalIcon, PercentIcon, PinIcon, Popup, PopupHeader, PopupProps, PresentationCircleIcon, Product, ProductCard, ProductDetail, Progress, PromostandardsIcon, ProofReceivedIcon, ProofingCompleteIcon, Publisher, Radio, RadioIcon, RadioLabel, RadioProps, ReceiptLongIcon, RenderChild, ResizableIcon, ResponsiveTable, Row$1 as Row, RowPropTypes, SHARED_STYLE_MAPS, SalesArrowIcon, SalesOrderCircleIcon, SearchIcon, SKUSelect as Select, SelectionTable, SharedStyleTypes, SharedStyles, ShopIcon, ShoppingCartIcon, ShowPopup, SidePanel, SimpleWindowedTable, SimpleWindowedTableProps, SimpleWindowedTableStyles, SizerCss, SizerTypes, SizerWrapper, SkubotLogo, SkubotSpinner, SlideInIcon, Sparkles, Spinner, StarDarkIcon, StarIcon, StarLightIcon, StarRating, StateDropdown, StatusDropdown, StyledCalendarTaskBody, StyledDropArea, StyledDropdown, StyledPanel, StyledTask, SubtractIcon, SVG as SvgIcon, TBody, TButtonIcon, TD, TDropdownItem, TH, THSorted, THead, TR, TSize, TSizeOffset, TSizeOffsetRight, TSizeStyle, TTab, Tab, TabBar, Table, TableIcon, Tabs, TabsProps, TagIcon, TargetIcon, Task, TaskBody, TaskIcon, TaskLabel, TaskName, TaskProps, TasksCalendar, TasksCalendarDayBody, TasksCalendarFooter, TemplateIcon, Text, TextProp, Textarea, Theme, Thermometer, TilesIcon, Toggle, ToggleLink, ToggleSwitch, ToggleSwitchProps, ToggleSwitchStatedProps, ToggleSwitchStyled, Tooltip, TrashIcon, TrendIcon, UploadIcon, UserIcon, UsersIcon, VirtualTable, VirtualTableStyles, Wrapper, XIcon, colors, createMeasurementStyle, datepickerStyles, fontFamilies, fontStyles, fonts, getColor, getFontStyle, getThemeColor, getThemeFontFamily, getThemeFontSize, getThemeFontStyle, getThemeProperty, parseCskuStyles, sizes, themeOptions, toggleSizes$1 as toggleSizes, useCalendar, useClickOutside, useDelayUnmount, useFallbackRef, useLongPress, usePrefersReducedMotion, useRandomInterval, useWindowSize };
+type TypographyCommonProps = {
+    color?: string;
+    noBottom?: boolean;
+    bold?: boolean;
+    underlined?: boolean;
+    italic?: boolean;
+    textTransform?: CSSObject['textTransform'];
+    lineHeight?: CSSObject['lineHeight'];
+    fontSize?: CSSObject['fontSize'];
+    fontWeight?: CSSObject['fontWeight'];
+};
+declare const H1: styled_components.StyledComponent<"h1", any, TypographyCommonProps, never>;
+declare const H2: styled_components.StyledComponent<"h2", any, TypographyCommonProps, never>;
+declare const H5: styled_components.StyledComponent<"h5", any, TypographyCommonProps, never>;
+declare const Text: styled_components.StyledComponent<"p", any, TypographyCommonProps, never>;
+declare const Span: styled_components.StyledComponent<"span", any, TypographyCommonProps, never>;
+type ITypography = typeof Text & {
+    H1: typeof H1;
+    H2: typeof H2;
+    H5: typeof H5;
+    Text: typeof Text;
+    Span: typeof Span;
+};
+declare const Typography: ITypography;
+//# sourceMappingURL=Typography.d.ts.map
+
+type ParsedAddress = {
+    street_number: string;
+    route: string;
+    address_line_1: string;
+    address_line_2: string;
+    address_line_3: string;
+    address_city: string;
+    address_country: string;
+    address_state: string;
+    address_postal: string;
+};
+
+type DebouncedInputProps<L extends boolean = false> = Omit<L extends true ? LabeledInputProps : InputProps, 'label' | 'timeout' | 'labeled' | 'onChange' | 'ref'> & {
+    label?: React__default.ReactNode;
+    timeout?: number;
+    labeled?: L | false;
+    onChange: (v: string) => void;
+    ref?: React__default.ForwardedRef<HTMLInputElement>;
+};
+declare const ForwardedDebouncedInput: <L extends boolean = false>({ value, label, onChange, timeout, labeled, ...rest }: Omit<DebouncedInputProps<L>, "ref">, ref?: React__default.ForwardedRef<HTMLInputElement>) => React__default.JSX.Element;
+declare const DebouncedInput: <L extends boolean = false>(props: DebouncedInputProps<L>) => ReturnType<typeof ForwardedDebouncedInput>;
+
+type TBaseInputDropdownOption = {
+    label: string;
+    value: string;
+    style?: CSSProperties$1;
+};
+type TInputDropdownOption<T extends TBaseInputDropdownOption = TBaseInputDropdownOption> = T;
+type InputDropdownProps<L extends boolean = false, T extends TBaseInputDropdownOption = TBaseInputDropdownOption> = Omit<DebouncedInputProps<L>, 'options' | 'labeled'> & {
+    options: T[];
+    onSelectOption?: (v: TInputDropdownOption<T>) => void;
+    extraOptions?: React__default.ReactNode;
+    showDropdown?: boolean;
+    setShowDropdown: (v: boolean) => void;
+    wrapperStyle?: CSSProperties$1;
+    searchWrapperStyle?: CSSProperties$1;
+    optionsListStyle?: CSSProperties$1;
+};
+declare const ForwardedInputDropdown: <L extends boolean = false, T extends TBaseInputDropdownOption = TBaseInputDropdownOption>({ options, label, children, extraOptions, onSelectOption, onChange, showDropdown, setShowDropdown, value, wrapperStyle, searchWrapperStyle, optionsListStyle, ...rest }: Omit<InputDropdownProps<L, T>, "ref">, ref?: React__default.ForwardedRef<HTMLInputElement>) => React__default.JSX.Element;
+declare const InputDropdown: <L extends boolean = false, T extends TBaseInputDropdownOption = TBaseInputDropdownOption>(props: InputDropdownProps<L, T>) => ReturnType<typeof ForwardedInputDropdown>;
+
+type TOption = {
+    value: string;
+    label: string;
+    terms: google.maps.places.PredictionTerm[];
+};
+type TSelectedOption = TOption & {
+    address_components: google.maps.GeocoderAddressComponent[];
+    formatted_address: string;
+    parsed_address: ParsedAddress;
+};
+type AddressAutocompleteInputProps = InputDropdownProps<true, TOption> & {
+    apiKey: string;
+    value?: string;
+    country?: string | string[];
+    currentLocBias?: boolean;
+    delayValue?: number;
+    onChange?: (v: TSelectedOption) => void;
+    onInputChange?: (v: string) => void;
+};
+declare function AddressAutocompleteInput({ apiKey, value, country, currentLocBias, delayValue, onChange, onInputChange, ...props }: Readonly<AddressAutocompleteInputProps>): React__default.JSX.Element;
+
+export { AddIcon, AddNoteIcon, AddShoppingCartIcon, AddTaskIcon, AddressAutocompleteInput, AlertIcon, AlertNotification, ArrowIcon, Artwork, ArtworkProps, SKUAsyncSelect as AsyncSelect, Avatar, AvatarColor, AvatarShape, AvatarSize, AwaitingProofIcon, Backdrop, Background, Badge, BaseCskuProps, BotIcon, Box, BulletIcon, Button, ButtonPreset, ButtonProps, ButtonVariant, ButtonsGroup, Calendar, CalendarDayBody, CalendarDaysBody, CalendarDaysHeader, CalendarIcon, CalendarTask, CalendarTaskProps, CalendarWrapper, CancelButton, ChangeRequestedIcon, ChatIcon, CheckMark, CheckboxIcon, CheckboxLabel, CheckmarkIcon, ChevronIcon, ChevronPopup, CircleProgressIcon, ClientApprovedIcon, ClipboardIcon, ClockIcon, Col, ColPropTypes, CollaborateIcon, CollapseStyled, CollapseStyledProps, CollapseWrapper, CollapseWrapperProps, Collapsible$1 as Collapsible, CollapsibleArrowIcon, CollapsibleLabel, CollapsiblePanel, CollapsiblePanelProps, CollapsiblePanelTitle, CollapsiblePanelTitleProps, CollapsiblePanels, CollapsiblePanelsProps, CollapsibleProps$1 as CollapsibleProps, Collapsible as CollapsibleV2, Collapsibles, Column, ColumnSelectIcon, CommentBubbleIcon, CommentIcon, CommonskuMainLogo, CommunityIcon, CompletedCheckmarkIcon, ConfirmAlertPopup, ConfirmPopup, ConnectedIcon, ConnectedPlusIcon, CouponIcon, SKUCreatableSelect as CreatableSelect, CreditCardIcon, Csku, CskuProps, CustomDateInput, DateRange, DateRangeDropdown, DateRangeDropdownProps, DateRangeInput, DateRangeInputProps, DateRangePicker, DateRangePickerProps, DateRangePreset, Datepicker, DaysBodyWrapper, DebouncedInput, DefaultCalendarFooter, DefaultCalendarHeader, DefaultStar, DesignIcon, DollarIcon, DoneButton, Dot, DoubleArrowIcon, DownloadIcon, DragIcon, DraggableTasksCalendar, DropArea, DropAreaProps, DropDownContent, Dropdown, DropdownItem, DropdownProps, Dropzone, DropzoneProps, DropzoneTypes, Dropzoned, DropzonedPreviews, EPOIcon, EditIcon, EllipsisIcon, EmptyStateArrowIcon as EmptyStateArrow, EpsIcon, ErrorBoundary, EstimateCircleIcon, EyeIcon, FeedPost, FileUploadIcon, FilledChevronIcon, FolderIcon, GalleryIcon, GearIcon, GlobalStyle, Grid, GridCell, GridIcon, GridItem, GridItemProps, GridProps, GridRow, GridTable, GridTableContainer, H1$1 as H1, H2$1 as H2, H3, H4, H5$1 as H5, H6, HandleIcon, HeadlessTable, HelpIcon, HistoryIcon, IconButton, IconButtonProps, IconDoc, ImageIcon, Img, InfoIcon, Input, InputDropdown, InputIconLabel, InputIconLabelContainer, InputProps, InputStepper, InputStepperStyled, IntegrationsIcon, InventoryIcon, Label, LabeledAsyncSelect, LabeledCheckbox, LabeledCheckboxProps, LabeledCreatableSelect, LabeledIconInput, LabeledInput, LabeledInputProps, LabeledMultiProgress, LabeledProgress, LabeledRadio, LabeledRadioGroup, LabeledRadioInButton, LabeledRadioInButtonGroup, LabeledRadioProps, LabeledSelect, LabeledTextarea, LightIndicator, Link, LinkWithIcon, ListIcon, Loading, LockIcon, MagicEraserIcon, MagicIcon, MailIcon, MarketingStatusIcon, MenuIcon, MergeIcon, MultiProgress, NavConnectIcon, NavFinanceIcon, NavManagementIcon, NavProdIcon, NavReportsIcon, NavResourcesIcon, NavSalesIcon, NestedOption, NoteIcon, Number, NumberInput, OpportunityCircleIcon, OrderStatusIcon, Overlay, Padding, Page, PanelContact, PanelTileContact, PanelledSelect, PanelledSelectProps, PendingApprovalIcon, PercentIcon, PinIcon, Popup, PopupHeader, PopupProps, PresentationCircleIcon, Product, ProductCard, ProductDetail, Progress, PromostandardsIcon, ProofReceivedIcon, ProofingCompleteIcon, Publisher, Radio, RadioIcon, RadioLabel, RadioProps, ReceiptLongIcon, RenderChild, ResizableIcon, ResponsiveTable, Row$1 as Row, RowPropTypes, SHARED_STYLE_MAPS, SalesArrowIcon, SalesOrderCircleIcon, SearchIcon, SKUSelect as Select, SelectionTable, SharedStyleTypes, SharedStyles, ShopIcon, ShoppingCartIcon, ShowPopup, SidePanel, SimpleWindowedTable, SimpleWindowedTableProps, SimpleWindowedTableStyles, SizerCss, SizerTypes, SizerWrapper, SkubotLogo, SkubotSpinner, SlideInIcon, Sparkles, Spinner, StarDarkIcon, StarIcon, StarLightIcon, StarRating, StateDropdown, StatusDropdown, StyledCalendarTaskBody, StyledDropArea, StyledDropdown, StyledPanel, StyledTask, SubtractIcon, SVG as SvgIcon, TBody, TButtonIcon, TD, TDropdownItem, TH, THSorted, THead, TR, TSize, TSizeOffset, TSizeOffsetRight, TSizeStyle, TTab, Tab, TabBar, Table, TableIcon, Tabs, TabsProps, TagIcon, TargetIcon, Task, TaskBody, TaskIcon, TaskLabel, TaskName, TaskProps, TasksCalendar, TasksCalendarDayBody, TasksCalendarFooter, TemplateIcon, Text$1 as Text, TextProp, Textarea, Theme, Thermometer, TilesIcon, Toggle, ToggleLink, ToggleSwitch, ToggleSwitchProps, ToggleSwitchStatedProps, ToggleSwitchStyled, Tooltip, TrashIcon, TrendIcon, Typography, UploadIcon, UserIcon, UsersIcon, VirtualTable, VirtualTableStyles, WarnIcon, Wrapper, XIcon, colors, createMeasurementStyle, datepickerStyles, fontFamilies, fontStyles, fonts, getColor, getFontStyle, getThemeColor, getThemeFontFamily, getThemeFontSize, getThemeFontStyle, getThemeProperty, parseCskuStyles, sizes, themeOptions, toggleSizes$1 as toggleSizes, useCalendar, useClickOutside, useDelayUnmount, useFallbackRef, useLongPress, usePrefersReducedMotion, useRandomInterval, useValue, useWindowSize };