aidos-ui 4.0.6 → 5.0.1

package/dist/index.d.ts

@@ -1,7 +1,6 @@
+import React__default, { ReactNode, ReactElement } from 'react';
 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 | {
@@ -21,14 +20,16 @@ type Spacing = "none" | Size;
 type Gap = Spacing;
 type Padding = Spacing | [Spacing, Spacing];
 type Margin = Spacing | [Spacing, Spacing];
+type Material = "aurora" | "dawn" | "mist" | "twilight";
 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";
+type TextColor = "primary" | "secondary" | "highlight" | "negative" | "subtle" | "light" | "inverse" | "inherit";
 declare function cssVar(string: keyof Theme): string;
+declare function getMaterial(material: Material): Styles;
 declare function getSize(size: Size): string;
 declare function getSpacing(spacing: Spacing): string;
 declare function getPadding(padding: Padding): JSS;
@@ -43,16 +44,23 @@ type Theme = {
     ["--hovered-background"]: string;
     ["--selected-background"]: string;
     ["--nav-bar"]: string;
+    ["--material-aurora"]: string;
+    ["--material-dawn"]: string;
+    ["--material-mist"]: string;
+    ["--material-twilight"]: string;
     ["--warning"]: string;
     ["--highlight"]: string;
     ["--outline"]: string;
     ["--light-highlight"]: string;
+    ["--light-highlight-hovered"]: string;
+    ["--light-highlight-pressed"]: string;
     ["--primary-text"]: string;
     ["--secondary-text"]: string;
     ["--subtle-text"]: string;
     ["--highlight-text"]: string;
     ["--negative-text"]: string;
     ["--light-text"]: string;
+    ["--inverse-text"]: string;
     ["--font-xsmall"]: string;
     ["--font-small"]: string;
     ["--font-medium"]: string;
@@ -60,9 +68,10 @@ type Theme = {
     ["--font-xlarge"]: string;
     ["--font-xxlarge"]: string;
     ["--font-xxxlarge"]: string;
-    ["--background-button-positive"]: string;
+    ["--background-button-primary"]: string;
     ["--background-button-secondary"]: string;
     ["--background-button-negative"]: string;
+    ["--background-button-inverse"]: string;
     ["--background-button-disabled"]: string;
     ["--spacing-xs"]: string;
     ["--spacing-s"]: string;
@@ -74,6 +83,7 @@ type Theme = {
     ["--border-radius-s"]: string;
     ["--border-radius-m"]: string;
     ["--border-radius-l"]: string;
+    ["--border-radius-xl"]: string;
     ["--nav-bar-height"]: string;
     ["--shadow-sm"]: string;
     ["--shadow-md"]: string;
@@ -84,6 +94,7 @@ type Theme = {
 declare const lightTheme: Theme;
 declare const darkTheme: Theme;
 declare const baseStyles: string;
+declare const getColorValue: (color: Color) => string;
 declare const getBackground: (color: Color) => JSS;
 declare const MOBILE = 750;
 declare const TABLET = 1000;
@@ -118,19 +129,31 @@ declare const getTextColor: (color: TextColor) => {
     color: string;
 } | {
     color: string;
+} | {
+    color: string;
 };
 declare function getBaseStyles(themes: {
     light: Theme;
     dark: Theme;
 }): string[];
 
+type AvatarSize = "small" | "medium" | "large";
+interface AvatarProps {
+    name: string;
+    src?: string;
+    size?: AvatarSize;
+    badge?: ReactNode;
+    jss?: JSS;
+}
+declare const Avatar: React__default.ForwardRefExoticComponent<AvatarProps & React__default.RefAttributes<HTMLElement>>;
+
 declare function Badge({ size, color, jss, }: {
     size?: Size;
     color?: Color;
     jss?: JSS;
 }): react_jsx_runtime.JSX.Element;
 
-type InteractableColor = "positive" | "primary" | "negative" | "dark" | "light";
+type InteractableColor = "primary" | "secondary" | "negative" | "inverse";
 
 interface BaseButtonProps extends React__default.ButtonHTMLAttributes<HTMLButtonElement> {
     onClick: (e: React__default.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
@@ -213,12 +236,11 @@ interface RowProps extends FlexLayoutProps {
 }
 declare const Row: React__default.ForwardRefExoticComponent<Omit<RowProps, "ref"> & React__default.RefAttributes<HTMLElement>>;
 
-interface BaseListItemProps extends RowProps {
+interface BaseListItemProps extends Omit<RowProps, "children" | "jss" | "role"> {
     children: (elements: {
         content: React__default.JSX.Element;
     }) => ReactNode;
     jss?: JSS;
-    withDivider?: boolean;
     headline: string;
     headlineSize?: Size;
     headlineColor?: TextColor;
@@ -241,23 +263,36 @@ 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";
+type IconType = "a-arrow-down" | "a-arrow-up" | "a-large-small" | "accessibility" | "activity" | "activity-square" | "ad" | "air-vent" | "airplay" | "alarm-check" | "alarm-clock" | "alarm-clock-check" | "alarm-clock-minus" | "alarm-clock-off" | "alarm-clock-plus" | "alarm-minus" | "alarm-plus" | "alarm-smoke" | "album" | "alert-circle" | "alert-octagon" | "alert-triangle" | "align-center" | "align-center-horizontal" | "align-center-vertical" | "align-end-horizontal" | "align-end-vertical" | "align-horizonal-distribute-center" | "align-horizonal-distribute-end" | "align-horizonal-distribute-start" | "align-horizontal-distribute-center" | "align-horizontal-distribute-end" | "align-horizontal-distribute-start" | "align-horizontal-justify-center" | "align-horizontal-justify-end" | "align-horizontal-justify-start" | "align-horizontal-space-around" | "align-horizontal-space-between" | "align-justify" | "align-left" | "align-right" | "align-start-horizontal" | "align-start-vertical" | "align-vertical-distribute-center" | "align-vertical-distribute-end" | "align-vertical-distribute-start" | "align-vertical-justify-center" | "align-vertical-justify-end" | "align-vertical-justify-start" | "align-vertical-space-around" | "align-vertical-space-between" | "ambulance" | "ampersand" | "ampersands" | "amphora" | "anchor" | "angry" | "annoyed" | "antenna" | "anvil" | "aperture" | "app-window" | "app-window-mac" | "apple" | "archive" | "archive-restore" | "archive-x" | "area-chart" | "armchair" | "arrow-big-down" | "arrow-big-down-dash" | "arrow-big-left" | "arrow-big-left-dash" | "arrow-big-right" | "arrow-big-right-dash" | "arrow-big-up" | "arrow-big-up-dash" | "arrow-down" | "arrow-down-0-1" | "arrow-down-01" | "arrow-down-1-0" | "arrow-down-10" | "arrow-down-a-z" | "arrow-down-az" | "arrow-down-circle" | "arrow-down-from-line" | "arrow-down-left" | "arrow-down-left-from-circle" | "arrow-down-left-from-square" | "arrow-down-left-square" | "arrow-down-narrow-wide" | "arrow-down-right" | "arrow-down-right-from-circle" | "arrow-down-right-from-square" | "arrow-down-right-square" | "arrow-down-square" | "arrow-down-to-dot" | "arrow-down-to-line" | "arrow-down-up" | "arrow-down-wide-narrow" | "arrow-down-z-a" | "arrow-down-za" | "arrow-left" | "arrow-left-circle" | "arrow-left-from-line" | "arrow-left-right" | "arrow-left-square" | "arrow-left-to-line" | "arrow-right" | "arrow-right-circle" | "arrow-right-from-line" | "arrow-right-left" | "arrow-right-square" | "arrow-right-to-line" | "arrow-up" | "arrow-up-0-1" | "arrow-up-01" | "arrow-up-1-0" | "arrow-up-10" | "arrow-up-a-z" | "arrow-up-az" | "arrow-up-circle" | "arrow-up-down" | "arrow-up-from-dot" | "arrow-up-from-line" | "arrow-up-left" | "arrow-up-left-from-circle" | "arrow-up-left-from-square" | "arrow-up-left-square" | "arrow-up-narrow-wide" | "arrow-up-right" | "arrow-up-right-from-circle" | "arrow-up-right-from-square" | "arrow-up-right-square" | "arrow-up-square" | "arrow-up-to-line" | "arrow-up-wide-narrow" | "arrow-up-z-a" | "arrow-up-za" | "arrows-up-from-line" | "asterisk" | "asterisk-square" | "astroid" | "at-sign" | "atom" | "audio-lines" | "audio-waveform" | "award" | "axe" | "axis-3-d" | "axis-3d" | "baby" | "backpack" | "badge" | "badge-alert" | "badge-cent" | "badge-check" | "badge-dollar-sign" | "badge-euro" | "badge-help" | "badge-indian-rupee" | "badge-info" | "badge-japanese-yen" | "badge-minus" | "badge-percent" | "badge-plus" | "badge-pound-sterling" | "badge-question-mark" | "badge-russian-ruble" | "badge-swiss-franc" | "badge-turkish-lira" | "badge-x" | "baggage-claim" | "balloon" | "ban" | "banana" | "bandage" | "banknote" | "banknote-arrow-down" | "banknote-arrow-up" | "banknote-check" | "banknote-x" | "bar-chart" | "bar-chart-2" | "bar-chart-3" | "bar-chart-4" | "bar-chart-big" | "bar-chart-horizontal" | "bar-chart-horizontal-big" | "barcode" | "barrel" | "baseline" | "bath" | "battery" | "battery-charging" | "battery-full" | "battery-low" | "battery-medium" | "battery-plus" | "battery-warning" | "beaker" | "bean" | "bean-off" | "bed" | "bed-double" | "bed-single" | "beef" | "beef-off" | "beer" | "beer-off" | "bell" | "bell-check" | "bell-dot" | "bell-electric" | "bell-minus" | "bell-off" | "bell-plus" | "bell-ring" | "between-horizonal-end" | "between-horizonal-start" | "between-horizontal-end" | "between-horizontal-start" | "between-vertical-end" | "between-vertical-start" | "biceps-flexed" | "bike" | "binary" | "binoculars" | "biohazard" | "bird" | "birdhouse" | "bitcoin" | "blend" | "blender" | "blinds" | "blocks" | "bluetooth" | "bluetooth-connected" | "bluetooth-off" | "bluetooth-searching" | "bold" | "bolt" | "bomb" | "bone" | "bone-fracture" | "book" | "book-a" | "book-alert" | "book-audio" | "book-check" | "book-copy" | "book-dashed" | "book-down" | "book-headphones" | "book-heart" | "book-image" | "book-key" | "book-lock" | "book-marked" | "book-minus" | "book-open" | "book-open-check" | "book-open-text" | "book-plus" | "book-search" | "book-template" | "book-text" | "book-type" | "book-up" | "book-up-2" | "book-user" | "book-x" | "bookmark" | "bookmark-check" | "bookmark-minus" | "bookmark-off" | "bookmark-plus" | "bookmark-x" | "boom-box" | "bot" | "bot-message-square" | "bot-off" | "bottle-wine" | "bow-arrow" | "box" | "box-select" | "boxes" | "braces" | "brackets" | "brain" | "brain-circuit" | "brain-cog" | "brick-wall" | "brick-wall-fire" | "brick-wall-shield" | "briefcase" | "briefcase-business" | "briefcase-conveyor-belt" | "briefcase-medical" | "bring-to-front" | "broccoli" | "brush" | "brush-cleaning" | "bubbles" | "bug" | "bug-off" | "bug-play" | "building" | "building-2" | "bus" | "bus-front" | "cable" | "cable-car" | "cake" | "cake-slice" | "calculator" | "calendar" | "calendar-1" | "calendar-arrow-down" | "calendar-arrow-up" | "calendar-check" | "calendar-check-2" | "calendar-clock" | "calendar-cog" | "calendar-days" | "calendar-fold" | "calendar-heart" | "calendar-minus" | "calendar-minus-2" | "calendar-off" | "calendar-plus" | "calendar-plus-2" | "calendar-range" | "calendar-search" | "calendar-sync" | "calendar-x" | "calendar-x-2" | "calendars" | "camera" | "camera-off" | "candlestick-chart" | "candy" | "candy-cane" | "candy-off" | "cannabis" | "cannabis-off" | "captions" | "captions-off" | "car" | "car-front" | "car-taxi-front" | "caravan" | "card-sim" | "carrot" | "case-lower" | "case-sensitive" | "case-upper" | "cassette-tape" | "cast" | "castle" | "cat" | "cctv" | "cctv-off" | "chart-area" | "chart-bar" | "chart-bar-big" | "chart-bar-decreasing" | "chart-bar-increasing" | "chart-bar-stacked" | "chart-candlestick" | "chart-column" | "chart-column-big" | "chart-column-decreasing" | "chart-column-increasing" | "chart-column-stacked" | "chart-gantt" | "chart-line" | "chart-network" | "chart-no-axes-column" | "chart-no-axes-column-decreasing" | "chart-no-axes-column-increasing" | "chart-no-axes-combined" | "chart-no-axes-gantt" | "chart-pie" | "chart-scatter" | "chart-spline" | "check" | "check-check" | "check-circle" | "check-circle-2" | "check-line" | "check-square" | "check-square-2" | "chef-hat" | "cherry" | "chess-bishop" | "chess-king" | "chess-knight" | "chess-pawn" | "chess-queen" | "chess-rook" | "chevron-down" | "chevron-down-circle" | "chevron-down-square" | "chevron-first" | "chevron-last" | "chevron-left" | "chevron-left-circle" | "chevron-left-square" | "chevron-right" | "chevron-right-circle" | "chevron-right-square" | "chevron-up" | "chevron-up-circle" | "chevron-up-square" | "chevrons-down" | "chevrons-down-up" | "chevrons-left" | "chevrons-left-right" | "chevrons-left-right-ellipsis" | "chevrons-right" | "chevrons-right-left" | "chevrons-up" | "chevrons-up-down" | "chrome" | "chromium" | "church" | "cigarette" | "cigarette-off" | "circle" | "circle-alert" | "circle-arrow-down" | "circle-arrow-left" | "circle-arrow-out-down-left" | "circle-arrow-out-down-right" | "circle-arrow-out-up-left" | "circle-arrow-out-up-right" | "circle-arrow-right" | "circle-arrow-up" | "circle-check" | "circle-check-big" | "circle-chevron-down" | "circle-chevron-left" | "circle-chevron-right" | "circle-chevron-up" | "circle-dashed" | "circle-divide" | "circle-dollar-sign" | "circle-dot" | "circle-dot-dashed" | "circle-ellipsis" | "circle-equal" | "circle-euro" | "circle-fading-arrow-up" | "circle-fading-plus" | "circle-gauge" | "circle-help" | "circle-minus" | "circle-off" | "circle-parking" | "circle-parking-off" | "circle-pause" | "circle-percent" | "circle-pile" | "circle-play" | "circle-plus" | "circle-pound-sterling" | "circle-power" | "circle-question-mark" | "circle-slash" | "circle-slash-2" | "circle-slashed" | "circle-small" | "circle-star" | "circle-stop" | "circle-user" | "circle-user-round" | "circle-x" | "circuit-board" | "citrus" | "clapperboard" | "clipboard" | "clipboard-check" | "clipboard-clock" | "clipboard-copy" | "clipboard-edit" | "clipboard-list" | "clipboard-minus" | "clipboard-paste" | "clipboard-pen" | "clipboard-pen-line" | "clipboard-plus" | "clipboard-signature" | "clipboard-type" | "clipboard-x" | "clock" | "clock-1" | "clock-10" | "clock-11" | "clock-12" | "clock-2" | "clock-3" | "clock-4" | "clock-5" | "clock-6" | "clock-7" | "clock-8" | "clock-9" | "clock-alert" | "clock-arrow-down" | "clock-arrow-left" | "clock-arrow-right" | "clock-arrow-up" | "clock-check" | "clock-fading" | "clock-plus" | "closed-caption" | "cloud" | "cloud-alert" | "cloud-backup" | "cloud-check" | "cloud-cog" | "cloud-download" | "cloud-drizzle" | "cloud-fog" | "cloud-hail" | "cloud-lightning" | "cloud-moon" | "cloud-moon-rain" | "cloud-off" | "cloud-rain" | "cloud-rain-wind" | "cloud-snow" | "cloud-sun" | "cloud-sun-rain" | "cloud-sync" | "cloud-upload" | "cloudy" | "clover" | "club" | "code" | "code-2" | "code-square" | "code-xml" | "codepen" | "codesandbox" | "coffee" | "cog" | "coins" | "columns" | "columns-2" | "columns-3" | "columns-3-cog" | "columns-4" | "columns-settings" | "combine" | "command" | "compass" | "component" | "computer" | "concierge-bell" | "cone" | "construction" | "contact" | "contact-2" | "contact-round" | "container" | "contrast" | "cookie" | "cooking-pot" | "copy" | "copy-check" | "copy-minus" | "copy-plus" | "copy-slash" | "copy-x" | "copyleft" | "copyright" | "corner-down-left" | "corner-down-right" | "corner-left-down" | "corner-left-up" | "corner-right-down" | "corner-right-up" | "corner-up-left" | "corner-up-right" | "cpu" | "creative-commons" | "credit-card" | "croissant" | "crop" | "cross" | "crosshair" | "crown" | "cuboid" | "cup-soda" | "curly-braces" | "currency" | "cylinder" | "dam" | "database" | "database-arrow-down" | "database-arrow-up" | "database-backup" | "database-check" | "database-minus" | "database-plus" | "database-search" | "database-x" | "database-zap" | "decimals-arrow-left" | "decimals-arrow-right" | "delete" | "dessert" | "diameter" | "diamond" | "diamond-minus" | "diamond-percent" | "diamond-plus" | "dice-1" | "dice-2" | "dice-3" | "dice-4" | "dice-5" | "dice-6" | "dices" | "diff" | "disc" | "disc-2" | "disc-3" | "disc-album" | "divide" | "divide-circle" | "divide-square" | "dna" | "dna-off" | "dock" | "dog" | "dollar-sign" | "donut" | "door-closed" | "door-closed-locked" | "door-open" | "dot" | "dot-square" | "download" | "download-cloud" | "drafting-compass" | "drama" | "dribbble" | "drill" | "drone" | "droplet" | "droplet-off" | "droplets" | "drum" | "drumstick" | "dumbbell" | "ear" | "ear-off" | "earth" | "earth-lock" | "eclipse" | "edit" | "edit-2" | "edit-3" | "egg" | "egg-fried" | "egg-off" | "ellipse" | "ellipsis" | "ellipsis-vertical" | "equal" | "equal-approximately" | "equal-not" | "equal-square" | "eraser" | "ethernet-port" | "euro" | "ev-charger" | "expand" | "external-link" | "eye" | "eye-closed" | "eye-dashed" | "eye-off" | "facebook" | "factory" | "fan" | "fast-forward" | "feather" | "fence" | "ferris-wheel" | "figma" | "file" | "file-archive" | "file-audio" | "file-audio-2" | "file-axis-3-d" | "file-axis-3d" | "file-badge" | "file-badge-2" | "file-bar-chart" | "file-bar-chart-2" | "file-box" | "file-braces" | "file-braces-corner" | "file-chart-column" | "file-chart-column-increasing" | "file-chart-line" | "file-chart-pie" | "file-check" | "file-check-2" | "file-check-corner" | "file-clock" | "file-code" | "file-code-2" | "file-code-corner" | "file-cog" | "file-cog-2" | "file-diff" | "file-digit" | "file-down" | "file-edit" | "file-exclamation-point" | "file-headphone" | "file-heart" | "file-image" | "file-input" | "file-json" | "file-json-2" | "file-key" | "file-key-2" | "file-line-chart" | "file-lock" | "file-lock-2" | "file-minus" | "file-minus-2" | "file-minus-corner" | "file-music" | "file-output" | "file-pen" | "file-pen-line" | "file-pie-chart" | "file-play" | "file-plus" | "file-plus-2" | "file-plus-corner" | "file-question" | "file-question-mark" | "file-scan" | "file-search" | "file-search-2" | "file-search-corner" | "file-signal" | "file-signature" | "file-sliders" | "file-spreadsheet" | "file-stack" | "file-symlink" | "file-terminal" | "file-text" | "file-type" | "file-type-2" | "file-type-corner" | "file-up" | "file-user" | "file-video" | "file-video-2" | "file-video-camera" | "file-volume" | "file-volume-2" | "file-warning" | "file-x" | "file-x-2" | "file-x-corner" | "files" | "film" | "filter" | "filter-x" | "fingerprint" | "fingerprint-pattern" | "fire-extinguisher" | "fish" | "fish-off" | "fish-symbol" | "fishing-hook" | "fishing-rod" | "flag" | "flag-off" | "flag-triangle-left" | "flag-triangle-right" | "flame" | "flame-kindling" | "flashlight" | "flashlight-off" | "flask-conical" | "flask-conical-off" | "flask-round" | "flip-horizontal" | "flip-horizontal-2" | "flip-vertical" | "flip-vertical-2" | "flower" | "flower-2" | "focus" | "fold-horizontal" | "fold-vertical" | "folder" | "folder-archive" | "folder-bookmark" | "folder-check" | "folder-clock" | "folder-closed" | "folder-code" | "folder-cog" | "folder-cog-2" | "folder-dot" | "folder-down" | "folder-edit" | "folder-git" | "folder-git-2" | "folder-heart" | "folder-input" | "folder-kanban" | "folder-key" | "folder-lock" | "folder-minus" | "folder-open" | "folder-open-dot" | "folder-output" | "folder-pen" | "folder-plus" | "folder-root" | "folder-search" | "folder-search-2" | "folder-symlink" | "folder-sync" | "folder-tree" | "folder-up" | "folder-x" | "folders" | "footprints" | "fork-knife" | "fork-knife-crossed" | "forklift" | "form" | "form-input" | "forward" | "frame" | "framer" | "frown" | "fuel" | "fullscreen" | "function-square" | "funnel" | "funnel-plus" | "funnel-x" | "gallery-horizontal" | "gallery-horizontal-end" | "gallery-thumbnails" | "gallery-vertical" | "gallery-vertical-end" | "gamepad" | "gamepad-2" | "gamepad-directional" | "gantt-chart" | "gantt-chart-square" | "gauge" | "gauge-circle" | "gavel" | "gem" | "georgian-lari" | "ghost" | "gift" | "git-branch" | "git-branch-minus" | "git-branch-plus" | "git-commit" | "git-commit-horizontal" | "git-commit-vertical" | "git-compare" | "git-compare-arrows" | "git-fork" | "git-graph" | "git-merge" | "git-merge-conflict" | "git-pull-request" | "git-pull-request-arrow" | "git-pull-request-closed" | "git-pull-request-create" | "git-pull-request-create-arrow" | "git-pull-request-draft" | "github" | "gitlab" | "glass-water" | "glasses" | "globe" | "globe-2" | "globe-check" | "globe-lock" | "globe-off" | "globe-x" | "goal" | "gpu" | "grab" | "graduation-cap" | "grape" | "grid" | "grid-2-x-2" | "grid-2-x-2-check" | "grid-2-x-2-plus" | "grid-2-x-2-x" | "grid-2x2" | "grid-2x2-check" | "grid-2x2-plus" | "grid-2x2-x" | "grid-3-x-3" | "grid-3x2" | "grid-3x3" | "grip" | "grip-horizontal" | "grip-vertical" | "group" | "guitar" | "ham" | "hamburger" | "hammer" | "hand" | "hand-coins" | "hand-fist" | "hand-grab" | "hand-heart" | "hand-helping" | "hand-metal" | "hand-platter" | "handbag" | "handshake" | "hard-drive" | "hard-drive-download" | "hard-drive-upload" | "hard-hat" | "hash" | "hat-glasses" | "haze" | "hd" | "hdmi-port" | "heading" | "heading-1" | "heading-2" | "heading-3" | "heading-4" | "heading-5" | "heading-6" | "headphone-off" | "headphones" | "headset" | "heart" | "heart-crack" | "heart-handshake" | "heart-minus" | "heart-off" | "heart-plus" | "heart-pulse" | "heart-x" | "heater" | "helicopter" | "help-circle" | "helping-hand" | "hexagon" | "highlighter" | "history" | "home" | "hop" | "hop-off" | "hospital" | "hotel" | "hourglass" | "house" | "house-heart" | "house-plug" | "house-plus" | "house-wifi" | "ice-cream" | "ice-cream-2" | "ice-cream-bowl" | "ice-cream-cone" | "id-card" | "id-card-lanyard" | "image" | "image-down" | "image-minus" | "image-off" | "image-play" | "image-plus" | "image-up" | "image-upscale" | "images" | "import" | "inbox" | "indent" | "indent-decrease" | "indent-increase" | "indian-rupee" | "infinity" | "info" | "inspect" | "inspection-panel" | "instagram" | "italic" | "iteration-ccw" | "iteration-cw" | "japanese-yen" | "jersey-pound" | "joystick" | "kanban" | "kanban-square" | "kanban-square-dashed" | "kayak" | "key" | "key-round" | "key-square" | "keyboard" | "keyboard-music" | "keyboard-off" | "lamp" | "lamp-ceiling" | "lamp-desk" | "lamp-floor" | "lamp-wall-down" | "lamp-wall-up" | "land-plot" | "landmark" | "languages" | "laptop" | "laptop-2" | "laptop-minimal" | "laptop-minimal-check" | "lasso" | "lasso-select" | "laugh" | "layers" | "layers-2" | "layers-3" | "layers-minus" | "layers-plus" | "layout" | "layout-dashboard" | "layout-freeform" | "layout-grid" | "layout-list" | "layout-panel-left" | "layout-panel-top" | "layout-template" | "leaf" | "leafy-green" | "lectern" | "lens-concave" | "lens-convex" | "letter-text" | "library" | "library-big" | "library-square" | "life-buoy" | "ligature" | "lightbulb" | "lightbulb-off" | "line-chart" | "line-dot-right-horizontal" | "line-squiggle" | "line-style" | "link" | "link-2" | "link-2-off" | "linkedin" | "list" | "list-check" | "list-checks" | "list-chevrons-down-up" | "list-chevrons-up-down" | "list-collapse" | "list-end" | "list-filter" | "list-filter-plus" | "list-indent-decrease" | "list-indent-increase" | "list-minus" | "list-music" | "list-ordered" | "list-plus" | "list-restart" | "list-sort-ascending" | "list-sort-descending" | "list-start" | "list-todo" | "list-tree" | "list-video" | "list-x" | "loader" | "loader-2" | "loader-circle" | "loader-pinwheel" | "locate" | "locate-fixed" | "locate-off" | "location-edit" | "lock" | "lock-keyhole" | "lock-keyhole-open" | "lock-open" | "log-in" | "log-out" | "logs" | "lollipop" | "luggage" | "m-square" | "magnet" | "mail" | "mail-check" | "mail-minus" | "mail-open" | "mail-plus" | "mail-question" | "mail-question-mark" | "mail-search" | "mail-warning" | "mail-x" | "mailbox" | "mails" | "map" | "map-minus" | "map-pin" | "map-pin-check" | "map-pin-check-inside" | "map-pin-house" | "map-pin-minus" | "map-pin-minus-inside" | "map-pin-off" | "map-pin-pen" | "map-pin-plus" | "map-pin-plus-inside" | "map-pin-search" | "map-pin-x" | "map-pin-x-inside" | "map-pinned" | "map-plus" | "mars" | "mars-stroke" | "martini" | "maximize" | "maximize-2" | "medal" | "megaphone" | "megaphone-off" | "meh" | "memory-stick" | "menu" | "menu-square" | "merge" | "message-circle" | "message-circle-check" | "message-circle-code" | "message-circle-dashed" | "message-circle-heart" | "message-circle-more" | "message-circle-off" | "message-circle-plus" | "message-circle-question" | "message-circle-question-mark" | "message-circle-reply" | "message-circle-warning" | "message-circle-x" | "message-square" | "message-square-check" | "message-square-code" | "message-square-dashed" | "message-square-diff" | "message-square-dot" | "message-square-heart" | "message-square-lock" | "message-square-more" | "message-square-off" | "message-square-plus" | "message-square-quote" | "message-square-reply" | "message-square-share" | "message-square-text" | "message-square-warning" | "message-square-x" | "messages-square" | "metronome" | "mic" | "mic-2" | "mic-audio-lines" | "mic-off" | "mic-signal" | "mic-vocal" | "microchip" | "microscope" | "microwave" | "milestone" | "milk" | "milk-off" | "minimize" | "minimize-2" | "minus" | "minus-circle" | "minus-square" | "mirror-rectangular" | "mirror-round" | "monitor" | "monitor-check" | "monitor-cloud" | "monitor-cog" | "monitor-dot" | "monitor-down" | "monitor-off" | "monitor-pause" | "monitor-play" | "monitor-smartphone" | "monitor-speaker" | "monitor-stop" | "monitor-up" | "monitor-x" | "moon" | "moon-star" | "more-horizontal" | "more-vertical" | "mosque" | "motorbike" | "mountain" | "mountain-snow" | "mouse" | "mouse-left" | "mouse-off" | "mouse-pointer" | "mouse-pointer-2" | "mouse-pointer-2-off" | "mouse-pointer-ban" | "mouse-pointer-click" | "mouse-pointer-square" | "mouse-pointer-square-dashed" | "mouse-right" | "move" | "move-3-d" | "move-3d" | "move-diagonal" | "move-diagonal-2" | "move-down" | "move-down-left" | "move-down-right" | "move-horizontal" | "move-left" | "move-right" | "move-up" | "move-up-left" | "move-up-right" | "move-vertical" | "music" | "music-2" | "music-3" | "music-4" | "navigation" | "navigation-2" | "navigation-2-off" | "navigation-off" | "network" | "newspaper" | "nfc" | "non-binary" | "notebook" | "notebook-pen" | "notebook-tabs" | "notebook-text" | "notepad-text" | "notepad-text-dashed" | "nut" | "nut-off" | "octagon" | "octagon-alert" | "octagon-minus" | "octagon-pause" | "octagon-x" | "omega" | "option" | "orbit" | "origami" | "outdent" | "package" | "package-2" | "package-check" | "package-minus" | "package-open" | "package-plus" | "package-search" | "package-x" | "paint-bucket" | "paint-roller" | "paintbrush" | "paintbrush-2" | "paintbrush-vertical" | "palette" | "palmtree" | "panda" | "panel-bottom" | "panel-bottom-close" | "panel-bottom-dashed" | "panel-bottom-inactive" | "panel-bottom-open" | "panel-left" | "panel-left-close" | "panel-left-dashed" | "panel-left-inactive" | "panel-left-open" | "panel-left-right-dashed" | "panel-right" | "panel-right-close" | "panel-right-dashed" | "panel-right-inactive" | "panel-right-open" | "panel-top" | "panel-top-bottom-dashed" | "panel-top-close" | "panel-top-dashed" | "panel-top-inactive" | "panel-top-open" | "panels-left-bottom" | "panels-left-right" | "panels-right-bottom" | "panels-top-bottom" | "panels-top-left" | "paper-bag" | "paperclip" | "parasol" | "parentheses" | "parking-circle" | "parking-circle-off" | "parking-meter" | "parking-square" | "parking-square-off" | "party-popper" | "pause" | "pause-circle" | "pause-octagon" | "paw-print" | "pc-case" | "pen" | "pen-box" | "pen-line" | "pen-off" | "pen-square" | "pen-tool" | "pencil" | "pencil-line" | "pencil-off" | "pencil-ruler" | "pencil-sparkles" | "pentagon" | "percent" | "percent-circle" | "percent-diamond" | "percent-square" | "person-standing" | "phi" | "philippine-peso" | "phone" | "phone-call" | "phone-forwarded" | "phone-incoming" | "phone-missed" | "phone-off" | "phone-outgoing" | "pi" | "pi-square" | "piano" | "pickaxe" | "picture-in-picture" | "picture-in-picture-2" | "pie-chart" | "piggy-bank" | "pilcrow" | "pilcrow-left" | "pilcrow-right" | "pilcrow-square" | "pill" | "pill-bottle" | "pin" | "pin-off" | "pipette" | "pizza" | "plane" | "plane-landing" | "plane-takeoff" | "play" | "play-circle" | "play-off" | "play-square" | "plug" | "plug-2" | "plug-zap" | "plug-zap-2" | "plus" | "plus-circle" | "plus-square" | "pocket" | "pocket-knife" | "podcast" | "podium" | "pointer" | "pointer-off" | "popcorn" | "popsicle" | "pound-sterling" | "power" | "power-circle" | "power-off" | "power-square" | "presentation" | "printer" | "printer-check" | "printer-x" | "projector" | "proportions" | "puzzle" | "pyramid" | "qr-code" | "quote" | "rabbit" | "radar" | "radiation" | "radical" | "radio" | "radio-off" | "radio-receiver" | "radio-tower" | "radius" | "rail-symbol" | "rainbow" | "rat" | "ratio" | "receipt" | "receipt-cent" | "receipt-euro" | "receipt-indian-rupee" | "receipt-japanese-yen" | "receipt-pound-sterling" | "receipt-russian-ruble" | "receipt-swiss-franc" | "receipt-text" | "receipt-turkish-lira" | "rectangle-circle" | "rectangle-ellipsis" | "rectangle-goggles" | "rectangle-horizontal" | "rectangle-vertical" | "recycle" | "redo" | "redo-2" | "redo-dot" | "refresh-ccw" | "refresh-ccw-dot" | "refresh-cw" | "refresh-cw-off" | "refrigerator" | "regex" | "remove-formatting" | "repeat" | "repeat-1" | "repeat-2" | "repeat-off" | "replace" | "replace-all" | "reply" | "reply-all" | "rewind" | "ribbon" | "road" | "rocket" | "rocking-chair" | "roller-coaster" | "rose" | "rotate-3-d" | "rotate-3d" | "rotate-ccw" | "rotate-ccw-clock" | "rotate-ccw-key" | "rotate-ccw-square" | "rotate-cw" | "rotate-cw-fading-clock" | "rotate-cw-square" | "route" | "route-off" | "router" | "rows" | "rows-2" | "rows-3" | "rows-4" | "rss" | "ruler" | "ruler-dimension-line" | "russian-ruble" | "sailboat" | "salad" | "sandwich" | "satellite" | "satellite-dish" | "saudi-riyal" | "save" | "save-all" | "save-check" | "save-off" | "save-pen" | "save-plus" | "scale" | "scale-3-d" | "scale-3d" | "scaling" | "scan" | "scan-barcode" | "scan-box" | "scan-eye" | "scan-face" | "scan-heart" | "scan-line" | "scan-qr-code" | "scan-search" | "scan-square" | "scan-text" | "scatter-chart" | "school" | "school-2" | "scissors" | "scissors-line-dashed" | "scissors-square" | "scissors-square-dashed-bottom" | "scooter" | "screen-share" | "screen-share-off" | "scroll" | "scroll-text" | "search" | "search-alert" | "search-check" | "search-code" | "search-large" | "search-slash" | "search-x" | "section" | "send" | "send-horizonal" | "send-horizontal" | "send-to-back" | "separator-horizontal" | "separator-vertical" | "server" | "server-cog" | "server-crash" | "server-off" | "server-plus" | "settings" | "settings-2" | "shapes" | "share" | "share-2" | "sheet" | "shell" | "shelving-unit" | "shield" | "shield-alert" | "shield-ban" | "shield-check" | "shield-close" | "shield-cog" | "shield-cog-corner" | "shield-ellipsis" | "shield-half" | "shield-keyhole" | "shield-minus" | "shield-off" | "shield-plus" | "shield-question" | "shield-question-mark" | "shield-user" | "shield-x" | "ship" | "ship-wheel" | "shirt" | "shopping-bag" | "shopping-basket" | "shopping-cart" | "shovel" | "shower-head" | "shredder" | "shrimp" | "shrink" | "shrub" | "shuffle" | "sidebar" | "sidebar-close" | "sidebar-open" | "sigma" | "sigma-square" | "signal" | "signal-high" | "signal-low" | "signal-medium" | "signal-zero" | "signature" | "signpost" | "signpost-big" | "siren" | "skip-back" | "skip-forward" | "skull" | "slack" | "slash" | "slash-square" | "slice" | "sliders" | "sliders-horizontal" | "sliders-vertical" | "smartphone" | "smartphone-charging" | "smartphone-nfc" | "smile" | "smile-plus" | "snail" | "snowflake" | "soap-dispenser-droplet" | "sofa" | "solar-panel" | "sort-asc" | "sort-desc" | "soup" | "space" | "spade" | "sparkle" | "sparkles" | "speaker" | "speech" | "spell-check" | "spell-check-2" | "spline" | "spline-pointer" | "split" | "split-square-horizontal" | "split-square-vertical" | "spool" | "sport-shoe" | "spotlight" | "spray-can" | "sprout" | "square" | "square-activity" | "square-arrow-down" | "square-arrow-down-left" | "square-arrow-down-right" | "square-arrow-left" | "square-arrow-out-down-left" | "square-arrow-out-down-right" | "square-arrow-out-up-left" | "square-arrow-out-up-right" | "square-arrow-right" | "square-arrow-right-enter" | "square-arrow-right-exit" | "square-arrow-up" | "square-arrow-up-left" | "square-arrow-up-right" | "square-asterisk" | "square-bottom-dashed-scissors" | "square-centerline-dashed-horizontal" | "square-centerline-dashed-vertical" | "square-chart-gantt" | "square-check" | "square-check-big" | "square-chevron-down" | "square-chevron-left" | "square-chevron-right" | "square-chevron-up" | "square-code" | "square-dashed" | "square-dashed-bottom" | "square-dashed-bottom-code" | "square-dashed-kanban" | "square-dashed-mouse-pointer" | "square-dashed-text" | "square-dashed-top-solid" | "square-divide" | "square-dot" | "square-equal" | "square-function" | "square-gantt" | "square-gantt-chart" | "square-kanban" | "square-kanban-dashed" | "square-library" | "square-m" | "square-menu" | "square-minus" | "square-mouse-pointer" | "square-off" | "square-parking" | "square-parking-off" | "square-pause" | "square-pen" | "square-percent" | "square-pi" | "square-pilcrow" | "square-play" | "square-plus" | "square-power" | "square-radical" | "square-round-corner" | "square-scissors" | "square-sigma" | "square-slash" | "square-split-horizontal" | "square-split-vertical" | "square-square" | "square-stack" | "square-star" | "square-stop" | "square-terminal" | "square-user" | "square-user-round" | "square-x" | "squares-exclude" | "squares-intersect" | "squares-subtract" | "squares-unite" | "squircle" | "squircle-dashed" | "squirrel" | "stamp" | "star" | "star-check" | "star-half" | "star-minus" | "star-off" | "star-plus" | "star-x" | "stars" | "step-back" | "step-forward" | "stethoscope" | "sticker" | "sticky-note" | "sticky-note-check" | "sticky-note-minus" | "sticky-note-off" | "sticky-note-plus" | "sticky-note-x" | "sticky-notes" | "stone" | "stop-circle" | "store" | "stretch-horizontal" | "stretch-vertical" | "strikethrough" | "subscript" | "subtitles" | "summary" | "sun" | "sun-dim" | "sun-medium" | "sun-moon" | "sun-snow" | "sunrise" | "sunset" | "superscript" | "swatch-book" | "swiss-franc" | "switch-camera" | "sword" | "swords" | "syringe" | "table" | "table-2" | "table-cells-merge" | "table-cells-split" | "table-columns-split" | "table-config" | "table-of-contents" | "table-properties" | "table-rows-split" | "tablet" | "tablet-smartphone" | "tablets" | "tag" | "tag-plus" | "tag-x" | "tags" | "tally-1" | "tally-2" | "tally-3" | "tally-4" | "tally-5" | "tangent" | "target" | "telescope" | "tent" | "tent-tree" | "terminal" | "terminal-square" | "test-tube" | "test-tube-2" | "test-tube-diagonal" | "test-tubes" | "text" | "text-align-center" | "text-align-end" | "text-align-justify" | "text-align-start" | "text-cursor" | "text-cursor-input" | "text-initial" | "text-quote" | "text-search" | "text-select" | "text-selection" | "text-wrap" | "theater" | "thermometer" | "thermometer-snowflake" | "thermometer-sun" | "thumbs-down" | "thumbs-up" | "ticket" | "ticket-check" | "ticket-minus" | "ticket-percent" | "ticket-plus" | "ticket-slash" | "ticket-x" | "tickets" | "tickets-plane" | "timeline" | "timer" | "timer-off" | "timer-reset" | "toggle-left" | "toggle-right" | "toilet" | "tool-case" | "toolbox" | "tornado" | "torus" | "touchpad" | "touchpad-off" | "towel-rack" | "tower-control" | "toy-brick" | "tractor" | "traffic-cone" | "train" | "train-front" | "train-front-tunnel" | "train-track" | "tram-front" | "transgender" | "trash" | "trash-2" | "tree-deciduous" | "tree-palm" | "tree-pine" | "trees" | "trello" | "trending-down" | "trending-up" | "trending-up-down" | "triangle" | "triangle-alert" | "triangle-dashed" | "triangle-right" | "trophy" | "truck" | "truck-electric" | "turkish-lira" | "turntable" | "turtle" | "tv" | "tv-2" | "tv-minimal" | "tv-minimal-play" | "twitch" | "twitter" | "type" | "type-outline" | "umbrella" | "umbrella-off" | "underline" | "undo" | "undo-2" | "undo-dot" | "unfold-horizontal" | "unfold-vertical" | "ungroup" | "university" | "unlink" | "unlink-2" | "unlock" | "unlock-keyhole" | "unplug" | "upload" | "upload-cloud" | "usb" | "user" | "user-2" | "user-check" | "user-check-2" | "user-circle" | "user-circle-2" | "user-cog" | "user-cog-2" | "user-key" | "user-lock" | "user-minus" | "user-minus-2" | "user-pen" | "user-plus" | "user-plus-2" | "user-round" | "user-round-arrow-left" | "user-round-check" | "user-round-cog" | "user-round-key" | "user-round-minus" | "user-round-pen" | "user-round-plus" | "user-round-search" | "user-round-x" | "user-search" | "user-shield" | "user-square" | "user-square-2" | "user-star" | "user-x" | "user-x-2" | "users" | "users-2" | "users-round" | "utensils" | "utensils-crossed" | "utility-pole" | "van" | "variable" | "vault" | "vector-square" | "vegan" | "venetian-mask" | "venus" | "venus-and-mars" | "verified" | "vibrate" | "vibrate-off" | "video" | "video-off" | "videotape" | "view" | "voicemail" | "volleyball" | "volume" | "volume-1" | "volume-2" | "volume-off" | "volume-x" | "vote" | "wallet" | "wallet-2" | "wallet-cards" | "wallet-minimal" | "wallpaper" | "wand" | "wand-2" | "wand-sparkles" | "warehouse" | "washing-machine" | "watch" | "waves" | "waves-arrow-down" | "waves-arrow-up" | "waves-horizontal" | "waves-ladder" | "waves-vertical" | "waypoints" | "webcam" | "webcam-off" | "webhook" | "webhook-off" | "weight" | "weight-tilde" | "wheat" | "wheat-off" | "whole-word" | "wifi" | "wifi-cog" | "wifi-high" | "wifi-low" | "wifi-off" | "wifi-pen" | "wifi-sync" | "wifi-zero" | "wind" | "wind-arrow-down" | "wine" | "wine-off" | "workflow" | "worm" | "wrap-text" | "wrench" | "wrench-off" | "x" | "x-circle" | "x-line-top" | "x-octagon" | "x-square" | "youtube" | "zap" | "zap-off" | "zodiac-aquarius" | "zodiac-aries" | "zodiac-cancer" | "zodiac-capricorn" | "zodiac-gemini" | "zodiac-leo" | "zodiac-libra" | "zodiac-ophiuchus" | "zodiac-pisces" | "zodiac-sagittarius" | "zodiac-scorpio" | "zodiac-taurus" | "zodiac-virgo" | "zoom-in" | "zoom-out";
 
-interface ButtonProps extends BaseButtonProps {
+interface ButtonProps extends Omit<BaseButtonProps, "border" | "padding"> {
     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>>;
 
+type ButtonGroupValue = string | number;
+type ButtonGroupOption<Value extends ButtonGroupValue> = {
+    value: Value;
+    label: string;
+    icon?: IconType;
+};
+interface ButtonGroupProps<Value extends ButtonGroupValue> {
+    label: string;
+    options: ReadonlyArray<ButtonGroupOption<Value>>;
+    value: Value;
+    onValueChange: (value: NoInfer<Value>) => void;
+    disabled?: boolean;
+    jss?: JSS;
+}
+declare function ButtonGroup<Value extends ButtonGroupValue>({ label, options, value, onValueChange, disabled, jss, }: ButtonGroupProps<Value>): react_jsx_runtime.JSX.Element;
+
 declare const Calendar: React__default.ForwardRefExoticComponent<{
     date: Date;
     header: (props: {
@@ -275,11 +310,14 @@ declare const Calendar: React__default.ForwardRefExoticComponent<{
     }) => React__default.JSX.Element;
 } & React__default.RefAttributes<HTMLElement>>;
 
+type CardVariant = "default" | "tonal" | "floating";
 interface CardProps extends FlexLayoutProps {
+    variant?: CardVariant;
+    material?: Material;
 }
-declare function Card({ children, jss, padding, gap, ...otherProps }: CardProps): react_jsx_runtime.JSX.Element;
+declare function Card({ children, jss, padding, gap, variant, material, ...otherProps }: CardProps): react_jsx_runtime.JSX.Element;
 
-interface CheckboxProps extends BaseInputProps {
+interface CheckboxProps extends Omit<BaseInputProps, "checked" | "onClick" | "value" | "onChange" | "size"> {
     checked: boolean;
     onClick: () => void;
     size: Size;
@@ -304,27 +342,26 @@ declare function DarkModeProvider({ children, enabled, toggle, }: {
 }): 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;
+interface DateInputProps {
+    date: Date | null;
+    onDateChange: (date: Date | null) => void;
+    label?: string;
+    "aria-label"?: string;
+    "aria-describedby"?: string;
+    "aria-invalid"?: boolean;
+    id?: string;
+    name?: string;
+    locale?: string;
+    min?: Date;
+    max?: Date;
+    disabled?: boolean;
+    required?: boolean;
+    readOnly?: boolean;
+    autoFocus?: boolean;
     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;
@@ -341,7 +378,7 @@ declare const Dialog: ({ label, children, close, }: {
     close: () => void;
 }) => react_jsx_runtime.JSX.Element;
 declare function DialogProvider({ children }: {
-    children: any;
+    children: React__default.ReactNode;
 }): react_jsx_runtime.JSX.Element;
 declare function useDialog<Input>(DialogComponent: (props: {
     close: () => void;
@@ -349,23 +386,9 @@ declare function useDialog<Input>(DialogComponent: (props: {
     closeOnOutsideClick: boolean;
 }): {
     open: (input: Input) => void;
-    close: () => any;
+    close: () => void;
 };
 
-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>(): {
@@ -377,9 +400,6 @@ 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;
@@ -387,53 +407,41 @@ declare function Icon({ icon, size, color, ariaLabel, }: {
     color: TextColor;
 }): react_jsx_runtime.JSX.Element;
 
-interface IconButtonProps extends BaseButtonProps {
+interface IconButtonProps extends Omit<BaseButtonProps, "border" | "padding"> {
     icon: IconType;
-    size: Size;
     label?: string;
-    labelSize?: Size;
 }
 declare const IconButton: React__default.ForwardRefExoticComponent<IconButtonProps & React__default.RefAttributes<HTMLButtonElement>>;
 
-interface IconLinkProps extends BaseLinkProps {
+interface IconLinkProps extends Omit<BaseLinkProps, "border" | "padding"> {
     icon: IconType;
-    size: Size;
 }
 declare const IconLink: React__default.ForwardRefExoticComponent<IconLinkProps & React__default.RefAttributes<HTMLAnchorElement>>;
 
-interface LinkProps extends BaseLinkProps {
+interface LinkProps extends Omit<BaseLinkProps, "border" | "padding"> {
     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;
-};
+declare function List({ ariaLabel, jss, autofocus, navigation, ...otherProps }: ListProps): react_jsx_runtime.JSX.Element;
 
-interface ListButtonItemProps extends BaseListItemProps {
-    color: InteractableColor;
+interface ListButtonItemProps extends Omit<BaseListItemProps, "children" | "onClick"> {
+    color?: InteractableColor;
     onClick: () => void;
     headline: string;
     body?: string;
@@ -445,23 +453,22 @@ declare const ListButtonItem: React__default.ForwardRefExoticComponent<Omit<List
 
 declare function ListDivider(): react_jsx_runtime.JSX.Element;
 
-declare function ListHeaderItem({ highlight, headline, body, withDivider, addOn, addOnPosition, }: {
+declare function ListHeaderItem({ highlight, headline, body, addOn, addOnPosition, }: {
     highlight?: boolean;
     headline: string;
     body?: string;
-    withDivider?: boolean;
     addOn?: ReactNode;
     addOnPosition?: Position;
 }): react_jsx_runtime.JSX.Element;
 
-interface ListItemProps extends BaseListItemProps {
+interface ListItemProps extends Omit<BaseListItemProps, "children"> {
     headline: string;
     body?: string;
     children?: void;
 }
 declare const ListItem: React__default.ForwardRefExoticComponent<Omit<ListItemProps, "ref"> & React__default.RefAttributes<HTMLLIElement>>;
 
-interface ListLinkItemProps extends BaseListItemProps {
+interface ListLinkItemProps extends Omit<BaseListItemProps, "children" | "onClick"> {
     color?: InteractableColor;
     children?: void;
     onClick?: () => void;
@@ -481,6 +488,18 @@ declare function MenuIcon({ open, color }: {
     color: Color;
 }): react_jsx_runtime.JSX.Element;
 
+interface NavigationSplitViewProps {
+    navigation: ReactNode;
+    children: ReactNode;
+    compactHeader?: ReactNode;
+    compactNavigation?: ReactNode;
+    navigationVisibleInCompact?: boolean;
+    navigationWidth?: string;
+    navigationInset?: string;
+    jss?: JSS;
+}
+declare function NavigationSplitView({ navigation, children, compactHeader, compactNavigation, navigationVisibleInCompact, navigationWidth, navigationInset, jss, }: NavigationSplitViewProps): react_jsx_runtime.JSX.Element;
+
 declare function numberToBase(number: number, base?: Array<string>): string;
 
 declare function OnVisible({ children, onVisible, }: {
@@ -488,14 +507,15 @@ declare function OnVisible({ children, onVisible, }: {
     onVisible: () => void;
 }): React__default.ReactElement<unknown, string | React__default.JSXElementConstructor<any>>;
 
-declare function Popover({ children, close }: {
-    children: any;
-    close: any;
+declare function Popover({ children, close, }: {
+    children: React__default.ReactNode;
+    close: () => void;
 }): react_jsx_runtime.JSX.Element;
 interface PopoverTriggerProps<Input> {
     PopoverComponent: (props: {
         close: () => void;
     } & Input) => React__default.JSX.Element;
+    ariaLabel?: string;
     jss?: JSS;
     jssDialog?: JSS;
     className?: undefined;
@@ -504,22 +524,32 @@ interface PopoverTriggerProps<Input> {
     tag?: keyof HTMLElementTagNameMap;
     children: (props: {
         toggle: (input: Input) => void;
+        expanded: boolean;
     }) => React__default.JSX.Element;
 }
-declare function PopoverTrigger<Input>({ PopoverComponent, jss, jssDialog, grow, shrink, tag, children, }: PopoverTriggerProps<Input>): react_jsx_runtime.JSX.Element;
+declare function PopoverTrigger<Input>({ PopoverComponent, ariaLabel, jss, jssDialog, grow, shrink, tag, children, }: PopoverTriggerProps<Input>): react_jsx_runtime.JSX.Element;
 
-declare function ProgressBar({ color, progress, size, jss, }: {
+type ProgressBarSize = "small" | "medium";
+interface ProgressBarProps {
     progress: number;
-    color: Color;
-    size: Size;
+    color?: Color;
+    size?: ProgressBarSize;
     jss?: JSS;
-}): react_jsx_runtime.JSX.Element;
+    "aria-label"?: string;
+    "aria-labelledby"?: string;
+}
+declare function ProgressBar({ color, progress, size, jss, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, }: ProgressBarProps): react_jsx_runtime.JSX.Element;
 
-declare function ProgressCircle({ progress, stroke, outerRadius, }: {
+type ProgressCircleSize = "small" | "medium";
+interface ProgressCircleProps {
     progress: number;
-    stroke?: number;
-    outerRadius: number;
-}): react_jsx_runtime.JSX.Element;
+    color?: Color;
+    size?: ProgressCircleSize;
+    jss?: JSS;
+    "aria-label"?: string;
+    "aria-labelledby"?: string;
+}
+declare function ProgressCircle({ progress, color, size, jss, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, }: ProgressCircleProps): react_jsx_runtime.JSX.Element;
 
 declare function Providers({ children, themes, }: {
     children: React__default.JSX.Element;
@@ -546,14 +576,21 @@ declare function RootView({ children, focusOnlyOnFirstMount, }: {
     focusOnlyOnFirstMount?: boolean;
 }): react_jsx_runtime.JSX.Element;
 
-interface SelectProps extends React.HTMLAttributes<HTMLSelectElement> {
-    value: string;
-    onValueChange: (value: string) => void;
+type SelectValue = string | number;
+type SelectOption<Value extends SelectValue> = {
+    value: Value;
+    label: string;
+};
+interface SelectProps<Value extends SelectValue> {
+    label: string;
+    options: ReadonlyArray<SelectOption<Value>>;
+    value: Value;
+    onValueChange: (value: NoInfer<Value>) => void;
+    disabled?: boolean;
     jss?: JSS;
-    ref?: React.Ref<HTMLSelectElement>;
-    className?: undefined;
+    jssButton?: JSS;
 }
-declare const Select: React$1.ForwardRefExoticComponent<Omit<SelectProps, "ref"> & React$1.RefAttributes<HTMLSelectElement>>;
+declare function Select<Value extends SelectValue>({ label, options, value, onValueChange, disabled, jss, jssButton, }: SelectProps<Value>): react_jsx_runtime.JSX.Element;
 
 type Props = {
     children: ReactNode;
@@ -562,7 +599,7 @@ type Props = {
 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, }: {
+type Reducer<State, Context> = <Data>({ state, context, data, }: {
     state: State;
     context: Context;
     data: Data;
@@ -570,30 +607,26 @@ type Reducer<State, Context> = <Data extends any>({ state, context, data, }: {
     state: State;
     context: Context;
 };
-type StateMachineConfig<State, Transition, Context> = {
-    states: {
-        [state: string]: {
-            on: {
-                [transition: Transition]: Reducer<State, Context>;
-            };
-        };
-    };
+type StateMachineConfig<State extends PropertyKey, Transition extends PropertyKey, Context> = {
+    states: Record<State, {
+        on: Partial<Record<Transition, Reducer<State, Context>>>;
+    }>;
     context: Context;
     state: State;
 };
-type Send = <Transition, Data>(transition: Transition, data: Data) => void;
-type StateMachineContextType<State, Context> = {
+type Send<Transition> = <Data>(transition: Transition, data: Data) => void;
+type StateMachineContextType<State, Transition, Context> = {
     subscribe: Subscribe<{
         state: State;
         context: Context;
     }>;
-    send: Send;
+    send: Send<Transition>;
 };
-declare function stateMachineContextFactory<State, Transition, Context>(stateMachineConfig: StateMachineConfig<State, Transition, Context>): {
+declare function stateMachineContextFactory<State extends PropertyKey, Transition extends PropertyKey, Context>(stateMachineConfig: StateMachineConfig<State, Transition, Context>): {
     Provider: ({ children }: {
         children: ReactNode;
     }) => react_jsx_runtime.JSX.Element;
-    useStateMachine: () => StateMachineContextType<State, Context>;
+    useStateMachine: () => StateMachineContextType<State, Transition, Context>;
 };
 
 type StaticCheckboxProps = {
@@ -624,14 +657,14 @@ declare function createStorage<State>({ initialState, name, }: {
     usePersist: () => () => Promise<void>;
 };
 
-declare const useStream: ({ render, bufferStart, bufferEnd, index, debounce, }: {
-    render: any;
-    bufferStart: any;
-    bufferEnd: any;
-    index: any;
+declare function useStream<Frame>({ render, bufferStart, bufferEnd, index, debounce, }: {
+    render: (index: number) => Frame;
+    bufferStart: number;
+    bufferEnd: number;
+    index: number;
     debounce?: number;
-}) => {
-    frame: any;
+}): {
+    frame: Frame;
 };
 
 declare function Sublist({ children, label, labelBold, initialState, jss, secondaryAddOn, }: {
@@ -651,8 +684,10 @@ interface SubmitIconInputProps extends BaseInputProps {
 }
 declare function SubmitIconInput({ icon, ...otherProps }: SubmitIconInputProps): react_jsx_runtime.JSX.Element;
 
+type TabsVariant = "underline" | "segmented";
 type Tab = {
     label: string;
+    icon?: IconType;
     href?: string;
     onClick?: () => void;
     selected?: boolean;
@@ -662,7 +697,9 @@ type Tab = {
 interface TabsProps extends RowProps {
     ["aria-controls"]: string;
     tabs: Array<Tab>;
+    variant?: TabsVariant;
     labelSize?: Size;
+    iconSize?: Size;
     bare?: boolean;
     tabPadding?: Padding;
     jssTab?: JSS | ((data: {
@@ -670,10 +707,31 @@ interface TabsProps extends RowProps {
     }) => 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;
+declare function Tabs({ tabs, variant, gap, padding, tabPadding, labelSize, iconSize, jss, jssTab, labelRenderer, ["aria-controls"]: ariaControls, ...otherProps }: TabsProps): react_jsx_runtime.JSX.Element;
+
+type TabBarVariant = "default" | "floating";
+interface TabBarProps extends Omit<FlexLayoutProps, "children" | "tag"> {
+    tabs: Tab[];
+    variant?: TabBarVariant;
+    fixed?: boolean;
+    iconSize?: Size;
+    labelSize?: Size;
+    tabPadding?: Padding;
+    jssTab?: JSS | ((data: {
+        selected: boolean;
+    }) => JSS);
+    labelRenderer?: (label: string) => React__default.ReactNode;
+}
+declare function TabBar({ tabs, variant, direction, fixed, iconSize, labelSize, tabPadding, jssTab, labelRenderer, jss, align, "aria-label": ariaLabel, ...otherProps }: TabBarProps): react_jsx_runtime.JSX.Element;
 
-type Display = "inline" | "block";
-interface TextProps {
+interface TableProps extends Omit<React__default.TableHTMLAttributes<HTMLTableElement>, "className">, Pick<CardProps, "variant" | "material" | "padding" | "gap"> {
+    jss?: JSS;
+    jssTable?: JSS;
+    className?: undefined;
+}
+declare function Table({ children, jss, jssTable, variant, material, padding, gap, ...tableProps }: TableProps): react_jsx_runtime.JSX.Element;
+
+interface TextProps extends Omit<React__default.HTMLAttributes<HTMLElement>, "children" | "className" | "color"> {
     children: ReactNode;
     color?: TextColor;
     size?: Size;
@@ -683,17 +741,18 @@ interface TextProps {
     type?: TextType;
     grow?: boolean;
     jss?: JSS;
-    id?: string;
     htmlFor?: string;
+    className?: never;
 }
 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 Text({ children, color, size, align, bold, ellipsis, grow, type: Type, jss, htmlFor, ...elementProps }: 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 H4({ 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.TextareaHTMLAttributes<HTMLTextAreaElement> {
@@ -715,7 +774,6 @@ interface TextInputProps extends Omit<BaseInputProps, "size"> {
     gap?: Gap;
     onChange?: undefined;
     padding?: Padding;
-    bare?: boolean;
     size?: Size;
 }
 declare const TextInput: React__default.ForwardRefExoticComponent<TextInputProps & React__default.RefAttributes<HTMLInputElement>>;
@@ -735,6 +793,7 @@ interface TextPairingProps {
     headlineAddOn?: ReactNode;
     bodyColor?: TextColor;
     bodySize?: Size;
+    bodyEllipsis?: boolean;
     addOn?: ReactNode;
     addOnPosition?: Position;
     gap?: Gap;
@@ -745,18 +804,23 @@ interface TextPairingProps {
     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;
+declare function TextPairing({ headline, body, headlineColor, headlineSize, headlineAddOn, bodyColor, bodySize, bodyEllipsis, addOn, addOnPosition, gap, align, grow, shrink, headlineBold, padding, jss, }: TextPairingProps): react_jsx_runtime.JSX.Element;
 
 declare const timeFormatter: Intl.DateTimeFormat;
-interface TimeInputProps extends BaseInputProps {
-    onTimeChange: (date: Date) => void;
-    time: Date;
-    gap?: Gap;
-    padding?: Padding;
-    addOn?: ReactNode;
-    addOnPosition?: "start" | "end";
-    onChange?: undefined;
-    bare?: boolean;
+interface TimeInputProps {
+    time: Date | null;
+    onTimeChange: (time: Date | null) => void;
+    label?: string;
+    "aria-label"?: string;
+    "aria-describedby"?: string;
+    "aria-invalid"?: boolean;
+    id?: string;
+    name?: string;
+    disabled?: boolean;
+    required?: boolean;
+    readOnly?: boolean;
+    autoFocus?: boolean;
+    jss?: JSS;
 }
 declare const TimeInput: React__default.ForwardRefExoticComponent<TimeInputProps & React__default.RefAttributes<HTMLInputElement>>;
 
@@ -769,6 +833,16 @@ interface TooltipProps {
 }
 declare function Tooltip({ content, jss, tag, children }: TooltipProps): react_jsx_runtime.JSX.Element;
 
+interface ToggleProps extends Omit<IconButtonProps, "aria-label" | "bare" | "color" | "icon" | "label" | "onClick" | "value"> {
+    label: string;
+    value: boolean;
+    onValueChange: (value: boolean) => void;
+    onIcon: IconType;
+    offIcon: IconType;
+    bare?: boolean;
+}
+declare function Toggle({ label, value, onValueChange, onIcon, offIcon, bare, ...buttonProps }: ToggleProps): 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, }: {
@@ -788,14 +862,15 @@ type KeyboardShortcut<T> = {
 };
 declare function useKeyboard<T extends HTMLElement>(shortcuts: Array<KeyboardShortcut<T>>): (root: T) => void;
 
-declare function useNavigation({ autofocus, rowLength, enabled, }?: {
+declare function useNavigation({ autofocus, rowLength, enabled, initialIndex, }?: {
     autofocus?: boolean;
     rowLength?: number;
     enabled?: boolean;
+    initialIndex?: number;
 }): (root: HTMLElement) => void;
 
-declare function usePromise<T>(promiseFactory: () => Promise<T>, inputs: Array<any>, initialValue: T): [T | null, any];
+declare function usePromise<T>(promiseFactory: () => Promise<T>, inputs: ReadonlyArray<unknown>, initialValue: T): [T | null, unknown];
 
 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 };
+export { type Align, Avatar, type AvatarProps, type AvatarSize, 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, ButtonGroup, type ButtonGroupOption, type ButtonGroupProps, type ButtonGroupValue, type ButtonProps, Calendar, type Callback, Card, type CardProps, type CardVariant, Checkbox, Circle, type Color, Column, type ColumnProps, DESKTOP_MEDIA, DarkModeContext, DarkModeProvider, DarkModeToggle, DateInput, type DateInputProps, DatetimeInput, type DatetimeInputProps, Dialog, DialogProvider, type Direction, type FlexDirection, FlexLayout, type FlexLayoutProps, type Gap, H1, H2, H3, H4, Icon, IconButton, type IconButtonProps, IconLink, type IconLinkProps, 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, type Material, MenuIcon, NavigationSplitView, type NavigationSplitViewProps, OnVisible, P, type Padding, Popover, PopoverTrigger, type Position, ProgressBar, type ProgressBarProps, type ProgressBarSize, ProgressCircle, type ProgressCircleProps, type ProgressCircleSize, Providers, RangeInput, type RangeInputProps, type Reducer, RootView, Row, type RowProps, Select, type SelectOption, type SelectProps, type SelectValue, type Size, type Spacing, Span, StackContextProvider, StaticCheckbox, type Styles, Sublist, SubmitIconInput, type Subscribe, TABLET, TABLET_MEDIA, type Tab, TabBar, type TabBarProps, type TabBarVariant, Table, type TableProps, Tabs, type TabsProps, type TabsVariant, Text, TextArea, type TextAreaProps, type TextColor, TextInput, type TextInputProps, TextInputWithState, type TextInputWithStateProps, TextPairing, type TextPairingProps, type TextProps, type TextType, type Theme, TimeInput, type TimeInputProps, Toggle, type ToggleProps, Tooltip, baseStyles, createEmitter, createStorage, cssVar, darkTheme, desktop, getBackground, getBaseStyles, getColorValue, getCookie, getMargin, getMaterial, getPadding, getSize, getSpacing, getTextColor, guid, hasCookie, hash, laptop, lightTheme, mobile, numberToBase, sizes, stateMachineContextFactory, tablet, timeFormatter, toClassnames, useCookie, useDialog, useIsTopOfStack, useKeyboard, useNavigation, usePromise, useRefEffect, useStream };