aidos-ui 4.0.3 → 4.0.5

package/dist/index.d.ts

@@ -1,68 +1,797 @@
-export * from "./Badge";
-export * from "./BaseButton";
-export * from "./BaseInput";
-export * from "./BaseLink";
-export * from "./BaseList";
-export * from "./BaseListAddOn";
-export * from "./BaseListItem";
-export * from "./BaseView";
-export * from "./Box";
-export * from "./Button";
-export * from "./Calendar";
-export * from "./Card";
-export * from "./Checkbox";
-export * from "./Circle";
-export * from "./Column";
-export * from "./DarkMode";
-export * from "./DateInput";
-export * from "./DatePicker";
-export * from "./DatetimeInput";
-export * from "./Dialog";
-export * from "./Dropdown";
-export * from "./Emitter";
-export * from "./FlexLayout";
-export * from "./guid";
-export * from "./Icon";
-export * from "./IconButton";
-export * from "./IconLink";
-export * from "./IconType";
-export * from "./jss";
-export * from "./Link";
-export * from "./List";
-export * from "./ListButtonItem";
-export * from "./ListDivider";
-export * from "./ListHeaderItem";
-export * from "./ListItem";
-export * from "./ListLinkItem";
-export * from "./ListSpacer";
-export * from "./MenuIcon";
-export * from "./numberToBase";
-export * from "./OnVisible";
-export * from "./Popover";
-export * from "./ProgressBar";
-export * from "./ProgressCircle";
-export * from "./Providers";
-export * from "./RangeInput";
-export * from "./RootView";
-export * from "./Row";
-export * from "./Select";
-export * from "./StackContext";
-export * from "./stateMachineContextFactory";
-export * from "./StaticCheckbox";
-export * from "./Storage";
-export * from "./Stream";
-export * from "./Sublist";
-export * from "./SubmitIconInput";
-export * from "./Tabs";
-export * from "./Text";
-export * from "./TextArea";
-export * from "./TextInput";
-export * from "./TextInputWithState";
-export * from "./TextPairing";
-export * from "./TimeInput";
-export * from "./TimeInput";
-export * from "./Tooltip";
-export * from "./useCookie";
-export * from "./useNavigation";
-export * from "./usePromise";
-export * from "./useRefEffect";
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import CSS from 'csstype';
+import * as React$1 from 'react';
+import React__default, { ReactNode, ReactElement } from 'react';
+
+type Styles = CSS.Properties<string | number | CSS.Properties<string | number>>;
+type JSS = Styles | null | false | undefined | {
+    [key: string]: Styles;
+} | Array<JSS>;
+declare const toClassnames: (jss: JSS, componentName?: string) => string;
+declare function JSSProvider({ themes, children, }: {
+    themes: {
+        dark: Theme;
+        light: Theme;
+    };
+    children: React__default.JSX.Element;
+}): react_jsx_runtime.JSX.Element;
+declare function JSServerStyles(): react_jsx_runtime.JSX.Element;
+type Size = "xsmall" | "small" | "medium" | "large" | "xlarge" | "xxlarge" | "xxxlarge";
+type Spacing = "none" | Size;
+type Gap = Spacing;
+type Padding = Spacing | [Spacing, Spacing];
+type Margin = Spacing | [Spacing, Spacing];
+type Direction = "horizontal" | "vertical";
+type Position = "start" | "end";
+type Justify = "none" | "center" | "flex-start" | "space-between" | "flex-end" | "stretch";
+type Align = "none" | "center" | "stretch" | "flex-start" | "flex-end";
+type FlexDirection = "row" | "column";
+type Color = "none" | "light" | "dark" | "negative" | "warning" | "highlight" | "primary-background" | "secondary-background" | "divider" | "inherit";
+type TextColor = "primary" | "secondary" | "highlight" | "negative" | "subtle" | "light" | "inherit";
+declare function cssVar(string: keyof Theme): string;
+declare function getSize(size: Size): string;
+declare function getSpacing(spacing: Spacing): string;
+declare function getPadding(padding: Padding): JSS;
+declare function getMargin(margin: Margin): JSS;
+type Theme = {
+    ["--overlay-background"]: string;
+    ["--primary-background"]: string;
+    ["--secondary-background"]: string;
+    ["--divider"]: string;
+    ["--strong-divider"]: string;
+    ["--pressed-background"]: string;
+    ["--hovered-background"]: string;
+    ["--selected-background"]: string;
+    ["--nav-bar"]: string;
+    ["--warning"]: string;
+    ["--highlight"]: string;
+    ["--outline"]: string;
+    ["--light-highlight"]: string;
+    ["--primary-text"]: string;
+    ["--secondary-text"]: string;
+    ["--subtle-text"]: string;
+    ["--highlight-text"]: string;
+    ["--negative-text"]: string;
+    ["--light-text"]: string;
+    ["--font-xsmall"]: string;
+    ["--font-small"]: string;
+    ["--font-medium"]: string;
+    ["--font-large"]: string;
+    ["--font-xlarge"]: string;
+    ["--font-xxlarge"]: string;
+    ["--font-xxxlarge"]: string;
+    ["--background-button-positive"]: string;
+    ["--background-button-secondary"]: string;
+    ["--background-button-negative"]: string;
+    ["--background-button-disabled"]: string;
+    ["--spacing-xs"]: string;
+    ["--spacing-s"]: string;
+    ["--spacing-m"]: string;
+    ["--spacing-l"]: string;
+    ["--spacing-xl"]: string;
+    ["--spacing-xxl"]: string;
+    ["--spacing-xxxl"]: string;
+    ["--border-radius-s"]: string;
+    ["--border-radius-m"]: string;
+    ["--border-radius-l"]: string;
+    ["--nav-bar-height"]: string;
+    ["--shadow-sm"]: string;
+    ["--shadow-md"]: string;
+    ["--shadow-lg"]: string;
+    ["--transition-fast"]: string;
+    ["--transition-normal"]: string;
+};
+declare const lightTheme: Theme;
+declare const darkTheme: Theme;
+declare const baseStyles: string;
+declare const getBackground: (color: Color) => JSS;
+declare const MOBILE = 750;
+declare const TABLET = 1000;
+declare const LAPTOP = 1200;
+declare const MOBILE_MEDIA = "@media (min-width: 0px) and (max-width: 750px)";
+declare const TABLET_MEDIA = "@media (min-width: 750px) and (max-width: 1000px)";
+declare const LAPTOP_MEDIA = "@media (min-width: 1000px) and (max-width: 1200px)";
+declare const DESKTOP_MEDIA = "@media (min-width: 1200px)";
+declare function mobile(jss: JSS): {
+    [key: string]: JSS;
+};
+declare function tablet(jss: JSS): {
+    [key: string]: JSS;
+};
+declare function laptop(jss: JSS): {
+    [key: string]: JSS;
+};
+declare function desktop(jss: JSS): {
+    [key: string]: JSS;
+};
+declare const getTextColor: (color: TextColor) => {
+    color: string;
+} | {
+    color: string;
+} | {
+    color: string;
+} | {
+    color: string;
+} | {
+    color: string;
+} | {
+    color: string;
+} | {
+    color: string;
+};
+declare function getBaseStyles(themes: {
+    light: Theme;
+    dark: Theme;
+}): string[];
+
+declare function Badge({ size, color, jss, }: {
+    size?: Size;
+    color?: Color;
+    jss?: JSS;
+}): react_jsx_runtime.JSX.Element;
+
+type InteractableColor = "positive" | "primary" | "negative" | "dark" | "light";
+
+interface BaseButtonProps extends React__default.ButtonHTMLAttributes<HTMLButtonElement> {
+    onClick: (e: React__default.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+    jss?: JSS;
+    color: InteractableColor;
+    bare?: boolean;
+    border?: boolean;
+    className?: undefined;
+    animateInteraction?: boolean;
+    padding?: Padding;
+}
+declare const BaseButton: React__default.ForwardRefExoticComponent<BaseButtonProps & React__default.RefAttributes<HTMLButtonElement>>;
+
+interface BaseInputProps extends React__default.InputHTMLAttributes<HTMLInputElement> {
+    jss?: JSS;
+    className?: undefined;
+    size?: undefined;
+    children?: undefined;
+    label?: ReactNode;
+    labelSize?: Size;
+    labelColor?: TextColor;
+    labelBold?: boolean;
+    labelPosition?: "start" | "end";
+}
+declare const BaseInput: React__default.ForwardRefExoticComponent<BaseInputProps & React__default.RefAttributes<HTMLInputElement>>;
+
+interface BaseLinkProps extends React__default.LinkHTMLAttributes<HTMLAnchorElement> {
+    onClick?: (e: React__default.MouseEvent<HTMLAnchorElement, MouseEvent>) => void;
+    target?: string;
+    jss?: JSS;
+    color: InteractableColor;
+    href: string;
+    disabled?: boolean;
+    bare?: boolean;
+    border?: boolean;
+    className?: undefined;
+    animateInteraction?: boolean;
+    padding?: Padding;
+}
+declare const BaseLinkComponentOverrideContext: React__default.Context<(props: any) => react_jsx_runtime.JSX.Element>;
+declare const BaseLink: React__default.ForwardRefExoticComponent<BaseLinkProps & React__default.RefAttributes<HTMLAnchorElement>>;
+
+interface BaseViewProps extends React__default.HTMLAttributes<HTMLElement> {
+    jss?: JSS;
+    ref?: React__default.Ref<HTMLDivElement>;
+    className?: undefined;
+    grow?: boolean;
+    shrink?: boolean;
+    relative?: boolean;
+    tag?: keyof HTMLElementTagNameMap;
+}
+declare const BaseView: React__default.ForwardRefExoticComponent<Omit<BaseViewProps, "ref"> & React__default.RefAttributes<HTMLElement>>;
+
+interface FlexLayoutProps extends BaseViewProps {
+    justify?: Justify;
+    gap?: Gap;
+    align?: Align;
+    padding?: Padding;
+    direction?: FlexDirection;
+}
+declare const FlexLayout: React__default.ForwardRefExoticComponent<Omit<FlexLayoutProps, "ref"> & React__default.RefAttributes<HTMLElement>>;
+
+interface ColumnProps extends FlexLayoutProps {
+    direction?: "column";
+}
+declare const Column: React__default.ForwardRefExoticComponent<Omit<ColumnProps, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
+
+interface BaseListProps extends ColumnProps {
+    tag?: undefined;
+}
+declare const BaseList: React__default.ForwardRefExoticComponent<Omit<BaseListProps, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
+
+interface BaseListAddOnProps extends BaseViewProps {
+}
+declare const BaseListAddOn: React__default.ForwardRefExoticComponent<Omit<BaseListAddOnProps, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
+
+interface RowProps extends FlexLayoutProps {
+    direction?: "row";
+}
+declare const Row: React__default.ForwardRefExoticComponent<Omit<RowProps, "ref"> & React__default.RefAttributes<HTMLElement>>;
+
+interface BaseListItemProps extends RowProps {
+    children: (elements: {
+        content: React__default.JSX.Element;
+    }) => ReactNode;
+    jss?: JSS;
+    withDivider?: boolean;
+    headline: string;
+    headlineSize?: Size;
+    headlineColor?: TextColor;
+    headlineAddOn?: ReactNode;
+    headlineBold?: boolean;
+    body?: string;
+    bodySize?: Size;
+    bodyColor?: TextColor;
+    addOn?: ReactNode;
+    addOnPosition?: Position;
+    outerAddOn?: ReactNode;
+    disabled?: boolean;
+    role?: undefined;
+    gap?: Spacing;
+    selected?: boolean;
+}
+declare const BaseListItem: React__default.ForwardRefExoticComponent<Omit<BaseListItemProps, "ref"> & React__default.RefAttributes<HTMLElement>>;
+
+interface BoxProps extends FlexLayoutProps {
+}
+declare function Box({ padding, align, justify, ...otherProps }: BoxProps): react_jsx_runtime.JSX.Element;
+
+type IconType = "fa-address-book" | "fa-address-book-o" | "fa-address-card" | "fa-address-card-o" | "fa-adjust" | "fa-adn" | "fa-align-center" | "fa-align-justify" | "fa-align-left" | "fa-align-right" | "fa-amazon" | "fa-ambulance" | "fa-american-sign-language-interpreting" | "fa-anchor" | "fa-android" | "fa-angellist" | "fa-angle-double-down" | "fa-angle-double-left" | "fa-angle-double-right" | "fa-angle-double-up" | "fa-angle-down" | "fa-angle-left" | "fa-angle-right" | "fa-angle-up" | "fa-apple" | "fa-archive" | "fa-area-chart" | "fa-arrow-circle-down" | "fa-arrow-circle-left" | "fa-arrow-circle-o-down" | "fa-arrow-circle-o-left" | "fa-arrow-circle-o-right" | "fa-arrow-circle-o-up" | "fa-arrow-circle-right" | "fa-arrow-circle-up" | "fa-arrow-down" | "fa-arrow-left" | "fa-arrow-right" | "fa-arrow-up" | "fa-arrows" | "fa-arrows-alt" | "fa-arrows-h" | "fa-arrows-v" | "fa-asl-interpretin" | "fa-assistive-listening-systems" | "fa-asterisk" | "fa-at" | "fa-audio-description" | "fa-automobil" | "fa-backward" | "fa-balance-scale" | "fa-ban" | "fa-bandcamp" | "fa-ban" | "fa-bar-chart" | "fa-bar-chart-" | "fa-barcode" | "fa-bars" | "fa-bath" | "fa-bathtu" | "fa-batter" | "fa-battery-" | "fa-battery-" | "fa-battery-" | "fa-battery-" | "fa-battery-" | "fa-battery-empty" | "fa-battery-full" | "fa-battery-half" | "fa-battery-quarter" | "fa-battery-three-quarters" | "fa-bed" | "fa-beer" | "fa-behance" | "fa-behance-square" | "fa-bell" | "fa-bell-o" | "fa-bell-slash" | "fa-bell-slash-o" | "fa-bicycle" | "fa-binoculars" | "fa-birthday-cake" | "fa-bitbucket" | "fa-bitbucket-square" | "fa-bitcoi" | "fa-black-tie" | "fa-blind" | "fa-bluetooth" | "fa-bluetooth-b" | "fa-bold" | "fa-bolt" | "fa-bomb" | "fa-book" | "fa-bookmark" | "fa-bookmark-o" | "fa-braille" | "fa-briefcase" | "fa-btc" | "fa-bug" | "fa-building" | "fa-building-o" | "fa-bullhorn" | "fa-bullseye" | "fa-bus" | "fa-buysellads" | "fa-ca" | "fa-calculator" | "fa-calendar" | "fa-calendar-check-o" | "fa-calendar-minus-o" | "fa-calendar-o" | "fa-calendar-plus-o" | "fa-calendar-times-o" | "fa-camera" | "fa-camera-retro" | "fa-car" | "fa-caret-down" | "fa-caret-left" | "fa-caret-right" | "fa-caret-square-o-down" | "fa-caret-square-o-left" | "fa-caret-square-o-right" | "fa-caret-square-o-up" | "fa-caret-up" | "fa-cart-arrow-down" | "fa-cart-plus" | "fa-cc" | "fa-cc-amex" | "fa-cc-diners-club" | "fa-cc-discover" | "fa-cc-jcb" | "fa-cc-mastercard" | "fa-cc-paypal" | "fa-cc-stripe" | "fa-cc-visa" | "fa-certificate" | "fa-chai" | "fa-chain-broken" | "fa-check" | "fa-check-circle" | "fa-check-circle-o" | "fa-check-square" | "fa-check-square-o" | "fa-chevron-circle-down" | "fa-chevron-circle-left" | "fa-chevron-circle-right" | "fa-chevron-circle-up" | "fa-chevron-down" | "fa-chevron-left" | "fa-solid:chevron-right" | "fa-chevron-right" | "fa-chevron-up" | "fa-child" | "fa-chrome" | "fa-circle" | "fa-circle-o" | "fa-circle-o-notch" | "fa-circle-thin" | "fa-clipboard" | "fa-clock-o" | "fa-clone" | "fa-close" | "fa-cloud" | "fa-cloud-download" | "fa-cloud-upload" | "fa-cn" | "fa-code" | "fa-code-fork" | "fa-codepen" | "fa-codiepie" | "fa-coffee" | "fa-cog" | "fa-cogs" | "fa-columns" | "fa-comment" | "fa-comment-o" | "fa-commenting" | "fa-commenting-o" | "fa-comments" | "fa-comments-o" | "fa-compass" | "fa-compress" | "fa-connectdevelop" | "fa-contao" | "fa-cop" | "fa-copyright" | "fa-creative-commons" | "fa-credit-card" | "fa-credit-card-alt" | "fa-crop" | "fa-crosshairs" | "fa-css3" | "fa-cube" | "fa-cubes" | "fa-cu" | "fa-cutlery" | "fa-dashboar" | "fa-dashcube" | "fa-database" | "fa-deaf" | "fa-deafnes" | "fa-deden" | "fa-delicious" | "fa-desktop" | "fa-deviantart" | "fa-diamond" | "fa-digg" | "fa-dolla" | "fa-dot-circle-o" | "fa-download" | "fa-dribbble" | "fa-drivers-licens" | "fa-drivers-license-" | "fa-dropbox" | "fa-drupal" | "fa-edge" | "fa-edi" | "fa-eercast" | "fa-eject" | "fa-ellipsis-h" | "fa-ellipsis-v" | "fa-empire" | "fa-envelope" | "fa-envelope-o" | "fa-envelope-open" | "fa-envelope-open-o" | "fa-envelope-square" | "fa-envira" | "fa-eraser" | "fa-etsy" | "fa-eur" | "fa-eur" | "fa-exchange" | "fa-exclamation" | "fa-exclamation-circle" | "fa-exclamation-triangle" | "fa-expand" | "fa-expeditedssl" | "fa-external-link" | "fa-external-link-square" | "fa-eye" | "fa-eye-slash" | "fa-eyedropper" | "fa-f" | "fa-facebook" | "fa-facebook-" | "fa-facebook-official" | "fa-facebook-square" | "fa-fast-backward" | "fa-fast-forward" | "fa-fax" | "fa-fee" | "fa-female" | "fa-fighter-jet" | "fa-file" | "fa-file-archive-o" | "fa-file-audio-o" | "fa-file-code-o" | "fa-file-excel-o" | "fa-file-image-o" | "fa-file-movie-" | "fa-file-o" | "fa-file-pdf-o" | "fa-file-photo-" | "fa-file-picture-" | "fa-file-powerpoint-o" | "fa-file-sound-" | "fa-file-text" | "fa-file-text-o" | "fa-file-video-o" | "fa-file-word-o" | "fa-file-zip-" | "fa-files-o" | "fa-film" | "fa-filter" | "fa-fire" | "fa-fire-extinguisher" | "fa-firefox" | "fa-first-order" | "fa-flag" | "fa-flag-checkered" | "fa-flag-o" | "fa-flas" | "fa-flask" | "fa-flickr" | "fa-floppy-o" | "fa-folder" | "fa-folder-o" | "fa-folder-open" | "fa-folder-open-o" | "fa-font" | "fa-font-awesome" | "fa-fonticons" | "fa-fort-awesome" | "fa-forumbee" | "fa-forward" | "fa-foursquare" | "fa-free-code-camp" | "fa-frown-o" | "fa-futbol-o" | "fa-gamepad" | "fa-gavel" | "fa-gbp" | "fa-g" | "fa-gea" | "fa-gear" | "fa-genderless" | "fa-get-pocket" | "fa-gg" | "fa-gg-circle" | "fa-gift" | "fa-git" | "fa-git-square" | "fa-github" | "fa-github-alt" | "fa-github-square" | "fa-gitlab" | "fa-gitti" | "fa-glass" | "fa-glide" | "fa-glide-g" | "fa-globe" | "fa-google" | "fa-google-plus" | "fa-google-plus-circl" | "fa-google-plus-official" | "fa-google-plus-square" | "fa-google-wallet" | "fa-graduation-cap" | "fa-gratipay" | "fa-grav" | "fa-grou" | "fa-h-square" | "fa-hacker-news" | "fa-hand-grab-" | "fa-hand-lizard-o" | "fa-hand-o-down" | "fa-hand-o-left" | "fa-hand-o-right" | "fa-hand-o-up" | "fa-hand-paper-o" | "fa-hand-peace-o" | "fa-hand-pointer-o" | "fa-hand-rock-o" | "fa-hand-scissors-o" | "fa-hand-spock-o" | "fa-hand-stop-" | "fa-handshake-o" | "fa-hard-of-hearin" | "fa-hashtag" | "fa-hdd-o" | "fa-header" | "fa-headphones" | "fa-heart" | "fa-heart-o" | "fa-heartbeat" | "fa-history" | "fa-home" | "fa-hospital-o" | "fa-hote" | "fa-hourglass" | "fa-hourglass-" | "fa-hourglass-" | "fa-hourglass-" | "fa-hourglass-end" | "fa-hourglass-half" | "fa-hourglass-o" | "fa-hourglass-start" | "fa-houzz" | "fa-html5" | "fa-i-cursor" | "fa-id-badge" | "fa-id-card" | "fa-id-card-o" | "fa-ils" | "fa-imag" | "fa-imdb" | "fa-inbox" | "fa-indent" | "fa-industry" | "fa-info" | "fa-info-circle" | "fa-inr" | "fa-instagram" | "fa-institutio" | "fa-internet-explorer" | "fa-interse" | "fa-ioxhost" | "fa-italic" | "fa-joomla" | "fa-jpy" | "fa-jsfiddle" | "fa-key" | "fa-keyboard-o" | "fa-krw" | "fa-language" | "fa-laptop" | "fa-lastfm" | "fa-lastfm-square" | "fa-leaf" | "fa-leanpub" | "fa-lega" | "fa-lemon-o" | "fa-level-down" | "fa-level-up" | "fa-life-bou" | "fa-life-buo" | "fa-life-ring" | "fa-life-save" | "fa-lightbulb-o" | "fa-line-chart" | "fa-link" | "fa-linkedin" | "fa-linkedin-square" | "fa-linode" | "fa-linux" | "fa-list" | "fa-list-alt" | "fa-list-ol" | "fa-list-ul" | "fa-location-arrow" | "fa-lock" | "fa-long-arrow-down" | "fa-long-arrow-left" | "fa-long-arrow-right" | "fa-long-arrow-up" | "fa-low-vision" | "fa-magic" | "fa-magnet" | "fa-mail-forwar" | "fa-mail-repl" | "fa-mail-reply-al" | "fa-male" | "fa-map" | "fa-map-marker" | "fa-map-o" | "fa-map-pin" | "fa-map-signs" | "fa-mars" | "fa-mars-double" | "fa-mars-stroke" | "fa-mars-stroke-h" | "fa-mars-stroke-v" | "fa-maxcdn" | "fa-meanpath" | "fa-medium" | "fa-medkit" | "fa-meetup" | "fa-meh-o" | "fa-mercury" | "fa-microchip" | "fa-microphone" | "fa-microphone-slash" | "fa-minus" | "fa-minus-circle" | "fa-minus-square" | "fa-minus-square-o" | "fa-mixcloud" | "fa-mobile" | "fa-mobile-phon" | "fa-modx" | "fa-money" | "fa-moon-o" | "fa-mortar-boar" | "fa-motorcycle" | "fa-mouse-pointer" | "fa-music" | "fa-navico" | "fa-neuter" | "fa-newspaper-o" | "fa-object-group" | "fa-object-ungroup" | "fa-odnoklassniki" | "fa-odnoklassniki-square" | "fa-opencart" | "fa-openid" | "fa-opera" | "fa-optin-monster" | "fa-outdent" | "fa-pagelines" | "fa-paint-brush" | "fa-paper-plane" | "fa-paper-plane-o" | "fa-paperclip" | "fa-paragraph" | "fa-past" | "fa-pause" | "fa-pause-circle" | "fa-pause-circle-o" | "fa-paw" | "fa-paypal" | "fa-pencil" | "fa-pencil-square" | "fa-pencil-square-o" | "fa-percent" | "fa-phone" | "fa-phone-square" | "fa-phot" | "fa-picture-o" | "fa-pie-chart" | "fa-pied-piper" | "fa-pied-piper-alt" | "fa-pied-piper-pp" | "fa-pinterest" | "fa-pinterest-p" | "fa-pinterest-square" | "fa-plane" | "fa-play" | "fa-play-circle" | "fa-play-circle-o" | "fa-plug" | "fa-plus" | "fa-plus-circle" | "fa-plus-square" | "fa-plus-square-o" | "fa-podcast" | "fa-power-off" | "fa-print" | "fa-product-hunt" | "fa-puzzle-piece" | "fa-qq" | "fa-qrcode" | "fa-question" | "fa-question-circle" | "fa-question-circle-o" | "fa-quora" | "fa-quote-left" | "fa-quote-right" | "fa-r" | "fa-random" | "fa-ravelry" | "fa-rebel" | "fa-recycle" | "fa-reddit" | "fa-reddit-alien" | "fa-reddit-square" | "fa-refresh" | "fa-registered" | "fa-remove" | "fa-renren" | "fa-reorde" | "fa-repeat" | "fa-reply" | "fa-reply-all" | "fa-resistanc" | "fa-retweet" | "fa-rm" | "fa-road" | "fa-rocket" | "fa-rotate-lef" | "fa-rotate-right" | "fa-roubl" | "fa-rss" | "fa-rss-square" | "fa-rub" | "fa-rubl" | "fa-rupe" | "fa-s1" | "fa-safari" | "fa-sav" | "fa-scissors" | "fa-scribd" | "fa-search" | "fa-search-minus" | "fa-search-plus" | "fa-sellsy" | "fa-sen" | "fa-send-" | "fa-server" | "fa-share" | "fa-share-alt" | "fa-share-alt-square" | "fa-share-square" | "fa-share-square-o" | "fa-sheke" | "fa-sheqe" | "fa-shield" | "fa-ship" | "fa-shirtsinbulk" | "fa-shopping-bag" | "fa-shopping-basket" | "fa-shopping-cart" | "fa-shower" | "fa-sign-in" | "fa-sign-language" | "fa-sign-out" | "fa-signal" | "fa-signin" | "fa-simplybuilt" | "fa-sitemap" | "fa-skyatlas" | "fa-skype" | "fa-slack" | "fa-sliders" | "fa-slideshare" | "fa-smile-o" | "fa-snapchat" | "fa-snapchat-ghost" | "fa-snapchat-square" | "fa-snowflake-o" | "fa-soccer-ball-" | "fa-sort" | "fa-sort-alpha-asc" | "fa-sort-alpha-desc" | "fa-sort-amount-asc" | "fa-sort-amount-desc" | "fa-sort-asc" | "fa-sort-desc" | "fa-sort-dow" | "fa-sort-numeric-asc" | "fa-sort-numeric-desc" | "fa-sort-u" | "fa-soundcloud" | "fa-space-shuttle" | "fa-spinner" | "fa-spoon" | "fa-spotify" | "fa-square" | "fa-square-o" | "fa-stack-exchange" | "fa-stack-overflow" | "fa-star" | "fa-star-half" | "fa-star-half-empt" | "fa-star-half-ful" | "fa-star-half-o" | "fa-star-o" | "fa-steam" | "fa-steam-square" | "fa-step-backward" | "fa-step-forward" | "fa-stethoscope" | "fa-sticky-note" | "fa-sticky-note-o" | "fa-stop" | "fa-stop-circle" | "fa-stop-circle-o" | "fa-street-view" | "fa-strikethrough" | "fa-stumbleupon" | "fa-stumbleupon-circle" | "fa-subscript" | "fa-subway" | "fa-suitcase" | "fa-sun-o" | "fa-superpowers" | "fa-superscript" | "fa-suppor" | "fa-table" | "fa-tablet" | "fa-tachometer" | "fa-tag" | "fa-tags" | "fa-tasks" | "fa-taxi" | "fa-telegram" | "fa-television" | "fa-tencent-weibo" | "fa-terminal" | "fa-text-height" | "fa-text-width" | "fa-th" | "fa-th-large" | "fa-th-list" | "fa-themeisle" | "fa-thermomete" | "fa-thermometer-" | "fa-thermometer-" | "fa-thermometer-" | "fa-thermometer-" | "fa-thermometer-" | "fa-thermometer-empty" | "fa-thermometer-full" | "fa-thermometer-half" | "fa-thermometer-quarter" | "fa-thermometer-three-quarters" | "fa-thumb-tack" | "fa-thumbs-down" | "fa-thumbs-o-down" | "fa-thumbs-o-up" | "fa-thumbs-up" | "fa-ticket" | "fa-times" | "fa-times-circle" | "fa-times-circle-o" | "fa-times-rectangl" | "fa-times-rectangle-" | "fa-tint" | "fa-toggle-dow" | "fa-toggle-lef" | "fa-toggle-off" | "fa-toggle-on" | "fa-toggle-righ" | "fa-toggle-u" | "fa-trademark" | "fa-train" | "fa-transgender" | "fa-transgender-alt" | "fa-trash" | "fa-trash-o" | "fa-tree" | "fa-trello" | "fa-tripadvisor" | "fa-trophy" | "fa-truck" | "fa-try" | "fa-tty" | "fa-tumblr" | "fa-tumblr-square" | "fa-turkish-lir" | "fa-t" | "fa-twitch" | "fa-twitter" | "fa-twitter-square" | "fa-umbrella" | "fa-underline" | "fa-undo" | "fa-universal-access" | "fa-university" | "fa-unlin" | "fa-unlock" | "fa-unlock-alt" | "fa-unsorte" | "fa-upload" | "fa-usb" | "fa-usd" | "fa-user" | "fa-user-circle" | "fa-user-circle-o" | "fa-user-md" | "fa-user-o" | "fa-user-plus" | "fa-user-secret" | "fa-user-times" | "fa-users" | "fa-vcar" | "fa-vcard-" | "fa-venus" | "fa-venus-double" | "fa-venus-mars" | "fa-viacoin" | "fa-viadeo" | "fa-viadeo-square" | "fa-video-camera" | "fa-vimeo" | "fa-vimeo-square" | "fa-vine" | "fa-vk" | "fa-volume-control-phone" | "fa-volume-down" | "fa-volume-off" | "fa-volume-up" | "fa-warnin" | "fa-wecha" | "fa-weibo" | "fa-weixin" | "fa-whatsapp" | "fa-wheelchair" | "fa-wheelchair-alt" | "fa-wifi" | "fa-wikipedia-w" | "fa-window-close" | "fa-window-close-o" | "fa-window-maximize" | "fa-window-minimize" | "fa-window-restore" | "fa-windows" | "fa-wo" | "fa-wordpress" | "fa-wpbeginner" | "fa-wpexplorer" | "fa-wpforms" | "fa-wrench" | "fa-xing" | "fa-xing-square" | "fa-y-combinator" | "fa-y-combinator-squar" | "fa-yahoo" | "fa-y" | "fa-yc-squar" | "fa-yelp" | "fa-ye" | "fa-yoast" | "fa-youtube" | "fa-youtube-play" | "fa-youtube-squar";
+
+interface ButtonProps extends BaseButtonProps {
+    children: string;
+    color: InteractableColor;
+    size?: Size;
+    icon?: IconType;
+    iconSize?: Size;
+    iconPosition?: "left" | "right";
+    rowProps?: FlexLayoutProps;
+    align?: Align;
+    gap?: Gap;
+    justify?: Justify;
+    bold?: boolean;
+}
+declare const Button: React__default.ForwardRefExoticComponent<ButtonProps & React__default.RefAttributes<HTMLButtonElement>>;
+
+declare const Calendar: React__default.ForwardRefExoticComponent<{
+    date: Date;
+    header: (props: {
+        weekday: string;
+    }) => React__default.JSX.Element;
+    jss?: JSS;
+    cell: (props: {
+        today?: boolean;
+        date: Date;
+        outOfMonth: boolean;
+        top: boolean;
+        left: boolean;
+        right: boolean;
+        bottom: boolean;
+    }) => React__default.JSX.Element;
+} & React__default.RefAttributes<HTMLElement>>;
+
+interface CardProps extends FlexLayoutProps {
+}
+declare function Card({ children, jss, padding, gap, ...otherProps }: CardProps): react_jsx_runtime.JSX.Element;
+
+interface CheckboxProps extends BaseInputProps {
+    checked: boolean;
+    onClick: () => void;
+    size: Size;
+    value?: undefined;
+    onChange?: undefined;
+}
+declare function Checkbox({ checked, onClick, size, ...inputProps }: CheckboxProps): react_jsx_runtime.JSX.Element;
+
+interface CircleProps extends BoxProps {
+}
+declare function Circle({ jss, padding, ...otherProps }: CircleProps): react_jsx_runtime.JSX.Element;
+
+type State = {
+    enabled: boolean;
+    toggle: () => void;
+};
+declare const DarkModeContext: React__default.Context<State>;
+declare function DarkModeProvider({ children, enabled, toggle, }: {
+    children: ReactNode;
+    enabled: boolean;
+    toggle: () => void;
+}): react_jsx_runtime.JSX.Element;
+declare function DarkModeToggle(): react_jsx_runtime.JSX.Element;
+
+interface DateInputProps extends BaseInputProps {
+    onDateChange: (date: Date) => void;
+    date: Date;
+    icon?: IconType;
+    addOn?: ReactNode;
+    onChange?: undefined;
+    jss?: JSS;
+}
+declare const DateInput: React__default.ForwardRefExoticComponent<DateInputProps & React__default.RefAttributes<HTMLInputElement>>;
+
+interface DatePickerProps {
+    id: string;
+    label: string;
+    date: Date;
+    color?: TextColor;
+    min?: string;
+    max?: string;
+    onDateChange: (date: Date) => void;
+}
+declare function DatePicker({ id, label, color, date, onDateChange, }: DatePickerProps): react_jsx_runtime.JSX.Element;
+
+interface DatetimeInputProps extends BaseInputProps {
+    onDateChange: (date: Date) => void;
+    date: Date;
+    icon?: IconType;
+    addOn?: ReactNode;
+    onChange?: undefined;
+    jss?: JSS;
+}
+declare const DatetimeInput: React__default.ForwardRefExoticComponent<DatetimeInputProps & React__default.RefAttributes<HTMLInputElement>>;
+
+declare const Dialog: ({ label, children, close, }: {
+    label: string;
+    children: React__default.JSX.Element;
+    close: () => void;
+}) => react_jsx_runtime.JSX.Element;
+declare function DialogProvider({ children }: {
+    children: any;
+}): react_jsx_runtime.JSX.Element;
+declare function useDialog<Input>(DialogComponent: (props: {
+    close: () => void;
+} & Input) => React__default.JSX.Element, options: {
+    closeOnOutsideClick: boolean;
+}): {
+    open: (input: Input) => void;
+    close: () => any;
+};
+
+declare function Dropdown<T extends string | number>({ id: propId, label, options, selection, setSelection, jss, jssButton, optionLabel, padding, size, gap, }: {
+    id?: string;
+    label: string;
+    options: Set<T>;
+    setSelection: (selection: T) => void;
+    selection: T;
+    jss?: JSS;
+    jssButton?: JSS;
+    optionLabel: (option: T) => string;
+    padding?: Padding;
+    gap?: Gap;
+    size?: Size;
+}): react_jsx_runtime.JSX.Element;
+
+type Callback<Value> = (value: Value) => void;
+type Subscribe<Value> = (callback: Callback<Value>) => () => void;
+declare function createEmitter<Value>(): {
+    subscribe: Subscribe<Value>;
+    emit: (value: Value) => void;
+};
+
+declare function guid(): string;
+
+declare function hash(source: string, modulus?: number): number;
+
+declare function IconProvider({ children }: {
+    children: React__default.JSX.Element;
+}): React__default.JSX.Element;
+declare function Icon({ icon, size, color, ariaLabel, }: {
+    ariaLabel?: string;
+    icon: IconType;
+    size: Size;
+    color: TextColor;
+}): react_jsx_runtime.JSX.Element;
+
+interface IconButtonProps extends BaseButtonProps {
+    icon: IconType;
+    size: Size;
+    label?: string;
+    labelSize?: Size;
+}
+declare const IconButton: React__default.ForwardRefExoticComponent<IconButtonProps & React__default.RefAttributes<HTMLButtonElement>>;
+
+interface IconLinkProps extends BaseLinkProps {
+    icon: IconType;
+    size: Size;
+}
+declare const IconLink: React__default.ForwardRefExoticComponent<IconLinkProps & React__default.RefAttributes<HTMLAnchorElement>>;
+
+interface LinkProps extends BaseLinkProps {
+    children?: ReactNode;
+    color: InteractableColor;
+    size?: Size;
+    icon?: IconType;
+    underline?: boolean;
+    iconSize?: Size;
+    iconPosition?: "left" | "right";
+    rowProps?: FlexLayoutProps;
+    align?: Align;
+    gap?: Gap;
+    justify?: Justify;
+    bold?: boolean;
+    inline?: boolean;
+}
+declare const Link: React__default.ForwardRefExoticComponent<LinkProps & React__default.RefAttributes<HTMLAnchorElement>>;
+
+interface ListProps extends BaseListProps {
+    ariaLabel: string;
+    bare?: boolean;
+    autofocus?: boolean;
+    role?: undefined;
+    navigation?: boolean;
+    carded?: boolean;
+}
+declare function List({ ariaLabel, jss, autofocus, navigation, bare, carded, ...otherProps }: ListProps): react_jsx_runtime.JSX.Element;
+declare const useListContext: () => {
+    bare: boolean;
+    carded: boolean;
+};
+
+interface ListButtonItemProps extends BaseListItemProps {
+    color: InteractableColor;
+    onClick: () => void;
+    headline: string;
+    body?: string;
+    disabled?: boolean;
+    selected?: boolean;
+    children?: void;
+}
+declare const ListButtonItem: React__default.ForwardRefExoticComponent<Omit<ListButtonItemProps, "ref"> & React__default.RefAttributes<HTMLButtonElement>>;
+
+declare function ListDivider(): react_jsx_runtime.JSX.Element;
+
+declare function ListHeaderItem({ highlight, headline, body, withDivider, addOn, addOnPosition, }: {
+    highlight?: boolean;
+    headline: string;
+    body?: string;
+    withDivider?: boolean;
+    addOn?: ReactNode;
+    addOnPosition?: Position;
+}): react_jsx_runtime.JSX.Element;
+
+interface ListItemProps extends BaseListItemProps {
+    headline: string;
+    body?: string;
+    children?: void;
+}
+declare const ListItem: React__default.ForwardRefExoticComponent<Omit<ListItemProps, "ref"> & React__default.RefAttributes<HTMLLIElement>>;
+
+interface ListLinkItemProps extends BaseListItemProps {
+    color?: InteractableColor;
+    children?: void;
+    onClick?: () => void;
+    href: string;
+    headline: string;
+    body?: string;
+    disabled?: boolean;
+    selected?: boolean;
+    target?: string;
+}
+declare const ListLinkItem: React__default.ForwardRefExoticComponent<Omit<ListLinkItemProps, "ref"> & React__default.RefAttributes<HTMLAnchorElement>>;
+
+declare function ListSpacer(): react_jsx_runtime.JSX.Element;
+
+declare function MenuIcon({ open, color }: {
+    open: boolean;
+    color: Color;
+}): react_jsx_runtime.JSX.Element;
+
+declare function numberToBase(number: number, base?: Array<string>): string;
+
+declare function OnVisible({ children, onVisible, }: {
+    children: (refCallback: React__default.RefCallback<HTMLElement>) => ReactElement;
+    onVisible: () => void;
+}): React__default.ReactElement<unknown, string | React__default.JSXElementConstructor<any>>;
+
+declare function Popover({ children, close }: {
+    children: any;
+    close: any;
+}): react_jsx_runtime.JSX.Element;
+interface PopoverTriggerProps<Input> {
+    PopoverComponent: (props: {
+        close: () => void;
+    } & Input) => React__default.JSX.Element;
+    jss?: JSS;
+    jssDialog?: JSS;
+    className?: undefined;
+    grow?: boolean;
+    shrink?: boolean;
+    tag?: keyof HTMLElementTagNameMap;
+    children: (props: {
+        toggle: (input: Input) => void;
+    }) => React__default.JSX.Element;
+}
+declare function PopoverTrigger<Input>({ PopoverComponent, jss, jssDialog, grow, shrink, tag, children, }: PopoverTriggerProps<Input>): react_jsx_runtime.JSX.Element;
+
+declare function ProgressBar({ color, progress, size, jss, }: {
+    progress: number;
+    color: Color;
+    size: Size;
+    jss?: JSS;
+}): react_jsx_runtime.JSX.Element;
+
+declare function ProgressCircle({ progress, stroke, outerRadius, }: {
+    progress: number;
+    stroke?: number;
+    outerRadius: number;
+}): react_jsx_runtime.JSX.Element;
+
+declare function Providers({ children, themes, }: {
+    children: React__default.JSX.Element;
+    themes: {
+        light: Theme;
+        dark: Theme;
+    };
+}): react_jsx_runtime.JSX.Element;
+
+interface RangeInputProps extends BaseInputProps {
+    onValueChange: (value: number) => void;
+    value: number;
+    jssRoot?: JSS;
+    onChange?: undefined;
+    padding?: Padding;
+    gap?: Gap;
+    addOn?: React__default.JSX.Element;
+    addOnPosition?: "start" | "end";
+}
+declare const RangeInput: React__default.ForwardRefExoticComponent<RangeInputProps & React__default.RefAttributes<HTMLInputElement>>;
+
+declare function RootView({ children, focusOnlyOnFirstMount, }: {
+    children: ReactNode;
+    focusOnlyOnFirstMount?: boolean;
+}): react_jsx_runtime.JSX.Element;
+
+interface SelectProps extends React.HTMLAttributes<HTMLSelectElement> {
+    value: string;
+    onValueChange: (value: string) => void;
+    jss?: JSS;
+    ref?: React.Ref<HTMLSelectElement>;
+    className?: undefined;
+}
+declare const Select: React$1.ForwardRefExoticComponent<Omit<SelectProps, "ref"> & React$1.RefAttributes<HTMLSelectElement>>;
+
+type Props = {
+    children: ReactNode;
+    isTopOfStack: boolean;
+};
+declare function StackContextProvider({ children, isTopOfStack }: Props): react_jsx_runtime.JSX.Element;
+declare function useIsTopOfStack(): boolean;
+
+type Reducer<State, Context> = <Data extends any>({ state, context, data, }: {
+    state: State;
+    context: Context;
+    data: Data;
+}) => {
+    state: State;
+    context: Context;
+};
+type StateMachineConfig<State, Transition, Context> = {
+    states: {
+        [state: string]: {
+            on: {
+                [transition: Transition]: Reducer<State, Context>;
+            };
+        };
+    };
+    context: Context;
+    state: State;
+};
+type Send = <Transition, Data>(transition: Transition, data: Data) => void;
+type StateMachineContextType<State, Context> = {
+    subscribe: Subscribe<{
+        state: State;
+        context: Context;
+    }>;
+    send: Send;
+};
+declare function stateMachineContextFactory<State, Transition, Context>(stateMachineConfig: StateMachineConfig<State, Transition, Context>): {
+    Provider: ({ children }: {
+        children: ReactNode;
+    }) => react_jsx_runtime.JSX.Element;
+    useStateMachine: () => StateMachineContextType<State, Context>;
+};
+
+type StaticCheckboxProps = {
+    checked: boolean;
+    size: Size;
+    icon?: IconType;
+};
+declare const sizes: {
+    xsmall: number;
+    small: number;
+    medium: number;
+    large: number;
+    xlarge: number;
+};
+declare function StaticCheckbox({ checked, size, icon, }: StaticCheckboxProps): react_jsx_runtime.JSX.Element;
+
+declare function createStorage<State>({ initialState, name, }: {
+    initialState: State;
+    name?: string;
+}): {
+    Storage: ({ children }: {
+        children: ReactNode;
+    }) => React__default.JSX.Element;
+    useStorage: <T>(selector: (state: State) => T) => T;
+    useMutation: () => (mutator: (state: State) => State) => void;
+    usePersist: () => () => Promise<void>;
+};
+
+declare const useStream: ({ render, bufferStart, bufferEnd, index, debounce, }: {
+    render: any;
+    bufferStart: any;
+    bufferEnd: any;
+    index: any;
+    debounce?: number;
+}) => {
+    frame: any;
+};
+
+declare function Sublist({ children, label, labelBold, initialState, jss, secondaryAddOn, }: {
+    children: React__default.ReactNode;
+    label: string;
+    labelBold?: boolean;
+    initialState?: {
+        collapsed: boolean;
+    };
+    jss?: JSS;
+    secondaryAddOn?: ReactNode;
+}): react_jsx_runtime.JSX.Element;
+
+interface SubmitIconInputProps extends BaseInputProps {
+    icon: IconType;
+    type?: "submit";
+}
+declare function SubmitIconInput({ icon, ...otherProps }: SubmitIconInputProps): react_jsx_runtime.JSX.Element;
+
+type Tab = {
+    label: string;
+    href?: string;
+    onClick?: () => void;
+    selected?: boolean;
+    addOn?: ReactNode;
+    addOnPosition?: "start" | "end";
+};
+interface TabsProps extends RowProps {
+    ["aria-controls"]: string;
+    tabs: Array<Tab>;
+    labelSize?: Size;
+    bare?: boolean;
+    tabPadding?: Padding;
+    jssTab?: JSS | ((data: {
+        selected: boolean;
+    }) => JSS);
+    labelRenderer?: (label: string) => ReactNode;
+}
+declare function Tabs({ tabs, gap, padding, tabPadding, labelSize, jss, jssTab, labelRenderer, ["aria-controls"]: ariaControls, ...otherProps }: TabsProps): react_jsx_runtime.JSX.Element;
+
+type Display = "inline" | "block";
+interface TextProps {
+    children: ReactNode;
+    color?: TextColor;
+    size?: Size;
+    bold?: boolean;
+    ellipsis?: boolean | "default";
+    align?: "center" | "none";
+    type?: TextType;
+    grow?: boolean;
+    jss?: JSS;
+    id?: string;
+    htmlFor?: string;
+}
+type TextType = "label" | "span" | "p" | "h1" | "h2" | "h3" | "h4" | "li";
+declare function Text({ children, color, size, align, bold, ellipsis, grow, type: Type, jss, id, htmlFor, }: TextProps): react_jsx_runtime.JSX.Element;
+declare function Label({ size, type, ...rest }: TextProps): react_jsx_runtime.JSX.Element;
+declare function Span({ size, type, ...rest }: TextProps): react_jsx_runtime.JSX.Element;
+declare function P({ size, type, ...rest }: TextProps): react_jsx_runtime.JSX.Element;
+declare function H1({ size, type, ...rest }: TextProps): react_jsx_runtime.JSX.Element;
+declare function H2({ size, type, ...rest }: TextProps): react_jsx_runtime.JSX.Element;
+declare function H3({ size, type, ...rest }: TextProps): react_jsx_runtime.JSX.Element;
+declare function Li({ size, type, ...rest }: TextProps): react_jsx_runtime.JSX.Element;
+
+interface TextAreaProps extends React__default.InputHTMLAttributes<HTMLTextAreaElement> {
+    jss?: JSS;
+    onValueChange?: (value: string) => void;
+    value?: string;
+    className?: undefined;
+    size?: undefined;
+    padding?: Padding;
+}
+declare const TextArea: React__default.ForwardRefExoticComponent<TextAreaProps & React__default.RefAttributes<HTMLTextAreaElement>>;
+
+interface TextInputProps extends Omit<BaseInputProps, "size"> {
+    onValueChange?: (value: string) => void;
+    jssRoot?: JSS;
+    addOn?: ReactNode;
+    addOnPosition?: "start" | "end";
+    gap?: Gap;
+    onChange?: undefined;
+    padding?: Padding;
+    bare?: boolean;
+    size?: Size;
+}
+declare const TextInput: React__default.ForwardRefExoticComponent<TextInputProps & React__default.RefAttributes<HTMLInputElement>>;
+
+interface TextInputWithStateProps extends BaseInputProps {
+    onValueChange?: (value: string) => void;
+    valueRef: React__default.MutableRefObject<string>;
+    onChange?: undefined;
+}
+declare function TextInputWithState({ valueRef, onValueChange: externalOnChange, ...otherProps }: TextInputWithStateProps): react_jsx_runtime.JSX.Element;
+
+interface TextPairingProps {
+    headline: ReactNode;
+    body?: ReactNode;
+    headlineColor?: TextColor;
+    headlineSize?: Size;
+    headlineAddOn?: ReactNode;
+    bodyColor?: TextColor;
+    bodySize?: Size;
+    addOn?: ReactNode;
+    addOnPosition?: Position;
+    gap?: Gap;
+    padding?: Padding;
+    align?: Align;
+    grow?: boolean;
+    shrink?: boolean;
+    headlineBold?: boolean;
+    jss?: JSS;
+}
+declare function TextPairing({ headline, body, headlineColor, headlineSize, headlineAddOn, bodyColor, bodySize, addOn, addOnPosition, gap, align, grow, shrink, headlineBold, padding, jss, }: TextPairingProps): react_jsx_runtime.JSX.Element;
+
+interface TimeInputProps extends BaseInputProps {
+    onTimeChange: (date: Date) => void;
+    time: Date;
+    gap?: Gap;
+    padding?: Padding;
+    addOn?: ReactNode;
+    addOnPosition?: "start" | "end";
+    onChange?: undefined;
+    bare?: boolean;
+}
+declare const timeFormatter: Intl.DateTimeFormat;
+declare const TimeInput: React__default.ForwardRefExoticComponent<TimeInputProps & React__default.RefAttributes<HTMLInputElement>>;
+
+interface TooltipProps {
+    content: string;
+    jss?: JSS;
+    className?: undefined;
+    tag?: keyof HTMLElementTagNameMap;
+    children: React__default.JSX.Element;
+}
+declare function Tooltip({ content, jss, tag, children }: TooltipProps): react_jsx_runtime.JSX.Element;
+
+declare function hasCookie(key: string): boolean;
+declare function getCookie<T>(key: string, deserialize?: (s: string) => T): T;
+declare function useCookie<T, L>(key: string, { initialValue, loadingValue, serialize, deserialize, maxAge, }: {
+    initialValue: T;
+    loadingValue: L;
+    serialize?: (t: T) => string;
+    deserialize?: (s: string) => T;
+    maxAge?: number;
+}): [T | L, (t: T | ((prevValue: T | L) => T)) => void];
+
+type KeyboardShortcut<T> = {
+    key: string;
+    metaKey?: boolean;
+    ctrlKey?: boolean;
+    action: (root: T) => void;
+    onlyWhenFocused?: boolean;
+};
+declare function useKeyboard<T extends HTMLElement>(shortcuts: Array<KeyboardShortcut<T>>): (root: T) => void;
+
+declare function useNavigation({ autofocus, rowLength, enabled, }?: {
+    autofocus?: boolean;
+    rowLength?: number;
+    enabled?: boolean;
+}): (root: HTMLElement) => void;
+
+declare function usePromise<T>(promiseFactory: () => Promise<T>, inputs: Array<any>, initialValue: T): [T | null, any];
+
+declare function useRefEffect<T>(callback: (root: T) => (() => void) | void): (root: T) => void;
+
+export { type Align, Badge, BaseButton, type BaseButtonProps, BaseInput, type BaseInputProps, BaseLink, BaseLinkComponentOverrideContext, type BaseLinkProps, BaseList, BaseListAddOn, type BaseListAddOnProps, BaseListItem, type BaseListItemProps, type BaseListProps, BaseView, type BaseViewProps, Box, type BoxProps, Button, type ButtonProps, Calendar, type Callback, Card, type CardProps, Checkbox, Circle, type Color, Column, type ColumnProps, DESKTOP_MEDIA, DarkModeContext, DarkModeProvider, DarkModeToggle, DateInput, type DateInputProps, DatePicker, type DatePickerProps, DatetimeInput, type DatetimeInputProps, Dialog, DialogProvider, type Direction, type Display, Dropdown, type FlexDirection, FlexLayout, type FlexLayoutProps, type Gap, H1, H2, H3, Icon, IconButton, type IconButtonProps, IconLink, type IconLinkProps, IconProvider, type IconType, type JSS, JSSProvider, JSServerStyles, type Justify, type KeyboardShortcut, LAPTOP, LAPTOP_MEDIA, Label, Li, Link, type LinkProps, List, ListButtonItem, ListDivider, ListHeaderItem, ListItem, ListLinkItem, ListSpacer, MOBILE, MOBILE_MEDIA, type Margin, MenuIcon, OnVisible, P, type Padding, Popover, PopoverTrigger, type Position, ProgressBar, ProgressCircle, Providers, RangeInput, type RangeInputProps, type Reducer, RootView, Row, type RowProps, Select, type SelectProps, type Size, type Spacing, Span, StackContextProvider, StaticCheckbox, type Styles, Sublist, SubmitIconInput, type Subscribe, TABLET, TABLET_MEDIA, type Tab, Tabs, type TabsProps, Text, TextArea, type TextAreaProps, type TextColor, TextInput, type TextInputProps, TextInputWithState, type TextInputWithStateProps, TextPairing, type TextPairingProps, type TextProps, type TextType, type Theme, TimeInput, type TimeInputProps, Tooltip, baseStyles, createEmitter, createStorage, cssVar, darkTheme, desktop, getBackground, getBaseStyles, getCookie, getMargin, getPadding, getSize, getSpacing, getTextColor, guid, hasCookie, hash, laptop, lightTheme, mobile, numberToBase, sizes, stateMachineContextFactory, tablet, timeFormatter, toClassnames, useCookie, useDialog, useIsTopOfStack, useKeyboard, useListContext, useNavigation, usePromise, useRefEffect, useStream };