welcome-ui 1.0.0-beta.4 → 1.0.0-beta.5

package/dist/types/components/Icons/index.d.ts

@@ -0,0 +1,304 @@
+export { ActionsIcon } from './Actions';
+export { ActivityIcon } from './Activity';
+export { AddIcon } from './Add';
+export { AddressIcon } from './Address';
+export { AirplayIcon } from './Airplay';
+export { AlertIcon } from './Alert';
+export { AlertOutlineIcon } from './AlertOutline';
+export { AnalyticsIcon } from './Analytics';
+export { AnniversaryIcon } from './Anniversary';
+export { ArchiveIcon } from './Archive';
+export { ArrowDownIcon } from './ArrowDown';
+export { ArrowLeftIcon } from './ArrowLeft';
+export { ArrowLineDownIcon } from './ArrowLineDown';
+export { ArrowLineLeftIcon } from './ArrowLineLeft';
+export { ArrowLineRightIcon } from './ArrowLineRight';
+export { ArrowLineUpIcon } from './ArrowLineUp';
+export { ArrowRightIcon } from './ArrowRight';
+export { ArrowUpIcon } from './ArrowUp';
+export { AspectRatioFillIcon } from './AspectRatioFill';
+export { AspectRatioFitIcon } from './AspectRatioFit';
+export { AttachmentIcon } from './Attachment';
+export { AvatarIcon } from './Avatar';
+export { AvatarAccessoryIcon } from './AvatarAccessory';
+export { AvatarBodyIcon } from './AvatarBody';
+export { AvatarBottomIcon } from './AvatarBottom';
+export { AvatarCostumeIcon } from './AvatarCostume';
+export { AvatarHeadIcon } from './AvatarHead';
+export { AvatarTopIcon } from './AvatarTop';
+export { BarChartIcon } from './BarChart';
+export { BasketballIcon } from './Basketball';
+export { BehanceIcon } from './Behance';
+export { BirthdayIcon } from './Birthday';
+export { BoldIcon } from './Bold';
+export { BookIcon } from './Book';
+export { Book2Icon } from './Book2';
+export { BookmarkIcon } from './Bookmark';
+export { BookmarkOutlineIcon } from './BookmarkOutline';
+export { BulbIcon } from './Bulb';
+export { BulkIcon } from './Bulk';
+export { BuoyIcon } from './Buoy';
+export { BurnIcon } from './Burn';
+export { CaddyIcon } from './Caddy';
+export { CalculIcon } from './Calcul';
+export { CameraIcon } from './Camera';
+export { CameraOffIcon } from './CameraOff';
+export { CameraOnIcon } from './CameraOn';
+export { CandidateStatusIcon } from './CandidateStatus';
+export { CardViewIcon } from './CardView';
+export { CastIcon } from './Cast';
+export { CastConnectedIcon } from './CastConnected';
+export { CastUnavailableIcon } from './CastUnavailable';
+export { CelebrateIcon } from './Celebrate';
+export { CertifiedIcon } from './Certified';
+export { CheckIcon } from './Check';
+export { ClipboardIcon } from './Clipboard';
+export { ClockIcon } from './Clock';
+export { CodeIcon } from './Code';
+export { CodeBlockIcon } from './CodeBlock';
+export { CoffeeIcon } from './Coffee';
+export { CollapseIcon } from './Collapse';
+export { CommentIcon } from './Comment';
+export { CommentOutlineIcon } from './CommentOutline';
+export { CommonAreaIcon } from './CommonArea';
+export { CompassIcon } from './Compass';
+export { ComputerIcon } from './Computer';
+export { ConnectionIcon } from './Connection';
+export { ContractIcon } from './Contract';
+export { ControlBackwardIcon } from './ControlBackward';
+export { ControlForwardIcon } from './ControlForward';
+export { ControlPauseIcon } from './ControlPause';
+export { ControlStopIcon } from './ControlStop';
+export { CopyIcon } from './Copy';
+export { CoverLetterIcon } from './CoverLetter';
+export { CreateIcon } from './Create';
+export { CreditCardIcon } from './CreditCard';
+export { CrescentMoonIcon } from './CrescentMoon';
+export { CrescentMoonOutlineIcon } from './CrescentMoonOutline';
+export { CrossIcon } from './Cross';
+export { CrossTargetIcon } from './CrossTarget';
+export { CrownIcon } from './Crown';
+export { CsvIcon } from './Csv';
+export { DateIcon } from './Date';
+export { DepartmentIcon } from './Department';
+export { DetailsIcon } from './Details';
+export { DiamondIcon } from './Diamond';
+export { DishIcon } from './Dish';
+export { DocIcon } from './Doc';
+export { DocxIcon } from './Docx';
+export { DownIcon } from './Down';
+export { DownloadIcon } from './Download';
+export { DragAndDropIcon } from './DragAndDrop';
+export { DribbbleIcon } from './Dribbble';
+export { EarthIcon } from './Earth';
+export { EditIcon } from './Edit';
+export { EducationLevelIcon } from './EducationLevel';
+export { EmailIcon } from './Email';
+export { EmailOutlineIcon } from './EmailOutline';
+export { EotIcon } from './Eot';
+export { EqualIcon } from './Equal';
+export { EuroCurrencyIcon } from './EuroCurrency';
+export { ExpandIcon } from './Expand';
+export { ExpandTextIcon } from './ExpandText';
+export { ExtendIcon } from './Extend';
+export { ExternalLinkIcon } from './ExternalLink';
+export { FacebookIcon } from './Facebook';
+export { FactoryIcon } from './Factory';
+export { FemaleIcon } from './Female';
+export { FiltersIcon } from './Filters';
+export { FingerprintIcon } from './Fingerprint';
+export { FlagIcon } from './Flag';
+export { FlagCsIcon } from './FlagCs';
+export { FlagEnIcon } from './FlagEn';
+export { FlagEsIcon } from './FlagEs';
+export { FlagFrIcon } from './FlagFr';
+export { FlagOutlineIcon } from './FlagOutline';
+export { FlagPointedIcon } from './FlagPointed';
+export { FlagSkIcon } from './FlagSk';
+export { FlagUsIcon } from './FlagUs';
+export { FolderIcon } from './Folder';
+export { FullscreenOffIcon } from './FullscreenOff';
+export { FullscreenOnIcon } from './FullscreenOn';
+export { GearIcon } from './Gear';
+export { GifIcon } from './Gif';
+export { GithubIcon } from './Github';
+export { GoogleIcon } from './Google';
+export { HandshakeIcon } from './Handshake';
+export { HardHatIcon } from './HardHat';
+export { HashtagIcon } from './Hashtag';
+export { HeadingIcon } from './Heading';
+export { Heading1Icon } from './Heading1';
+export { Heading2Icon } from './Heading2';
+export { Heading3Icon } from './Heading3';
+export { Heading4Icon } from './Heading4';
+export { Heading5Icon } from './Heading5';
+export { Heading6Icon } from './Heading6';
+export { HeadsetIcon } from './Headset';
+export { HeartIcon } from './Heart';
+export { HeartOutlineIcon } from './HeartOutline';
+export { HeartShinyIcon } from './HeartShiny';
+export { HideIcon } from './Hide';
+export { HomeIcon } from './Home';
+export { HouseIcon } from './House';
+export { InProgressCandidateIcon } from './InProgressCandidate';
+export { InformationIcon } from './Information';
+export { InformationOutlineIcon } from './InformationOutline';
+export { InstagramIcon } from './Instagram';
+export { ItalicIcon } from './Italic';
+export { JpegIcon } from './Jpeg';
+export { JpgIcon } from './Jpg';
+export { JusticeHammerIcon } from './JusticeHammer';
+export { KanbanIcon } from './Kanban';
+export { KeyIcon } from './Key';
+export { LanguageIcon } from './Language';
+export { LeafIcon } from './Leaf';
+export { LeftIcon } from './Left';
+export { LineChartIcon } from './LineChart';
+export { LinkIcon } from './Link';
+export { LinkedinIcon } from './Linkedin';
+export { LocationIcon } from './Location';
+export { LockIcon } from './Lock';
+export { LockRoundedIcon } from './LockRounded';
+export { LogOutIcon } from './LogOut';
+export { MaleIcon } from './Male';
+export { MapIcon } from './Map';
+export { MasonryIcon } from './Masonry';
+export { Masonry2Icon } from './Masonry2';
+export { MeetingRoomIcon } from './MeetingRoom';
+export { MegaphoneIcon } from './Megaphone';
+export { MentionIcon } from './Mention';
+export { MenuIcon } from './Menu';
+export { MicIcon } from './Mic';
+export { MicrophoneOffIcon } from './MicrophoneOff';
+export { MicrophoneOnIcon } from './MicrophoneOn';
+export { MicroshipIcon } from './Microship';
+export { MobileIcon } from './Mobile';
+export { MoneyIcon } from './Money';
+export { MoreIcon } from './More';
+export { MoreAndroidIcon } from './MoreAndroid';
+export { MountainIcon } from './Mountain';
+export { MoveIcon } from './Move';
+export { MusicIcon } from './Music';
+export { NegativeIcon } from './Negative';
+export { NegativeOutlineIcon } from './NegativeOutline';
+export { NegativeStraightIcon } from './NegativeStraight';
+export { NewCandidateIcon } from './NewCandidate';
+export { NotificationIcon } from './Notification';
+export { NpmIcon } from './Npm';
+export { OfferStatusIcon } from './OfferStatus';
+export { OfficeIcon } from './Office';
+export { OrderedListIcon } from './OrderedList';
+export { OrigineIcon } from './Origine';
+export { PaperplaneIcon } from './Paperplane';
+export { PdfIcon } from './Pdf';
+export { PencilIcon } from './Pencil';
+export { PhoneIcon } from './Phone';
+export { PhoneOutlineIcon } from './PhoneOutline';
+export { PicturesIcon } from './Pictures';
+export { PiechartIcon } from './Piechart';
+export { PinIcon } from './Pin';
+export { PinterestIcon } from './Pinterest';
+export { PizzaIcon } from './Pizza';
+export { PlayIcon } from './Play';
+export { PlayOutlineIcon } from './PlayOutline';
+export { PlaylistIcon } from './Playlist';
+export { PngIcon } from './Png';
+export { PodcastIcon } from './Podcast';
+export { PositiveIcon } from './Positive';
+export { PositiveOutlineIcon } from './PositiveOutline';
+export { PositiveStraightIcon } from './PositiveStraight';
+export { PptIcon } from './Ppt';
+export { PrintIcon } from './Print';
+export { PromoteIcon } from './Promote';
+export { PuzzleIcon } from './Puzzle';
+export { PuzzleOutlineIcon } from './PuzzleOutline';
+export { QuestionIcon } from './Question';
+export { QuestionsIcon } from './Questions';
+export { QuoteIcon } from './Quote';
+export { RefreshIcon } from './Refresh';
+export { RefuseCandidateIcon } from './RefuseCandidate';
+export { RemoteIcon } from './Remote';
+export { RemoveIcon } from './Remove';
+export { ResetIcon } from './Reset';
+export { ResumeIcon } from './Resume';
+export { ReviewIcon } from './Review';
+export { ReviewOutlineIcon } from './ReviewOutline';
+export { RightIcon } from './Right';
+export { SalaryIcon } from './Salary';
+export { SaveIcon } from './Save';
+export { ScreenshareOffIcon } from './ScreenshareOff';
+export { ScreenshareOnIcon } from './ScreenshareOn';
+export { SearchIcon } from './Search';
+export { SearchPeopleIcon } from './SearchPeople';
+export { SettingsIcon } from './Settings';
+export { Share1Icon } from './Share1';
+export { Share2Icon } from './Share2';
+export { ShieldIcon } from './Shield';
+export { ShowIcon } from './Show';
+export { SlackIcon } from './Slack';
+export { SoundOffIcon } from './SoundOff';
+export { SoundOnIcon } from './SoundOn';
+export { SourceIcon } from './Source';
+export { SpannerIcon } from './Spanner';
+export { SparklesIcon } from './Sparkles';
+export { SquareAlertIcon } from './SquareAlert';
+export { StackoverflowIcon } from './Stackoverflow';
+export { StackserverIcon } from './Stackserver';
+export { StarIcon } from './Star';
+export { StarOutlineIcon } from './StarOutline';
+export { StrikethroughIcon } from './Strikethrough';
+export { SubtitleIcon } from './Subtitle';
+export { SuccessIcon } from './Success';
+export { SuitcaseIcon } from './Suitcase';
+export { SunIcon } from './Sun';
+export { SvgIcon } from './Svg';
+export { SymbolIcon } from './Symbol';
+export { TableIcon } from './Table';
+export { TableColumnAddAfterIcon } from './TableColumnAddAfter';
+export { TableColumnAddBeforeIcon } from './TableColumnAddBefore';
+export { TableColumnRemoveIcon } from './TableColumnRemove';
+export { TableDeleteIcon } from './TableDelete';
+export { TableDivideIcon } from './TableDivide';
+export { TableMergeCellsIcon } from './TableMergeCells';
+export { TableRowAddAboveIcon } from './TableRowAddAbove';
+export { TableRowAddBelowIcon } from './TableRowAddBelow';
+export { TableRowRemoveIcon } from './TableRowRemove';
+export { TabletIcon } from './Tablet';
+export { TagIcon } from './Tag';
+export { TargetIcon } from './Target';
+export { TeepeeIcon } from './Teepee';
+export { ThumbDownIcon } from './ThumbDown';
+export { ThumbUpIcon } from './ThumbUp';
+export { ThunderclockIcon } from './Thunderclock';
+export { TiktokIcon } from './Tiktok';
+export { TrashIcon } from './Trash';
+export { TreeIcon } from './Tree';
+export { TrophyIcon } from './Trophy';
+export { TtfIcon } from './Ttf';
+export { TwitchIcon } from './Twitch';
+export { TwitterIcon } from './Twitter';
+export { TxtIcon } from './Txt';
+export { TypeIcon } from './Type';
+export { UnavailableIcon } from './Unavailable';
+export { UnderlineIcon } from './Underline';
+export { UnorderedListIcon } from './UnorderedList';
+export { UpIcon } from './Up';
+export { UpdateIcon } from './Update';
+export { UploadIcon } from './Upload';
+export { UserIcon } from './User';
+export { UserOutlineIcon } from './UserOutline';
+export { VideoIcon } from './Video';
+export { VideoCameraIcon } from './VideoCamera';
+export { VideoCamera2Icon } from './VideoCamera2';
+export { WatchLaterIcon } from './WatchLater';
+export { WoffIcon } from './Woff';
+export { Woff2Icon } from './Woff2';
+export { WriteIcon } from './Write';
+export { WttjIcon } from './Wttj';
+export { XIcon } from './X';
+export { XingIcon } from './Xing';
+export { XlsIcon } from './Xls';
+export { XlsxIcon } from './Xlsx';
+export { YoutubeIcon } from './Youtube';
+export { ZapierIcon } from './Zapier';
+export { ZipIcon } from './Zip';

package/dist/types/components/Modal/styles.d.ts

@@ -2,7 +2,6 @@ import { BackdropProps } from './Assets/Backdrop';
 import { ModalOptions } from './index';
 export declare const Backdrop: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, import('@xstyled/system').SystemProps<import('@xstyled/system').Theme> & Pick<BackdropProps, "hideOnInteractOutside">, never>;
 export declare const Dialog: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, import('@xstyled/system').SystemProps<import('@xstyled/system').Theme> & Pick<ModalOptions, "size">, never>;
-export declare const Content: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, import('@xstyled/system').SystemProps<import('@xstyled/system').Theme>, never>;
 export declare const Body: import('styled-components').StyledComponent<"section", import('@xstyled/system').Theme, import('@xstyled/system').SystemProps<import('@xstyled/system').Theme>, never>;
 export declare const Header: import('styled-components').StyledComponent<"header", import('@xstyled/system').Theme, import('@xstyled/system').SystemProps<import('@xstyled/system').Theme>, never>;
 export declare const HeaderSubtitle: import('styled-components').StyledComponent<import('../System').CreateWuiComponent<"p", import('../Text').TextProps>, import('@xstyled/system').Theme, {}, never>;

package/dist/types/components/Select/index.d.ts

@@ -41,7 +41,7 @@ export interface SelectOptions extends DefaultFieldStylesProps {
     placeholder?: string;
     renderCreateItem?: (inputValue: SelectValue) => void;
     renderGroupHeader?: (option: SelectOptionGroup) => React.ReactNode;
-    renderItem?: (item: SelectOption | unknown, isItemSelected?: boolean) => string | React.ReactElement;
+    renderItem?: (item: SelectOption, isItemSelected?: boolean) => string | React.ReactElement;
     renderMultiple?: (values: SelectOption[], handleRemove: (value: string) => void) => React.ReactElement;
     transparent?: boolean;
     value?: SelectValue;
@@ -49,6 +49,6 @@ export interface SelectOptions extends DefaultFieldStylesProps {
 export type SelectProps = CreateWuiProps<'input', SelectOptions & Omit<DownshiftProps<SelectOption>, keyof SelectOptions | 'children'>>;
 /** We need to add autoComplete off to avoid select UI issues when is an input */
 export declare const Select: import('../System').CreateWuiComponent<"input", SelectProps>;
-export declare const StyledSelect: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, import('@xstyled/system').SystemProps<import('@xstyled/system').Theme> & {
+export declare const StyledSelect: import('styled-components').StyledComponent<import('../System').CreateWuiComponent<"div", import('..').BoxProps>, import('@xstyled/system').Theme, {
     disabled: boolean;
 }, never>;

package/dist/types/components/Select/styles.d.ts

@@ -1,12 +1,12 @@
 import { Size } from '../../utils/field-styles';
 import { SelectOptions } from './index';
-export declare const Wrapper: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, import('@xstyled/system').SystemProps<import('@xstyled/system').Theme> & {
-    disabled: boolean;
-}, never>;
 export declare const IconWrapper: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, import('@xstyled/system').SystemProps<import('@xstyled/system').Theme> & {
     iconPlacement: "left" | "right";
     size?: import('../../utils/field-styles').FieldIconSize;
 }, never>;
+export declare const Wrapper: import('styled-components').StyledComponent<import('../System').CreateWuiComponent<"div", import('../Box').BoxProps>, import('@xstyled/system').Theme, {
+    disabled: boolean;
+}, never>;
 export declare const InputWrapper: import('styled-components').StyledComponent<string, import('@xstyled/system').Theme, {}, never>;
 export declare const Input: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {
     iconPlacement?: "both" | "right";

package/dist/types/components/Swiper/index.d.ts

@@ -41,7 +41,7 @@ export declare const useSwiper: (options?: UseSwiperProps) => {
     setCurrentPage: React.Dispatch<React.SetStateAction<number>>;
     fullWidth: boolean;
     id: string;
-    navigationSize: "sm" | "xs" | "md" | "lg";
+    navigationSize: "xs" | "sm" | "md" | "lg";
     slidesPerView: {
         desktop: number;
         mobile: number;

package/dist/types/components/Swiper/styles.d.ts

@@ -10,7 +10,7 @@ export declare const Arrow: import('styled-components').StyledComponent<import('
     setCurrentPage: import('react').Dispatch<import('react').SetStateAction<number>>;
     fullWidth: boolean;
     id: string;
-    navigationSize: "sm" | "xs" | "md" | "lg";
+    navigationSize: "xs" | "sm" | "md" | "lg";
     slidesPerView: {
         desktop: number;
         mobile: number;
@@ -43,7 +43,7 @@ export declare const Pagination: import('styled-components').StyledComponent<"di
     setCurrentPage: import('react').Dispatch<import('react').SetStateAction<number>>;
     fullWidth: boolean;
     id: string;
-    navigationSize: "sm" | "xs" | "md" | "lg";
+    navigationSize: "xs" | "sm" | "md" | "lg";
     slidesPerView: {
         desktop: number;
         mobile: number;
@@ -78,7 +78,7 @@ export declare const Bullet: import('styled-components').StyledComponent<string,
     setCurrentPage: import('react').Dispatch<import('react').SetStateAction<number>>;
     fullWidth: boolean;
     id: string;
-    navigationSize: "sm" | "xs" | "md" | "lg";
+    navigationSize: "xs" | "sm" | "md" | "lg";
     slidesPerView: {
         desktop: number;
         mobile: number;
@@ -111,7 +111,7 @@ export declare const Container: import('styled-components').StyledComponent<"ul"
     setCurrentPage: import('react').Dispatch<import('react').SetStateAction<number>>;
     fullWidth: boolean;
     id: string;
-    navigationSize: "sm" | "xs" | "md" | "lg";
+    navigationSize: "xs" | "sm" | "md" | "lg";
     slidesPerView: {
         desktop: number;
         mobile: number;

package/dist/types/components/index.d.ts

@@ -24,6 +24,9 @@ export * from './Flex';
 export * from './Grid';
 export * from './Hint';
 export * from './Icon';
+export * from './Icons';
+export * as Icons from './Icons';
+export * from './IconFont';
 export * from './InputText';
 export * from './Label';
 export * from './Link';

package/dist/types/theme/index.d.ts

@@ -4,6 +4,7 @@ import { ThemeAlerts } from '../components/Alert/theme';
 import { ThemeAvatars } from '../components/Avatar/theme';
 import { ThemeBadges } from '../components/Badge/theme';
 import { ThemeBreadcrumbs } from '../components/Breadcrumb/theme';
+import { ThemeButtons } from '../components/Button/theme';
 import { ThemeCards } from '../components/Card/theme';
 import { ThemeDateTimePickerCommon } from '../components/DateTimePickerCommon/theme';
 import { ThemeCheckboxes } from '../components/Checkbox/theme';
@@ -33,7 +34,7 @@ import { ThemeVariantIcon } from '../components/VariantIcon/theme';
 import { darkTheme } from './dark';
 import { ThemeColors } from './colors';
 import { ThemeFontFaces } from './fonts';
-import { ThemeFonts, ThemeFontSizes, ThemeFontWeights, ThemeLetterSpacings, ThemeLineHeights, ThemeTexts, ThemeTextsFontFamily, ThemeTextsFontWeights, ThemeTextsTextTransform } from './typography';
+import { ThemeFonts, ThemeFontSizes, ThemeFontWeights, ThemeLetterSpacings, ThemeLineHeights, ThemeTexts, ThemeTextsFontColors, ThemeTextsFontFamily, ThemeTextsFontWeights, ThemeTextsTextTransform } from './typography';
 import { ThemeTimingFunction, ThemeTransitions } from './transitions';
 import { ThemeUnderline } from './underline';
 import { ThemeRadii } from './radii';
@@ -43,20 +44,23 @@ import { ThemeShadows } from './shadows';
 import { ThemeSpace } from './space';
 import { ThemeSelection } from './selection';
 import { ThemeFocus } from './focus';
+import { ThemeDefaultFields } from './defaultFields';
 type OverrideKeys = 'colors' | 'radii' | 'borderWidths' | 'fontSizes' | 'lineHeights' | 'fontWeights' | 'letterSpacings' | 'fonts' | 'sizes' | 'screens' | 'space' | 'shadows' | 'texts';
 type XStyledTheme = Omit<XStyledDefaultTheme, OverrideKeys>;
 type StyledComponentsTheme = Omit<StyledComponentDefaultTheme, OverrideKeys>;
 export interface ThemeValues extends XStyledTheme, StyledComponentsTheme {
     accordions: ThemeAccordions;
-    alert: ThemeAlerts;
+    alerts: ThemeAlerts;
     avatars: ThemeAvatars;
     badges: ThemeBadges;
     borderWidths: ThemeBorderWidths;
     breadcrumbs: ThemeBreadcrumbs;
+    buttons: ThemeButtons;
     cards: ThemeCards;
     checkboxes: ThemeCheckboxes;
     colors: ThemeColors;
     dateTimePickerCommon: ThemeDateTimePickerCommon;
+    defaultFields: ThemeDefaultFields;
     defaultLetterSpacing: string;
     defaultLineHeight: number;
     drawers: ThemeDrawers;
@@ -76,7 +80,7 @@ export interface ThemeValues extends XStyledTheme, StyledComponentsTheme {
     lineHeights: ThemeLineHeights;
     links: ThemeLinks;
     loaders: ThemeLoaders;
-    modal: ThemeModals;
+    modals: ThemeModals;
     pagination: ThemePagination;
     popovers: ThemePopovers;
     radii: ThemeRadii;
@@ -93,6 +97,7 @@ export interface ThemeValues extends XStyledTheme, StyledComponentsTheme {
     tags: ThemeTags;
     textareas: ThemeTextareas;
     texts: ThemeTexts;
+    textsFontColors: ThemeTextsFontColors;
     textsFontFamily: ThemeTextsFontFamily;
     textsFontWeights: ThemeTextsFontWeights;
     textsTextTransform: ThemeTextsTextTransform;

package/dist/{usePopover-CcsC9Y-s.mjs → usePopover-Bbhh3p_j.mjs}

@@ -4,7 +4,8 @@ import { forwardRef as l } from "./System.mjs";
 import s, { th as i, css as p, system as m } from "@xstyled/styled-components";
 import { P, a as v } from "./QYJ6MIDR-Cy39pEs2.mjs";
 import { P as h, H as $, a as C, u as w, b as E } from "./BYC7LY2E-BAjGN7k_.mjs";
-import { C as H } from "./index-ColyClKR.mjs";
+import "./Icon.mjs";
+import { C as H } from "./index-C7zM96J_.mjs";
 import { Box as B } from "./Box.mjs";
 import { Button as T } from "./Button.mjs";
 const b = s(P)`
@@ -87,7 +88,7 @@ const y = s($)`
     const { withCloseButton: c } = e;
     return /* @__PURE__ */ r.createElement(f, { $withCloseButton: c, ref: a, store: e, ...n }, /* @__PURE__ */ r.createElement(g, { onClose: o, store: e }, t));
   }
-), F = Object.assign(_, {
+), G = Object.assign(_, {
   Content: d,
   Title: u,
   Trigger: Z
@@ -106,11 +107,11 @@ const y = s($)`
       /* @__PURE__ */ r.createElement(g, { onClose: o, store: e }, t)
     );
   }
-), G = Object.assign(k, {
+), J = Object.assign(k, {
   Content: d,
   Title: u,
   Trigger: A
-}), J = ({
+}), K = ({
   animated: t = 150,
   withCloseButton: o = !1,
   ...e
@@ -120,7 +121,7 @@ const y = s($)`
     ...e
   }),
   withCloseButton: o
-}), K = ({
+}), N = ({
   animated: t = 150,
   hideTimeout: o = 300,
   showTimeout: e = 500,
@@ -136,8 +137,8 @@ const y = s($)`
   withCloseButton: n
 });
 export {
-  F as P,
-  G as a,
-  K as b,
-  J as u
+  G as P,
+  J as a,
+  N as b,
+  K as u
 };

package/dist/{usePopover-CZsYHcTW.js → usePopover-PCWsuJNF.js}

@@ -1,4 +1,4 @@
-"use client";"use strict";const n=require("react"),l=require("./System.js"),o=require("@xstyled/styled-components"),u=require("./QYJ6MIDR-CRK3satR.js"),a=require("./BYC7LY2E-BkAEL2VD.js"),f=require("./index-Cs1IZBks.js"),g=require("./Box.js"),h=require("./Button.js"),P=o(u.PopoverArrow)`
+"use client";"use strict";const n=require("react"),l=require("./System.js"),o=require("@xstyled/styled-components"),u=require("./QYJ6MIDR-CRK3satR.js"),a=require("./BYC7LY2E-BkAEL2VD.js");require("./Icon.js");const f=require("./index-C1FV1q-F.js"),g=require("./Box.js"),h=require("./Button.js"),P=o(u.PopoverArrow)`
   color: ${o.th("popovers.default.backgroundColor")};
 `,w=o.svgBox(({$transform:t})=>o.css`
     transform: ${t};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "welcome-ui",
-  "version": "1.0.0-beta.4",
+  "version": "1.0.0-beta.5",
   "description": "Customizable design system with react • styled-components • styled-system and ariakit.",
   "files": [
     "dist"
@@ -18,7 +18,8 @@
       "types": "./dist/types/components/*/index.d.ts",
       "import": "./dist/*.mjs",
       "require": "./dist/*.js"
-    }
+    },
+    "./fonts/*": "./dist/fonts/*"
   },
   "scripts": {
     "start": "vite build --watch",
@@ -49,49 +50,57 @@
     "@ariakit/react": "0.4.15"
   },
   "devDependencies": {
+    "@juggle/resize-observer": "^3.4.0",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.1.0",
     "@testing-library/user-event": "^14.5.2",
     "@types/lodash.capitalize": "^4.2.9",
     "@types/lodash.debounce": "^4.0.6",
-    "@types/react-datepicker": "^4.15.0",
+    "@types/lodash.range": "^3.2.9",
     "@types/react": "^18.3.12",
+    "@types/react-datepicker": "^4.15.0",
     "@xstyled/styled-components": "^3.7.3",
     "copy-to-clipboard": "^3.3.3",
     "date-fns": "^4.1.0",
     "downshift": "^7.4.1",
     "lodash.capitalize": "^4.2.1",
     "lodash.debounce": "^4.0.8",
+    "lodash.range": "^3.2.0",
     "lottie-light-react": "^2.4.0",
     "match-sorter": "^8.0.0",
+    "react": "^18.0.0",
     "react-datepicker": "^4.16.0",
     "react-docgen-typescript": "^2.2.2",
     "react-dropzone": "^14.3.5",
     "react-flatten-children": "^1.0.0",
     "react-hot-toast": "^2.4.1",
-    "react": "^18.0.0",
     "rollup-preserve-directives": "^1.1.3",
     "styled-components": "^5.3.9",
     "typescript": "^5.6.3",
-    "vite-plugin-dts": "^4.3.0",
     "vite": "^5.4.10",
+    "vite-plugin-dts": "^4.3.0",
+    "vite-plugin-static-copy": "^2.2.0",
     "wttj-config": "^3.0.1"
   },
   "peerDependencies": {
+    "@juggle/resize-observer": "^3.4.0",
     "@xstyled/styled-components": "^3.7.3",
     "copy-to-clipboard": "^3.3.3",
     "date-fns": "^4.1.0",
     "downshift": "^7.4.1",
     "lottie-light-react": "^2.4.0",
     "match-sorter": "^8.0.0",
+    "react": "^18.0.0",
     "react-datepicker": "^4.16.0",
     "react-dropzone": "^14.3.5",
     "react-flatten-children": "^1.0.0",
     "react-hot-toast": "^2.4.1",
-    "react": "^18^.0.0",
     "styled-components": "^5.3.9"
   },
   "peerDependenciesMeta": {
+    "@juggle/resize-observer": {
+      "optional": true
+    },
     "copy-to-clipboard": {
       "optional": true
     },
@@ -120,8 +129,5 @@
       "optional": true
     }
   },
-  "resolutions": {
-    "loader-utils": "2.0.3"
-  },
   "homepage": "https://welcome-ui.com"
 }

package/dist/index-CgT8GWHS.js

@@ -1 +0,0 @@
-"use client";"use strict";const e=require("./index-Cs1IZBks.js"),s=(i,p=2)=>{if(i===0)return"0 Bytes";const a=1024,m=p<0?0:p,c=["Bytes","KB","MB","GB"],o=Math.floor(Math.log(i)/Math.log(a));return parseFloat((i/Math.pow(a,o)).toFixed(m))+" "+c[o]},r={"7z":"application/x-7z-compressed",aac:"audio/aac",aif:"audio/x-aiff",aifc:"audio/x-aiff",aiff:"audio/x-aiff",au:"audio/basic",avi:"video/x-msvideo",bmp:"image/x-ms-bmp",bz:"application/x-bzip",bz2:"application/x-bzip2",csv:"text/csv",doc:"application/msword",docx:"application/vnd.openxmlformats-officedocument.wordprocessingml.document",gif:"image/gif",gz:"application/gzip",ico:"image/x-icon",jpe:"image/jpeg",jpeg:"image/jpeg",jpg:"image/jpeg",m1v:"video/mpeg",mid:"audio/midi",midi:"audio/x-midi",mov:"video/quicktime",movie:"video/x-sgi-movie",mp2:"audio/mpeg",mp3:"audio/mpeg",mp4:"video/mp4",mpa:"video/mpeg",mpe:"video/mpeg",mpeg:"video/mpeg",mpg:"video/mpeg",pbm:"image/x-portable-bitmap",pdf:"application/pdf",pgm:"image/x-portable-graymap",png:"image/png",pnm:"image/x-portable-anymap",pot:"application/vnd.ms-powerpoint",ppa:"application/vnd.ms-powerpoint",ppm:"image/x-portable-pixmap",pps:"application/vnd.ms-powerpoint",ppt:"application/vnd.ms-powerpoint",pptx:"application/vnd.openxmlformats-officedocument.presentationml.presentation",ps:"application/postscript",pwz:"application/vnd.ms-powerpoint",qt:"video/quicktime",ra:"audio/x-pn-realaudio",rar:"application/vnd.rar",ras:"image/x-cmu-raster",rgb:"image/x-rgb",snd:"audio/basic",svg:"image/svg+xml",tif:"image/tiff",tiff:"image/tiff",wav:"audio/x-wav",weba:"audio/webm",webm:"video/webm",webp:"image/webp",wiz:"application/msword",xbm:"image/x-xbitmap",xls:"application/vnd.ms-excel",xlsx:"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",xpm:"image/x-xpixmap",xwd:"image/x-xwindowdump",zip:"application/zip"};function d(i){return i.split("?")[0]}function t(i){return typeof i=="string"?d(i).split("/").pop():i.name}function n(i){if(typeof i=="string"){const p=t(i).split(".").pop();return r[p]||null}else return i.type}function l(i){return i instanceof File&&i.size?s(i.size,0):null}function g(i,p){const a=n(i);if(!p&&!a)return e.AttachmentIcon;if(p==="image"||a&&a.startsWith("image/"))return e.CameraIcon;if(p==="audio"||a&&a.startsWith("audio/"))return e.MusicIcon;if(p==="video"||a&&a.startsWith("video/"))return e.VideoIcon;switch(a){case"application/pdf":return e.PdfIcon;case"application/msword":return e.DocIcon;case"application/vnd.openxmlformats-officedocument.wordprocessingml.document":return e.DocxIcon;case"application/vnd.ms-excel":return e.XlsIcon;case"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet":return e.XlsxIcon;case"application/vnd.ms-powerpoint":case"application/vnd.openxmlformats-officedocument.presentationml.presentation":return e.PptIcon;case"application/zip":case"application/x-bzip":case"application/x-bzip2":case"application/x-7z-compressed":case"application/gzip":case"application/vnd.rar":return e.ZipIcon;case"text/csv":return e.CsvIcon;default:return e.AttachmentIcon}}exports.getFileIcon=g;exports.getFileName=t;exports.getFileSize=l;exports.getMimeType=n;