takeat-design-system-ui-kit 1.0.0 → 1.1.2

package/dist/index.d.cts

@@ -0,0 +1,955 @@
+export { Accordion } from './components/Accordion/index.cjs';
+export { AlertDialog } from './components/AlertDialog/index.cjs';
+export { Avatar } from './components/Avatar/index.cjs';
+export { Badge } from './components/Badge/index.cjs';
+export { Button } from './components/Button/index.cjs';
+export { Calendar } from './components/Calendar/index.cjs';
+export { CalendarDateFuture } from './components/CalendarDateFuture/index.cjs';
+export { Checkbox } from './components/Checkbox/index.cjs';
+export { CheckboxGroup } from './components/CheckboxGroup/index.cjs';
+export { CollapsableMenu } from './components/CollapsableMenu/index.cjs';
+export { ColorBadge } from './components/ColorBadge/index.cjs';
+export { CounterBadge } from './components/CounterBadge/index.cjs';
+export { DevelopedByTakeat } from './components/DevelopedByTakeat/index.cjs';
+export { Divider } from './components/Divider/index.cjs';
+export { Drawer } from './components/Drawer/index.cjs';
+export { Dropdown } from './components/Dropdown/index.cjs';
+export { default as ErrorBoundary } from './components/ErrorBoundary/index.cjs';
+export { HighlightIcon } from './components/HighlightIcon/index.cjs';
+export { Image } from './components/Image/index.cjs';
+export { Input } from './components/Input/index.cjs';
+export { Icon99Food } from './components/icons/Icon99Food.cjs';
+export { IconAddCircleFilled } from './components/icons/IconAddCircleFilled.cjs';
+export { IconAlarm } from './components/icons/IconAlarm.cjs';
+export { IconArray } from './components/icons/IconArray.cjs';
+export { IconArrowBack } from './components/icons/IconArrowBack.cjs';
+export { IconArrowDown } from './components/icons/IconArrowDown.cjs';
+export { IconArrowDropDown } from './components/icons/IconArrowDropDown.cjs';
+export { IconArrowDropUp } from './components/icons/IconArrowDropUp.cjs';
+export { IconArrowFoward } from './components/icons/IconArrowFoward.cjs';
+export { IconArrowUp } from './components/icons/IconArrowUp.cjs';
+export { IconBackspace } from './components/icons/IconBackspace.cjs';
+export { IconBackspaceFilled } from './components/icons/IconBackspaceFilled.cjs';
+export { IconBanestes } from './components/icons/IconBanestes.cjs';
+export { IconBarGraph } from './components/icons/IconBarGraph.cjs';
+export { IconBarTable } from './components/icons/IconBarTable.cjs';
+export { IconBell } from './components/icons/IconBell.cjs';
+export { IconBellFilled } from './components/icons/IconBellFilled.cjs';
+export { IconBellNotification } from './components/icons/IconBellNotification.cjs';
+export { IconBellNotificationFilled } from './components/icons/IconBellNotificationFilled.cjs';
+export { IconBill } from './components/icons/IconBill.cjs';
+export { IconBillFilled } from './components/icons/IconBillFilled.cjs';
+export { IconBookOpen } from './components/icons/IconBookOpen.cjs';
+export { IconBookOpenFilled } from './components/icons/IconBookOpenFilled.cjs';
+export { IconBullhorn } from './components/icons/IconBullhorn.cjs';
+export { IconCached } from './components/icons/IconCached.cjs';
+export { IconCalendar } from './components/icons/IconCalendar.cjs';
+export { IconCalendarCheck } from './components/icons/IconCalendarCheck.cjs';
+export { IconCalendarCheckFilled } from './components/icons/IconCalendarCheckFilled.cjs';
+export { IconCalendarFilled } from './components/icons/IconCalendarFilled.cjs';
+export { IconCall } from './components/icons/IconCall.cjs';
+export { IconCar } from './components/icons/IconCar.cjs';
+export { IconCardBack } from './components/icons/IconCardBack.cjs';
+export { IconCardFront } from './components/icons/IconCardFront.cjs';
+export { IconCashback } from './components/icons/IconCashback.cjs';
+export { IconCashier } from './components/icons/IconCashier.cjs';
+export { IconCashierFilled } from './components/icons/IconCashierFilled.cjs';
+export { IconCelebratingUser } from './components/icons/IconCelebratingUser.cjs';
+export { IconChat } from './components/icons/IconChat.cjs';
+export { IconChatFilled } from './components/icons/IconChatFilled.cjs';
+export { IconCheck } from './components/icons/IconCheck.cjs';
+export { IconCheckbox } from './components/icons/IconCheckbox.cjs';
+export { IconCheckboxChecked } from './components/icons/IconCheckboxChecked.cjs';
+export { IconCheckboxCheckedFilled } from './components/icons/IconCheckboxCheckedFilled.cjs';
+export { IconCheckCircle } from './components/icons/IconCheckCircle.cjs';
+export { IconChevronDown } from './components/icons/IconChevronDown.cjs';
+export { IconChevronLeft } from './components/icons/IconChevronLeft.cjs';
+export { IconChevronRight } from './components/icons/IconChevronRight.cjs';
+export { IconChevronUp } from './components/icons/IconChevronUp.cjs';
+export { IconClipboardCheck } from './components/icons/IconClipboardCheck.cjs';
+export { IconClipboardCheckFilled } from './components/icons/IconClipboardCheckFilled.cjs';
+export { IconClock } from './components/icons/IconClock.cjs';
+export { IconClockFilled } from './components/icons/IconClockFilled.cjs';
+export { IconClose } from './components/icons/IconClose.cjs';
+export { IconCloseCircle } from './components/icons/IconCloseCircle.cjs';
+export { IconCloseCircleFilled } from './components/icons/IconCloseCircleFilled.cjs';
+export { IconCloseMenu } from './components/icons/IconCloseMenu.cjs';
+export { IconCloud } from './components/icons/IconCloud.cjs';
+export { IconCloudFilled } from './components/icons/IconCloudFilled.cjs';
+export { IconCopy } from './components/icons/IconCopy.cjs';
+export { IconCopyFilled } from './components/icons/IconCopyFilled.cjs';
+export { IconCut } from './components/icons/IconCut.cjs';
+export { IconDeliveryBag } from './components/icons/IconDeliveryBag.cjs';
+export { IconDeliveryBagSchedule } from './components/icons/IconDeliveryBagSchedule.cjs';
+export { IconDeliverySchedule } from './components/icons/IconDeliverySchedule.cjs';
+export { IconDiamond } from './components/icons/IconDiamond.cjs';
+export { IconDiscount } from './components/icons/IconDiscount.cjs';
+export { IconDiscountFilled } from './components/icons/IconDiscountFilled.cjs';
+export { IconDivide } from './components/icons/IconDivide.cjs';
+export { IconDollarSign } from './components/icons/IconDollarSign.cjs';
+export { IconDownload } from './components/icons/IconDownload.cjs';
+export { IconError } from './components/icons/IconError.cjs';
+export { IconExchange } from './components/icons/IconExchange.cjs';
+export { IconExclamation } from './components/icons/IconExclamation.cjs';
+export { IconExpand } from './components/icons/IconExpand.cjs';
+export { IconExternalLink } from './components/icons/IconExternalLink.cjs';
+export { IconEye } from './components/icons/IconEye.cjs';
+export { IconEyeFilled } from './components/icons/IconEyeFilled.cjs';
+export { IconEyeSlash } from './components/icons/IconEyeSlash.cjs';
+export { IconEyeSlashFilled } from './components/icons/IconEyeSlashFilled.cjs';
+export { IconFilterList } from './components/icons/IconFilterList.cjs';
+export { IconFolderOpen } from './components/icons/IconFolderOpen.cjs';
+export { IconFolderOpenFilled } from './components/icons/IconFolderOpenFilled.cjs';
+export { IconGift } from './components/icons/IconGift.cjs';
+export { IconGiftFilled } from './components/icons/IconGiftFilled.cjs';
+export { IconHand } from './components/icons/IconHand.cjs';
+export { IconHandFilled } from './components/icons/IconHandFilled.cjs';
+export { IconHelmet } from './components/icons/IconHelmet.cjs';
+export { IconHelpFilled } from './components/icons/IconHelpFilled.cjs';
+export { IconHome } from './components/icons/IconHome.cjs';
+export { IconHomeFilled } from './components/icons/IconHomeFilled.cjs';
+export { IconHourGlass } from './components/icons/IconHourGlass.cjs';
+export { IconIdCard } from './components/icons/IconIdCard.cjs';
+export { IconIdCardFilled } from './components/icons/IconIdCardFilled.cjs';
+export { IconIfood } from './components/icons/IconIfood.cjs';
+export { IconInfo } from './components/icons/IconInfo.cjs';
+export { IconInfoFilled } from './components/icons/IconInfoFilled.cjs';
+export { IconInstagram } from './components/icons/IconInstagram.cjs';
+export { IconLightBulb } from './components/icons/IconLightBulb.cjs';
+export { IconLike } from './components/icons/IconLike.cjs';
+export { IconLikeFilled } from './components/icons/IconLikeFilled.cjs';
+export { IconLink } from './components/icons/IconLink.cjs';
+export { IconLinkSlash } from './components/icons/IconLinkSlash.cjs';
+export { IconLocation } from './components/icons/IconLocation.cjs';
+export { IconLocationFilled } from './components/icons/IconLocationFilled.cjs';
+export { IconLock } from './components/icons/IconLock.cjs';
+export { IconLockFilled } from './components/icons/IconLockFilled.cjs';
+export { IconLogout } from './components/icons/IconLogout.cjs';
+export { IconMail } from './components/icons/IconMail.cjs';
+export { IconMailFilled } from './components/icons/IconMailFilled.cjs';
+export { IconManager } from './components/icons/IconManager.cjs';
+export { IconMedal } from './components/icons/IconMedal.cjs';
+export { IconMenu } from './components/icons/IconMenu.cjs';
+export { IconMenuCircles } from './components/icons/IconMenuCircles.cjs';
+export { IconMinus } from './components/icons/IconMinus.cjs';
+export { IconMinusCircle } from './components/icons/IconMinusCircle.cjs';
+export { IconMinusCircleFilled } from './components/icons/IconMinusCircleFilled.cjs';
+export { IconMoney } from './components/icons/IconMoney.cjs';
+export { IconMoneyCircle } from './components/icons/IconMoneyCircle.cjs';
+export { IconMoneyFilled } from './components/icons/IconMoneyFilled.cjs';
+export { IconMotorcycle } from './components/icons/IconMotorcycle.cjs';
+export { IconMultilojas } from './components/icons/IconMultilojas.cjs';
+export { IconPause } from './components/icons/IconPause.cjs';
+export { IconPdf } from './components/icons/IconPdf.cjs';
+export { IconPdfFilled } from './components/icons/IconPdfFilled.cjs';
+export { IconPencil } from './components/icons/IconPencil.cjs';
+export { IconPencilFilled } from './components/icons/IconPencilFilled.cjs';
+export { IconPercent } from './components/icons/IconPercent.cjs';
+export { IconPhone } from './components/icons/IconPhone.cjs';
+export { IconPhoneFilled } from './components/icons/IconPhoneFilled.cjs';
+export { IconPiggyBank } from './components/icons/IconPiggyBank.cjs';
+export { IconPiggyBankFilled } from './components/icons/IconPiggyBankFilled.cjs';
+export { IconPix } from './components/icons/IconPix.cjs';
+export { IconPlayCircle } from './components/icons/IconPlayCircle.cjs';
+export { IconPlayCircleFilled } from './components/icons/IconPlayCircleFilled.cjs';
+export { IconPlaySquare } from './components/icons/IconPlaySquare.cjs';
+export { IconPlaySquareFilled } from './components/icons/IconPlaySquareFilled.cjs';
+export { IconPlus } from './components/icons/IconPlus.cjs';
+export { IconPlusCircle } from './components/icons/IconPlusCircle.cjs';
+export { IconPointingfinger } from './components/icons/IconPointingfinger.cjs';
+export { IconPos } from './components/icons/IconPos.cjs';
+export { IconPower } from './components/icons/IconPower.cjs';
+export { IconPrinter } from './components/icons/IconPrinter.cjs';
+export { IconPrinterFilled } from './components/icons/IconPrinterFilled.cjs';
+export { IconQrCode } from './components/icons/IconQrCode.cjs';
+export { IconQuestion } from './components/icons/IconQuestion.cjs';
+export { IconRadioButton } from './components/icons/IconRadioButton.cjs';
+export { IconRadioButtonChecked } from './components/icons/IconRadioButtonChecked.cjs';
+export { IconRedo } from './components/icons/IconRedo.cjs';
+export { IconRefresh } from './components/icons/IconRefresh.cjs';
+export { IconRescueCashback } from './components/icons/IconRescueCashback.cjs';
+export { IconResume } from './components/icons/IconResume.cjs';
+export { IconRoundChat } from './components/icons/IconRoundChat.cjs';
+export { IconSchedule } from './components/icons/IconSchedule.cjs';
+export { IconScheduleFilled } from './components/icons/IconScheduleFilled.cjs';
+export { IconSearch } from './components/icons/IconSearch.cjs';
+export { IconSettings } from './components/icons/IconSettings.cjs';
+export { IconSettingsFilled } from './components/icons/IconSettingsFilled.cjs';
+export { IconShrink } from './components/icons/IconShrink.cjs';
+export { IconSparkle } from './components/icons/IconSparkle.cjs';
+export { IconSparkleFilled } from './components/icons/IconSparkleFilled.cjs';
+export { IconSquareMenu } from './components/icons/IconSquareMenu.cjs';
+export { IconStar } from './components/icons/IconStar.cjs';
+export { IconStarFilled } from './components/icons/IconStarFilled.cjs';
+export { IconStorage } from './components/icons/IconStorage.cjs';
+export { IconStore } from './components/icons/IconStore.cjs';
+export { IconStoreFilled } from './components/icons/IconStoreFilled.cjs';
+export { IconTakeat } from './components/icons/IconTakeat.cjs';
+export { IconTakeatCart } from './components/icons/IconTakeatCart.cjs';
+export { IconTakeatClub } from './components/icons/IconTakeatClub.cjs';
+export { IconTakeatFilled } from './components/icons/IconTakeatFilled.cjs';
+export { IconTicket } from './components/icons/IconTicket.cjs';
+export { IconTicketFilled } from './components/icons/IconTicketFilled.cjs';
+export { IconTrash } from './components/icons/IconTrash.cjs';
+export { IconTrashFilled } from './components/icons/IconTrashFilled.cjs';
+export { IconTrendingDown } from './components/icons/IconTrendingDown.cjs';
+export { IconTrendingUp } from './components/icons/IconTrendingUp.cjs';
+export { IconTrophy } from './components/icons/IconTrophy.cjs';
+export { IconUndo } from './components/icons/IconUndo.cjs';
+export { IconUser } from './components/icons/IconUser.cjs';
+export { IconUserAdd } from './components/icons/IconUserAdd.cjs';
+export { IconUserAddFilled } from './components/icons/IconUserAddFilled.cjs';
+export { IconUserCircle } from './components/icons/IconUserCircle.cjs';
+export { IconUserCircleFilled } from './components/icons/IconUserCircleFilled.cjs';
+export { IconUserComputer } from './components/icons/IconUserComputer.cjs';
+export { IconUserError } from './components/icons/IconUserError.cjs';
+export { IconUserFilled } from './components/icons/IconUserFilled.cjs';
+export { IconUserGroup } from './components/icons/IconUserGroup.cjs';
+export { IconUserRefresh } from './components/icons/IconUserRefresh.cjs';
+export { IconUtensils } from './components/icons/IconUtensils.cjs';
+export { IconWaiter } from './components/icons/IconWaiter.cjs';
+export { IconWarning } from './components/icons/IconWarning.cjs';
+export { IconWarningFilled } from './components/icons/IconWarningFilled.cjs';
+export { IconWhatsapp } from './components/icons/IconWhatsapp.cjs';
+export { IconWhatsappFilled } from './components/icons/IconWhatsappFilled.cjs';
+import * as React$1 from 'react';
+import React__default, { ReactNode, ReactElement } from 'react';
+export { LoadingPage } from './components/LoadingPage/index.cjs';
+export { Menu } from './components/Menu/index.cjs';
+export { Meter } from './components/Meter/index.cjs';
+export { default as Modal } from './components/Modal/index.cjs';
+export { NeutralBadge } from './components/NeutralBadge/index.cjs';
+export { NotificationBanner } from './components/NotificationBanner/index.cjs';
+export { Radio } from './components/Radio/index.cjs';
+export { RadioGroup } from './components/RadioGroup/index.cjs';
+export { ScrollArea } from './components/ScrollArea/index.cjs';
+export { Select } from './components/Select/index.cjs';
+export { SingleCalendar } from './components/SingleCalendar/index.cjs';
+export { SingleTab } from './components/SingleTab/index.cjs';
+export { Skeleton } from './components/Skeleton/index.cjs';
+export { Slider } from './components/Slider/index.cjs';
+export { Spinner } from './components/Spinner/index.cjs';
+export { Switch } from './components/Switch/index.cjs';
+export { TabGroup } from './components/TabGroup/index.cjs';
+export { TakeatLogo } from './components/TakeatLogo/index.cjs';
+export { TextArea } from './components/TextArea/index.cjs';
+export { Toolbar } from './components/Toolbar/index.cjs';
+export { Tooltip } from './components/Tooltip/index.cjs';
+export { C as ColorType, D as DEFAULT_THEME, a as DefaultThemeType } from './consts-DkuQ7CCO.cjs';
+import 'react/jsx-runtime';
+import '@base-ui/react/button';
+import '@base-ui/react/checkbox';
+import '@base-ui/react/input';
+import '@base-ui/react/switch';
+
+interface ColumnsGridProps extends React.HTMLAttributes<HTMLDivElement> {
+    columnCount: number;
+    gap?: string;
+    children: Iterable<ReactNode>;
+}
+declare const ColumnsGrid: React$1.ForwardRefExoticComponent<ColumnsGridProps & React$1.RefAttributes<HTMLDivElement>>;
+
+interface GridProps extends React.HTMLAttributes<HTMLDivElement> {
+    elementsPerRow?: number[];
+    children: ReactElement[];
+    gap?: string;
+}
+declare const Grid: React$1.ForwardRefExoticComponent<GridProps & React$1.RefAttributes<HTMLDivElement>>;
+
+interface GridAreaProps extends React__default.HTMLAttributes<HTMLDivElement> {
+    areaTemplate: number[][];
+    gap: string;
+    children: React__default.ReactElement[];
+}
+declare const GridArea: React__default.ForwardRefExoticComponent<GridAreaProps & React__default.RefAttributes<HTMLDivElement>>;
+
+declare function newPrintFunction(data: CommonData): string;
+
+declare const vars: {
+    colors: {
+        readonly primary: {
+            readonly lightest: `var(--${string})`;
+            readonly lighter: `var(--${string})`;
+            readonly light: `var(--${string})`;
+            readonly default: `var(--${string})`;
+            readonly dark: `var(--${string})`;
+            readonly darker: `var(--${string})`;
+        };
+        readonly red: {
+            readonly lightest: `var(--${string})`;
+            readonly lighter: `var(--${string})`;
+            readonly light: `var(--${string})`;
+            readonly default: `var(--${string})`;
+            readonly dark: `var(--${string})`;
+            readonly darker: `var(--${string})`;
+        };
+        readonly yellow: {
+            readonly lightest: `var(--${string})`;
+            readonly lighter: `var(--${string})`;
+            readonly light: `var(--${string})`;
+            readonly default: `var(--${string})`;
+            readonly dark: `var(--${string})`;
+            readonly darker: `var(--${string})`;
+        };
+        readonly green: {
+            readonly lightest: `var(--${string})`;
+            readonly lighter: `var(--${string})`;
+            readonly light: `var(--${string})`;
+            readonly default: `var(--${string})`;
+            readonly dark: `var(--${string})`;
+            readonly darker: `var(--${string})`;
+        };
+        readonly blue: {
+            readonly lightest: `var(--${string})`;
+            readonly lighter: `var(--${string})`;
+            readonly light: `var(--${string})`;
+            readonly default: `var(--${string})`;
+            readonly dark: `var(--${string})`;
+            readonly darker: `var(--${string})`;
+        };
+        readonly orange: {
+            readonly lightest: `var(--${string})`;
+            readonly lighter: `var(--${string})`;
+            readonly light: `var(--${string})`;
+            readonly default: `var(--${string})`;
+            readonly dark: `var(--${string})`;
+            readonly darker: `var(--${string})`;
+        };
+        readonly second_green: {
+            readonly lightest: `var(--${string})`;
+            readonly lighter: `var(--${string})`;
+            readonly light: `var(--${string})`;
+            readonly default: `var(--${string})`;
+            readonly dark: `var(--${string})`;
+            readonly darker: `var(--${string})`;
+        };
+        readonly neutral: {
+            readonly white: `var(--${string})`;
+            readonly lightest: `var(--${string})`;
+            readonly lighter: `var(--${string})`;
+            readonly light: `var(--${string})`;
+            readonly default: `var(--${string})`;
+            readonly dark: `var(--${string})`;
+            readonly darker: `var(--${string})`;
+            readonly black: `var(--${string})`;
+        };
+    };
+    shadows: {
+        readonly lighter: `var(--${string})`;
+        readonly light: `var(--${string})`;
+        readonly default: `var(--${string})`;
+        readonly dark: `var(--${string})`;
+        readonly darker: `var(--${string})`;
+    };
+    typography: {
+        readonly family: {
+            readonly default: `var(--${string})`;
+        };
+        readonly weights: {
+            readonly regular: `var(--${string})`;
+            readonly medium: `var(--${string})`;
+            readonly semibold: `var(--${string})`;
+            readonly bold: `var(--${string})`;
+        };
+        readonly scale: {
+            readonly display: {
+                readonly fontSize: `var(--${string})`;
+                readonly lineHeight: `var(--${string})`;
+                readonly fontWeight: `var(--${string})`;
+            };
+            readonly heading: {
+                readonly fontSize: `var(--${string})`;
+                readonly lineHeight: `var(--${string})`;
+                readonly fontWeight: `var(--${string})`;
+            };
+            readonly body: {
+                readonly fontSize: `var(--${string})`;
+                readonly lineHeight: `var(--${string})`;
+                readonly fontWeight: `var(--${string})`;
+            };
+            readonly caption: {
+                readonly fontSize: `var(--${string})`;
+                readonly lineHeight: `var(--${string})`;
+                readonly fontWeight: `var(--${string})`;
+            };
+            readonly small: {
+                readonly fontSize: `var(--${string})`;
+                readonly lineHeight: `var(--${string})`;
+                readonly fontWeight: `var(--${string})`;
+            };
+        };
+    };
+    spacing: {
+        readonly xxs: `var(--${string})`;
+        readonly xs: `var(--${string})`;
+        readonly s: `var(--${string})`;
+        readonly m: `var(--${string})`;
+        readonly l: `var(--${string})`;
+        readonly xl: `var(--${string})`;
+        readonly xxl: `var(--${string})`;
+    };
+    radius: {
+        readonly s: `var(--${string})`;
+        readonly m: `var(--${string})`;
+        readonly l: `var(--${string})`;
+        readonly xl: `var(--${string})`;
+        readonly xxl: `var(--${string})`;
+    };
+    semantic: {
+        readonly error: `var(--${string})`;
+        readonly success: `var(--${string})`;
+        readonly info: `var(--${string})`;
+        readonly warning: `var(--${string})`;
+    };
+    zIndex: {
+        readonly dropdown: `var(--${string})`;
+        readonly modal: `var(--${string})`;
+        readonly tooltip: `var(--${string})`;
+        readonly toast: `var(--${string})`;
+    };
+    motion: {
+        readonly fast: `var(--${string})`;
+        readonly normal: `var(--${string})`;
+        readonly slow: `var(--${string})`;
+    };
+    components: {
+        readonly fieldInfo: {
+            readonly fontSize: {
+                readonly desktop: `var(--${string})`;
+                readonly tablet: `var(--${string})`;
+                readonly totem: `var(--${string})`;
+            };
+        };
+        readonly input: {
+            readonly label: {
+                readonly fontSize: {
+                    readonly desktop: `var(--${string})`;
+                    readonly large: `var(--${string})`;
+                    readonly medium: `var(--${string})`;
+                    readonly small: `var(--${string})`;
+                    readonly tablet: `var(--${string})`;
+                    readonly "tablet-medium": `var(--${string})`;
+                    readonly "tablet-small": `var(--${string})`;
+                    readonly totem: `var(--${string})`;
+                    readonly "totem-medium": `var(--${string})`;
+                    readonly "totem-small": `var(--${string})`;
+                };
+            };
+            readonly input: {
+                readonly fontSize: {
+                    readonly desktop: `var(--${string})`;
+                    readonly large: `var(--${string})`;
+                    readonly medium: `var(--${string})`;
+                    readonly small: `var(--${string})`;
+                    readonly tablet: `var(--${string})`;
+                    readonly "tablet-medium": `var(--${string})`;
+                    readonly "tablet-small": `var(--${string})`;
+                    readonly totem: `var(--${string})`;
+                    readonly "totem-medium": `var(--${string})`;
+                    readonly "totem-small": `var(--${string})`;
+                };
+                readonly height: {
+                    readonly desktop: `var(--${string})`;
+                    readonly large: `var(--${string})`;
+                    readonly medium: `var(--${string})`;
+                    readonly small: `var(--${string})`;
+                    readonly tablet: `var(--${string})`;
+                    readonly "tablet-medium": `var(--${string})`;
+                    readonly "tablet-small": `var(--${string})`;
+                    readonly totem: `var(--${string})`;
+                    readonly "totem-medium": `var(--${string})`;
+                    readonly "totem-small": `var(--${string})`;
+                };
+                readonly borderRadius: {
+                    readonly desktop: `var(--${string})`;
+                    readonly large: `var(--${string})`;
+                    readonly medium: `var(--${string})`;
+                    readonly small: `var(--${string})`;
+                    readonly tablet: `var(--${string})`;
+                    readonly "tablet-medium": `var(--${string})`;
+                    readonly "tablet-small": `var(--${string})`;
+                    readonly totem: `var(--${string})`;
+                    readonly "totem-medium": `var(--${string})`;
+                    readonly "totem-small": `var(--${string})`;
+                };
+                readonly padding: {
+                    readonly desktop: `var(--${string})`;
+                    readonly large: `var(--${string})`;
+                    readonly medium: `var(--${string})`;
+                    readonly small: `var(--${string})`;
+                    readonly tablet: `var(--${string})`;
+                    readonly "tablet-medium": `var(--${string})`;
+                    readonly "tablet-small": `var(--${string})`;
+                    readonly totem: `var(--${string})`;
+                    readonly "totem-medium": `var(--${string})`;
+                    readonly "totem-small": `var(--${string})`;
+                };
+            };
+        };
+        readonly select: {
+            readonly padding: {
+                readonly desktop: `var(--${string})`;
+                readonly tablet: `var(--${string})`;
+                readonly totem: `var(--${string})`;
+            };
+        };
+        readonly button: {
+            readonly fontSize: {
+                readonly medium: `var(--${string})`;
+                readonly small: `var(--${string})`;
+                readonly large: `var(--${string})`;
+                readonly tablet: `var(--${string})`;
+                readonly "tablet-medium": `var(--${string})`;
+                readonly "tablet-small": `var(--${string})`;
+                readonly totem: `var(--${string})`;
+                readonly "totem-medium": `var(--${string})`;
+                readonly "totem-small": `var(--${string})`;
+            };
+            readonly height: {
+                readonly large: `var(--${string})`;
+                readonly medium: `var(--${string})`;
+                readonly small: `var(--${string})`;
+                readonly tablet: `var(--${string})`;
+                readonly "tablet-medium": `var(--${string})`;
+                readonly "tablet-small": `var(--${string})`;
+                readonly totem: `var(--${string})`;
+                readonly "totem-medium": `var(--${string})`;
+                readonly "totem-small": `var(--${string})`;
+            };
+            readonly padding: {
+                readonly large: {
+                    readonly text: `var(--${string})`;
+                    readonly icon: `var(--${string})`;
+                    readonly textAndIcon: `var(--${string})`;
+                };
+                readonly medium: {
+                    readonly text: `var(--${string})`;
+                    readonly icon: `var(--${string})`;
+                    readonly textAndIcon: `var(--${string})`;
+                };
+                readonly small: {
+                    readonly text: `var(--${string})`;
+                    readonly icon: `var(--${string})`;
+                    readonly textAndIcon: `var(--${string})`;
+                };
+                readonly tablet: {
+                    readonly text: `var(--${string})`;
+                    readonly icon: `var(--${string})`;
+                    readonly textAndIcon: `var(--${string})`;
+                };
+                readonly "tablet-medium": {
+                    readonly text: `var(--${string})`;
+                    readonly icon: `var(--${string})`;
+                    readonly textAndIcon: `var(--${string})`;
+                };
+                readonly "tablet-small": {
+                    readonly text: `var(--${string})`;
+                    readonly icon: `var(--${string})`;
+                    readonly textAndIcon: `var(--${string})`;
+                };
+                readonly totem: {
+                    readonly text: `var(--${string})`;
+                    readonly icon: `var(--${string})`;
+                    readonly textAndIcon: `var(--${string})`;
+                };
+                readonly "totem-medium": {
+                    readonly text: `var(--${string})`;
+                    readonly icon: `var(--${string})`;
+                    readonly textAndIcon: `var(--${string})`;
+                };
+                readonly "totem-small": {
+                    readonly text: `var(--${string})`;
+                    readonly icon: `var(--${string})`;
+                    readonly textAndIcon: `var(--${string})`;
+                };
+            };
+            readonly borderRadius: {
+                readonly large: `var(--${string})`;
+                readonly medium: `var(--${string})`;
+                readonly small: `var(--${string})`;
+                readonly tablet: `var(--${string})`;
+                readonly "tablet-medium": `var(--${string})`;
+                readonly "tablet-small": `var(--${string})`;
+                readonly totem: `var(--${string})`;
+                readonly "totem-medium": `var(--${string})`;
+                readonly "totem-small": `var(--${string})`;
+            };
+            readonly iconSize: {
+                readonly large: `var(--${string})`;
+                readonly medium: `var(--${string})`;
+                readonly small: `var(--${string})`;
+                readonly tablet: `var(--${string})`;
+                readonly "tablet-medium": `var(--${string})`;
+                readonly "tablet-small": `var(--${string})`;
+                readonly totem: `var(--${string})`;
+                readonly "totem-medium": `var(--${string})`;
+                readonly "totem-small": `var(--${string})`;
+            };
+        };
+    };
+};
+declare const defaultTheme: string;
+declare const betaTheme: string;
+
+declare const themeValues: {
+    readonly colors: {
+        readonly primary: {
+            readonly lightest: "#e5a1a4";
+            readonly lighter: "#db6e72";
+            readonly light: "#d13f45";
+            readonly default: "#c8131b";
+            readonly dark: "#94090f";
+            readonly darker: "#610206";
+        };
+        readonly red: {
+            readonly lightest: "#e5a1a4";
+            readonly lighter: "#db6e72";
+            readonly light: "#d13f45";
+            readonly default: "#c8131b";
+            readonly dark: "#94090f";
+            readonly darker: "#610206";
+        };
+        readonly yellow: {
+            readonly lightest: "#ffebc8";
+            readonly lighter: "#ffd894";
+            readonly light: "#ffc561";
+            readonly default: "#ffb32f";
+            readonly dark: "#cc8c1d";
+            readonly darker: "#99670f";
+        };
+        readonly green: {
+            readonly lightest: "#bce3de";
+            readonly lighter: "#89d9cf";
+            readonly light: "#59cfc1";
+            readonly default: "#2ec9b7";
+            readonly dark: "#1d9688";
+            readonly darker: "#0f635a";
+        };
+        readonly blue: {
+            readonly lightest: "#99dfff";
+            readonly lighter: "#66cfff";
+            readonly light: "#33bfff";
+            readonly default: "#01afff";
+            readonly dark: "#018ccc";
+            readonly darker: "#016999";
+        };
+        readonly orange: {
+            readonly lightest: "#FFD8BD";
+            readonly lighter: "#FFB98A";
+            readonly light: "#FF9B57";
+            readonly default: "#FF7D24";
+            readonly dark: "#CC5F14";
+            readonly darker: "#994409";
+        };
+        readonly second_green: {
+            readonly lightest: "#A5C7AF";
+            readonly lighter: "#77BD8B";
+            readonly light: "#4DB26A";
+            readonly default: "#27A84C";
+            readonly dark: "#167532";
+            readonly darker: "#0A421A";
+        };
+        readonly neutral: {
+            readonly white: "#ffffff";
+            readonly lightest: "#f6f6f6";
+            readonly lighter: "#ededed";
+            readonly light: "#c6c6c6";
+            readonly default: "#7a7a7a";
+            readonly dark: "#545454";
+            readonly darker: "#222222";
+            readonly black: "#000000";
+        };
+    };
+    readonly shadows: {
+        readonly lighter: "0px 0px 2px 0px #0000001F, 0px 1px 2px 0px #00000024;";
+        readonly light: "0px 0px 2px 0px #0000001F, 0px 2px 4px 0px #00000024;";
+        readonly default: "0px 0px 2px 0px #0000001F, 0px 4px 8px 0px #00000024;";
+        readonly dark: "0px 0px 2px 0px #0000001F, 0px 8px 16px 0px #00000024;";
+        readonly darker: "0px 0px 8px 0px #00000033, 0px 10px 25px 0px #00000024;";
+    };
+    readonly typography: {
+        readonly family: {
+            readonly default: "\"Poppins\", sans-serif";
+        };
+        readonly weights: {
+            readonly regular: "400";
+            readonly medium: "500";
+            readonly semibold: "600";
+            readonly bold: "700";
+        };
+        readonly scale: {
+            readonly display: {
+                readonly fontSize: "24px";
+                readonly lineHeight: "28px";
+                readonly fontWeight: "700";
+            };
+            readonly heading: {
+                readonly fontSize: "20px";
+                readonly lineHeight: "24px";
+                readonly fontWeight: "700";
+            };
+            readonly body: {
+                readonly fontSize: "14px";
+                readonly lineHeight: "20px";
+                readonly fontWeight: "400";
+            };
+            readonly caption: {
+                readonly fontSize: "12px";
+                readonly lineHeight: "16px";
+                readonly fontWeight: "500";
+            };
+            readonly small: {
+                readonly fontSize: "10px";
+                readonly lineHeight: "14px";
+                readonly fontWeight: "400";
+            };
+        };
+    };
+    readonly spacing: {
+        readonly xxs: "4px";
+        readonly xs: "8px";
+        readonly s: "16px";
+        readonly m: "24px";
+        readonly l: "32px";
+        readonly xl: "40px";
+        readonly xxl: "48px";
+    };
+    readonly radius: {
+        readonly s: "4px";
+        readonly m: "8px";
+        readonly l: "12px";
+        readonly xl: "16px";
+        readonly xxl: "24px";
+    };
+    readonly semantic: {
+        readonly error: "#c8131b";
+        readonly success: "#2ec9b7";
+        readonly info: "#01afff";
+        readonly warning: "#ffb32f";
+    };
+    readonly zIndex: {
+        readonly dropdown: "1000";
+        readonly modal: "1100";
+        readonly tooltip: "1200";
+        readonly toast: "1300";
+    };
+    readonly motion: {
+        readonly fast: "150ms";
+        readonly normal: "300ms";
+        readonly slow: "500ms";
+    };
+    readonly components: {
+        readonly fieldInfo: {
+            readonly fontSize: {
+                readonly desktop: "12px";
+                readonly tablet: "14px";
+                readonly totem: "16px";
+            };
+        };
+        readonly input: {
+            readonly label: {
+                readonly fontSize: {
+                    readonly desktop: "16px";
+                    readonly large: "16px";
+                    readonly medium: "14px";
+                    readonly small: "12px";
+                    readonly tablet: "18px";
+                    readonly "tablet-medium": "16px";
+                    readonly "tablet-small": "16px";
+                    readonly totem: "20px";
+                    readonly "totem-medium": "18px";
+                    readonly "totem-small": "16px";
+                };
+            };
+            readonly input: {
+                readonly fontSize: {
+                    readonly desktop: "14px";
+                    readonly large: "14px";
+                    readonly medium: "12px";
+                    readonly small: "12px";
+                    readonly tablet: "16px";
+                    readonly "tablet-medium": "16px";
+                    readonly "tablet-small": "16px";
+                    readonly totem: "18px";
+                    readonly "totem-medium": "16px";
+                    readonly "totem-small": "16px";
+                };
+                readonly height: {
+                    readonly desktop: "40px";
+                    readonly large: "40px";
+                    readonly medium: "32px";
+                    readonly small: "24px";
+                    readonly tablet: "48px";
+                    readonly "tablet-medium": "40px";
+                    readonly "tablet-small": "32px";
+                    readonly totem: "56px";
+                    readonly "totem-medium": "48px";
+                    readonly "totem-small": "40px";
+                };
+                readonly borderRadius: {
+                    readonly desktop: "8px";
+                    readonly large: "8px";
+                    readonly medium: "8px";
+                    readonly small: "4px";
+                    readonly tablet: "12px";
+                    readonly "tablet-medium": "8px";
+                    readonly "tablet-small": "4px";
+                    readonly totem: "16px";
+                    readonly "totem-medium": "8px";
+                    readonly "totem-small": "8px";
+                };
+                readonly padding: {
+                    readonly desktop: "8px 16px";
+                    readonly large: "8px 16px";
+                    readonly medium: "4px 12px";
+                    readonly small: "4px 8px";
+                    readonly tablet: "8px 16px";
+                    readonly "tablet-medium": "4px 16px";
+                    readonly "tablet-small": "4px 12px";
+                    readonly totem: "8px 12px";
+                    readonly "totem-medium": "8px 12px";
+                    readonly "totem-small": "4px 12px";
+                };
+            };
+        };
+        readonly select: {
+            readonly padding: {
+                readonly desktop: "4px 16px";
+                readonly tablet: "4px 16px";
+                readonly totem: "4px 12px";
+            };
+        };
+        readonly button: {
+            readonly fontSize: {
+                readonly medium: "14px";
+                readonly small: "12px";
+                readonly large: "14px";
+                readonly tablet: "16px";
+                readonly "tablet-medium": "14px";
+                readonly "tablet-small": "12px";
+                readonly totem: "18px";
+                readonly "totem-medium": "16px";
+                readonly "totem-small": "14px";
+            };
+            readonly height: {
+                readonly large: "40px";
+                readonly medium: "32px";
+                readonly small: "24px";
+                readonly tablet: "48px";
+                readonly "tablet-medium": "40px";
+                readonly "tablet-small": "32px";
+                readonly totem: "56px";
+                readonly "totem-medium": "48px";
+                readonly "totem-small": "40px";
+            };
+            readonly padding: {
+                readonly large: {
+                    readonly text: "0 24px";
+                    readonly icon: "0 8px";
+                    readonly textAndIcon: "0 24px 0 16px";
+                };
+                readonly medium: {
+                    readonly text: "0 16px";
+                    readonly icon: "0 8px";
+                    readonly textAndIcon: "0 12px 0 8px";
+                };
+                readonly small: {
+                    readonly text: "0 8px";
+                    readonly icon: "0 4px";
+                    readonly textAndIcon: "0 6px 0 4px";
+                };
+                readonly tablet: {
+                    readonly text: "0 24px";
+                    readonly icon: "0 8px";
+                    readonly textAndIcon: "0 24px 0 16px";
+                };
+                readonly "tablet-medium": {
+                    readonly text: "0 16px";
+                    readonly icon: "0 8px";
+                    readonly textAndIcon: "0 16px 0 12px";
+                };
+                readonly "tablet-small": {
+                    readonly text: "0 12px";
+                    readonly icon: "0 4px";
+                    readonly textAndIcon: "0 10px 0 6px";
+                };
+                readonly totem: {
+                    readonly text: "0 32px";
+                    readonly icon: "0 8px";
+                    readonly textAndIcon: "0 32px 0 16px";
+                };
+                readonly "totem-medium": {
+                    readonly text: "0 24px";
+                    readonly icon: "0 8px";
+                    readonly textAndIcon: "0 24px 0 16px";
+                };
+                readonly "totem-small": {
+                    readonly text: "0 16px";
+                    readonly icon: "0 4px";
+                    readonly textAndIcon: "0 14px 0 8px";
+                };
+            };
+            readonly borderRadius: {
+                readonly large: "12px";
+                readonly medium: "8px";
+                readonly small: "4px";
+                readonly tablet: "12px";
+                readonly "tablet-medium": "8px";
+                readonly "tablet-small": "4px";
+                readonly totem: "12px";
+                readonly "totem-medium": "8px";
+                readonly "totem-small": "8px";
+            };
+            readonly iconSize: {
+                readonly large: "24px";
+                readonly medium: "20px";
+                readonly small: "16px";
+                readonly tablet: "24px";
+                readonly "tablet-medium": "20px";
+                readonly "tablet-small": "16px";
+                readonly totem: "24px";
+                readonly "totem-medium": "20px";
+                readonly "totem-small": "16px";
+            };
+        };
+    };
+    readonly device: "desktop";
+};
+
+interface UiKitThemeProps {
+    children: ReactNode;
+    themeClass?: string;
+    dataDevice?: "desktop" | "tablet" | "totem";
+    fallback?: ReactNode;
+}
+declare const UiKitTheme: React__default.FC<UiKitThemeProps>;
+
+interface PriceOptions {
+    hasPrefix?: boolean;
+    minimumFractionDigits?: number;
+    maximumFractionDigits?: number;
+}
+declare const formatPrice: (price: number | string, options?: PriceOptions) => string;
+declare const maskString: (string: string, percent?: number, char?: string) => string;
+declare const clearPhone: (phone: string) => string;
+declare const validateCPF: (cpf: string) => boolean;
+declare const getAddressByCep: (cep: string) => Promise<any>;
+type Complement = {
+    price: string;
+    amount: number;
+};
+type ComplementCategory = {
+    additional: boolean;
+    more_expensive_only: boolean;
+    use_average: boolean;
+    complements: Complement[];
+};
+type Product = {
+    price: string;
+    amount: number;
+    weight?: number;
+    complement_categories?: ComplementCategory[];
+};
+declare const getComplementsPrice: (product: Product) => number;
+
+export { ColumnsGrid, Grid, GridArea, UiKitTheme, betaTheme, clearPhone, defaultTheme, formatPrice, getAddressByCep, getComplementsPrice, maskString, newPrintFunction, themeValues, validateCPF, vars };