@zentrades-ui/components 0.1.6 → 0.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (13) hide show
  1. package/README.md +455 -9
  2. package/dist/components.css +3059 -2899
  3. package/dist/components.css.map +1 -1
  4. package/dist/components.d.ts +2476 -18
  5. package/dist/components.js +263 -177
  6. package/dist/components.js.map +1 -1
  7. package/dist/icons.d.ts +3 -3
  8. package/dist/index.css +3059 -2899
  9. package/dist/index.css.map +1 -1
  10. package/dist/index.d.ts +190 -44
  11. package/dist/index.js +263 -177
  12. package/dist/index.js.map +1 -1
  13. package/package.json +3 -3
package/dist/components.d.ts CHANGED
@@ -1,18 +1,2476 @@
1
- export { AVATAR_COLORS, Accordion, AccordionContent, AccordionContentProps, AccordionItem, AccordionItemProps, AccordionRoot, AccordionRootProps, AccordionTrigger, AccordionTriggerProps, AccordionVariant, AlertDialog, AlertDialogLayout, AlertDialogProps, Avatar, AvatarColor, AvatarProps, AvatarSize, Badge, BadgeProps, BadgeVariant, Body, Box, BoxOwnProps, BoxProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbEllipsisProps, BreadcrumbItem, BreadcrumbItemProps, BreadcrumbLink, BreadcrumbLinkProps, BreadcrumbList, BreadcrumbListProps, BreadcrumbPage, BreadcrumbPageProps, BreadcrumbRoot, BreadcrumbRootProps, BreadcrumbSeparator, BreadcrumbSeparatorProps, Button, ButtonProps, ButtonSize, ButtonVariant, Calendar, CalendarArrowButton, CalendarArrowButtonProps, CalendarDateButton, CalendarDateButtonProps, CalendarGrid, CalendarGridProps, CalendarProps, Caption, Checkbox, CheckboxProps, Chip, ChipOutline, ChipOwnProps, ChipProps, ChipVariant, Code, ContentSplitter, ContentSplitterProps, DateRange, DateTimeInput, DateTimeInputMode, DateTimeInputProps, DateTimeValue, DayInfo, Dialog, DialogBody, DialogBodyProps, DialogClose, DialogContent, DialogContentProps, DialogDescription, DialogDescriptionProps, DialogFooter, DialogFooterProps, DialogHeader, DialogHeaderProps, DialogProps, DialogRoot, DialogSize, DialogTitle, DialogTitleProps, DialogTrigger, Drawer, DrawerBody, DrawerBodyProps, DrawerClose, DrawerCompound, DrawerContent, DrawerContentProps, DrawerDescription, DrawerDescriptionProps, DrawerFooter, DrawerFooterProps, DrawerHeader, DrawerHeaderProps, DrawerOverlay, DrawerOverlayProps, DrawerPortal, DrawerProps, DrawerRoot, DrawerSection, DrawerSectionProps, DrawerSide, DrawerSize, DrawerTitle, DrawerTitleProps, DrawerTrigger, ExtendableProps, FileUpload, FileUploadProps, Grid, GridItem, GridItemProps, GridProps, Heading, HeadingOwnProps, HeadingVariant, IconButton, IconButtonProps, IconPosition, Image, ImageFit, ImageLoading, ImageProps, InheritableElementProps, Inline, InlineOwnProps, InlineProps, Input, InputProps, Label, LabelVariant, MONTH_NAMES, MONTH_NAMES_SHORT, Menu, MenuContent, MenuContentProps, MenuItem, MenuItemProps, MenuLabel, MenuLabelProps, MenuProps, MenuRoot, MenuRootProps, MenuSeparator, MenuSeparatorProps, MenuSub, MenuSubProps, MenuTrigger, MenuTriggerProps, Pagination, PaginationEllipsis, PaginationEllipsisProps, PaginationInfo, PaginationInfoComplete, PaginationInfoCompleteProps, PaginationInfoLabel, PaginationInfoLabelProps, PaginationInfoRange, PaginationInfoRangeProps, PaginationInfoRoot, PaginationInfoRootProps, PaginationNext, PaginationNextProps, PaginationPage, PaginationPageProps, PaginationPrevious, PaginationPreviousProps, PaginationRoot, PaginationRootProps, PolymorphicForwardRefExoticComponent, PolymorphicProps, PolymorphicPropsWithRef, PolymorphicPropsWithoutRef, PolymorphicRef, Popover, PopoverAnchor, PopoverAnchorProps, PopoverClose, PopoverCompound, PopoverContent, PopoverContentProps, PopoverProps, PopoverRoot, PopoverSize, PopoverTrigger, PopoverTriggerProps, PropsOf, Select, SelectContent, SelectContentProps, SelectItem, SelectItemProps, SelectOption, SelectProps, SelectRoot, SelectRootProps, SelectSeparator, SelectTrigger, SelectTriggerProps, SelectValue, SimplePopoverProps, Skeleton, SkeletonProps, Spinner, SpinnerProps, SpinnerSize, Stack, StackOwnProps, StackProps, Switch, SwitchProps, SwitchSize, TBorderPropertyTypes, TBoxStyles, TColorPropertyTypes, TMarginPaddingPropertyTypes, TShadowStyles, TSizeStyles, TTextStyles, TTransformStyles, T_SVGColorPropertyTypes, Tabs, TabsContent, TabsContentProps, TabsList, TabsListProps, TabsRoot, TabsRootProps, TabsTrigger, TabsTriggerProps, TabsVariant, Text, TextArea, TextAreaProps, TextOwnProps, TextVariant, TimeFormat, TimePeriod, TimePicker, TimePickerProps, TimeValue, Toast, ToastData, ToastProps, ToastProvider, ToastVariant, ToastViewport, ToastViewportPosition, ToastViewportProps, Tooltip, TooltipProps, TooltipProvider, UploadFileItem, WEEKDAYS, applyHeadingVariantStyles, applyTextVariantStyles, borderStyles, boxStyles, cn, colorStyles, formatDate, formatInputDate, getColorFromString, getDefaultMaxDate, getDefaultMinDate, getInitials, isDateBetween, isSameDay, isWithinBounds, marginPaddingStyles, parseInputDate, shadowStyles, sizeStyles, svgColorStyles, textStyles, transformStyles, useCalendarDays, useToast } from './index.js';
2
- export { AlertCircleIcon, ArrowLeftIcon, ArrowRightIcon, CalendarIcon, CheckCircleIcon, CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ClockIcon, CloseIcon, CopyIcon, EditIcon, ExternalLinkIcon, FilterIcon, Icon, IconOwnProps, IconProps, IconSize, InfoIcon, MinusIcon, MoreHorizontalIcon, MoreVerticalIcon, PlusIcon, SearchIcon, SettingsIcon, SortIcon, TrashIcon, UploadCloudIcon, UserIcon } from './icons.js';
3
- import 'react';
4
- import '@zentrades-ui/tokens';
5
- import '@radix-ui/react-checkbox';
6
- import '@radix-ui/react-switch';
7
- import 'react/jsx-runtime';
8
- import '@radix-ui/react-tooltip';
9
- import '@radix-ui/react-select';
10
- import '@radix-ui/react-avatar';
11
- import '@zentrades-ui/theme';
12
- import '@radix-ui/react-accordion';
13
- import '@radix-ui/react-dropdown-menu';
14
- import '@radix-ui/react-dialog';
15
- import '@radix-ui/react-toast';
16
- import '@radix-ui/react-popover';
17
- import '@radix-ui/react-tabs';
18
- import 'clsx';
1
+ import * as React$1 from 'react';
2
+ import React__default, { ElementType, JSX, ComponentPropsWithRef, ReactElement, CSSProperties, ReactNode, InputHTMLAttributes, TextareaHTMLAttributes, ComponentPropsWithoutRef } from 'react';
3
+ import { SpacingToken, SemanticSpacing } from '@zentrades-ui/tokens';
4
+ import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
5
+ import * as SwitchPrimitive from '@radix-ui/react-switch';
6
+ import * as react_jsx_runtime from 'react/jsx-runtime';
7
+ import * as TooltipPrimitive from '@radix-ui/react-tooltip';
8
+ import * as SelectPrimitive from '@radix-ui/react-select';
9
+ import * as AvatarPrimitive from '@radix-ui/react-avatar';
10
+ import { ColorVarName } from '@zentrades-ui/theme';
11
+ import * as AccordionPrimitive from '@radix-ui/react-accordion';
12
+ import { AccordionSingleProps, AccordionMultipleProps } from '@radix-ui/react-accordion';
13
+ import * as DropdownMenu from '@radix-ui/react-dropdown-menu';
14
+ import * as DialogPrimitive from '@radix-ui/react-dialog';
15
+ import * as ToastPrimitive from '@radix-ui/react-toast';
16
+ import * as PopoverPrimitive from '@radix-ui/react-popover';
17
+ import * as TabsPrimitive from '@radix-ui/react-tabs';
18
+ import { ClassValue } from 'clsx';
19
+
20
+ /**
21
+ * Utility function to merge class names.
22
+ */
23
+ declare function cn(...inputs: ClassValue[]): string;
24
+
25
+ /**
26
+ * Extract the props of a React element or component
27
+ */
28
+ type PropsOf<C extends keyof JSX.IntrinsicElements | React.JSXElementConstructor<any>> = JSX.LibraryManagedAttributes<C, React.ComponentPropsWithRef<C>>;
29
+ /**
30
+ * Allows for extending a set of props (`ExtendedProps`) by an overriding set of props
31
+ * (`OverrideProps`), ensuring that any duplicates are overridden by the overriding
32
+ * set of props.
33
+ */
34
+ type ExtendableProps<ExtendedProps = {}, OverrideProps = {}> = OverrideProps & Omit<ExtendedProps, keyof OverrideProps>;
35
+ /**
36
+ * Allows for inheriting the props from the specified element type so that
37
+ * props like children, className & style work, as well as element-specific
38
+ * attributes like aria roles. The component (`C`) must be passed in.
39
+ */
40
+ type InheritableElementProps<C extends ElementType, Props = {}> = ExtendableProps<PropsOf<C>, Props>;
41
+ /**
42
+ * A more sophisticated version of `InheritableElementProps` where
43
+ * the passed in `as` prop will determine which props can be included
44
+ */
45
+ type PolymorphicProps<C extends ElementType, Props = {}> = InheritableElementProps<C, Props & {
46
+ as?: C;
47
+ }>;
48
+ /**
49
+ * Props without ref for polymorphic components
50
+ */
51
+ type PolymorphicPropsWithoutRef<C extends ElementType, Props = {}> = PolymorphicProps<C, Props>;
52
+ /**
53
+ * Utility type to extract the `ref` prop from a polymorphic component
54
+ */
55
+ type PolymorphicRef<C extends ElementType> = ComponentPropsWithRef<C>["ref"];
56
+ /**
57
+ * A wrapper of `PolymorphicProps` that also includes the `ref` prop
58
+ * for the polymorphic component
59
+ */
60
+ type PolymorphicPropsWithRef<C extends ElementType, Props = {}> = PolymorphicProps<C, Props> & {
61
+ ref?: PolymorphicRef<C>;
62
+ };
63
+ /**
64
+ * A polymorphic component is a component that can render as different
65
+ * HTML elements or React components based on a prop (typically `as`)
66
+ */
67
+ interface PolymorphicForwardRefExoticComponent<DefaultProps, DefaultElement extends ElementType> extends React.ForwardRefExoticComponent<DefaultProps> {
68
+ <C extends ElementType = DefaultElement>(props: PolymorphicPropsWithRef<C, DefaultProps>): ReactElement | null;
69
+ }
70
+
71
+ declare const boxStyles: ((props: {
72
+ textAlign?: "center" | "end" | "start" | "left" | "right" | "justify" | {
73
+ readonly xs?: "center" | "end" | "start" | "left" | "right" | "justify" | undefined;
74
+ readonly sm?: "center" | "end" | "start" | "left" | "right" | "justify" | undefined;
75
+ readonly md?: "center" | "end" | "start" | "left" | "right" | "justify" | undefined;
76
+ readonly lg?: "center" | "end" | "start" | "left" | "right" | "justify" | undefined;
77
+ readonly xl?: "center" | "end" | "start" | "left" | "right" | "justify" | undefined;
78
+ } | undefined;
79
+ } & {
80
+ display?: "table" | "hidden" | "none" | "flex" | "grid" | "block" | "inline" | "flow-root" | "table-caption" | "table-cell" | "table-column" | "table-column-group" | "table-footer-group" | "table-header-group" | "table-row" | "table-row-group" | "inline-block" | "inline-flex" | "inline-grid" | "inline-table" | "contents" | "list-item" | {
81
+ readonly xs?: "table" | "hidden" | "none" | "flex" | "grid" | "block" | "inline" | "flow-root" | "table-caption" | "table-cell" | "table-column" | "table-column-group" | "table-footer-group" | "table-header-group" | "table-row" | "table-row-group" | "inline-block" | "inline-flex" | "inline-grid" | "inline-table" | "contents" | "list-item" | undefined;
82
+ readonly sm?: "table" | "hidden" | "none" | "flex" | "grid" | "block" | "inline" | "flow-root" | "table-caption" | "table-cell" | "table-column" | "table-column-group" | "table-footer-group" | "table-header-group" | "table-row" | "table-row-group" | "inline-block" | "inline-flex" | "inline-grid" | "inline-table" | "contents" | "list-item" | undefined;
83
+ readonly md?: "table" | "hidden" | "none" | "flex" | "grid" | "block" | "inline" | "flow-root" | "table-caption" | "table-cell" | "table-column" | "table-column-group" | "table-footer-group" | "table-header-group" | "table-row" | "table-row-group" | "inline-block" | "inline-flex" | "inline-grid" | "inline-table" | "contents" | "list-item" | undefined;
84
+ readonly lg?: "table" | "hidden" | "none" | "flex" | "grid" | "block" | "inline" | "flow-root" | "table-caption" | "table-cell" | "table-column" | "table-column-group" | "table-footer-group" | "table-header-group" | "table-row" | "table-row-group" | "inline-block" | "inline-flex" | "inline-grid" | "inline-table" | "contents" | "list-item" | undefined;
85
+ readonly xl?: "table" | "hidden" | "none" | "flex" | "grid" | "block" | "inline" | "flow-root" | "table-caption" | "table-cell" | "table-column" | "table-column-group" | "table-footer-group" | "table-header-group" | "table-row" | "table-row-group" | "inline-block" | "inline-flex" | "inline-grid" | "inline-table" | "contents" | "list-item" | undefined;
86
+ } | undefined;
87
+ } & {
88
+ flexDirection?: "col" | "row" | "row-reverse" | "col-reverse" | {
89
+ readonly xs?: "col" | "row" | "row-reverse" | "col-reverse" | undefined;
90
+ readonly sm?: "col" | "row" | "row-reverse" | "col-reverse" | undefined;
91
+ readonly md?: "col" | "row" | "row-reverse" | "col-reverse" | undefined;
92
+ readonly lg?: "col" | "row" | "row-reverse" | "col-reverse" | undefined;
93
+ readonly xl?: "col" | "row" | "row-reverse" | "col-reverse" | undefined;
94
+ } | undefined;
95
+ alignItems?: "center" | "end" | "start" | "stretch" | "flex-end" | "flex-start" | "baseline" | {
96
+ readonly xs?: "center" | "end" | "start" | "stretch" | "flex-end" | "flex-start" | "baseline" | undefined;
97
+ readonly sm?: "center" | "end" | "start" | "stretch" | "flex-end" | "flex-start" | "baseline" | undefined;
98
+ readonly md?: "center" | "end" | "start" | "stretch" | "flex-end" | "flex-start" | "baseline" | undefined;
99
+ readonly lg?: "center" | "end" | "start" | "stretch" | "flex-end" | "flex-start" | "baseline" | undefined;
100
+ readonly xl?: "center" | "end" | "start" | "stretch" | "flex-end" | "flex-start" | "baseline" | undefined;
101
+ } | undefined;
102
+ alignSelf?: "center" | "end" | "start" | "auto" | "stretch" | "flex-end" | "flex-start" | "baseline" | {
103
+ readonly xs?: "center" | "end" | "start" | "auto" | "stretch" | "flex-end" | "flex-start" | "baseline" | undefined;
104
+ readonly sm?: "center" | "end" | "start" | "auto" | "stretch" | "flex-end" | "flex-start" | "baseline" | undefined;
105
+ readonly md?: "center" | "end" | "start" | "auto" | "stretch" | "flex-end" | "flex-start" | "baseline" | undefined;
106
+ readonly lg?: "center" | "end" | "start" | "auto" | "stretch" | "flex-end" | "flex-start" | "baseline" | undefined;
107
+ readonly xl?: "center" | "end" | "start" | "auto" | "stretch" | "flex-end" | "flex-start" | "baseline" | undefined;
108
+ } | undefined;
109
+ justifyContent?: "center" | "end" | "start" | "flex-end" | "flex-start" | "between" | "around" | "evenly" | {
110
+ readonly xs?: "center" | "end" | "start" | "flex-end" | "flex-start" | "between" | "around" | "evenly" | undefined;
111
+ readonly sm?: "center" | "end" | "start" | "flex-end" | "flex-start" | "between" | "around" | "evenly" | undefined;
112
+ readonly md?: "center" | "end" | "start" | "flex-end" | "flex-start" | "between" | "around" | "evenly" | undefined;
113
+ readonly lg?: "center" | "end" | "start" | "flex-end" | "flex-start" | "between" | "around" | "evenly" | undefined;
114
+ readonly xl?: "center" | "end" | "start" | "flex-end" | "flex-start" | "between" | "around" | "evenly" | undefined;
115
+ } | undefined;
116
+ flex?: "none" | "1" | "initial" | "auto" | {
117
+ readonly xs?: "none" | "1" | "initial" | "auto" | undefined;
118
+ readonly sm?: "none" | "1" | "initial" | "auto" | undefined;
119
+ readonly md?: "none" | "1" | "initial" | "auto" | undefined;
120
+ readonly lg?: "none" | "1" | "initial" | "auto" | undefined;
121
+ readonly xl?: "none" | "1" | "initial" | "auto" | undefined;
122
+ } | undefined;
123
+ flexGrow?: "0" | "1" | {
124
+ readonly xs?: "0" | "1" | undefined;
125
+ readonly sm?: "0" | "1" | undefined;
126
+ readonly md?: "0" | "1" | undefined;
127
+ readonly lg?: "0" | "1" | undefined;
128
+ readonly xl?: "0" | "1" | undefined;
129
+ } | undefined;
130
+ flexShrink?: "0" | "1" | {
131
+ readonly xs?: "0" | "1" | undefined;
132
+ readonly sm?: "0" | "1" | undefined;
133
+ readonly md?: "0" | "1" | undefined;
134
+ readonly lg?: "0" | "1" | undefined;
135
+ readonly xl?: "0" | "1" | undefined;
136
+ } | undefined;
137
+ flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | {
138
+ readonly xs?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
139
+ readonly sm?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
140
+ readonly md?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
141
+ readonly lg?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
142
+ readonly xl?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
143
+ } | undefined;
144
+ } & {
145
+ gap?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | "px" | {
146
+ readonly xs?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | "px" | undefined;
147
+ readonly sm?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | "px" | undefined;
148
+ readonly md?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | "px" | undefined;
149
+ readonly lg?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | "px" | undefined;
150
+ readonly xl?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | "px" | undefined;
151
+ } | undefined;
152
+ columnGap?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | "px" | {
153
+ readonly xs?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | "px" | undefined;
154
+ readonly sm?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | "px" | undefined;
155
+ readonly md?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | "px" | undefined;
156
+ readonly lg?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | "px" | undefined;
157
+ readonly xl?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | "px" | undefined;
158
+ } | undefined;
159
+ rowGap?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | "px" | {
160
+ readonly xs?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | "px" | undefined;
161
+ readonly sm?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | "px" | undefined;
162
+ readonly md?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | "px" | undefined;
163
+ readonly lg?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | "px" | undefined;
164
+ readonly xl?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | "px" | undefined;
165
+ } | undefined;
166
+ } & {
167
+ position?: "fixed" | "absolute" | "relative" | "static" | "sticky" | {
168
+ readonly xs?: "fixed" | "absolute" | "relative" | "static" | "sticky" | undefined;
169
+ readonly sm?: "fixed" | "absolute" | "relative" | "static" | "sticky" | undefined;
170
+ readonly md?: "fixed" | "absolute" | "relative" | "static" | "sticky" | undefined;
171
+ readonly lg?: "fixed" | "absolute" | "relative" | "static" | "sticky" | undefined;
172
+ readonly xl?: "fixed" | "absolute" | "relative" | "static" | "sticky" | undefined;
173
+ } | undefined;
174
+ top?: "section" | "0" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | "auto" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "full" | {
175
+ readonly xs?: "section" | "0" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | "auto" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "full" | undefined;
176
+ readonly sm?: "section" | "0" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | "auto" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "full" | undefined;
177
+ readonly md?: "section" | "0" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | "auto" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "full" | undefined;
178
+ readonly lg?: "section" | "0" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | "auto" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "full" | undefined;
179
+ readonly xl?: "section" | "0" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | "auto" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "full" | undefined;
180
+ } | undefined;
181
+ right?: "section" | "0" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | "auto" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "full" | {
182
+ readonly xs?: "section" | "0" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | "auto" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "full" | undefined;
183
+ readonly sm?: "section" | "0" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | "auto" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "full" | undefined;
184
+ readonly md?: "section" | "0" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | "auto" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "full" | undefined;
185
+ readonly lg?: "section" | "0" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | "auto" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "full" | undefined;
186
+ readonly xl?: "section" | "0" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | "auto" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "full" | undefined;
187
+ } | undefined;
188
+ bottom?: "section" | "0" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | "auto" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "full" | {
189
+ readonly xs?: "section" | "0" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | "auto" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "full" | undefined;
190
+ readonly sm?: "section" | "0" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | "auto" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "full" | undefined;
191
+ readonly md?: "section" | "0" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | "auto" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "full" | undefined;
192
+ readonly lg?: "section" | "0" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | "auto" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "full" | undefined;
193
+ readonly xl?: "section" | "0" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | "auto" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "full" | undefined;
194
+ } | undefined;
195
+ left?: "section" | "0" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | "auto" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "full" | {
196
+ readonly xs?: "section" | "0" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | "auto" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "full" | undefined;
197
+ readonly sm?: "section" | "0" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | "auto" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "full" | undefined;
198
+ readonly md?: "section" | "0" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | "auto" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "full" | undefined;
199
+ readonly lg?: "section" | "0" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | "auto" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "full" | undefined;
200
+ readonly xl?: "section" | "0" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | "auto" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "full" | undefined;
201
+ } | undefined;
202
+ inset?: "section" | "0" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | "auto" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "full" | {
203
+ readonly xs?: "section" | "0" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | "auto" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "full" | undefined;
204
+ readonly sm?: "section" | "0" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | "auto" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "full" | undefined;
205
+ readonly md?: "section" | "0" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | "auto" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "full" | undefined;
206
+ readonly lg?: "section" | "0" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | "auto" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "full" | undefined;
207
+ readonly xl?: "section" | "0" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | "auto" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "full" | undefined;
208
+ } | undefined;
209
+ insetX?: "section" | "0" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | "auto" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "full" | {
210
+ readonly xs?: "section" | "0" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | "auto" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "full" | undefined;
211
+ readonly sm?: "section" | "0" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | "auto" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "full" | undefined;
212
+ readonly md?: "section" | "0" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | "auto" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "full" | undefined;
213
+ readonly lg?: "section" | "0" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | "auto" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "full" | undefined;
214
+ readonly xl?: "section" | "0" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | "auto" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "full" | undefined;
215
+ } | undefined;
216
+ insetY?: "section" | "0" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | "auto" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "full" | {
217
+ readonly xs?: "section" | "0" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | "auto" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "full" | undefined;
218
+ readonly sm?: "section" | "0" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | "auto" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "full" | undefined;
219
+ readonly md?: "section" | "0" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | "auto" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "full" | undefined;
220
+ readonly lg?: "section" | "0" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | "auto" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "full" | undefined;
221
+ readonly xl?: "section" | "0" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | "auto" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "full" | undefined;
222
+ } | undefined;
223
+ } & {
224
+ pointerEvents?: "none" | "auto" | undefined;
225
+ cursor?: "progress" | "text" | "default" | "none" | "zoom" | "auto" | "alias" | "all-scroll" | "cell" | "col-resize" | "context-menu" | "copy" | "crosshair" | "e-resize" | "ew-resize" | "grab" | "grabbing" | "help" | "move" | "n-resize" | "ne-resize" | "nesw-resize" | "no-drop" | "not-allowed" | "ns-resize" | "nw-resize" | "nwse-resize" | "pointer" | "row-resize" | "s-resize" | "se-resize" | "sw-resize" | "vertical-text" | "w-resize" | "wait" | "zoom-in" | "zoom-out" | undefined;
226
+ } & {
227
+ zIndex?: "0" | "50" | "1" | "2" | "10" | "20" | "40" | "auto" | "3" | "-3" | "-2" | "-1" | "30" | undefined;
228
+ } & {
229
+ overflowX?: "clip" | "hidden" | "auto" | "visible" | "scroll" | undefined;
230
+ overflowY?: "clip" | "hidden" | "auto" | "visible" | "scroll" | undefined;
231
+ overflow?: "clip" | "hidden" | "auto" | "visible" | "scroll" | undefined;
232
+ } & {
233
+ opacity?: "0" | "100" | "50" | "25" | "10" | "20" | "40" | "80" | "5" | "30" | "60" | "70" | "75" | "90" | "95" | undefined;
234
+ }) => string) & {
235
+ properties: Set<"cursor" | "display" | "opacity" | "overflow" | "pointerEvents" | "alignItems" | "alignSelf" | "bottom" | "columnGap" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "justifyContent" | "left" | "overflowX" | "overflowY" | "position" | "right" | "rowGap" | "textAlign" | "top" | "zIndex" | "flex" | "gap" | "inset" | "insetX" | "insetY">;
236
+ };
237
+ type TBoxStyles = Parameters<typeof boxStyles>[0];
238
+
239
+ declare const sizeStyles: ((props: {
240
+ width?: "section" | "max" | "min" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | "auto" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "full" | "fit" | "1/5" | "2/5" | "3/5" | "4/5" | "1/6" | "2/6" | "3/6" | "4/6" | "5/6" | "1/12" | "2/12" | "3/12" | "4/12" | "5/12" | "6/12" | "7/12" | "8/12" | "9/12" | "10/12" | "11/12" | {
241
+ readonly xs?: "section" | "max" | "min" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | "auto" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "full" | "fit" | "1/5" | "2/5" | "3/5" | "4/5" | "1/6" | "2/6" | "3/6" | "4/6" | "5/6" | "1/12" | "2/12" | "3/12" | "4/12" | "5/12" | "6/12" | "7/12" | "8/12" | "9/12" | "10/12" | "11/12" | undefined;
242
+ readonly sm?: "section" | "max" | "min" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | "auto" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "full" | "fit" | "1/5" | "2/5" | "3/5" | "4/5" | "1/6" | "2/6" | "3/6" | "4/6" | "5/6" | "1/12" | "2/12" | "3/12" | "4/12" | "5/12" | "6/12" | "7/12" | "8/12" | "9/12" | "10/12" | "11/12" | undefined;
243
+ readonly md?: "section" | "max" | "min" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | "auto" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "full" | "fit" | "1/5" | "2/5" | "3/5" | "4/5" | "1/6" | "2/6" | "3/6" | "4/6" | "5/6" | "1/12" | "2/12" | "3/12" | "4/12" | "5/12" | "6/12" | "7/12" | "8/12" | "9/12" | "10/12" | "11/12" | undefined;
244
+ readonly lg?: "section" | "max" | "min" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | "auto" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "full" | "fit" | "1/5" | "2/5" | "3/5" | "4/5" | "1/6" | "2/6" | "3/6" | "4/6" | "5/6" | "1/12" | "2/12" | "3/12" | "4/12" | "5/12" | "6/12" | "7/12" | "8/12" | "9/12" | "10/12" | "11/12" | undefined;
245
+ readonly xl?: "section" | "max" | "min" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | "auto" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "full" | "fit" | "1/5" | "2/5" | "3/5" | "4/5" | "1/6" | "2/6" | "3/6" | "4/6" | "5/6" | "1/12" | "2/12" | "3/12" | "4/12" | "5/12" | "6/12" | "7/12" | "8/12" | "9/12" | "10/12" | "11/12" | undefined;
246
+ } | undefined;
247
+ height?: "section" | "max" | "min" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | "auto" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "full" | "fit" | "1/5" | "2/5" | "3/5" | "4/5" | "1/6" | "2/6" | "3/6" | "4/6" | "5/6" | "1/12" | "2/12" | "3/12" | "4/12" | "5/12" | "6/12" | "7/12" | "8/12" | "9/12" | "10/12" | "11/12" | {
248
+ readonly xs?: "section" | "max" | "min" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | "auto" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "full" | "fit" | "1/5" | "2/5" | "3/5" | "4/5" | "1/6" | "2/6" | "3/6" | "4/6" | "5/6" | "1/12" | "2/12" | "3/12" | "4/12" | "5/12" | "6/12" | "7/12" | "8/12" | "9/12" | "10/12" | "11/12" | undefined;
249
+ readonly sm?: "section" | "max" | "min" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | "auto" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "full" | "fit" | "1/5" | "2/5" | "3/5" | "4/5" | "1/6" | "2/6" | "3/6" | "4/6" | "5/6" | "1/12" | "2/12" | "3/12" | "4/12" | "5/12" | "6/12" | "7/12" | "8/12" | "9/12" | "10/12" | "11/12" | undefined;
250
+ readonly md?: "section" | "max" | "min" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | "auto" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "full" | "fit" | "1/5" | "2/5" | "3/5" | "4/5" | "1/6" | "2/6" | "3/6" | "4/6" | "5/6" | "1/12" | "2/12" | "3/12" | "4/12" | "5/12" | "6/12" | "7/12" | "8/12" | "9/12" | "10/12" | "11/12" | undefined;
251
+ readonly lg?: "section" | "max" | "min" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | "auto" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "full" | "fit" | "1/5" | "2/5" | "3/5" | "4/5" | "1/6" | "2/6" | "3/6" | "4/6" | "5/6" | "1/12" | "2/12" | "3/12" | "4/12" | "5/12" | "6/12" | "7/12" | "8/12" | "9/12" | "10/12" | "11/12" | undefined;
252
+ readonly xl?: "section" | "max" | "min" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | "auto" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "full" | "fit" | "1/5" | "2/5" | "3/5" | "4/5" | "1/6" | "2/6" | "3/6" | "4/6" | "5/6" | "1/12" | "2/12" | "3/12" | "4/12" | "5/12" | "6/12" | "7/12" | "8/12" | "9/12" | "10/12" | "11/12" | undefined;
253
+ } | undefined;
254
+ minWidth?: "section" | "max" | "min" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | "auto" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "full" | "fit" | "1/5" | "2/5" | "3/5" | "4/5" | "1/6" | "2/6" | "3/6" | "4/6" | "5/6" | "1/12" | "2/12" | "3/12" | "4/12" | "5/12" | "6/12" | "7/12" | "8/12" | "9/12" | "10/12" | "11/12" | {
255
+ readonly xs?: "section" | "max" | "min" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | "auto" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "full" | "fit" | "1/5" | "2/5" | "3/5" | "4/5" | "1/6" | "2/6" | "3/6" | "4/6" | "5/6" | "1/12" | "2/12" | "3/12" | "4/12" | "5/12" | "6/12" | "7/12" | "8/12" | "9/12" | "10/12" | "11/12" | undefined;
256
+ readonly sm?: "section" | "max" | "min" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | "auto" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "full" | "fit" | "1/5" | "2/5" | "3/5" | "4/5" | "1/6" | "2/6" | "3/6" | "4/6" | "5/6" | "1/12" | "2/12" | "3/12" | "4/12" | "5/12" | "6/12" | "7/12" | "8/12" | "9/12" | "10/12" | "11/12" | undefined;
257
+ readonly md?: "section" | "max" | "min" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | "auto" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "full" | "fit" | "1/5" | "2/5" | "3/5" | "4/5" | "1/6" | "2/6" | "3/6" | "4/6" | "5/6" | "1/12" | "2/12" | "3/12" | "4/12" | "5/12" | "6/12" | "7/12" | "8/12" | "9/12" | "10/12" | "11/12" | undefined;
258
+ readonly lg?: "section" | "max" | "min" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | "auto" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "full" | "fit" | "1/5" | "2/5" | "3/5" | "4/5" | "1/6" | "2/6" | "3/6" | "4/6" | "5/6" | "1/12" | "2/12" | "3/12" | "4/12" | "5/12" | "6/12" | "7/12" | "8/12" | "9/12" | "10/12" | "11/12" | undefined;
259
+ readonly xl?: "section" | "max" | "min" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | "auto" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "full" | "fit" | "1/5" | "2/5" | "3/5" | "4/5" | "1/6" | "2/6" | "3/6" | "4/6" | "5/6" | "1/12" | "2/12" | "3/12" | "4/12" | "5/12" | "6/12" | "7/12" | "8/12" | "9/12" | "10/12" | "11/12" | undefined;
260
+ } | undefined;
261
+ maxWidth?: "section" | "max" | "min" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | "auto" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "full" | "prose" | "fit" | "1/5" | "2/5" | "3/5" | "4/5" | "1/6" | "2/6" | "3/6" | "4/6" | "5/6" | "1/12" | "2/12" | "3/12" | "4/12" | "5/12" | "6/12" | "7/12" | "8/12" | "9/12" | "10/12" | "11/12" | {
262
+ readonly xs?: "section" | "max" | "min" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | "auto" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "full" | "prose" | "fit" | "1/5" | "2/5" | "3/5" | "4/5" | "1/6" | "2/6" | "3/6" | "4/6" | "5/6" | "1/12" | "2/12" | "3/12" | "4/12" | "5/12" | "6/12" | "7/12" | "8/12" | "9/12" | "10/12" | "11/12" | undefined;
263
+ readonly sm?: "section" | "max" | "min" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | "auto" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "full" | "prose" | "fit" | "1/5" | "2/5" | "3/5" | "4/5" | "1/6" | "2/6" | "3/6" | "4/6" | "5/6" | "1/12" | "2/12" | "3/12" | "4/12" | "5/12" | "6/12" | "7/12" | "8/12" | "9/12" | "10/12" | "11/12" | undefined;
264
+ readonly md?: "section" | "max" | "min" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | "auto" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "full" | "prose" | "fit" | "1/5" | "2/5" | "3/5" | "4/5" | "1/6" | "2/6" | "3/6" | "4/6" | "5/6" | "1/12" | "2/12" | "3/12" | "4/12" | "5/12" | "6/12" | "7/12" | "8/12" | "9/12" | "10/12" | "11/12" | undefined;
265
+ readonly lg?: "section" | "max" | "min" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | "auto" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "full" | "prose" | "fit" | "1/5" | "2/5" | "3/5" | "4/5" | "1/6" | "2/6" | "3/6" | "4/6" | "5/6" | "1/12" | "2/12" | "3/12" | "4/12" | "5/12" | "6/12" | "7/12" | "8/12" | "9/12" | "10/12" | "11/12" | undefined;
266
+ readonly xl?: "section" | "max" | "min" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | "auto" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "full" | "prose" | "fit" | "1/5" | "2/5" | "3/5" | "4/5" | "1/6" | "2/6" | "3/6" | "4/6" | "5/6" | "1/12" | "2/12" | "3/12" | "4/12" | "5/12" | "6/12" | "7/12" | "8/12" | "9/12" | "10/12" | "11/12" | undefined;
267
+ } | undefined;
268
+ minHeight?: "section" | "max" | "min" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | "auto" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "full" | "fit" | "1/5" | "2/5" | "3/5" | "4/5" | "1/6" | "2/6" | "3/6" | "4/6" | "5/6" | "1/12" | "2/12" | "3/12" | "4/12" | "5/12" | "6/12" | "7/12" | "8/12" | "9/12" | "10/12" | "11/12" | {
269
+ readonly xs?: "section" | "max" | "min" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | "auto" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "full" | "fit" | "1/5" | "2/5" | "3/5" | "4/5" | "1/6" | "2/6" | "3/6" | "4/6" | "5/6" | "1/12" | "2/12" | "3/12" | "4/12" | "5/12" | "6/12" | "7/12" | "8/12" | "9/12" | "10/12" | "11/12" | undefined;
270
+ readonly sm?: "section" | "max" | "min" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | "auto" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "full" | "fit" | "1/5" | "2/5" | "3/5" | "4/5" | "1/6" | "2/6" | "3/6" | "4/6" | "5/6" | "1/12" | "2/12" | "3/12" | "4/12" | "5/12" | "6/12" | "7/12" | "8/12" | "9/12" | "10/12" | "11/12" | undefined;
271
+ readonly md?: "section" | "max" | "min" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | "auto" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "full" | "fit" | "1/5" | "2/5" | "3/5" | "4/5" | "1/6" | "2/6" | "3/6" | "4/6" | "5/6" | "1/12" | "2/12" | "3/12" | "4/12" | "5/12" | "6/12" | "7/12" | "8/12" | "9/12" | "10/12" | "11/12" | undefined;
272
+ readonly lg?: "section" | "max" | "min" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | "auto" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "full" | "fit" | "1/5" | "2/5" | "3/5" | "4/5" | "1/6" | "2/6" | "3/6" | "4/6" | "5/6" | "1/12" | "2/12" | "3/12" | "4/12" | "5/12" | "6/12" | "7/12" | "8/12" | "9/12" | "10/12" | "11/12" | undefined;
273
+ readonly xl?: "section" | "max" | "min" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | "auto" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "full" | "fit" | "1/5" | "2/5" | "3/5" | "4/5" | "1/6" | "2/6" | "3/6" | "4/6" | "5/6" | "1/12" | "2/12" | "3/12" | "4/12" | "5/12" | "6/12" | "7/12" | "8/12" | "9/12" | "10/12" | "11/12" | undefined;
274
+ } | undefined;
275
+ maxHeight?: "section" | "max" | "min" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | "auto" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "full" | "fit" | "1/5" | "2/5" | "3/5" | "4/5" | "1/6" | "2/6" | "3/6" | "4/6" | "5/6" | "1/12" | "2/12" | "3/12" | "4/12" | "5/12" | "6/12" | "7/12" | "8/12" | "9/12" | "10/12" | "11/12" | {
276
+ readonly xs?: "section" | "max" | "min" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | "auto" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "full" | "fit" | "1/5" | "2/5" | "3/5" | "4/5" | "1/6" | "2/6" | "3/6" | "4/6" | "5/6" | "1/12" | "2/12" | "3/12" | "4/12" | "5/12" | "6/12" | "7/12" | "8/12" | "9/12" | "10/12" | "11/12" | undefined;
277
+ readonly sm?: "section" | "max" | "min" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | "auto" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "full" | "fit" | "1/5" | "2/5" | "3/5" | "4/5" | "1/6" | "2/6" | "3/6" | "4/6" | "5/6" | "1/12" | "2/12" | "3/12" | "4/12" | "5/12" | "6/12" | "7/12" | "8/12" | "9/12" | "10/12" | "11/12" | undefined;
278
+ readonly md?: "section" | "max" | "min" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | "auto" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "full" | "fit" | "1/5" | "2/5" | "3/5" | "4/5" | "1/6" | "2/6" | "3/6" | "4/6" | "5/6" | "1/12" | "2/12" | "3/12" | "4/12" | "5/12" | "6/12" | "7/12" | "8/12" | "9/12" | "10/12" | "11/12" | undefined;
279
+ readonly lg?: "section" | "max" | "min" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | "auto" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "full" | "fit" | "1/5" | "2/5" | "3/5" | "4/5" | "1/6" | "2/6" | "3/6" | "4/6" | "5/6" | "1/12" | "2/12" | "3/12" | "4/12" | "5/12" | "6/12" | "7/12" | "8/12" | "9/12" | "10/12" | "11/12" | undefined;
280
+ readonly xl?: "section" | "max" | "min" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | "auto" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "full" | "fit" | "1/5" | "2/5" | "3/5" | "4/5" | "1/6" | "2/6" | "3/6" | "4/6" | "5/6" | "1/12" | "2/12" | "3/12" | "4/12" | "5/12" | "6/12" | "7/12" | "8/12" | "9/12" | "10/12" | "11/12" | undefined;
281
+ } | undefined;
282
+ size?: "section" | "max" | "min" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | "auto" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "full" | "fit" | "1/5" | "2/5" | "3/5" | "4/5" | "1/6" | "2/6" | "3/6" | "4/6" | "5/6" | "1/12" | "2/12" | "3/12" | "4/12" | "5/12" | "6/12" | "7/12" | "8/12" | "9/12" | "10/12" | "11/12" | {
283
+ readonly xs?: "section" | "max" | "min" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | "auto" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "full" | "fit" | "1/5" | "2/5" | "3/5" | "4/5" | "1/6" | "2/6" | "3/6" | "4/6" | "5/6" | "1/12" | "2/12" | "3/12" | "4/12" | "5/12" | "6/12" | "7/12" | "8/12" | "9/12" | "10/12" | "11/12" | undefined;
284
+ readonly sm?: "section" | "max" | "min" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | "auto" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "full" | "fit" | "1/5" | "2/5" | "3/5" | "4/5" | "1/6" | "2/6" | "3/6" | "4/6" | "5/6" | "1/12" | "2/12" | "3/12" | "4/12" | "5/12" | "6/12" | "7/12" | "8/12" | "9/12" | "10/12" | "11/12" | undefined;
285
+ readonly md?: "section" | "max" | "min" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | "auto" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "full" | "fit" | "1/5" | "2/5" | "3/5" | "4/5" | "1/6" | "2/6" | "3/6" | "4/6" | "5/6" | "1/12" | "2/12" | "3/12" | "4/12" | "5/12" | "6/12" | "7/12" | "8/12" | "9/12" | "10/12" | "11/12" | undefined;
286
+ readonly lg?: "section" | "max" | "min" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | "auto" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "full" | "fit" | "1/5" | "2/5" | "3/5" | "4/5" | "1/6" | "2/6" | "3/6" | "4/6" | "5/6" | "1/12" | "2/12" | "3/12" | "4/12" | "5/12" | "6/12" | "7/12" | "8/12" | "9/12" | "10/12" | "11/12" | undefined;
287
+ readonly xl?: "section" | "max" | "min" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | "auto" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "full" | "fit" | "1/5" | "2/5" | "3/5" | "4/5" | "1/6" | "2/6" | "3/6" | "4/6" | "5/6" | "1/12" | "2/12" | "3/12" | "4/12" | "5/12" | "6/12" | "7/12" | "8/12" | "9/12" | "10/12" | "11/12" | undefined;
288
+ } | undefined;
289
+ }) => string) & {
290
+ properties: Set<"height" | "width" | "size" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth">;
291
+ };
292
+ type TSizeStyles = Parameters<typeof sizeStyles>[0];
293
+
294
+ declare const textStyles: ((props: {
295
+ fontSize?: "s" | "xs" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "m" | "l" | {
296
+ readonly xs?: "s" | "xs" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "m" | "l" | undefined;
297
+ readonly sm?: "s" | "xs" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "m" | "l" | undefined;
298
+ readonly md?: "s" | "xs" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "m" | "l" | undefined;
299
+ readonly lg?: "s" | "xs" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "m" | "l" | undefined;
300
+ readonly xl?: "s" | "xs" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "m" | "l" | undefined;
301
+ } | undefined;
302
+ fontWeight?: "regular" | "medium" | "semibold" | "bold" | {
303
+ readonly xs?: "regular" | "medium" | "semibold" | "bold" | undefined;
304
+ readonly sm?: "regular" | "medium" | "semibold" | "bold" | undefined;
305
+ readonly md?: "regular" | "medium" | "semibold" | "bold" | undefined;
306
+ readonly lg?: "regular" | "medium" | "semibold" | "bold" | undefined;
307
+ readonly xl?: "regular" | "medium" | "semibold" | "bold" | undefined;
308
+ } | undefined;
309
+ textAlign?: "center" | "end" | "start" | "left" | "right" | "justify" | {
310
+ readonly xs?: "center" | "end" | "start" | "left" | "right" | "justify" | undefined;
311
+ readonly sm?: "center" | "end" | "start" | "left" | "right" | "justify" | undefined;
312
+ readonly md?: "center" | "end" | "start" | "left" | "right" | "justify" | undefined;
313
+ readonly lg?: "center" | "end" | "start" | "left" | "right" | "justify" | undefined;
314
+ readonly xl?: "center" | "end" | "start" | "left" | "right" | "justify" | undefined;
315
+ } | undefined;
316
+ textTransform?: "none" | "capitalize" | "lowercase" | "uppercase" | {
317
+ readonly xs?: "none" | "capitalize" | "lowercase" | "uppercase" | undefined;
318
+ readonly sm?: "none" | "capitalize" | "lowercase" | "uppercase" | undefined;
319
+ readonly md?: "none" | "capitalize" | "lowercase" | "uppercase" | undefined;
320
+ readonly lg?: "none" | "capitalize" | "lowercase" | "uppercase" | undefined;
321
+ readonly xl?: "none" | "capitalize" | "lowercase" | "uppercase" | undefined;
322
+ } | undefined;
323
+ textDecoration?: "none" | "line-through" | "underline" | {
324
+ readonly xs?: "none" | "line-through" | "underline" | undefined;
325
+ readonly sm?: "none" | "line-through" | "underline" | undefined;
326
+ readonly md?: "none" | "line-through" | "underline" | undefined;
327
+ readonly lg?: "none" | "line-through" | "underline" | undefined;
328
+ readonly xl?: "none" | "line-through" | "underline" | undefined;
329
+ } | undefined;
330
+ textUnderlinePosition?: "left" | "right" | "inherit" | "revert" | "auto" | "from-font" | {
331
+ readonly xs?: "left" | "right" | "inherit" | "revert" | "auto" | "from-font" | undefined;
332
+ readonly sm?: "left" | "right" | "inherit" | "revert" | "auto" | "from-font" | undefined;
333
+ readonly md?: "left" | "right" | "inherit" | "revert" | "auto" | "from-font" | undefined;
334
+ readonly lg?: "left" | "right" | "inherit" | "revert" | "auto" | "from-font" | undefined;
335
+ readonly xl?: "left" | "right" | "inherit" | "revert" | "auto" | "from-font" | undefined;
336
+ } | undefined;
337
+ fontStyle?: "normal" | "italic" | {
338
+ readonly xs?: "normal" | "italic" | undefined;
339
+ readonly sm?: "normal" | "italic" | undefined;
340
+ readonly md?: "normal" | "italic" | undefined;
341
+ readonly lg?: "normal" | "italic" | undefined;
342
+ readonly xl?: "normal" | "italic" | undefined;
343
+ } | undefined;
344
+ letterSpacing?: "normal" | "tighter" | "tight" | "wide" | "wider" | "widest" | {
345
+ readonly xs?: "normal" | "tighter" | "tight" | "wide" | "wider" | "widest" | undefined;
346
+ readonly sm?: "normal" | "tighter" | "tight" | "wide" | "wider" | "widest" | undefined;
347
+ readonly md?: "normal" | "tighter" | "tight" | "wide" | "wider" | "widest" | undefined;
348
+ readonly lg?: "normal" | "tighter" | "tight" | "wide" | "wider" | "widest" | undefined;
349
+ readonly xl?: "normal" | "tighter" | "tight" | "wide" | "wider" | "widest" | undefined;
350
+ } | undefined;
351
+ lineHeight?: "none" | "4" | "6" | "8" | "10" | "normal" | "loose" | "3" | "5" | "tight" | "snug" | "relaxed" | "7" | "9" | {
352
+ readonly xs?: "none" | "4" | "6" | "8" | "10" | "normal" | "loose" | "3" | "5" | "tight" | "snug" | "relaxed" | "7" | "9" | undefined;
353
+ readonly sm?: "none" | "4" | "6" | "8" | "10" | "normal" | "loose" | "3" | "5" | "tight" | "snug" | "relaxed" | "7" | "9" | undefined;
354
+ readonly md?: "none" | "4" | "6" | "8" | "10" | "normal" | "loose" | "3" | "5" | "tight" | "snug" | "relaxed" | "7" | "9" | undefined;
355
+ readonly lg?: "none" | "4" | "6" | "8" | "10" | "normal" | "loose" | "3" | "5" | "tight" | "snug" | "relaxed" | "7" | "9" | undefined;
356
+ readonly xl?: "none" | "4" | "6" | "8" | "10" | "normal" | "loose" | "3" | "5" | "tight" | "snug" | "relaxed" | "7" | "9" | undefined;
357
+ } | undefined;
358
+ whiteSpace?: "pre" | "normal" | "nowrap" | "break-spaces" | "pre-line" | "pre-wrap" | {
359
+ readonly xs?: "pre" | "normal" | "nowrap" | "break-spaces" | "pre-line" | "pre-wrap" | undefined;
360
+ readonly sm?: "pre" | "normal" | "nowrap" | "break-spaces" | "pre-line" | "pre-wrap" | undefined;
361
+ readonly md?: "pre" | "normal" | "nowrap" | "break-spaces" | "pre-line" | "pre-wrap" | undefined;
362
+ readonly lg?: "pre" | "normal" | "nowrap" | "break-spaces" | "pre-line" | "pre-wrap" | undefined;
363
+ readonly xl?: "pre" | "normal" | "nowrap" | "break-spaces" | "pre-line" | "pre-wrap" | undefined;
364
+ } | undefined;
365
+ wordBreak?: "normal" | "break-word" | "break-all" | "keep-all" | {
366
+ readonly xs?: "normal" | "break-word" | "break-all" | "keep-all" | undefined;
367
+ readonly sm?: "normal" | "break-word" | "break-all" | "keep-all" | undefined;
368
+ readonly md?: "normal" | "break-word" | "break-all" | "keep-all" | undefined;
369
+ readonly lg?: "normal" | "break-word" | "break-all" | "keep-all" | undefined;
370
+ readonly xl?: "normal" | "break-word" | "break-all" | "keep-all" | undefined;
371
+ } | undefined;
372
+ } & {
373
+ paddingTop?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | {
374
+ readonly xs?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | undefined;
375
+ readonly sm?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | undefined;
376
+ readonly md?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | undefined;
377
+ readonly lg?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | undefined;
378
+ readonly xl?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | undefined;
379
+ } | undefined;
380
+ paddingBottom?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | {
381
+ readonly xs?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | undefined;
382
+ readonly sm?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | undefined;
383
+ readonly md?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | undefined;
384
+ readonly lg?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | undefined;
385
+ readonly xl?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | undefined;
386
+ } | undefined;
387
+ paddingLeft?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | {
388
+ readonly xs?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | undefined;
389
+ readonly sm?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | undefined;
390
+ readonly md?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | undefined;
391
+ readonly lg?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | undefined;
392
+ readonly xl?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | undefined;
393
+ } | undefined;
394
+ paddingRight?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | {
395
+ readonly xs?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | undefined;
396
+ readonly sm?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | undefined;
397
+ readonly md?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | undefined;
398
+ readonly lg?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | undefined;
399
+ readonly xl?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | undefined;
400
+ } | undefined;
401
+ padding?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | {
402
+ readonly xs?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | undefined;
403
+ readonly sm?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | undefined;
404
+ readonly md?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | undefined;
405
+ readonly lg?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | undefined;
406
+ readonly xl?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | undefined;
407
+ } | undefined;
408
+ paddingX?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | {
409
+ readonly xs?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | undefined;
410
+ readonly sm?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | undefined;
411
+ readonly md?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | undefined;
412
+ readonly lg?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | undefined;
413
+ readonly xl?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | undefined;
414
+ } | undefined;
415
+ paddingY?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | {
416
+ readonly xs?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | undefined;
417
+ readonly sm?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | undefined;
418
+ readonly md?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | undefined;
419
+ readonly lg?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | undefined;
420
+ readonly xl?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | undefined;
421
+ } | undefined;
422
+ } & {
423
+ marginTop?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | {
424
+ readonly xs?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | undefined;
425
+ readonly sm?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | undefined;
426
+ readonly md?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | undefined;
427
+ readonly lg?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | undefined;
428
+ readonly xl?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | undefined;
429
+ } | undefined;
430
+ marginBottom?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | {
431
+ readonly xs?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | undefined;
432
+ readonly sm?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | undefined;
433
+ readonly md?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | undefined;
434
+ readonly lg?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | undefined;
435
+ readonly xl?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | undefined;
436
+ } | undefined;
437
+ marginLeft?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | {
438
+ readonly xs?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | undefined;
439
+ readonly sm?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | undefined;
440
+ readonly md?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | undefined;
441
+ readonly lg?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | undefined;
442
+ readonly xl?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | undefined;
443
+ } | undefined;
444
+ marginRight?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | {
445
+ readonly xs?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | undefined;
446
+ readonly sm?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | undefined;
447
+ readonly md?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | undefined;
448
+ readonly lg?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | undefined;
449
+ readonly xl?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | undefined;
450
+ } | undefined;
451
+ margin?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | {
452
+ readonly xs?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | undefined;
453
+ readonly sm?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | undefined;
454
+ readonly md?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | undefined;
455
+ readonly lg?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | undefined;
456
+ readonly xl?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | undefined;
457
+ } | undefined;
458
+ marginX?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | {
459
+ readonly xs?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | undefined;
460
+ readonly sm?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | undefined;
461
+ readonly md?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | undefined;
462
+ readonly lg?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | undefined;
463
+ readonly xl?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | undefined;
464
+ } | undefined;
465
+ marginY?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | {
466
+ readonly xs?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | undefined;
467
+ readonly sm?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | undefined;
468
+ readonly md?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | undefined;
469
+ readonly lg?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | undefined;
470
+ readonly xl?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | undefined;
471
+ } | undefined;
472
+ }) => string) & {
473
+ properties: Set<"fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "textDecoration" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "textAlign" | "textTransform" | "textUnderlinePosition" | "whiteSpace" | "wordBreak" | "margin" | "padding" | "paddingX" | "paddingY" | "marginX" | "marginY">;
474
+ };
475
+ type TTextStyles = Parameters<typeof textStyles>[0];
476
+
477
+ declare const borderStyles: ((props: {
478
+ borderColor?: ("transparent" | "contentPrimary" | "contentSecondary" | "contentTertiary" | "contentQuaternary" | "contentDefaultWhite" | "contentPrimaryInverse" | "contentSecondaryInverse" | "contentTertiaryInverse" | "contentDisabled" | "contentBrand" | "contentSecondaryBrand" | "contentLink" | "contentLinkHover" | "contentLinkPressed" | "contentInfo" | "contentInfoBold" | "contentNotice" | "contentNoticeBold" | "contentNegative" | "contentNegativeBold" | "contentPositive" | "contentPositiveBold" | "contentAttention" | "contentActive" | "backgroundPrimary" | "backgroundSecondary" | "backgroundHover" | "backgroundPressed" | "backgroundSelected" | "backgroundSecondarySelected" | "backgroundDisabled" | "backgroundBrand" | "backgroundBrandHover" | "backgroundBrandPressed" | "backgroundSecondaryBrand" | "backgroundSecondaryBrandHover" | "backgroundSecondaryBrandPressed" | "backgroundInfo" | "backgroundInfoSubtle" | "backgroundNotice" | "backgroundNoticeSubtle" | "backgroundNegative" | "backgroundNegativeHover" | "backgroundNegativePressed" | "backgroundNegativeSubtle" | "backgroundPositive" | "backgroundPositiveSubtle" | "backgroundInverse" | "backgroundInverseHover" | "backgroundAttention" | "backgroundActive" | "backgroundSecondaryBrandSubtle" | "borderPrimary" | "borderSecondary" | "borderTertiary" | "borderQuaternary" | "borderDisabled" | "borderBrand" | "borderSecondaryBrand" | "borderInverse" | "borderFocus" | "borderInfo" | "borderNotice" | "borderNegative" | "borderPositive" | "borderMono" | "borderAttention" | "borderActive" | "surfaceL0" | "surfaceL1" | "surfaceL2" | "surfaceL3" | "surfaceL4" | "surfaceL5" | "surfaceL6" | "overlay50" | "overlay50Inverse") | {
479
+ default?: ("transparent" | "contentPrimary" | "contentSecondary" | "contentTertiary" | "contentQuaternary" | "contentDefaultWhite" | "contentPrimaryInverse" | "contentSecondaryInverse" | "contentTertiaryInverse" | "contentDisabled" | "contentBrand" | "contentSecondaryBrand" | "contentLink" | "contentLinkHover" | "contentLinkPressed" | "contentInfo" | "contentInfoBold" | "contentNotice" | "contentNoticeBold" | "contentNegative" | "contentNegativeBold" | "contentPositive" | "contentPositiveBold" | "contentAttention" | "contentActive" | "backgroundPrimary" | "backgroundSecondary" | "backgroundHover" | "backgroundPressed" | "backgroundSelected" | "backgroundSecondarySelected" | "backgroundDisabled" | "backgroundBrand" | "backgroundBrandHover" | "backgroundBrandPressed" | "backgroundSecondaryBrand" | "backgroundSecondaryBrandHover" | "backgroundSecondaryBrandPressed" | "backgroundInfo" | "backgroundInfoSubtle" | "backgroundNotice" | "backgroundNoticeSubtle" | "backgroundNegative" | "backgroundNegativeHover" | "backgroundNegativePressed" | "backgroundNegativeSubtle" | "backgroundPositive" | "backgroundPositiveSubtle" | "backgroundInverse" | "backgroundInverseHover" | "backgroundAttention" | "backgroundActive" | "backgroundSecondaryBrandSubtle" | "borderPrimary" | "borderSecondary" | "borderTertiary" | "borderQuaternary" | "borderDisabled" | "borderBrand" | "borderSecondaryBrand" | "borderInverse" | "borderFocus" | "borderInfo" | "borderNotice" | "borderNegative" | "borderPositive" | "borderMono" | "borderAttention" | "borderActive" | "surfaceL0" | "surfaceL1" | "surfaceL2" | "surfaceL3" | "surfaceL4" | "surfaceL5" | "surfaceL6" | "overlay50" | "overlay50Inverse") | undefined;
480
+ hover?: ("transparent" | "contentPrimary" | "contentSecondary" | "contentTertiary" | "contentQuaternary" | "contentDefaultWhite" | "contentPrimaryInverse" | "contentSecondaryInverse" | "contentTertiaryInverse" | "contentDisabled" | "contentBrand" | "contentSecondaryBrand" | "contentLink" | "contentLinkHover" | "contentLinkPressed" | "contentInfo" | "contentInfoBold" | "contentNotice" | "contentNoticeBold" | "contentNegative" | "contentNegativeBold" | "contentPositive" | "contentPositiveBold" | "contentAttention" | "contentActive" | "backgroundPrimary" | "backgroundSecondary" | "backgroundHover" | "backgroundPressed" | "backgroundSelected" | "backgroundSecondarySelected" | "backgroundDisabled" | "backgroundBrand" | "backgroundBrandHover" | "backgroundBrandPressed" | "backgroundSecondaryBrand" | "backgroundSecondaryBrandHover" | "backgroundSecondaryBrandPressed" | "backgroundInfo" | "backgroundInfoSubtle" | "backgroundNotice" | "backgroundNoticeSubtle" | "backgroundNegative" | "backgroundNegativeHover" | "backgroundNegativePressed" | "backgroundNegativeSubtle" | "backgroundPositive" | "backgroundPositiveSubtle" | "backgroundInverse" | "backgroundInverseHover" | "backgroundAttention" | "backgroundActive" | "backgroundSecondaryBrandSubtle" | "borderPrimary" | "borderSecondary" | "borderTertiary" | "borderQuaternary" | "borderDisabled" | "borderBrand" | "borderSecondaryBrand" | "borderInverse" | "borderFocus" | "borderInfo" | "borderNotice" | "borderNegative" | "borderPositive" | "borderMono" | "borderAttention" | "borderActive" | "surfaceL0" | "surfaceL1" | "surfaceL2" | "surfaceL3" | "surfaceL4" | "surfaceL5" | "surfaceL6" | "overlay50" | "overlay50Inverse") | undefined;
481
+ focus?: ("transparent" | "contentPrimary" | "contentSecondary" | "contentTertiary" | "contentQuaternary" | "contentDefaultWhite" | "contentPrimaryInverse" | "contentSecondaryInverse" | "contentTertiaryInverse" | "contentDisabled" | "contentBrand" | "contentSecondaryBrand" | "contentLink" | "contentLinkHover" | "contentLinkPressed" | "contentInfo" | "contentInfoBold" | "contentNotice" | "contentNoticeBold" | "contentNegative" | "contentNegativeBold" | "contentPositive" | "contentPositiveBold" | "contentAttention" | "contentActive" | "backgroundPrimary" | "backgroundSecondary" | "backgroundHover" | "backgroundPressed" | "backgroundSelected" | "backgroundSecondarySelected" | "backgroundDisabled" | "backgroundBrand" | "backgroundBrandHover" | "backgroundBrandPressed" | "backgroundSecondaryBrand" | "backgroundSecondaryBrandHover" | "backgroundSecondaryBrandPressed" | "backgroundInfo" | "backgroundInfoSubtle" | "backgroundNotice" | "backgroundNoticeSubtle" | "backgroundNegative" | "backgroundNegativeHover" | "backgroundNegativePressed" | "backgroundNegativeSubtle" | "backgroundPositive" | "backgroundPositiveSubtle" | "backgroundInverse" | "backgroundInverseHover" | "backgroundAttention" | "backgroundActive" | "backgroundSecondaryBrandSubtle" | "borderPrimary" | "borderSecondary" | "borderTertiary" | "borderQuaternary" | "borderDisabled" | "borderBrand" | "borderSecondaryBrand" | "borderInverse" | "borderFocus" | "borderInfo" | "borderNotice" | "borderNegative" | "borderPositive" | "borderMono" | "borderAttention" | "borderActive" | "surfaceL0" | "surfaceL1" | "surfaceL2" | "surfaceL3" | "surfaceL4" | "surfaceL5" | "surfaceL6" | "overlay50" | "overlay50Inverse") | undefined;
482
+ } | undefined;
483
+ borderTopColor?: ("transparent" | "contentPrimary" | "contentSecondary" | "contentTertiary" | "contentQuaternary" | "contentDefaultWhite" | "contentPrimaryInverse" | "contentSecondaryInverse" | "contentTertiaryInverse" | "contentDisabled" | "contentBrand" | "contentSecondaryBrand" | "contentLink" | "contentLinkHover" | "contentLinkPressed" | "contentInfo" | "contentInfoBold" | "contentNotice" | "contentNoticeBold" | "contentNegative" | "contentNegativeBold" | "contentPositive" | "contentPositiveBold" | "contentAttention" | "contentActive" | "backgroundPrimary" | "backgroundSecondary" | "backgroundHover" | "backgroundPressed" | "backgroundSelected" | "backgroundSecondarySelected" | "backgroundDisabled" | "backgroundBrand" | "backgroundBrandHover" | "backgroundBrandPressed" | "backgroundSecondaryBrand" | "backgroundSecondaryBrandHover" | "backgroundSecondaryBrandPressed" | "backgroundInfo" | "backgroundInfoSubtle" | "backgroundNotice" | "backgroundNoticeSubtle" | "backgroundNegative" | "backgroundNegativeHover" | "backgroundNegativePressed" | "backgroundNegativeSubtle" | "backgroundPositive" | "backgroundPositiveSubtle" | "backgroundInverse" | "backgroundInverseHover" | "backgroundAttention" | "backgroundActive" | "backgroundSecondaryBrandSubtle" | "borderPrimary" | "borderSecondary" | "borderTertiary" | "borderQuaternary" | "borderDisabled" | "borderBrand" | "borderSecondaryBrand" | "borderInverse" | "borderFocus" | "borderInfo" | "borderNotice" | "borderNegative" | "borderPositive" | "borderMono" | "borderAttention" | "borderActive" | "surfaceL0" | "surfaceL1" | "surfaceL2" | "surfaceL3" | "surfaceL4" | "surfaceL5" | "surfaceL6" | "overlay50" | "overlay50Inverse") | {
484
+ default?: ("transparent" | "contentPrimary" | "contentSecondary" | "contentTertiary" | "contentQuaternary" | "contentDefaultWhite" | "contentPrimaryInverse" | "contentSecondaryInverse" | "contentTertiaryInverse" | "contentDisabled" | "contentBrand" | "contentSecondaryBrand" | "contentLink" | "contentLinkHover" | "contentLinkPressed" | "contentInfo" | "contentInfoBold" | "contentNotice" | "contentNoticeBold" | "contentNegative" | "contentNegativeBold" | "contentPositive" | "contentPositiveBold" | "contentAttention" | "contentActive" | "backgroundPrimary" | "backgroundSecondary" | "backgroundHover" | "backgroundPressed" | "backgroundSelected" | "backgroundSecondarySelected" | "backgroundDisabled" | "backgroundBrand" | "backgroundBrandHover" | "backgroundBrandPressed" | "backgroundSecondaryBrand" | "backgroundSecondaryBrandHover" | "backgroundSecondaryBrandPressed" | "backgroundInfo" | "backgroundInfoSubtle" | "backgroundNotice" | "backgroundNoticeSubtle" | "backgroundNegative" | "backgroundNegativeHover" | "backgroundNegativePressed" | "backgroundNegativeSubtle" | "backgroundPositive" | "backgroundPositiveSubtle" | "backgroundInverse" | "backgroundInverseHover" | "backgroundAttention" | "backgroundActive" | "backgroundSecondaryBrandSubtle" | "borderPrimary" | "borderSecondary" | "borderTertiary" | "borderQuaternary" | "borderDisabled" | "borderBrand" | "borderSecondaryBrand" | "borderInverse" | "borderFocus" | "borderInfo" | "borderNotice" | "borderNegative" | "borderPositive" | "borderMono" | "borderAttention" | "borderActive" | "surfaceL0" | "surfaceL1" | "surfaceL2" | "surfaceL3" | "surfaceL4" | "surfaceL5" | "surfaceL6" | "overlay50" | "overlay50Inverse") | undefined;
485
+ hover?: ("transparent" | "contentPrimary" | "contentSecondary" | "contentTertiary" | "contentQuaternary" | "contentDefaultWhite" | "contentPrimaryInverse" | "contentSecondaryInverse" | "contentTertiaryInverse" | "contentDisabled" | "contentBrand" | "contentSecondaryBrand" | "contentLink" | "contentLinkHover" | "contentLinkPressed" | "contentInfo" | "contentInfoBold" | "contentNotice" | "contentNoticeBold" | "contentNegative" | "contentNegativeBold" | "contentPositive" | "contentPositiveBold" | "contentAttention" | "contentActive" | "backgroundPrimary" | "backgroundSecondary" | "backgroundHover" | "backgroundPressed" | "backgroundSelected" | "backgroundSecondarySelected" | "backgroundDisabled" | "backgroundBrand" | "backgroundBrandHover" | "backgroundBrandPressed" | "backgroundSecondaryBrand" | "backgroundSecondaryBrandHover" | "backgroundSecondaryBrandPressed" | "backgroundInfo" | "backgroundInfoSubtle" | "backgroundNotice" | "backgroundNoticeSubtle" | "backgroundNegative" | "backgroundNegativeHover" | "backgroundNegativePressed" | "backgroundNegativeSubtle" | "backgroundPositive" | "backgroundPositiveSubtle" | "backgroundInverse" | "backgroundInverseHover" | "backgroundAttention" | "backgroundActive" | "backgroundSecondaryBrandSubtle" | "borderPrimary" | "borderSecondary" | "borderTertiary" | "borderQuaternary" | "borderDisabled" | "borderBrand" | "borderSecondaryBrand" | "borderInverse" | "borderFocus" | "borderInfo" | "borderNotice" | "borderNegative" | "borderPositive" | "borderMono" | "borderAttention" | "borderActive" | "surfaceL0" | "surfaceL1" | "surfaceL2" | "surfaceL3" | "surfaceL4" | "surfaceL5" | "surfaceL6" | "overlay50" | "overlay50Inverse") | undefined;
486
+ focus?: ("transparent" | "contentPrimary" | "contentSecondary" | "contentTertiary" | "contentQuaternary" | "contentDefaultWhite" | "contentPrimaryInverse" | "contentSecondaryInverse" | "contentTertiaryInverse" | "contentDisabled" | "contentBrand" | "contentSecondaryBrand" | "contentLink" | "contentLinkHover" | "contentLinkPressed" | "contentInfo" | "contentInfoBold" | "contentNotice" | "contentNoticeBold" | "contentNegative" | "contentNegativeBold" | "contentPositive" | "contentPositiveBold" | "contentAttention" | "contentActive" | "backgroundPrimary" | "backgroundSecondary" | "backgroundHover" | "backgroundPressed" | "backgroundSelected" | "backgroundSecondarySelected" | "backgroundDisabled" | "backgroundBrand" | "backgroundBrandHover" | "backgroundBrandPressed" | "backgroundSecondaryBrand" | "backgroundSecondaryBrandHover" | "backgroundSecondaryBrandPressed" | "backgroundInfo" | "backgroundInfoSubtle" | "backgroundNotice" | "backgroundNoticeSubtle" | "backgroundNegative" | "backgroundNegativeHover" | "backgroundNegativePressed" | "backgroundNegativeSubtle" | "backgroundPositive" | "backgroundPositiveSubtle" | "backgroundInverse" | "backgroundInverseHover" | "backgroundAttention" | "backgroundActive" | "backgroundSecondaryBrandSubtle" | "borderPrimary" | "borderSecondary" | "borderTertiary" | "borderQuaternary" | "borderDisabled" | "borderBrand" | "borderSecondaryBrand" | "borderInverse" | "borderFocus" | "borderInfo" | "borderNotice" | "borderNegative" | "borderPositive" | "borderMono" | "borderAttention" | "borderActive" | "surfaceL0" | "surfaceL1" | "surfaceL2" | "surfaceL3" | "surfaceL4" | "surfaceL5" | "surfaceL6" | "overlay50" | "overlay50Inverse") | undefined;
487
+ } | undefined;
488
+ borderRightColor?: ("transparent" | "contentPrimary" | "contentSecondary" | "contentTertiary" | "contentQuaternary" | "contentDefaultWhite" | "contentPrimaryInverse" | "contentSecondaryInverse" | "contentTertiaryInverse" | "contentDisabled" | "contentBrand" | "contentSecondaryBrand" | "contentLink" | "contentLinkHover" | "contentLinkPressed" | "contentInfo" | "contentInfoBold" | "contentNotice" | "contentNoticeBold" | "contentNegative" | "contentNegativeBold" | "contentPositive" | "contentPositiveBold" | "contentAttention" | "contentActive" | "backgroundPrimary" | "backgroundSecondary" | "backgroundHover" | "backgroundPressed" | "backgroundSelected" | "backgroundSecondarySelected" | "backgroundDisabled" | "backgroundBrand" | "backgroundBrandHover" | "backgroundBrandPressed" | "backgroundSecondaryBrand" | "backgroundSecondaryBrandHover" | "backgroundSecondaryBrandPressed" | "backgroundInfo" | "backgroundInfoSubtle" | "backgroundNotice" | "backgroundNoticeSubtle" | "backgroundNegative" | "backgroundNegativeHover" | "backgroundNegativePressed" | "backgroundNegativeSubtle" | "backgroundPositive" | "backgroundPositiveSubtle" | "backgroundInverse" | "backgroundInverseHover" | "backgroundAttention" | "backgroundActive" | "backgroundSecondaryBrandSubtle" | "borderPrimary" | "borderSecondary" | "borderTertiary" | "borderQuaternary" | "borderDisabled" | "borderBrand" | "borderSecondaryBrand" | "borderInverse" | "borderFocus" | "borderInfo" | "borderNotice" | "borderNegative" | "borderPositive" | "borderMono" | "borderAttention" | "borderActive" | "surfaceL0" | "surfaceL1" | "surfaceL2" | "surfaceL3" | "surfaceL4" | "surfaceL5" | "surfaceL6" | "overlay50" | "overlay50Inverse") | {
489
+ default?: ("transparent" | "contentPrimary" | "contentSecondary" | "contentTertiary" | "contentQuaternary" | "contentDefaultWhite" | "contentPrimaryInverse" | "contentSecondaryInverse" | "contentTertiaryInverse" | "contentDisabled" | "contentBrand" | "contentSecondaryBrand" | "contentLink" | "contentLinkHover" | "contentLinkPressed" | "contentInfo" | "contentInfoBold" | "contentNotice" | "contentNoticeBold" | "contentNegative" | "contentNegativeBold" | "contentPositive" | "contentPositiveBold" | "contentAttention" | "contentActive" | "backgroundPrimary" | "backgroundSecondary" | "backgroundHover" | "backgroundPressed" | "backgroundSelected" | "backgroundSecondarySelected" | "backgroundDisabled" | "backgroundBrand" | "backgroundBrandHover" | "backgroundBrandPressed" | "backgroundSecondaryBrand" | "backgroundSecondaryBrandHover" | "backgroundSecondaryBrandPressed" | "backgroundInfo" | "backgroundInfoSubtle" | "backgroundNotice" | "backgroundNoticeSubtle" | "backgroundNegative" | "backgroundNegativeHover" | "backgroundNegativePressed" | "backgroundNegativeSubtle" | "backgroundPositive" | "backgroundPositiveSubtle" | "backgroundInverse" | "backgroundInverseHover" | "backgroundAttention" | "backgroundActive" | "backgroundSecondaryBrandSubtle" | "borderPrimary" | "borderSecondary" | "borderTertiary" | "borderQuaternary" | "borderDisabled" | "borderBrand" | "borderSecondaryBrand" | "borderInverse" | "borderFocus" | "borderInfo" | "borderNotice" | "borderNegative" | "borderPositive" | "borderMono" | "borderAttention" | "borderActive" | "surfaceL0" | "surfaceL1" | "surfaceL2" | "surfaceL3" | "surfaceL4" | "surfaceL5" | "surfaceL6" | "overlay50" | "overlay50Inverse") | undefined;
490
+ hover?: ("transparent" | "contentPrimary" | "contentSecondary" | "contentTertiary" | "contentQuaternary" | "contentDefaultWhite" | "contentPrimaryInverse" | "contentSecondaryInverse" | "contentTertiaryInverse" | "contentDisabled" | "contentBrand" | "contentSecondaryBrand" | "contentLink" | "contentLinkHover" | "contentLinkPressed" | "contentInfo" | "contentInfoBold" | "contentNotice" | "contentNoticeBold" | "contentNegative" | "contentNegativeBold" | "contentPositive" | "contentPositiveBold" | "contentAttention" | "contentActive" | "backgroundPrimary" | "backgroundSecondary" | "backgroundHover" | "backgroundPressed" | "backgroundSelected" | "backgroundSecondarySelected" | "backgroundDisabled" | "backgroundBrand" | "backgroundBrandHover" | "backgroundBrandPressed" | "backgroundSecondaryBrand" | "backgroundSecondaryBrandHover" | "backgroundSecondaryBrandPressed" | "backgroundInfo" | "backgroundInfoSubtle" | "backgroundNotice" | "backgroundNoticeSubtle" | "backgroundNegative" | "backgroundNegativeHover" | "backgroundNegativePressed" | "backgroundNegativeSubtle" | "backgroundPositive" | "backgroundPositiveSubtle" | "backgroundInverse" | "backgroundInverseHover" | "backgroundAttention" | "backgroundActive" | "backgroundSecondaryBrandSubtle" | "borderPrimary" | "borderSecondary" | "borderTertiary" | "borderQuaternary" | "borderDisabled" | "borderBrand" | "borderSecondaryBrand" | "borderInverse" | "borderFocus" | "borderInfo" | "borderNotice" | "borderNegative" | "borderPositive" | "borderMono" | "borderAttention" | "borderActive" | "surfaceL0" | "surfaceL1" | "surfaceL2" | "surfaceL3" | "surfaceL4" | "surfaceL5" | "surfaceL6" | "overlay50" | "overlay50Inverse") | undefined;
491
+ focus?: ("transparent" | "contentPrimary" | "contentSecondary" | "contentTertiary" | "contentQuaternary" | "contentDefaultWhite" | "contentPrimaryInverse" | "contentSecondaryInverse" | "contentTertiaryInverse" | "contentDisabled" | "contentBrand" | "contentSecondaryBrand" | "contentLink" | "contentLinkHover" | "contentLinkPressed" | "contentInfo" | "contentInfoBold" | "contentNotice" | "contentNoticeBold" | "contentNegative" | "contentNegativeBold" | "contentPositive" | "contentPositiveBold" | "contentAttention" | "contentActive" | "backgroundPrimary" | "backgroundSecondary" | "backgroundHover" | "backgroundPressed" | "backgroundSelected" | "backgroundSecondarySelected" | "backgroundDisabled" | "backgroundBrand" | "backgroundBrandHover" | "backgroundBrandPressed" | "backgroundSecondaryBrand" | "backgroundSecondaryBrandHover" | "backgroundSecondaryBrandPressed" | "backgroundInfo" | "backgroundInfoSubtle" | "backgroundNotice" | "backgroundNoticeSubtle" | "backgroundNegative" | "backgroundNegativeHover" | "backgroundNegativePressed" | "backgroundNegativeSubtle" | "backgroundPositive" | "backgroundPositiveSubtle" | "backgroundInverse" | "backgroundInverseHover" | "backgroundAttention" | "backgroundActive" | "backgroundSecondaryBrandSubtle" | "borderPrimary" | "borderSecondary" | "borderTertiary" | "borderQuaternary" | "borderDisabled" | "borderBrand" | "borderSecondaryBrand" | "borderInverse" | "borderFocus" | "borderInfo" | "borderNotice" | "borderNegative" | "borderPositive" | "borderMono" | "borderAttention" | "borderActive" | "surfaceL0" | "surfaceL1" | "surfaceL2" | "surfaceL3" | "surfaceL4" | "surfaceL5" | "surfaceL6" | "overlay50" | "overlay50Inverse") | undefined;
492
+ } | undefined;
493
+ borderBottomColor?: ("transparent" | "contentPrimary" | "contentSecondary" | "contentTertiary" | "contentQuaternary" | "contentDefaultWhite" | "contentPrimaryInverse" | "contentSecondaryInverse" | "contentTertiaryInverse" | "contentDisabled" | "contentBrand" | "contentSecondaryBrand" | "contentLink" | "contentLinkHover" | "contentLinkPressed" | "contentInfo" | "contentInfoBold" | "contentNotice" | "contentNoticeBold" | "contentNegative" | "contentNegativeBold" | "contentPositive" | "contentPositiveBold" | "contentAttention" | "contentActive" | "backgroundPrimary" | "backgroundSecondary" | "backgroundHover" | "backgroundPressed" | "backgroundSelected" | "backgroundSecondarySelected" | "backgroundDisabled" | "backgroundBrand" | "backgroundBrandHover" | "backgroundBrandPressed" | "backgroundSecondaryBrand" | "backgroundSecondaryBrandHover" | "backgroundSecondaryBrandPressed" | "backgroundInfo" | "backgroundInfoSubtle" | "backgroundNotice" | "backgroundNoticeSubtle" | "backgroundNegative" | "backgroundNegativeHover" | "backgroundNegativePressed" | "backgroundNegativeSubtle" | "backgroundPositive" | "backgroundPositiveSubtle" | "backgroundInverse" | "backgroundInverseHover" | "backgroundAttention" | "backgroundActive" | "backgroundSecondaryBrandSubtle" | "borderPrimary" | "borderSecondary" | "borderTertiary" | "borderQuaternary" | "borderDisabled" | "borderBrand" | "borderSecondaryBrand" | "borderInverse" | "borderFocus" | "borderInfo" | "borderNotice" | "borderNegative" | "borderPositive" | "borderMono" | "borderAttention" | "borderActive" | "surfaceL0" | "surfaceL1" | "surfaceL2" | "surfaceL3" | "surfaceL4" | "surfaceL5" | "surfaceL6" | "overlay50" | "overlay50Inverse") | {
494
+ default?: ("transparent" | "contentPrimary" | "contentSecondary" | "contentTertiary" | "contentQuaternary" | "contentDefaultWhite" | "contentPrimaryInverse" | "contentSecondaryInverse" | "contentTertiaryInverse" | "contentDisabled" | "contentBrand" | "contentSecondaryBrand" | "contentLink" | "contentLinkHover" | "contentLinkPressed" | "contentInfo" | "contentInfoBold" | "contentNotice" | "contentNoticeBold" | "contentNegative" | "contentNegativeBold" | "contentPositive" | "contentPositiveBold" | "contentAttention" | "contentActive" | "backgroundPrimary" | "backgroundSecondary" | "backgroundHover" | "backgroundPressed" | "backgroundSelected" | "backgroundSecondarySelected" | "backgroundDisabled" | "backgroundBrand" | "backgroundBrandHover" | "backgroundBrandPressed" | "backgroundSecondaryBrand" | "backgroundSecondaryBrandHover" | "backgroundSecondaryBrandPressed" | "backgroundInfo" | "backgroundInfoSubtle" | "backgroundNotice" | "backgroundNoticeSubtle" | "backgroundNegative" | "backgroundNegativeHover" | "backgroundNegativePressed" | "backgroundNegativeSubtle" | "backgroundPositive" | "backgroundPositiveSubtle" | "backgroundInverse" | "backgroundInverseHover" | "backgroundAttention" | "backgroundActive" | "backgroundSecondaryBrandSubtle" | "borderPrimary" | "borderSecondary" | "borderTertiary" | "borderQuaternary" | "borderDisabled" | "borderBrand" | "borderSecondaryBrand" | "borderInverse" | "borderFocus" | "borderInfo" | "borderNotice" | "borderNegative" | "borderPositive" | "borderMono" | "borderAttention" | "borderActive" | "surfaceL0" | "surfaceL1" | "surfaceL2" | "surfaceL3" | "surfaceL4" | "surfaceL5" | "surfaceL6" | "overlay50" | "overlay50Inverse") | undefined;
495
+ hover?: ("transparent" | "contentPrimary" | "contentSecondary" | "contentTertiary" | "contentQuaternary" | "contentDefaultWhite" | "contentPrimaryInverse" | "contentSecondaryInverse" | "contentTertiaryInverse" | "contentDisabled" | "contentBrand" | "contentSecondaryBrand" | "contentLink" | "contentLinkHover" | "contentLinkPressed" | "contentInfo" | "contentInfoBold" | "contentNotice" | "contentNoticeBold" | "contentNegative" | "contentNegativeBold" | "contentPositive" | "contentPositiveBold" | "contentAttention" | "contentActive" | "backgroundPrimary" | "backgroundSecondary" | "backgroundHover" | "backgroundPressed" | "backgroundSelected" | "backgroundSecondarySelected" | "backgroundDisabled" | "backgroundBrand" | "backgroundBrandHover" | "backgroundBrandPressed" | "backgroundSecondaryBrand" | "backgroundSecondaryBrandHover" | "backgroundSecondaryBrandPressed" | "backgroundInfo" | "backgroundInfoSubtle" | "backgroundNotice" | "backgroundNoticeSubtle" | "backgroundNegative" | "backgroundNegativeHover" | "backgroundNegativePressed" | "backgroundNegativeSubtle" | "backgroundPositive" | "backgroundPositiveSubtle" | "backgroundInverse" | "backgroundInverseHover" | "backgroundAttention" | "backgroundActive" | "backgroundSecondaryBrandSubtle" | "borderPrimary" | "borderSecondary" | "borderTertiary" | "borderQuaternary" | "borderDisabled" | "borderBrand" | "borderSecondaryBrand" | "borderInverse" | "borderFocus" | "borderInfo" | "borderNotice" | "borderNegative" | "borderPositive" | "borderMono" | "borderAttention" | "borderActive" | "surfaceL0" | "surfaceL1" | "surfaceL2" | "surfaceL3" | "surfaceL4" | "surfaceL5" | "surfaceL6" | "overlay50" | "overlay50Inverse") | undefined;
496
+ focus?: ("transparent" | "contentPrimary" | "contentSecondary" | "contentTertiary" | "contentQuaternary" | "contentDefaultWhite" | "contentPrimaryInverse" | "contentSecondaryInverse" | "contentTertiaryInverse" | "contentDisabled" | "contentBrand" | "contentSecondaryBrand" | "contentLink" | "contentLinkHover" | "contentLinkPressed" | "contentInfo" | "contentInfoBold" | "contentNotice" | "contentNoticeBold" | "contentNegative" | "contentNegativeBold" | "contentPositive" | "contentPositiveBold" | "contentAttention" | "contentActive" | "backgroundPrimary" | "backgroundSecondary" | "backgroundHover" | "backgroundPressed" | "backgroundSelected" | "backgroundSecondarySelected" | "backgroundDisabled" | "backgroundBrand" | "backgroundBrandHover" | "backgroundBrandPressed" | "backgroundSecondaryBrand" | "backgroundSecondaryBrandHover" | "backgroundSecondaryBrandPressed" | "backgroundInfo" | "backgroundInfoSubtle" | "backgroundNotice" | "backgroundNoticeSubtle" | "backgroundNegative" | "backgroundNegativeHover" | "backgroundNegativePressed" | "backgroundNegativeSubtle" | "backgroundPositive" | "backgroundPositiveSubtle" | "backgroundInverse" | "backgroundInverseHover" | "backgroundAttention" | "backgroundActive" | "backgroundSecondaryBrandSubtle" | "borderPrimary" | "borderSecondary" | "borderTertiary" | "borderQuaternary" | "borderDisabled" | "borderBrand" | "borderSecondaryBrand" | "borderInverse" | "borderFocus" | "borderInfo" | "borderNotice" | "borderNegative" | "borderPositive" | "borderMono" | "borderAttention" | "borderActive" | "surfaceL0" | "surfaceL1" | "surfaceL2" | "surfaceL3" | "surfaceL4" | "surfaceL5" | "surfaceL6" | "overlay50" | "overlay50Inverse") | undefined;
497
+ } | undefined;
498
+ borderLeftColor?: ("transparent" | "contentPrimary" | "contentSecondary" | "contentTertiary" | "contentQuaternary" | "contentDefaultWhite" | "contentPrimaryInverse" | "contentSecondaryInverse" | "contentTertiaryInverse" | "contentDisabled" | "contentBrand" | "contentSecondaryBrand" | "contentLink" | "contentLinkHover" | "contentLinkPressed" | "contentInfo" | "contentInfoBold" | "contentNotice" | "contentNoticeBold" | "contentNegative" | "contentNegativeBold" | "contentPositive" | "contentPositiveBold" | "contentAttention" | "contentActive" | "backgroundPrimary" | "backgroundSecondary" | "backgroundHover" | "backgroundPressed" | "backgroundSelected" | "backgroundSecondarySelected" | "backgroundDisabled" | "backgroundBrand" | "backgroundBrandHover" | "backgroundBrandPressed" | "backgroundSecondaryBrand" | "backgroundSecondaryBrandHover" | "backgroundSecondaryBrandPressed" | "backgroundInfo" | "backgroundInfoSubtle" | "backgroundNotice" | "backgroundNoticeSubtle" | "backgroundNegative" | "backgroundNegativeHover" | "backgroundNegativePressed" | "backgroundNegativeSubtle" | "backgroundPositive" | "backgroundPositiveSubtle" | "backgroundInverse" | "backgroundInverseHover" | "backgroundAttention" | "backgroundActive" | "backgroundSecondaryBrandSubtle" | "borderPrimary" | "borderSecondary" | "borderTertiary" | "borderQuaternary" | "borderDisabled" | "borderBrand" | "borderSecondaryBrand" | "borderInverse" | "borderFocus" | "borderInfo" | "borderNotice" | "borderNegative" | "borderPositive" | "borderMono" | "borderAttention" | "borderActive" | "surfaceL0" | "surfaceL1" | "surfaceL2" | "surfaceL3" | "surfaceL4" | "surfaceL5" | "surfaceL6" | "overlay50" | "overlay50Inverse") | {
499
+ default?: ("transparent" | "contentPrimary" | "contentSecondary" | "contentTertiary" | "contentQuaternary" | "contentDefaultWhite" | "contentPrimaryInverse" | "contentSecondaryInverse" | "contentTertiaryInverse" | "contentDisabled" | "contentBrand" | "contentSecondaryBrand" | "contentLink" | "contentLinkHover" | "contentLinkPressed" | "contentInfo" | "contentInfoBold" | "contentNotice" | "contentNoticeBold" | "contentNegative" | "contentNegativeBold" | "contentPositive" | "contentPositiveBold" | "contentAttention" | "contentActive" | "backgroundPrimary" | "backgroundSecondary" | "backgroundHover" | "backgroundPressed" | "backgroundSelected" | "backgroundSecondarySelected" | "backgroundDisabled" | "backgroundBrand" | "backgroundBrandHover" | "backgroundBrandPressed" | "backgroundSecondaryBrand" | "backgroundSecondaryBrandHover" | "backgroundSecondaryBrandPressed" | "backgroundInfo" | "backgroundInfoSubtle" | "backgroundNotice" | "backgroundNoticeSubtle" | "backgroundNegative" | "backgroundNegativeHover" | "backgroundNegativePressed" | "backgroundNegativeSubtle" | "backgroundPositive" | "backgroundPositiveSubtle" | "backgroundInverse" | "backgroundInverseHover" | "backgroundAttention" | "backgroundActive" | "backgroundSecondaryBrandSubtle" | "borderPrimary" | "borderSecondary" | "borderTertiary" | "borderQuaternary" | "borderDisabled" | "borderBrand" | "borderSecondaryBrand" | "borderInverse" | "borderFocus" | "borderInfo" | "borderNotice" | "borderNegative" | "borderPositive" | "borderMono" | "borderAttention" | "borderActive" | "surfaceL0" | "surfaceL1" | "surfaceL2" | "surfaceL3" | "surfaceL4" | "surfaceL5" | "surfaceL6" | "overlay50" | "overlay50Inverse") | undefined;
500
+ hover?: ("transparent" | "contentPrimary" | "contentSecondary" | "contentTertiary" | "contentQuaternary" | "contentDefaultWhite" | "contentPrimaryInverse" | "contentSecondaryInverse" | "contentTertiaryInverse" | "contentDisabled" | "contentBrand" | "contentSecondaryBrand" | "contentLink" | "contentLinkHover" | "contentLinkPressed" | "contentInfo" | "contentInfoBold" | "contentNotice" | "contentNoticeBold" | "contentNegative" | "contentNegativeBold" | "contentPositive" | "contentPositiveBold" | "contentAttention" | "contentActive" | "backgroundPrimary" | "backgroundSecondary" | "backgroundHover" | "backgroundPressed" | "backgroundSelected" | "backgroundSecondarySelected" | "backgroundDisabled" | "backgroundBrand" | "backgroundBrandHover" | "backgroundBrandPressed" | "backgroundSecondaryBrand" | "backgroundSecondaryBrandHover" | "backgroundSecondaryBrandPressed" | "backgroundInfo" | "backgroundInfoSubtle" | "backgroundNotice" | "backgroundNoticeSubtle" | "backgroundNegative" | "backgroundNegativeHover" | "backgroundNegativePressed" | "backgroundNegativeSubtle" | "backgroundPositive" | "backgroundPositiveSubtle" | "backgroundInverse" | "backgroundInverseHover" | "backgroundAttention" | "backgroundActive" | "backgroundSecondaryBrandSubtle" | "borderPrimary" | "borderSecondary" | "borderTertiary" | "borderQuaternary" | "borderDisabled" | "borderBrand" | "borderSecondaryBrand" | "borderInverse" | "borderFocus" | "borderInfo" | "borderNotice" | "borderNegative" | "borderPositive" | "borderMono" | "borderAttention" | "borderActive" | "surfaceL0" | "surfaceL1" | "surfaceL2" | "surfaceL3" | "surfaceL4" | "surfaceL5" | "surfaceL6" | "overlay50" | "overlay50Inverse") | undefined;
501
+ focus?: ("transparent" | "contentPrimary" | "contentSecondary" | "contentTertiary" | "contentQuaternary" | "contentDefaultWhite" | "contentPrimaryInverse" | "contentSecondaryInverse" | "contentTertiaryInverse" | "contentDisabled" | "contentBrand" | "contentSecondaryBrand" | "contentLink" | "contentLinkHover" | "contentLinkPressed" | "contentInfo" | "contentInfoBold" | "contentNotice" | "contentNoticeBold" | "contentNegative" | "contentNegativeBold" | "contentPositive" | "contentPositiveBold" | "contentAttention" | "contentActive" | "backgroundPrimary" | "backgroundSecondary" | "backgroundHover" | "backgroundPressed" | "backgroundSelected" | "backgroundSecondarySelected" | "backgroundDisabled" | "backgroundBrand" | "backgroundBrandHover" | "backgroundBrandPressed" | "backgroundSecondaryBrand" | "backgroundSecondaryBrandHover" | "backgroundSecondaryBrandPressed" | "backgroundInfo" | "backgroundInfoSubtle" | "backgroundNotice" | "backgroundNoticeSubtle" | "backgroundNegative" | "backgroundNegativeHover" | "backgroundNegativePressed" | "backgroundNegativeSubtle" | "backgroundPositive" | "backgroundPositiveSubtle" | "backgroundInverse" | "backgroundInverseHover" | "backgroundAttention" | "backgroundActive" | "backgroundSecondaryBrandSubtle" | "borderPrimary" | "borderSecondary" | "borderTertiary" | "borderQuaternary" | "borderDisabled" | "borderBrand" | "borderSecondaryBrand" | "borderInverse" | "borderFocus" | "borderInfo" | "borderNotice" | "borderNegative" | "borderPositive" | "borderMono" | "borderAttention" | "borderActive" | "surfaceL0" | "surfaceL1" | "surfaceL2" | "surfaceL3" | "surfaceL4" | "surfaceL5" | "surfaceL6" | "overlay50" | "overlay50Inverse") | undefined;
502
+ } | undefined;
503
+ borderTopWidth?: "s" | "none" | "xs" | "xl" | "m" | "l" | {
504
+ default?: "s" | "none" | "xs" | "xl" | "m" | "l" | undefined;
505
+ hover?: "s" | "none" | "xs" | "xl" | "m" | "l" | undefined;
506
+ focus?: "s" | "none" | "xs" | "xl" | "m" | "l" | undefined;
507
+ } | undefined;
508
+ borderRightWidth?: "s" | "none" | "xs" | "xl" | "m" | "l" | {
509
+ default?: "s" | "none" | "xs" | "xl" | "m" | "l" | undefined;
510
+ hover?: "s" | "none" | "xs" | "xl" | "m" | "l" | undefined;
511
+ focus?: "s" | "none" | "xs" | "xl" | "m" | "l" | undefined;
512
+ } | undefined;
513
+ borderBottomWidth?: "s" | "none" | "xs" | "xl" | "m" | "l" | {
514
+ default?: "s" | "none" | "xs" | "xl" | "m" | "l" | undefined;
515
+ hover?: "s" | "none" | "xs" | "xl" | "m" | "l" | undefined;
516
+ focus?: "s" | "none" | "xs" | "xl" | "m" | "l" | undefined;
517
+ } | undefined;
518
+ borderLeftWidth?: "s" | "none" | "xs" | "xl" | "m" | "l" | {
519
+ default?: "s" | "none" | "xs" | "xl" | "m" | "l" | undefined;
520
+ hover?: "s" | "none" | "xs" | "xl" | "m" | "l" | undefined;
521
+ focus?: "s" | "none" | "xs" | "xl" | "m" | "l" | undefined;
522
+ } | undefined;
523
+ borderTopLeftRadius?: "circle" | "xs" | "sm" | "md" | "lg" | "xl" | "pill" | {
524
+ default?: "circle" | "xs" | "sm" | "md" | "lg" | "xl" | "pill" | undefined;
525
+ hover?: "circle" | "xs" | "sm" | "md" | "lg" | "xl" | "pill" | undefined;
526
+ focus?: "circle" | "xs" | "sm" | "md" | "lg" | "xl" | "pill" | undefined;
527
+ } | undefined;
528
+ borderTopRightRadius?: "circle" | "xs" | "sm" | "md" | "lg" | "xl" | "pill" | {
529
+ default?: "circle" | "xs" | "sm" | "md" | "lg" | "xl" | "pill" | undefined;
530
+ hover?: "circle" | "xs" | "sm" | "md" | "lg" | "xl" | "pill" | undefined;
531
+ focus?: "circle" | "xs" | "sm" | "md" | "lg" | "xl" | "pill" | undefined;
532
+ } | undefined;
533
+ borderBottomRightRadius?: "circle" | "xs" | "sm" | "md" | "lg" | "xl" | "pill" | {
534
+ default?: "circle" | "xs" | "sm" | "md" | "lg" | "xl" | "pill" | undefined;
535
+ hover?: "circle" | "xs" | "sm" | "md" | "lg" | "xl" | "pill" | undefined;
536
+ focus?: "circle" | "xs" | "sm" | "md" | "lg" | "xl" | "pill" | undefined;
537
+ } | undefined;
538
+ borderBottomLeftRadius?: "circle" | "xs" | "sm" | "md" | "lg" | "xl" | "pill" | {
539
+ default?: "circle" | "xs" | "sm" | "md" | "lg" | "xl" | "pill" | undefined;
540
+ hover?: "circle" | "xs" | "sm" | "md" | "lg" | "xl" | "pill" | undefined;
541
+ focus?: "circle" | "xs" | "sm" | "md" | "lg" | "xl" | "pill" | undefined;
542
+ } | undefined;
543
+ borderStyle?: "none" | "dashed" | "dotted" | "double" | "solid" | {
544
+ default?: "none" | "dashed" | "dotted" | "double" | "solid" | undefined;
545
+ hover?: "none" | "dashed" | "dotted" | "double" | "solid" | undefined;
546
+ focus?: "none" | "dashed" | "dotted" | "double" | "solid" | undefined;
547
+ } | undefined;
548
+ borderTopStyle?: "none" | "dashed" | "dotted" | "double" | "solid" | {
549
+ default?: "none" | "dashed" | "dotted" | "double" | "solid" | undefined;
550
+ hover?: "none" | "dashed" | "dotted" | "double" | "solid" | undefined;
551
+ focus?: "none" | "dashed" | "dotted" | "double" | "solid" | undefined;
552
+ } | undefined;
553
+ borderRightStyle?: "none" | "dashed" | "dotted" | "double" | "solid" | {
554
+ default?: "none" | "dashed" | "dotted" | "double" | "solid" | undefined;
555
+ hover?: "none" | "dashed" | "dotted" | "double" | "solid" | undefined;
556
+ focus?: "none" | "dashed" | "dotted" | "double" | "solid" | undefined;
557
+ } | undefined;
558
+ borderBottomStyle?: "none" | "dashed" | "dotted" | "double" | "solid" | {
559
+ default?: "none" | "dashed" | "dotted" | "double" | "solid" | undefined;
560
+ hover?: "none" | "dashed" | "dotted" | "double" | "solid" | undefined;
561
+ focus?: "none" | "dashed" | "dotted" | "double" | "solid" | undefined;
562
+ } | undefined;
563
+ borderLeftStyle?: "none" | "dashed" | "dotted" | "double" | "solid" | {
564
+ default?: "none" | "dashed" | "dotted" | "double" | "solid" | undefined;
565
+ hover?: "none" | "dashed" | "dotted" | "double" | "solid" | undefined;
566
+ focus?: "none" | "dashed" | "dotted" | "double" | "solid" | undefined;
567
+ } | undefined;
568
+ borderWidth?: "s" | "none" | "xs" | "xl" | "m" | "l" | {
569
+ default?: "s" | "none" | "xs" | "xl" | "m" | "l" | undefined;
570
+ hover?: "s" | "none" | "xs" | "xl" | "m" | "l" | undefined;
571
+ focus?: "s" | "none" | "xs" | "xl" | "m" | "l" | undefined;
572
+ } | undefined;
573
+ borderXWidth?: "s" | "none" | "xs" | "xl" | "m" | "l" | {
574
+ default?: "s" | "none" | "xs" | "xl" | "m" | "l" | undefined;
575
+ hover?: "s" | "none" | "xs" | "xl" | "m" | "l" | undefined;
576
+ focus?: "s" | "none" | "xs" | "xl" | "m" | "l" | undefined;
577
+ } | undefined;
578
+ borderYWidth?: "s" | "none" | "xs" | "xl" | "m" | "l" | {
579
+ default?: "s" | "none" | "xs" | "xl" | "m" | "l" | undefined;
580
+ hover?: "s" | "none" | "xs" | "xl" | "m" | "l" | undefined;
581
+ focus?: "s" | "none" | "xs" | "xl" | "m" | "l" | undefined;
582
+ } | undefined;
583
+ borderRadius?: "circle" | "xs" | "sm" | "md" | "lg" | "xl" | "pill" | {
584
+ default?: "circle" | "xs" | "sm" | "md" | "lg" | "xl" | "pill" | undefined;
585
+ hover?: "circle" | "xs" | "sm" | "md" | "lg" | "xl" | "pill" | undefined;
586
+ focus?: "circle" | "xs" | "sm" | "md" | "lg" | "xl" | "pill" | undefined;
587
+ } | undefined;
588
+ rounded?: "circle" | "xs" | "sm" | "md" | "lg" | "xl" | "pill" | {
589
+ default?: "circle" | "xs" | "sm" | "md" | "lg" | "xl" | "pill" | undefined;
590
+ hover?: "circle" | "xs" | "sm" | "md" | "lg" | "xl" | "pill" | undefined;
591
+ focus?: "circle" | "xs" | "sm" | "md" | "lg" | "xl" | "pill" | undefined;
592
+ } | undefined;
593
+ roundedTop?: "circle" | "xs" | "sm" | "md" | "lg" | "xl" | "pill" | {
594
+ default?: "circle" | "xs" | "sm" | "md" | "lg" | "xl" | "pill" | undefined;
595
+ hover?: "circle" | "xs" | "sm" | "md" | "lg" | "xl" | "pill" | undefined;
596
+ focus?: "circle" | "xs" | "sm" | "md" | "lg" | "xl" | "pill" | undefined;
597
+ } | undefined;
598
+ roundedRight?: "circle" | "xs" | "sm" | "md" | "lg" | "xl" | "pill" | {
599
+ default?: "circle" | "xs" | "sm" | "md" | "lg" | "xl" | "pill" | undefined;
600
+ hover?: "circle" | "xs" | "sm" | "md" | "lg" | "xl" | "pill" | undefined;
601
+ focus?: "circle" | "xs" | "sm" | "md" | "lg" | "xl" | "pill" | undefined;
602
+ } | undefined;
603
+ roundedBottom?: "circle" | "xs" | "sm" | "md" | "lg" | "xl" | "pill" | {
604
+ default?: "circle" | "xs" | "sm" | "md" | "lg" | "xl" | "pill" | undefined;
605
+ hover?: "circle" | "xs" | "sm" | "md" | "lg" | "xl" | "pill" | undefined;
606
+ focus?: "circle" | "xs" | "sm" | "md" | "lg" | "xl" | "pill" | undefined;
607
+ } | undefined;
608
+ roundedLeft?: "circle" | "xs" | "sm" | "md" | "lg" | "xl" | "pill" | {
609
+ default?: "circle" | "xs" | "sm" | "md" | "lg" | "xl" | "pill" | undefined;
610
+ hover?: "circle" | "xs" | "sm" | "md" | "lg" | "xl" | "pill" | undefined;
611
+ focus?: "circle" | "xs" | "sm" | "md" | "lg" | "xl" | "pill" | undefined;
612
+ } | undefined;
613
+ roundedTopLeft?: "circle" | "xs" | "sm" | "md" | "lg" | "xl" | "pill" | {
614
+ default?: "circle" | "xs" | "sm" | "md" | "lg" | "xl" | "pill" | undefined;
615
+ hover?: "circle" | "xs" | "sm" | "md" | "lg" | "xl" | "pill" | undefined;
616
+ focus?: "circle" | "xs" | "sm" | "md" | "lg" | "xl" | "pill" | undefined;
617
+ } | undefined;
618
+ roundedTopRight?: "circle" | "xs" | "sm" | "md" | "lg" | "xl" | "pill" | {
619
+ default?: "circle" | "xs" | "sm" | "md" | "lg" | "xl" | "pill" | undefined;
620
+ hover?: "circle" | "xs" | "sm" | "md" | "lg" | "xl" | "pill" | undefined;
621
+ focus?: "circle" | "xs" | "sm" | "md" | "lg" | "xl" | "pill" | undefined;
622
+ } | undefined;
623
+ roundedBottomRight?: "circle" | "xs" | "sm" | "md" | "lg" | "xl" | "pill" | {
624
+ default?: "circle" | "xs" | "sm" | "md" | "lg" | "xl" | "pill" | undefined;
625
+ hover?: "circle" | "xs" | "sm" | "md" | "lg" | "xl" | "pill" | undefined;
626
+ focus?: "circle" | "xs" | "sm" | "md" | "lg" | "xl" | "pill" | undefined;
627
+ } | undefined;
628
+ roundedBottomLeft?: "circle" | "xs" | "sm" | "md" | "lg" | "xl" | "pill" | {
629
+ default?: "circle" | "xs" | "sm" | "md" | "lg" | "xl" | "pill" | undefined;
630
+ hover?: "circle" | "xs" | "sm" | "md" | "lg" | "xl" | "pill" | undefined;
631
+ focus?: "circle" | "xs" | "sm" | "md" | "lg" | "xl" | "pill" | undefined;
632
+ } | undefined;
633
+ border?: {} | undefined;
634
+ }) => string) & {
635
+ properties: Set<"border" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderLeftColor" | "borderLeftStyle" | "borderLeftWidth" | "borderRightColor" | "borderRightStyle" | "borderRightWidth" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "borderTopWidth" | "borderColor" | "borderRadius" | "borderStyle" | "borderWidth" | "borderXWidth" | "borderYWidth" | "rounded" | "roundedTop" | "roundedRight" | "roundedBottom" | "roundedLeft" | "roundedTopLeft" | "roundedTopRight" | "roundedBottomRight" | "roundedBottomLeft">;
636
+ };
637
+ type TBorderPropertyTypes = Parameters<typeof borderStyles>[0];
638
+
639
+ declare const colorStyles: ((props: {
640
+ color?: ("transparent" | "contentPrimary" | "contentSecondary" | "contentTertiary" | "contentQuaternary" | "contentDefaultWhite" | "contentPrimaryInverse" | "contentSecondaryInverse" | "contentTertiaryInverse" | "contentDisabled" | "contentBrand" | "contentSecondaryBrand" | "contentLink" | "contentLinkHover" | "contentLinkPressed" | "contentInfo" | "contentInfoBold" | "contentNotice" | "contentNoticeBold" | "contentNegative" | "contentNegativeBold" | "contentPositive" | "contentPositiveBold" | "contentAttention" | "contentActive" | "backgroundPrimary" | "backgroundSecondary" | "backgroundHover" | "backgroundPressed" | "backgroundSelected" | "backgroundSecondarySelected" | "backgroundDisabled" | "backgroundBrand" | "backgroundBrandHover" | "backgroundBrandPressed" | "backgroundSecondaryBrand" | "backgroundSecondaryBrandHover" | "backgroundSecondaryBrandPressed" | "backgroundInfo" | "backgroundInfoSubtle" | "backgroundNotice" | "backgroundNoticeSubtle" | "backgroundNegative" | "backgroundNegativeHover" | "backgroundNegativePressed" | "backgroundNegativeSubtle" | "backgroundPositive" | "backgroundPositiveSubtle" | "backgroundInverse" | "backgroundInverseHover" | "backgroundAttention" | "backgroundActive" | "backgroundSecondaryBrandSubtle" | "borderPrimary" | "borderSecondary" | "borderTertiary" | "borderQuaternary" | "borderDisabled" | "borderBrand" | "borderSecondaryBrand" | "borderInverse" | "borderFocus" | "borderInfo" | "borderNotice" | "borderNegative" | "borderPositive" | "borderMono" | "borderAttention" | "borderActive" | "surfaceL0" | "surfaceL1" | "surfaceL2" | "surfaceL3" | "surfaceL4" | "surfaceL5" | "surfaceL6" | "overlay50" | "overlay50Inverse") | {
641
+ default?: ("transparent" | "contentPrimary" | "contentSecondary" | "contentTertiary" | "contentQuaternary" | "contentDefaultWhite" | "contentPrimaryInverse" | "contentSecondaryInverse" | "contentTertiaryInverse" | "contentDisabled" | "contentBrand" | "contentSecondaryBrand" | "contentLink" | "contentLinkHover" | "contentLinkPressed" | "contentInfo" | "contentInfoBold" | "contentNotice" | "contentNoticeBold" | "contentNegative" | "contentNegativeBold" | "contentPositive" | "contentPositiveBold" | "contentAttention" | "contentActive" | "backgroundPrimary" | "backgroundSecondary" | "backgroundHover" | "backgroundPressed" | "backgroundSelected" | "backgroundSecondarySelected" | "backgroundDisabled" | "backgroundBrand" | "backgroundBrandHover" | "backgroundBrandPressed" | "backgroundSecondaryBrand" | "backgroundSecondaryBrandHover" | "backgroundSecondaryBrandPressed" | "backgroundInfo" | "backgroundInfoSubtle" | "backgroundNotice" | "backgroundNoticeSubtle" | "backgroundNegative" | "backgroundNegativeHover" | "backgroundNegativePressed" | "backgroundNegativeSubtle" | "backgroundPositive" | "backgroundPositiveSubtle" | "backgroundInverse" | "backgroundInverseHover" | "backgroundAttention" | "backgroundActive" | "backgroundSecondaryBrandSubtle" | "borderPrimary" | "borderSecondary" | "borderTertiary" | "borderQuaternary" | "borderDisabled" | "borderBrand" | "borderSecondaryBrand" | "borderInverse" | "borderFocus" | "borderInfo" | "borderNotice" | "borderNegative" | "borderPositive" | "borderMono" | "borderAttention" | "borderActive" | "surfaceL0" | "surfaceL1" | "surfaceL2" | "surfaceL3" | "surfaceL4" | "surfaceL5" | "surfaceL6" | "overlay50" | "overlay50Inverse") | undefined;
642
+ hover?: ("transparent" | "contentPrimary" | "contentSecondary" | "contentTertiary" | "contentQuaternary" | "contentDefaultWhite" | "contentPrimaryInverse" | "contentSecondaryInverse" | "contentTertiaryInverse" | "contentDisabled" | "contentBrand" | "contentSecondaryBrand" | "contentLink" | "contentLinkHover" | "contentLinkPressed" | "contentInfo" | "contentInfoBold" | "contentNotice" | "contentNoticeBold" | "contentNegative" | "contentNegativeBold" | "contentPositive" | "contentPositiveBold" | "contentAttention" | "contentActive" | "backgroundPrimary" | "backgroundSecondary" | "backgroundHover" | "backgroundPressed" | "backgroundSelected" | "backgroundSecondarySelected" | "backgroundDisabled" | "backgroundBrand" | "backgroundBrandHover" | "backgroundBrandPressed" | "backgroundSecondaryBrand" | "backgroundSecondaryBrandHover" | "backgroundSecondaryBrandPressed" | "backgroundInfo" | "backgroundInfoSubtle" | "backgroundNotice" | "backgroundNoticeSubtle" | "backgroundNegative" | "backgroundNegativeHover" | "backgroundNegativePressed" | "backgroundNegativeSubtle" | "backgroundPositive" | "backgroundPositiveSubtle" | "backgroundInverse" | "backgroundInverseHover" | "backgroundAttention" | "backgroundActive" | "backgroundSecondaryBrandSubtle" | "borderPrimary" | "borderSecondary" | "borderTertiary" | "borderQuaternary" | "borderDisabled" | "borderBrand" | "borderSecondaryBrand" | "borderInverse" | "borderFocus" | "borderInfo" | "borderNotice" | "borderNegative" | "borderPositive" | "borderMono" | "borderAttention" | "borderActive" | "surfaceL0" | "surfaceL1" | "surfaceL2" | "surfaceL3" | "surfaceL4" | "surfaceL5" | "surfaceL6" | "overlay50" | "overlay50Inverse") | undefined;
643
+ focus?: ("transparent" | "contentPrimary" | "contentSecondary" | "contentTertiary" | "contentQuaternary" | "contentDefaultWhite" | "contentPrimaryInverse" | "contentSecondaryInverse" | "contentTertiaryInverse" | "contentDisabled" | "contentBrand" | "contentSecondaryBrand" | "contentLink" | "contentLinkHover" | "contentLinkPressed" | "contentInfo" | "contentInfoBold" | "contentNotice" | "contentNoticeBold" | "contentNegative" | "contentNegativeBold" | "contentPositive" | "contentPositiveBold" | "contentAttention" | "contentActive" | "backgroundPrimary" | "backgroundSecondary" | "backgroundHover" | "backgroundPressed" | "backgroundSelected" | "backgroundSecondarySelected" | "backgroundDisabled" | "backgroundBrand" | "backgroundBrandHover" | "backgroundBrandPressed" | "backgroundSecondaryBrand" | "backgroundSecondaryBrandHover" | "backgroundSecondaryBrandPressed" | "backgroundInfo" | "backgroundInfoSubtle" | "backgroundNotice" | "backgroundNoticeSubtle" | "backgroundNegative" | "backgroundNegativeHover" | "backgroundNegativePressed" | "backgroundNegativeSubtle" | "backgroundPositive" | "backgroundPositiveSubtle" | "backgroundInverse" | "backgroundInverseHover" | "backgroundAttention" | "backgroundActive" | "backgroundSecondaryBrandSubtle" | "borderPrimary" | "borderSecondary" | "borderTertiary" | "borderQuaternary" | "borderDisabled" | "borderBrand" | "borderSecondaryBrand" | "borderInverse" | "borderFocus" | "borderInfo" | "borderNotice" | "borderNegative" | "borderPositive" | "borderMono" | "borderAttention" | "borderActive" | "surfaceL0" | "surfaceL1" | "surfaceL2" | "surfaceL3" | "surfaceL4" | "surfaceL5" | "surfaceL6" | "overlay50" | "overlay50Inverse") | undefined;
644
+ } | undefined;
645
+ backgroundColor?: ("transparent" | "contentPrimary" | "contentSecondary" | "contentTertiary" | "contentQuaternary" | "contentDefaultWhite" | "contentPrimaryInverse" | "contentSecondaryInverse" | "contentTertiaryInverse" | "contentDisabled" | "contentBrand" | "contentSecondaryBrand" | "contentLink" | "contentLinkHover" | "contentLinkPressed" | "contentInfo" | "contentInfoBold" | "contentNotice" | "contentNoticeBold" | "contentNegative" | "contentNegativeBold" | "contentPositive" | "contentPositiveBold" | "contentAttention" | "contentActive" | "backgroundPrimary" | "backgroundSecondary" | "backgroundHover" | "backgroundPressed" | "backgroundSelected" | "backgroundSecondarySelected" | "backgroundDisabled" | "backgroundBrand" | "backgroundBrandHover" | "backgroundBrandPressed" | "backgroundSecondaryBrand" | "backgroundSecondaryBrandHover" | "backgroundSecondaryBrandPressed" | "backgroundInfo" | "backgroundInfoSubtle" | "backgroundNotice" | "backgroundNoticeSubtle" | "backgroundNegative" | "backgroundNegativeHover" | "backgroundNegativePressed" | "backgroundNegativeSubtle" | "backgroundPositive" | "backgroundPositiveSubtle" | "backgroundInverse" | "backgroundInverseHover" | "backgroundAttention" | "backgroundActive" | "backgroundSecondaryBrandSubtle" | "borderPrimary" | "borderSecondary" | "borderTertiary" | "borderQuaternary" | "borderDisabled" | "borderBrand" | "borderSecondaryBrand" | "borderInverse" | "borderFocus" | "borderInfo" | "borderNotice" | "borderNegative" | "borderPositive" | "borderMono" | "borderAttention" | "borderActive" | "surfaceL0" | "surfaceL1" | "surfaceL2" | "surfaceL3" | "surfaceL4" | "surfaceL5" | "surfaceL6" | "overlay50" | "overlay50Inverse") | {
646
+ default?: ("transparent" | "contentPrimary" | "contentSecondary" | "contentTertiary" | "contentQuaternary" | "contentDefaultWhite" | "contentPrimaryInverse" | "contentSecondaryInverse" | "contentTertiaryInverse" | "contentDisabled" | "contentBrand" | "contentSecondaryBrand" | "contentLink" | "contentLinkHover" | "contentLinkPressed" | "contentInfo" | "contentInfoBold" | "contentNotice" | "contentNoticeBold" | "contentNegative" | "contentNegativeBold" | "contentPositive" | "contentPositiveBold" | "contentAttention" | "contentActive" | "backgroundPrimary" | "backgroundSecondary" | "backgroundHover" | "backgroundPressed" | "backgroundSelected" | "backgroundSecondarySelected" | "backgroundDisabled" | "backgroundBrand" | "backgroundBrandHover" | "backgroundBrandPressed" | "backgroundSecondaryBrand" | "backgroundSecondaryBrandHover" | "backgroundSecondaryBrandPressed" | "backgroundInfo" | "backgroundInfoSubtle" | "backgroundNotice" | "backgroundNoticeSubtle" | "backgroundNegative" | "backgroundNegativeHover" | "backgroundNegativePressed" | "backgroundNegativeSubtle" | "backgroundPositive" | "backgroundPositiveSubtle" | "backgroundInverse" | "backgroundInverseHover" | "backgroundAttention" | "backgroundActive" | "backgroundSecondaryBrandSubtle" | "borderPrimary" | "borderSecondary" | "borderTertiary" | "borderQuaternary" | "borderDisabled" | "borderBrand" | "borderSecondaryBrand" | "borderInverse" | "borderFocus" | "borderInfo" | "borderNotice" | "borderNegative" | "borderPositive" | "borderMono" | "borderAttention" | "borderActive" | "surfaceL0" | "surfaceL1" | "surfaceL2" | "surfaceL3" | "surfaceL4" | "surfaceL5" | "surfaceL6" | "overlay50" | "overlay50Inverse") | undefined;
647
+ hover?: ("transparent" | "contentPrimary" | "contentSecondary" | "contentTertiary" | "contentQuaternary" | "contentDefaultWhite" | "contentPrimaryInverse" | "contentSecondaryInverse" | "contentTertiaryInverse" | "contentDisabled" | "contentBrand" | "contentSecondaryBrand" | "contentLink" | "contentLinkHover" | "contentLinkPressed" | "contentInfo" | "contentInfoBold" | "contentNotice" | "contentNoticeBold" | "contentNegative" | "contentNegativeBold" | "contentPositive" | "contentPositiveBold" | "contentAttention" | "contentActive" | "backgroundPrimary" | "backgroundSecondary" | "backgroundHover" | "backgroundPressed" | "backgroundSelected" | "backgroundSecondarySelected" | "backgroundDisabled" | "backgroundBrand" | "backgroundBrandHover" | "backgroundBrandPressed" | "backgroundSecondaryBrand" | "backgroundSecondaryBrandHover" | "backgroundSecondaryBrandPressed" | "backgroundInfo" | "backgroundInfoSubtle" | "backgroundNotice" | "backgroundNoticeSubtle" | "backgroundNegative" | "backgroundNegativeHover" | "backgroundNegativePressed" | "backgroundNegativeSubtle" | "backgroundPositive" | "backgroundPositiveSubtle" | "backgroundInverse" | "backgroundInverseHover" | "backgroundAttention" | "backgroundActive" | "backgroundSecondaryBrandSubtle" | "borderPrimary" | "borderSecondary" | "borderTertiary" | "borderQuaternary" | "borderDisabled" | "borderBrand" | "borderSecondaryBrand" | "borderInverse" | "borderFocus" | "borderInfo" | "borderNotice" | "borderNegative" | "borderPositive" | "borderMono" | "borderAttention" | "borderActive" | "surfaceL0" | "surfaceL1" | "surfaceL2" | "surfaceL3" | "surfaceL4" | "surfaceL5" | "surfaceL6" | "overlay50" | "overlay50Inverse") | undefined;
648
+ focus?: ("transparent" | "contentPrimary" | "contentSecondary" | "contentTertiary" | "contentQuaternary" | "contentDefaultWhite" | "contentPrimaryInverse" | "contentSecondaryInverse" | "contentTertiaryInverse" | "contentDisabled" | "contentBrand" | "contentSecondaryBrand" | "contentLink" | "contentLinkHover" | "contentLinkPressed" | "contentInfo" | "contentInfoBold" | "contentNotice" | "contentNoticeBold" | "contentNegative" | "contentNegativeBold" | "contentPositive" | "contentPositiveBold" | "contentAttention" | "contentActive" | "backgroundPrimary" | "backgroundSecondary" | "backgroundHover" | "backgroundPressed" | "backgroundSelected" | "backgroundSecondarySelected" | "backgroundDisabled" | "backgroundBrand" | "backgroundBrandHover" | "backgroundBrandPressed" | "backgroundSecondaryBrand" | "backgroundSecondaryBrandHover" | "backgroundSecondaryBrandPressed" | "backgroundInfo" | "backgroundInfoSubtle" | "backgroundNotice" | "backgroundNoticeSubtle" | "backgroundNegative" | "backgroundNegativeHover" | "backgroundNegativePressed" | "backgroundNegativeSubtle" | "backgroundPositive" | "backgroundPositiveSubtle" | "backgroundInverse" | "backgroundInverseHover" | "backgroundAttention" | "backgroundActive" | "backgroundSecondaryBrandSubtle" | "borderPrimary" | "borderSecondary" | "borderTertiary" | "borderQuaternary" | "borderDisabled" | "borderBrand" | "borderSecondaryBrand" | "borderInverse" | "borderFocus" | "borderInfo" | "borderNotice" | "borderNegative" | "borderPositive" | "borderMono" | "borderAttention" | "borderActive" | "surfaceL0" | "surfaceL1" | "surfaceL2" | "surfaceL3" | "surfaceL4" | "surfaceL5" | "surfaceL6" | "overlay50" | "overlay50Inverse") | undefined;
649
+ } | undefined;
650
+ bgColor?: ("transparent" | "contentPrimary" | "contentSecondary" | "contentTertiary" | "contentQuaternary" | "contentDefaultWhite" | "contentPrimaryInverse" | "contentSecondaryInverse" | "contentTertiaryInverse" | "contentDisabled" | "contentBrand" | "contentSecondaryBrand" | "contentLink" | "contentLinkHover" | "contentLinkPressed" | "contentInfo" | "contentInfoBold" | "contentNotice" | "contentNoticeBold" | "contentNegative" | "contentNegativeBold" | "contentPositive" | "contentPositiveBold" | "contentAttention" | "contentActive" | "backgroundPrimary" | "backgroundSecondary" | "backgroundHover" | "backgroundPressed" | "backgroundSelected" | "backgroundSecondarySelected" | "backgroundDisabled" | "backgroundBrand" | "backgroundBrandHover" | "backgroundBrandPressed" | "backgroundSecondaryBrand" | "backgroundSecondaryBrandHover" | "backgroundSecondaryBrandPressed" | "backgroundInfo" | "backgroundInfoSubtle" | "backgroundNotice" | "backgroundNoticeSubtle" | "backgroundNegative" | "backgroundNegativeHover" | "backgroundNegativePressed" | "backgroundNegativeSubtle" | "backgroundPositive" | "backgroundPositiveSubtle" | "backgroundInverse" | "backgroundInverseHover" | "backgroundAttention" | "backgroundActive" | "backgroundSecondaryBrandSubtle" | "borderPrimary" | "borderSecondary" | "borderTertiary" | "borderQuaternary" | "borderDisabled" | "borderBrand" | "borderSecondaryBrand" | "borderInverse" | "borderFocus" | "borderInfo" | "borderNotice" | "borderNegative" | "borderPositive" | "borderMono" | "borderAttention" | "borderActive" | "surfaceL0" | "surfaceL1" | "surfaceL2" | "surfaceL3" | "surfaceL4" | "surfaceL5" | "surfaceL6" | "overlay50" | "overlay50Inverse") | {
651
+ default?: ("transparent" | "contentPrimary" | "contentSecondary" | "contentTertiary" | "contentQuaternary" | "contentDefaultWhite" | "contentPrimaryInverse" | "contentSecondaryInverse" | "contentTertiaryInverse" | "contentDisabled" | "contentBrand" | "contentSecondaryBrand" | "contentLink" | "contentLinkHover" | "contentLinkPressed" | "contentInfo" | "contentInfoBold" | "contentNotice" | "contentNoticeBold" | "contentNegative" | "contentNegativeBold" | "contentPositive" | "contentPositiveBold" | "contentAttention" | "contentActive" | "backgroundPrimary" | "backgroundSecondary" | "backgroundHover" | "backgroundPressed" | "backgroundSelected" | "backgroundSecondarySelected" | "backgroundDisabled" | "backgroundBrand" | "backgroundBrandHover" | "backgroundBrandPressed" | "backgroundSecondaryBrand" | "backgroundSecondaryBrandHover" | "backgroundSecondaryBrandPressed" | "backgroundInfo" | "backgroundInfoSubtle" | "backgroundNotice" | "backgroundNoticeSubtle" | "backgroundNegative" | "backgroundNegativeHover" | "backgroundNegativePressed" | "backgroundNegativeSubtle" | "backgroundPositive" | "backgroundPositiveSubtle" | "backgroundInverse" | "backgroundInverseHover" | "backgroundAttention" | "backgroundActive" | "backgroundSecondaryBrandSubtle" | "borderPrimary" | "borderSecondary" | "borderTertiary" | "borderQuaternary" | "borderDisabled" | "borderBrand" | "borderSecondaryBrand" | "borderInverse" | "borderFocus" | "borderInfo" | "borderNotice" | "borderNegative" | "borderPositive" | "borderMono" | "borderAttention" | "borderActive" | "surfaceL0" | "surfaceL1" | "surfaceL2" | "surfaceL3" | "surfaceL4" | "surfaceL5" | "surfaceL6" | "overlay50" | "overlay50Inverse") | undefined;
652
+ hover?: ("transparent" | "contentPrimary" | "contentSecondary" | "contentTertiary" | "contentQuaternary" | "contentDefaultWhite" | "contentPrimaryInverse" | "contentSecondaryInverse" | "contentTertiaryInverse" | "contentDisabled" | "contentBrand" | "contentSecondaryBrand" | "contentLink" | "contentLinkHover" | "contentLinkPressed" | "contentInfo" | "contentInfoBold" | "contentNotice" | "contentNoticeBold" | "contentNegative" | "contentNegativeBold" | "contentPositive" | "contentPositiveBold" | "contentAttention" | "contentActive" | "backgroundPrimary" | "backgroundSecondary" | "backgroundHover" | "backgroundPressed" | "backgroundSelected" | "backgroundSecondarySelected" | "backgroundDisabled" | "backgroundBrand" | "backgroundBrandHover" | "backgroundBrandPressed" | "backgroundSecondaryBrand" | "backgroundSecondaryBrandHover" | "backgroundSecondaryBrandPressed" | "backgroundInfo" | "backgroundInfoSubtle" | "backgroundNotice" | "backgroundNoticeSubtle" | "backgroundNegative" | "backgroundNegativeHover" | "backgroundNegativePressed" | "backgroundNegativeSubtle" | "backgroundPositive" | "backgroundPositiveSubtle" | "backgroundInverse" | "backgroundInverseHover" | "backgroundAttention" | "backgroundActive" | "backgroundSecondaryBrandSubtle" | "borderPrimary" | "borderSecondary" | "borderTertiary" | "borderQuaternary" | "borderDisabled" | "borderBrand" | "borderSecondaryBrand" | "borderInverse" | "borderFocus" | "borderInfo" | "borderNotice" | "borderNegative" | "borderPositive" | "borderMono" | "borderAttention" | "borderActive" | "surfaceL0" | "surfaceL1" | "surfaceL2" | "surfaceL3" | "surfaceL4" | "surfaceL5" | "surfaceL6" | "overlay50" | "overlay50Inverse") | undefined;
653
+ focus?: ("transparent" | "contentPrimary" | "contentSecondary" | "contentTertiary" | "contentQuaternary" | "contentDefaultWhite" | "contentPrimaryInverse" | "contentSecondaryInverse" | "contentTertiaryInverse" | "contentDisabled" | "contentBrand" | "contentSecondaryBrand" | "contentLink" | "contentLinkHover" | "contentLinkPressed" | "contentInfo" | "contentInfoBold" | "contentNotice" | "contentNoticeBold" | "contentNegative" | "contentNegativeBold" | "contentPositive" | "contentPositiveBold" | "contentAttention" | "contentActive" | "backgroundPrimary" | "backgroundSecondary" | "backgroundHover" | "backgroundPressed" | "backgroundSelected" | "backgroundSecondarySelected" | "backgroundDisabled" | "backgroundBrand" | "backgroundBrandHover" | "backgroundBrandPressed" | "backgroundSecondaryBrand" | "backgroundSecondaryBrandHover" | "backgroundSecondaryBrandPressed" | "backgroundInfo" | "backgroundInfoSubtle" | "backgroundNotice" | "backgroundNoticeSubtle" | "backgroundNegative" | "backgroundNegativeHover" | "backgroundNegativePressed" | "backgroundNegativeSubtle" | "backgroundPositive" | "backgroundPositiveSubtle" | "backgroundInverse" | "backgroundInverseHover" | "backgroundAttention" | "backgroundActive" | "backgroundSecondaryBrandSubtle" | "borderPrimary" | "borderSecondary" | "borderTertiary" | "borderQuaternary" | "borderDisabled" | "borderBrand" | "borderSecondaryBrand" | "borderInverse" | "borderFocus" | "borderInfo" | "borderNotice" | "borderNegative" | "borderPositive" | "borderMono" | "borderAttention" | "borderActive" | "surfaceL0" | "surfaceL1" | "surfaceL2" | "surfaceL3" | "surfaceL4" | "surfaceL5" | "surfaceL6" | "overlay50" | "overlay50Inverse") | undefined;
654
+ } | undefined;
655
+ }) => string) & {
656
+ properties: Set<"color" | "backgroundColor" | "bgColor">;
657
+ };
658
+ declare const svgColorStyles: ((props: {
659
+ color?: ("transparent" | "contentPrimary" | "contentSecondary" | "contentTertiary" | "contentQuaternary" | "contentDefaultWhite" | "contentPrimaryInverse" | "contentSecondaryInverse" | "contentTertiaryInverse" | "contentDisabled" | "contentBrand" | "contentSecondaryBrand" | "contentLink" | "contentLinkHover" | "contentLinkPressed" | "contentInfo" | "contentInfoBold" | "contentNotice" | "contentNoticeBold" | "contentNegative" | "contentNegativeBold" | "contentPositive" | "contentPositiveBold" | "contentAttention" | "contentActive" | "backgroundPrimary" | "backgroundSecondary" | "backgroundHover" | "backgroundPressed" | "backgroundSelected" | "backgroundSecondarySelected" | "backgroundDisabled" | "backgroundBrand" | "backgroundBrandHover" | "backgroundBrandPressed" | "backgroundSecondaryBrand" | "backgroundSecondaryBrandHover" | "backgroundSecondaryBrandPressed" | "backgroundInfo" | "backgroundInfoSubtle" | "backgroundNotice" | "backgroundNoticeSubtle" | "backgroundNegative" | "backgroundNegativeHover" | "backgroundNegativePressed" | "backgroundNegativeSubtle" | "backgroundPositive" | "backgroundPositiveSubtle" | "backgroundInverse" | "backgroundInverseHover" | "backgroundAttention" | "backgroundActive" | "backgroundSecondaryBrandSubtle" | "borderPrimary" | "borderSecondary" | "borderTertiary" | "borderQuaternary" | "borderDisabled" | "borderBrand" | "borderSecondaryBrand" | "borderInverse" | "borderFocus" | "borderInfo" | "borderNotice" | "borderNegative" | "borderPositive" | "borderMono" | "borderAttention" | "borderActive" | "surfaceL0" | "surfaceL1" | "surfaceL2" | "surfaceL3" | "surfaceL4" | "surfaceL5" | "surfaceL6" | "overlay50" | "overlay50Inverse") | {
660
+ default?: ("transparent" | "contentPrimary" | "contentSecondary" | "contentTertiary" | "contentQuaternary" | "contentDefaultWhite" | "contentPrimaryInverse" | "contentSecondaryInverse" | "contentTertiaryInverse" | "contentDisabled" | "contentBrand" | "contentSecondaryBrand" | "contentLink" | "contentLinkHover" | "contentLinkPressed" | "contentInfo" | "contentInfoBold" | "contentNotice" | "contentNoticeBold" | "contentNegative" | "contentNegativeBold" | "contentPositive" | "contentPositiveBold" | "contentAttention" | "contentActive" | "backgroundPrimary" | "backgroundSecondary" | "backgroundHover" | "backgroundPressed" | "backgroundSelected" | "backgroundSecondarySelected" | "backgroundDisabled" | "backgroundBrand" | "backgroundBrandHover" | "backgroundBrandPressed" | "backgroundSecondaryBrand" | "backgroundSecondaryBrandHover" | "backgroundSecondaryBrandPressed" | "backgroundInfo" | "backgroundInfoSubtle" | "backgroundNotice" | "backgroundNoticeSubtle" | "backgroundNegative" | "backgroundNegativeHover" | "backgroundNegativePressed" | "backgroundNegativeSubtle" | "backgroundPositive" | "backgroundPositiveSubtle" | "backgroundInverse" | "backgroundInverseHover" | "backgroundAttention" | "backgroundActive" | "backgroundSecondaryBrandSubtle" | "borderPrimary" | "borderSecondary" | "borderTertiary" | "borderQuaternary" | "borderDisabled" | "borderBrand" | "borderSecondaryBrand" | "borderInverse" | "borderFocus" | "borderInfo" | "borderNotice" | "borderNegative" | "borderPositive" | "borderMono" | "borderAttention" | "borderActive" | "surfaceL0" | "surfaceL1" | "surfaceL2" | "surfaceL3" | "surfaceL4" | "surfaceL5" | "surfaceL6" | "overlay50" | "overlay50Inverse") | undefined;
661
+ hover?: ("transparent" | "contentPrimary" | "contentSecondary" | "contentTertiary" | "contentQuaternary" | "contentDefaultWhite" | "contentPrimaryInverse" | "contentSecondaryInverse" | "contentTertiaryInverse" | "contentDisabled" | "contentBrand" | "contentSecondaryBrand" | "contentLink" | "contentLinkHover" | "contentLinkPressed" | "contentInfo" | "contentInfoBold" | "contentNotice" | "contentNoticeBold" | "contentNegative" | "contentNegativeBold" | "contentPositive" | "contentPositiveBold" | "contentAttention" | "contentActive" | "backgroundPrimary" | "backgroundSecondary" | "backgroundHover" | "backgroundPressed" | "backgroundSelected" | "backgroundSecondarySelected" | "backgroundDisabled" | "backgroundBrand" | "backgroundBrandHover" | "backgroundBrandPressed" | "backgroundSecondaryBrand" | "backgroundSecondaryBrandHover" | "backgroundSecondaryBrandPressed" | "backgroundInfo" | "backgroundInfoSubtle" | "backgroundNotice" | "backgroundNoticeSubtle" | "backgroundNegative" | "backgroundNegativeHover" | "backgroundNegativePressed" | "backgroundNegativeSubtle" | "backgroundPositive" | "backgroundPositiveSubtle" | "backgroundInverse" | "backgroundInverseHover" | "backgroundAttention" | "backgroundActive" | "backgroundSecondaryBrandSubtle" | "borderPrimary" | "borderSecondary" | "borderTertiary" | "borderQuaternary" | "borderDisabled" | "borderBrand" | "borderSecondaryBrand" | "borderInverse" | "borderFocus" | "borderInfo" | "borderNotice" | "borderNegative" | "borderPositive" | "borderMono" | "borderAttention" | "borderActive" | "surfaceL0" | "surfaceL1" | "surfaceL2" | "surfaceL3" | "surfaceL4" | "surfaceL5" | "surfaceL6" | "overlay50" | "overlay50Inverse") | undefined;
662
+ focus?: ("transparent" | "contentPrimary" | "contentSecondary" | "contentTertiary" | "contentQuaternary" | "contentDefaultWhite" | "contentPrimaryInverse" | "contentSecondaryInverse" | "contentTertiaryInverse" | "contentDisabled" | "contentBrand" | "contentSecondaryBrand" | "contentLink" | "contentLinkHover" | "contentLinkPressed" | "contentInfo" | "contentInfoBold" | "contentNotice" | "contentNoticeBold" | "contentNegative" | "contentNegativeBold" | "contentPositive" | "contentPositiveBold" | "contentAttention" | "contentActive" | "backgroundPrimary" | "backgroundSecondary" | "backgroundHover" | "backgroundPressed" | "backgroundSelected" | "backgroundSecondarySelected" | "backgroundDisabled" | "backgroundBrand" | "backgroundBrandHover" | "backgroundBrandPressed" | "backgroundSecondaryBrand" | "backgroundSecondaryBrandHover" | "backgroundSecondaryBrandPressed" | "backgroundInfo" | "backgroundInfoSubtle" | "backgroundNotice" | "backgroundNoticeSubtle" | "backgroundNegative" | "backgroundNegativeHover" | "backgroundNegativePressed" | "backgroundNegativeSubtle" | "backgroundPositive" | "backgroundPositiveSubtle" | "backgroundInverse" | "backgroundInverseHover" | "backgroundAttention" | "backgroundActive" | "backgroundSecondaryBrandSubtle" | "borderPrimary" | "borderSecondary" | "borderTertiary" | "borderQuaternary" | "borderDisabled" | "borderBrand" | "borderSecondaryBrand" | "borderInverse" | "borderFocus" | "borderInfo" | "borderNotice" | "borderNegative" | "borderPositive" | "borderMono" | "borderAttention" | "borderActive" | "surfaceL0" | "surfaceL1" | "surfaceL2" | "surfaceL3" | "surfaceL4" | "surfaceL5" | "surfaceL6" | "overlay50" | "overlay50Inverse") | undefined;
663
+ } | undefined;
664
+ stroke?: "none" | "transparent" | "contentPrimary" | "contentSecondary" | "contentTertiary" | "contentQuaternary" | "contentDefaultWhite" | "contentPrimaryInverse" | "contentSecondaryInverse" | "contentTertiaryInverse" | "contentDisabled" | "contentBrand" | "contentSecondaryBrand" | "contentLink" | "contentLinkHover" | "contentLinkPressed" | "contentInfo" | "contentInfoBold" | "contentNotice" | "contentNoticeBold" | "contentNegative" | "contentNegativeBold" | "contentPositive" | "contentPositiveBold" | "contentAttention" | "contentActive" | "backgroundPrimary" | "backgroundSecondary" | "backgroundHover" | "backgroundPressed" | "backgroundSelected" | "backgroundSecondarySelected" | "backgroundDisabled" | "backgroundBrand" | "backgroundBrandHover" | "backgroundBrandPressed" | "backgroundSecondaryBrand" | "backgroundSecondaryBrandHover" | "backgroundSecondaryBrandPressed" | "backgroundInfo" | "backgroundInfoSubtle" | "backgroundNotice" | "backgroundNoticeSubtle" | "backgroundNegative" | "backgroundNegativeHover" | "backgroundNegativePressed" | "backgroundNegativeSubtle" | "backgroundPositive" | "backgroundPositiveSubtle" | "backgroundInverse" | "backgroundInverseHover" | "backgroundAttention" | "backgroundActive" | "backgroundSecondaryBrandSubtle" | "borderPrimary" | "borderSecondary" | "borderTertiary" | "borderQuaternary" | "borderDisabled" | "borderBrand" | "borderSecondaryBrand" | "borderInverse" | "borderFocus" | "borderInfo" | "borderNotice" | "borderNegative" | "borderPositive" | "borderMono" | "borderAttention" | "borderActive" | "surfaceL0" | "surfaceL1" | "surfaceL2" | "surfaceL3" | "surfaceL4" | "surfaceL5" | "surfaceL6" | "overlay50" | "overlay50Inverse" | {
665
+ default?: "none" | "transparent" | "contentPrimary" | "contentSecondary" | "contentTertiary" | "contentQuaternary" | "contentDefaultWhite" | "contentPrimaryInverse" | "contentSecondaryInverse" | "contentTertiaryInverse" | "contentDisabled" | "contentBrand" | "contentSecondaryBrand" | "contentLink" | "contentLinkHover" | "contentLinkPressed" | "contentInfo" | "contentInfoBold" | "contentNotice" | "contentNoticeBold" | "contentNegative" | "contentNegativeBold" | "contentPositive" | "contentPositiveBold" | "contentAttention" | "contentActive" | "backgroundPrimary" | "backgroundSecondary" | "backgroundHover" | "backgroundPressed" | "backgroundSelected" | "backgroundSecondarySelected" | "backgroundDisabled" | "backgroundBrand" | "backgroundBrandHover" | "backgroundBrandPressed" | "backgroundSecondaryBrand" | "backgroundSecondaryBrandHover" | "backgroundSecondaryBrandPressed" | "backgroundInfo" | "backgroundInfoSubtle" | "backgroundNotice" | "backgroundNoticeSubtle" | "backgroundNegative" | "backgroundNegativeHover" | "backgroundNegativePressed" | "backgroundNegativeSubtle" | "backgroundPositive" | "backgroundPositiveSubtle" | "backgroundInverse" | "backgroundInverseHover" | "backgroundAttention" | "backgroundActive" | "backgroundSecondaryBrandSubtle" | "borderPrimary" | "borderSecondary" | "borderTertiary" | "borderQuaternary" | "borderDisabled" | "borderBrand" | "borderSecondaryBrand" | "borderInverse" | "borderFocus" | "borderInfo" | "borderNotice" | "borderNegative" | "borderPositive" | "borderMono" | "borderAttention" | "borderActive" | "surfaceL0" | "surfaceL1" | "surfaceL2" | "surfaceL3" | "surfaceL4" | "surfaceL5" | "surfaceL6" | "overlay50" | "overlay50Inverse" | undefined;
666
+ hover?: "none" | "transparent" | "contentPrimary" | "contentSecondary" | "contentTertiary" | "contentQuaternary" | "contentDefaultWhite" | "contentPrimaryInverse" | "contentSecondaryInverse" | "contentTertiaryInverse" | "contentDisabled" | "contentBrand" | "contentSecondaryBrand" | "contentLink" | "contentLinkHover" | "contentLinkPressed" | "contentInfo" | "contentInfoBold" | "contentNotice" | "contentNoticeBold" | "contentNegative" | "contentNegativeBold" | "contentPositive" | "contentPositiveBold" | "contentAttention" | "contentActive" | "backgroundPrimary" | "backgroundSecondary" | "backgroundHover" | "backgroundPressed" | "backgroundSelected" | "backgroundSecondarySelected" | "backgroundDisabled" | "backgroundBrand" | "backgroundBrandHover" | "backgroundBrandPressed" | "backgroundSecondaryBrand" | "backgroundSecondaryBrandHover" | "backgroundSecondaryBrandPressed" | "backgroundInfo" | "backgroundInfoSubtle" | "backgroundNotice" | "backgroundNoticeSubtle" | "backgroundNegative" | "backgroundNegativeHover" | "backgroundNegativePressed" | "backgroundNegativeSubtle" | "backgroundPositive" | "backgroundPositiveSubtle" | "backgroundInverse" | "backgroundInverseHover" | "backgroundAttention" | "backgroundActive" | "backgroundSecondaryBrandSubtle" | "borderPrimary" | "borderSecondary" | "borderTertiary" | "borderQuaternary" | "borderDisabled" | "borderBrand" | "borderSecondaryBrand" | "borderInverse" | "borderFocus" | "borderInfo" | "borderNotice" | "borderNegative" | "borderPositive" | "borderMono" | "borderAttention" | "borderActive" | "surfaceL0" | "surfaceL1" | "surfaceL2" | "surfaceL3" | "surfaceL4" | "surfaceL5" | "surfaceL6" | "overlay50" | "overlay50Inverse" | undefined;
667
+ focus?: "none" | "transparent" | "contentPrimary" | "contentSecondary" | "contentTertiary" | "contentQuaternary" | "contentDefaultWhite" | "contentPrimaryInverse" | "contentSecondaryInverse" | "contentTertiaryInverse" | "contentDisabled" | "contentBrand" | "contentSecondaryBrand" | "contentLink" | "contentLinkHover" | "contentLinkPressed" | "contentInfo" | "contentInfoBold" | "contentNotice" | "contentNoticeBold" | "contentNegative" | "contentNegativeBold" | "contentPositive" | "contentPositiveBold" | "contentAttention" | "contentActive" | "backgroundPrimary" | "backgroundSecondary" | "backgroundHover" | "backgroundPressed" | "backgroundSelected" | "backgroundSecondarySelected" | "backgroundDisabled" | "backgroundBrand" | "backgroundBrandHover" | "backgroundBrandPressed" | "backgroundSecondaryBrand" | "backgroundSecondaryBrandHover" | "backgroundSecondaryBrandPressed" | "backgroundInfo" | "backgroundInfoSubtle" | "backgroundNotice" | "backgroundNoticeSubtle" | "backgroundNegative" | "backgroundNegativeHover" | "backgroundNegativePressed" | "backgroundNegativeSubtle" | "backgroundPositive" | "backgroundPositiveSubtle" | "backgroundInverse" | "backgroundInverseHover" | "backgroundAttention" | "backgroundActive" | "backgroundSecondaryBrandSubtle" | "borderPrimary" | "borderSecondary" | "borderTertiary" | "borderQuaternary" | "borderDisabled" | "borderBrand" | "borderSecondaryBrand" | "borderInverse" | "borderFocus" | "borderInfo" | "borderNotice" | "borderNegative" | "borderPositive" | "borderMono" | "borderAttention" | "borderActive" | "surfaceL0" | "surfaceL1" | "surfaceL2" | "surfaceL3" | "surfaceL4" | "surfaceL5" | "surfaceL6" | "overlay50" | "overlay50Inverse" | undefined;
668
+ } | undefined;
669
+ fill?: "none" | "transparent" | "contentPrimary" | "contentSecondary" | "contentTertiary" | "contentQuaternary" | "contentDefaultWhite" | "contentPrimaryInverse" | "contentSecondaryInverse" | "contentTertiaryInverse" | "contentDisabled" | "contentBrand" | "contentSecondaryBrand" | "contentLink" | "contentLinkHover" | "contentLinkPressed" | "contentInfo" | "contentInfoBold" | "contentNotice" | "contentNoticeBold" | "contentNegative" | "contentNegativeBold" | "contentPositive" | "contentPositiveBold" | "contentAttention" | "contentActive" | "backgroundPrimary" | "backgroundSecondary" | "backgroundHover" | "backgroundPressed" | "backgroundSelected" | "backgroundSecondarySelected" | "backgroundDisabled" | "backgroundBrand" | "backgroundBrandHover" | "backgroundBrandPressed" | "backgroundSecondaryBrand" | "backgroundSecondaryBrandHover" | "backgroundSecondaryBrandPressed" | "backgroundInfo" | "backgroundInfoSubtle" | "backgroundNotice" | "backgroundNoticeSubtle" | "backgroundNegative" | "backgroundNegativeHover" | "backgroundNegativePressed" | "backgroundNegativeSubtle" | "backgroundPositive" | "backgroundPositiveSubtle" | "backgroundInverse" | "backgroundInverseHover" | "backgroundAttention" | "backgroundActive" | "backgroundSecondaryBrandSubtle" | "borderPrimary" | "borderSecondary" | "borderTertiary" | "borderQuaternary" | "borderDisabled" | "borderBrand" | "borderSecondaryBrand" | "borderInverse" | "borderFocus" | "borderInfo" | "borderNotice" | "borderNegative" | "borderPositive" | "borderMono" | "borderAttention" | "borderActive" | "surfaceL0" | "surfaceL1" | "surfaceL2" | "surfaceL3" | "surfaceL4" | "surfaceL5" | "surfaceL6" | "overlay50" | "overlay50Inverse" | "currentColor" | {
670
+ default?: "none" | "transparent" | "contentPrimary" | "contentSecondary" | "contentTertiary" | "contentQuaternary" | "contentDefaultWhite" | "contentPrimaryInverse" | "contentSecondaryInverse" | "contentTertiaryInverse" | "contentDisabled" | "contentBrand" | "contentSecondaryBrand" | "contentLink" | "contentLinkHover" | "contentLinkPressed" | "contentInfo" | "contentInfoBold" | "contentNotice" | "contentNoticeBold" | "contentNegative" | "contentNegativeBold" | "contentPositive" | "contentPositiveBold" | "contentAttention" | "contentActive" | "backgroundPrimary" | "backgroundSecondary" | "backgroundHover" | "backgroundPressed" | "backgroundSelected" | "backgroundSecondarySelected" | "backgroundDisabled" | "backgroundBrand" | "backgroundBrandHover" | "backgroundBrandPressed" | "backgroundSecondaryBrand" | "backgroundSecondaryBrandHover" | "backgroundSecondaryBrandPressed" | "backgroundInfo" | "backgroundInfoSubtle" | "backgroundNotice" | "backgroundNoticeSubtle" | "backgroundNegative" | "backgroundNegativeHover" | "backgroundNegativePressed" | "backgroundNegativeSubtle" | "backgroundPositive" | "backgroundPositiveSubtle" | "backgroundInverse" | "backgroundInverseHover" | "backgroundAttention" | "backgroundActive" | "backgroundSecondaryBrandSubtle" | "borderPrimary" | "borderSecondary" | "borderTertiary" | "borderQuaternary" | "borderDisabled" | "borderBrand" | "borderSecondaryBrand" | "borderInverse" | "borderFocus" | "borderInfo" | "borderNotice" | "borderNegative" | "borderPositive" | "borderMono" | "borderAttention" | "borderActive" | "surfaceL0" | "surfaceL1" | "surfaceL2" | "surfaceL3" | "surfaceL4" | "surfaceL5" | "surfaceL6" | "overlay50" | "overlay50Inverse" | "currentColor" | undefined;
671
+ hover?: "none" | "transparent" | "contentPrimary" | "contentSecondary" | "contentTertiary" | "contentQuaternary" | "contentDefaultWhite" | "contentPrimaryInverse" | "contentSecondaryInverse" | "contentTertiaryInverse" | "contentDisabled" | "contentBrand" | "contentSecondaryBrand" | "contentLink" | "contentLinkHover" | "contentLinkPressed" | "contentInfo" | "contentInfoBold" | "contentNotice" | "contentNoticeBold" | "contentNegative" | "contentNegativeBold" | "contentPositive" | "contentPositiveBold" | "contentAttention" | "contentActive" | "backgroundPrimary" | "backgroundSecondary" | "backgroundHover" | "backgroundPressed" | "backgroundSelected" | "backgroundSecondarySelected" | "backgroundDisabled" | "backgroundBrand" | "backgroundBrandHover" | "backgroundBrandPressed" | "backgroundSecondaryBrand" | "backgroundSecondaryBrandHover" | "backgroundSecondaryBrandPressed" | "backgroundInfo" | "backgroundInfoSubtle" | "backgroundNotice" | "backgroundNoticeSubtle" | "backgroundNegative" | "backgroundNegativeHover" | "backgroundNegativePressed" | "backgroundNegativeSubtle" | "backgroundPositive" | "backgroundPositiveSubtle" | "backgroundInverse" | "backgroundInverseHover" | "backgroundAttention" | "backgroundActive" | "backgroundSecondaryBrandSubtle" | "borderPrimary" | "borderSecondary" | "borderTertiary" | "borderQuaternary" | "borderDisabled" | "borderBrand" | "borderSecondaryBrand" | "borderInverse" | "borderFocus" | "borderInfo" | "borderNotice" | "borderNegative" | "borderPositive" | "borderMono" | "borderAttention" | "borderActive" | "surfaceL0" | "surfaceL1" | "surfaceL2" | "surfaceL3" | "surfaceL4" | "surfaceL5" | "surfaceL6" | "overlay50" | "overlay50Inverse" | "currentColor" | undefined;
672
+ focus?: "none" | "transparent" | "contentPrimary" | "contentSecondary" | "contentTertiary" | "contentQuaternary" | "contentDefaultWhite" | "contentPrimaryInverse" | "contentSecondaryInverse" | "contentTertiaryInverse" | "contentDisabled" | "contentBrand" | "contentSecondaryBrand" | "contentLink" | "contentLinkHover" | "contentLinkPressed" | "contentInfo" | "contentInfoBold" | "contentNotice" | "contentNoticeBold" | "contentNegative" | "contentNegativeBold" | "contentPositive" | "contentPositiveBold" | "contentAttention" | "contentActive" | "backgroundPrimary" | "backgroundSecondary" | "backgroundHover" | "backgroundPressed" | "backgroundSelected" | "backgroundSecondarySelected" | "backgroundDisabled" | "backgroundBrand" | "backgroundBrandHover" | "backgroundBrandPressed" | "backgroundSecondaryBrand" | "backgroundSecondaryBrandHover" | "backgroundSecondaryBrandPressed" | "backgroundInfo" | "backgroundInfoSubtle" | "backgroundNotice" | "backgroundNoticeSubtle" | "backgroundNegative" | "backgroundNegativeHover" | "backgroundNegativePressed" | "backgroundNegativeSubtle" | "backgroundPositive" | "backgroundPositiveSubtle" | "backgroundInverse" | "backgroundInverseHover" | "backgroundAttention" | "backgroundActive" | "backgroundSecondaryBrandSubtle" | "borderPrimary" | "borderSecondary" | "borderTertiary" | "borderQuaternary" | "borderDisabled" | "borderBrand" | "borderSecondaryBrand" | "borderInverse" | "borderFocus" | "borderInfo" | "borderNotice" | "borderNegative" | "borderPositive" | "borderMono" | "borderAttention" | "borderActive" | "surfaceL0" | "surfaceL1" | "surfaceL2" | "surfaceL3" | "surfaceL4" | "surfaceL5" | "surfaceL6" | "overlay50" | "overlay50Inverse" | "currentColor" | undefined;
673
+ } | undefined;
674
+ strokeColor?: "none" | "transparent" | "contentPrimary" | "contentSecondary" | "contentTertiary" | "contentQuaternary" | "contentDefaultWhite" | "contentPrimaryInverse" | "contentSecondaryInverse" | "contentTertiaryInverse" | "contentDisabled" | "contentBrand" | "contentSecondaryBrand" | "contentLink" | "contentLinkHover" | "contentLinkPressed" | "contentInfo" | "contentInfoBold" | "contentNotice" | "contentNoticeBold" | "contentNegative" | "contentNegativeBold" | "contentPositive" | "contentPositiveBold" | "contentAttention" | "contentActive" | "backgroundPrimary" | "backgroundSecondary" | "backgroundHover" | "backgroundPressed" | "backgroundSelected" | "backgroundSecondarySelected" | "backgroundDisabled" | "backgroundBrand" | "backgroundBrandHover" | "backgroundBrandPressed" | "backgroundSecondaryBrand" | "backgroundSecondaryBrandHover" | "backgroundSecondaryBrandPressed" | "backgroundInfo" | "backgroundInfoSubtle" | "backgroundNotice" | "backgroundNoticeSubtle" | "backgroundNegative" | "backgroundNegativeHover" | "backgroundNegativePressed" | "backgroundNegativeSubtle" | "backgroundPositive" | "backgroundPositiveSubtle" | "backgroundInverse" | "backgroundInverseHover" | "backgroundAttention" | "backgroundActive" | "backgroundSecondaryBrandSubtle" | "borderPrimary" | "borderSecondary" | "borderTertiary" | "borderQuaternary" | "borderDisabled" | "borderBrand" | "borderSecondaryBrand" | "borderInverse" | "borderFocus" | "borderInfo" | "borderNotice" | "borderNegative" | "borderPositive" | "borderMono" | "borderAttention" | "borderActive" | "surfaceL0" | "surfaceL1" | "surfaceL2" | "surfaceL3" | "surfaceL4" | "surfaceL5" | "surfaceL6" | "overlay50" | "overlay50Inverse" | {
675
+ default?: "none" | "transparent" | "contentPrimary" | "contentSecondary" | "contentTertiary" | "contentQuaternary" | "contentDefaultWhite" | "contentPrimaryInverse" | "contentSecondaryInverse" | "contentTertiaryInverse" | "contentDisabled" | "contentBrand" | "contentSecondaryBrand" | "contentLink" | "contentLinkHover" | "contentLinkPressed" | "contentInfo" | "contentInfoBold" | "contentNotice" | "contentNoticeBold" | "contentNegative" | "contentNegativeBold" | "contentPositive" | "contentPositiveBold" | "contentAttention" | "contentActive" | "backgroundPrimary" | "backgroundSecondary" | "backgroundHover" | "backgroundPressed" | "backgroundSelected" | "backgroundSecondarySelected" | "backgroundDisabled" | "backgroundBrand" | "backgroundBrandHover" | "backgroundBrandPressed" | "backgroundSecondaryBrand" | "backgroundSecondaryBrandHover" | "backgroundSecondaryBrandPressed" | "backgroundInfo" | "backgroundInfoSubtle" | "backgroundNotice" | "backgroundNoticeSubtle" | "backgroundNegative" | "backgroundNegativeHover" | "backgroundNegativePressed" | "backgroundNegativeSubtle" | "backgroundPositive" | "backgroundPositiveSubtle" | "backgroundInverse" | "backgroundInverseHover" | "backgroundAttention" | "backgroundActive" | "backgroundSecondaryBrandSubtle" | "borderPrimary" | "borderSecondary" | "borderTertiary" | "borderQuaternary" | "borderDisabled" | "borderBrand" | "borderSecondaryBrand" | "borderInverse" | "borderFocus" | "borderInfo" | "borderNotice" | "borderNegative" | "borderPositive" | "borderMono" | "borderAttention" | "borderActive" | "surfaceL0" | "surfaceL1" | "surfaceL2" | "surfaceL3" | "surfaceL4" | "surfaceL5" | "surfaceL6" | "overlay50" | "overlay50Inverse" | undefined;
676
+ hover?: "none" | "transparent" | "contentPrimary" | "contentSecondary" | "contentTertiary" | "contentQuaternary" | "contentDefaultWhite" | "contentPrimaryInverse" | "contentSecondaryInverse" | "contentTertiaryInverse" | "contentDisabled" | "contentBrand" | "contentSecondaryBrand" | "contentLink" | "contentLinkHover" | "contentLinkPressed" | "contentInfo" | "contentInfoBold" | "contentNotice" | "contentNoticeBold" | "contentNegative" | "contentNegativeBold" | "contentPositive" | "contentPositiveBold" | "contentAttention" | "contentActive" | "backgroundPrimary" | "backgroundSecondary" | "backgroundHover" | "backgroundPressed" | "backgroundSelected" | "backgroundSecondarySelected" | "backgroundDisabled" | "backgroundBrand" | "backgroundBrandHover" | "backgroundBrandPressed" | "backgroundSecondaryBrand" | "backgroundSecondaryBrandHover" | "backgroundSecondaryBrandPressed" | "backgroundInfo" | "backgroundInfoSubtle" | "backgroundNotice" | "backgroundNoticeSubtle" | "backgroundNegative" | "backgroundNegativeHover" | "backgroundNegativePressed" | "backgroundNegativeSubtle" | "backgroundPositive" | "backgroundPositiveSubtle" | "backgroundInverse" | "backgroundInverseHover" | "backgroundAttention" | "backgroundActive" | "backgroundSecondaryBrandSubtle" | "borderPrimary" | "borderSecondary" | "borderTertiary" | "borderQuaternary" | "borderDisabled" | "borderBrand" | "borderSecondaryBrand" | "borderInverse" | "borderFocus" | "borderInfo" | "borderNotice" | "borderNegative" | "borderPositive" | "borderMono" | "borderAttention" | "borderActive" | "surfaceL0" | "surfaceL1" | "surfaceL2" | "surfaceL3" | "surfaceL4" | "surfaceL5" | "surfaceL6" | "overlay50" | "overlay50Inverse" | undefined;
677
+ focus?: "none" | "transparent" | "contentPrimary" | "contentSecondary" | "contentTertiary" | "contentQuaternary" | "contentDefaultWhite" | "contentPrimaryInverse" | "contentSecondaryInverse" | "contentTertiaryInverse" | "contentDisabled" | "contentBrand" | "contentSecondaryBrand" | "contentLink" | "contentLinkHover" | "contentLinkPressed" | "contentInfo" | "contentInfoBold" | "contentNotice" | "contentNoticeBold" | "contentNegative" | "contentNegativeBold" | "contentPositive" | "contentPositiveBold" | "contentAttention" | "contentActive" | "backgroundPrimary" | "backgroundSecondary" | "backgroundHover" | "backgroundPressed" | "backgroundSelected" | "backgroundSecondarySelected" | "backgroundDisabled" | "backgroundBrand" | "backgroundBrandHover" | "backgroundBrandPressed" | "backgroundSecondaryBrand" | "backgroundSecondaryBrandHover" | "backgroundSecondaryBrandPressed" | "backgroundInfo" | "backgroundInfoSubtle" | "backgroundNotice" | "backgroundNoticeSubtle" | "backgroundNegative" | "backgroundNegativeHover" | "backgroundNegativePressed" | "backgroundNegativeSubtle" | "backgroundPositive" | "backgroundPositiveSubtle" | "backgroundInverse" | "backgroundInverseHover" | "backgroundAttention" | "backgroundActive" | "backgroundSecondaryBrandSubtle" | "borderPrimary" | "borderSecondary" | "borderTertiary" | "borderQuaternary" | "borderDisabled" | "borderBrand" | "borderSecondaryBrand" | "borderInverse" | "borderFocus" | "borderInfo" | "borderNotice" | "borderNegative" | "borderPositive" | "borderMono" | "borderAttention" | "borderActive" | "surfaceL0" | "surfaceL1" | "surfaceL2" | "surfaceL3" | "surfaceL4" | "surfaceL5" | "surfaceL6" | "overlay50" | "overlay50Inverse" | undefined;
678
+ } | undefined;
679
+ fillColor?: "none" | "transparent" | "contentPrimary" | "contentSecondary" | "contentTertiary" | "contentQuaternary" | "contentDefaultWhite" | "contentPrimaryInverse" | "contentSecondaryInverse" | "contentTertiaryInverse" | "contentDisabled" | "contentBrand" | "contentSecondaryBrand" | "contentLink" | "contentLinkHover" | "contentLinkPressed" | "contentInfo" | "contentInfoBold" | "contentNotice" | "contentNoticeBold" | "contentNegative" | "contentNegativeBold" | "contentPositive" | "contentPositiveBold" | "contentAttention" | "contentActive" | "backgroundPrimary" | "backgroundSecondary" | "backgroundHover" | "backgroundPressed" | "backgroundSelected" | "backgroundSecondarySelected" | "backgroundDisabled" | "backgroundBrand" | "backgroundBrandHover" | "backgroundBrandPressed" | "backgroundSecondaryBrand" | "backgroundSecondaryBrandHover" | "backgroundSecondaryBrandPressed" | "backgroundInfo" | "backgroundInfoSubtle" | "backgroundNotice" | "backgroundNoticeSubtle" | "backgroundNegative" | "backgroundNegativeHover" | "backgroundNegativePressed" | "backgroundNegativeSubtle" | "backgroundPositive" | "backgroundPositiveSubtle" | "backgroundInverse" | "backgroundInverseHover" | "backgroundAttention" | "backgroundActive" | "backgroundSecondaryBrandSubtle" | "borderPrimary" | "borderSecondary" | "borderTertiary" | "borderQuaternary" | "borderDisabled" | "borderBrand" | "borderSecondaryBrand" | "borderInverse" | "borderFocus" | "borderInfo" | "borderNotice" | "borderNegative" | "borderPositive" | "borderMono" | "borderAttention" | "borderActive" | "surfaceL0" | "surfaceL1" | "surfaceL2" | "surfaceL3" | "surfaceL4" | "surfaceL5" | "surfaceL6" | "overlay50" | "overlay50Inverse" | "currentColor" | {
680
+ default?: "none" | "transparent" | "contentPrimary" | "contentSecondary" | "contentTertiary" | "contentQuaternary" | "contentDefaultWhite" | "contentPrimaryInverse" | "contentSecondaryInverse" | "contentTertiaryInverse" | "contentDisabled" | "contentBrand" | "contentSecondaryBrand" | "contentLink" | "contentLinkHover" | "contentLinkPressed" | "contentInfo" | "contentInfoBold" | "contentNotice" | "contentNoticeBold" | "contentNegative" | "contentNegativeBold" | "contentPositive" | "contentPositiveBold" | "contentAttention" | "contentActive" | "backgroundPrimary" | "backgroundSecondary" | "backgroundHover" | "backgroundPressed" | "backgroundSelected" | "backgroundSecondarySelected" | "backgroundDisabled" | "backgroundBrand" | "backgroundBrandHover" | "backgroundBrandPressed" | "backgroundSecondaryBrand" | "backgroundSecondaryBrandHover" | "backgroundSecondaryBrandPressed" | "backgroundInfo" | "backgroundInfoSubtle" | "backgroundNotice" | "backgroundNoticeSubtle" | "backgroundNegative" | "backgroundNegativeHover" | "backgroundNegativePressed" | "backgroundNegativeSubtle" | "backgroundPositive" | "backgroundPositiveSubtle" | "backgroundInverse" | "backgroundInverseHover" | "backgroundAttention" | "backgroundActive" | "backgroundSecondaryBrandSubtle" | "borderPrimary" | "borderSecondary" | "borderTertiary" | "borderQuaternary" | "borderDisabled" | "borderBrand" | "borderSecondaryBrand" | "borderInverse" | "borderFocus" | "borderInfo" | "borderNotice" | "borderNegative" | "borderPositive" | "borderMono" | "borderAttention" | "borderActive" | "surfaceL0" | "surfaceL1" | "surfaceL2" | "surfaceL3" | "surfaceL4" | "surfaceL5" | "surfaceL6" | "overlay50" | "overlay50Inverse" | "currentColor" | undefined;
681
+ hover?: "none" | "transparent" | "contentPrimary" | "contentSecondary" | "contentTertiary" | "contentQuaternary" | "contentDefaultWhite" | "contentPrimaryInverse" | "contentSecondaryInverse" | "contentTertiaryInverse" | "contentDisabled" | "contentBrand" | "contentSecondaryBrand" | "contentLink" | "contentLinkHover" | "contentLinkPressed" | "contentInfo" | "contentInfoBold" | "contentNotice" | "contentNoticeBold" | "contentNegative" | "contentNegativeBold" | "contentPositive" | "contentPositiveBold" | "contentAttention" | "contentActive" | "backgroundPrimary" | "backgroundSecondary" | "backgroundHover" | "backgroundPressed" | "backgroundSelected" | "backgroundSecondarySelected" | "backgroundDisabled" | "backgroundBrand" | "backgroundBrandHover" | "backgroundBrandPressed" | "backgroundSecondaryBrand" | "backgroundSecondaryBrandHover" | "backgroundSecondaryBrandPressed" | "backgroundInfo" | "backgroundInfoSubtle" | "backgroundNotice" | "backgroundNoticeSubtle" | "backgroundNegative" | "backgroundNegativeHover" | "backgroundNegativePressed" | "backgroundNegativeSubtle" | "backgroundPositive" | "backgroundPositiveSubtle" | "backgroundInverse" | "backgroundInverseHover" | "backgroundAttention" | "backgroundActive" | "backgroundSecondaryBrandSubtle" | "borderPrimary" | "borderSecondary" | "borderTertiary" | "borderQuaternary" | "borderDisabled" | "borderBrand" | "borderSecondaryBrand" | "borderInverse" | "borderFocus" | "borderInfo" | "borderNotice" | "borderNegative" | "borderPositive" | "borderMono" | "borderAttention" | "borderActive" | "surfaceL0" | "surfaceL1" | "surfaceL2" | "surfaceL3" | "surfaceL4" | "surfaceL5" | "surfaceL6" | "overlay50" | "overlay50Inverse" | "currentColor" | undefined;
682
+ focus?: "none" | "transparent" | "contentPrimary" | "contentSecondary" | "contentTertiary" | "contentQuaternary" | "contentDefaultWhite" | "contentPrimaryInverse" | "contentSecondaryInverse" | "contentTertiaryInverse" | "contentDisabled" | "contentBrand" | "contentSecondaryBrand" | "contentLink" | "contentLinkHover" | "contentLinkPressed" | "contentInfo" | "contentInfoBold" | "contentNotice" | "contentNoticeBold" | "contentNegative" | "contentNegativeBold" | "contentPositive" | "contentPositiveBold" | "contentAttention" | "contentActive" | "backgroundPrimary" | "backgroundSecondary" | "backgroundHover" | "backgroundPressed" | "backgroundSelected" | "backgroundSecondarySelected" | "backgroundDisabled" | "backgroundBrand" | "backgroundBrandHover" | "backgroundBrandPressed" | "backgroundSecondaryBrand" | "backgroundSecondaryBrandHover" | "backgroundSecondaryBrandPressed" | "backgroundInfo" | "backgroundInfoSubtle" | "backgroundNotice" | "backgroundNoticeSubtle" | "backgroundNegative" | "backgroundNegativeHover" | "backgroundNegativePressed" | "backgroundNegativeSubtle" | "backgroundPositive" | "backgroundPositiveSubtle" | "backgroundInverse" | "backgroundInverseHover" | "backgroundAttention" | "backgroundActive" | "backgroundSecondaryBrandSubtle" | "borderPrimary" | "borderSecondary" | "borderTertiary" | "borderQuaternary" | "borderDisabled" | "borderBrand" | "borderSecondaryBrand" | "borderInverse" | "borderFocus" | "borderInfo" | "borderNotice" | "borderNegative" | "borderPositive" | "borderMono" | "borderAttention" | "borderActive" | "surfaceL0" | "surfaceL1" | "surfaceL2" | "surfaceL3" | "surfaceL4" | "surfaceL5" | "surfaceL6" | "overlay50" | "overlay50Inverse" | "currentColor" | undefined;
683
+ } | undefined;
684
+ }) => string) & {
685
+ properties: Set<"color" | "fill" | "stroke" | "strokeColor" | "fillColor">;
686
+ };
687
+ type TColorPropertyTypes = Parameters<typeof colorStyles>[0];
688
+ type T_SVGColorPropertyTypes = Parameters<typeof svgColorStyles>[0];
689
+
690
+ declare const shadowStyles: ((props: {
691
+ boxShadow?: "none" | "L0" | "L1" | "L2" | "L3" | "L4" | "L5" | "L6" | "L7" | {
692
+ lightMode?: "none" | "L0" | "L1" | "L2" | "L3" | "L4" | "L5" | "L6" | "L7" | undefined;
693
+ } | undefined;
694
+ shadow?: "none" | "L0" | "L1" | "L2" | "L3" | "L4" | "L5" | "L6" | "L7" | {
695
+ lightMode?: "none" | "L0" | "L1" | "L2" | "L3" | "L4" | "L5" | "L6" | "L7" | undefined;
696
+ } | undefined;
697
+ elevation?: "none" | "L0" | "L1" | "L2" | "L3" | "L4" | "L5" | "L6" | "L7" | {
698
+ lightMode?: "none" | "L0" | "L1" | "L2" | "L3" | "L4" | "L5" | "L6" | "L7" | undefined;
699
+ } | undefined;
700
+ }) => string) & {
701
+ properties: Set<"elevation" | "boxShadow" | "shadow">;
702
+ };
703
+ type TShadowStyles = Parameters<typeof shadowStyles>[0];
704
+
705
+ declare const transformStyles: ((props: {
706
+ transform?: "1" | {
707
+ readonly xs?: "1" | undefined;
708
+ readonly sm?: "1" | undefined;
709
+ readonly md?: "1" | undefined;
710
+ readonly lg?: "1" | undefined;
711
+ readonly xl?: "1" | undefined;
712
+ } | undefined;
713
+ scale?: "0" | "100" | "50" | "150" | "75" | "90" | "95" | "105" | "110" | "125" | {
714
+ readonly xs?: "0" | "100" | "50" | "150" | "75" | "90" | "95" | "105" | "110" | "125" | undefined;
715
+ readonly sm?: "0" | "100" | "50" | "150" | "75" | "90" | "95" | "105" | "110" | "125" | undefined;
716
+ readonly md?: "0" | "100" | "50" | "150" | "75" | "90" | "95" | "105" | "110" | "125" | undefined;
717
+ readonly lg?: "0" | "100" | "50" | "150" | "75" | "90" | "95" | "105" | "110" | "125" | undefined;
718
+ readonly xl?: "0" | "100" | "50" | "150" | "75" | "90" | "95" | "105" | "110" | "125" | undefined;
719
+ } | undefined;
720
+ scaleX?: "0" | "100" | "50" | "150" | "75" | "90" | "95" | "105" | "110" | "125" | {
721
+ readonly xs?: "0" | "100" | "50" | "150" | "75" | "90" | "95" | "105" | "110" | "125" | undefined;
722
+ readonly sm?: "0" | "100" | "50" | "150" | "75" | "90" | "95" | "105" | "110" | "125" | undefined;
723
+ readonly md?: "0" | "100" | "50" | "150" | "75" | "90" | "95" | "105" | "110" | "125" | undefined;
724
+ readonly lg?: "0" | "100" | "50" | "150" | "75" | "90" | "95" | "105" | "110" | "125" | undefined;
725
+ readonly xl?: "0" | "100" | "50" | "150" | "75" | "90" | "95" | "105" | "110" | "125" | undefined;
726
+ } | undefined;
727
+ scaleY?: "0" | "100" | "50" | "150" | "75" | "90" | "95" | "105" | "110" | "125" | {
728
+ readonly xs?: "0" | "100" | "50" | "150" | "75" | "90" | "95" | "105" | "110" | "125" | undefined;
729
+ readonly sm?: "0" | "100" | "50" | "150" | "75" | "90" | "95" | "105" | "110" | "125" | undefined;
730
+ readonly md?: "0" | "100" | "50" | "150" | "75" | "90" | "95" | "105" | "110" | "125" | undefined;
731
+ readonly lg?: "0" | "100" | "50" | "150" | "75" | "90" | "95" | "105" | "110" | "125" | undefined;
732
+ readonly xl?: "0" | "100" | "50" | "150" | "75" | "90" | "95" | "105" | "110" | "125" | undefined;
733
+ } | undefined;
734
+ rotate?: "0" | "1" | "2" | "6" | "12" | "3" | "90" | "45" | "180" | {
735
+ readonly xs?: "0" | "1" | "2" | "6" | "12" | "3" | "90" | "45" | "180" | undefined;
736
+ readonly sm?: "0" | "1" | "2" | "6" | "12" | "3" | "90" | "45" | "180" | undefined;
737
+ readonly md?: "0" | "1" | "2" | "6" | "12" | "3" | "90" | "45" | "180" | undefined;
738
+ readonly lg?: "0" | "1" | "2" | "6" | "12" | "3" | "90" | "45" | "180" | undefined;
739
+ readonly xl?: "0" | "1" | "2" | "6" | "12" | "3" | "90" | "45" | "180" | undefined;
740
+ } | undefined;
741
+ translateX?: "0" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "56" | "64" | "3" | "5" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "full" | {
742
+ readonly xs?: "0" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "56" | "64" | "3" | "5" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "full" | undefined;
743
+ readonly sm?: "0" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "56" | "64" | "3" | "5" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "full" | undefined;
744
+ readonly md?: "0" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "56" | "64" | "3" | "5" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "full" | undefined;
745
+ readonly lg?: "0" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "56" | "64" | "3" | "5" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "full" | undefined;
746
+ readonly xl?: "0" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "56" | "64" | "3" | "5" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "full" | undefined;
747
+ } | undefined;
748
+ translateY?: "0" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "56" | "64" | "3" | "5" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "full" | {
749
+ readonly xs?: "0" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "56" | "64" | "3" | "5" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "full" | undefined;
750
+ readonly sm?: "0" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "56" | "64" | "3" | "5" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "full" | undefined;
751
+ readonly md?: "0" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "56" | "64" | "3" | "5" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "full" | undefined;
752
+ readonly lg?: "0" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "56" | "64" | "3" | "5" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "full" | undefined;
753
+ readonly xl?: "0" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "56" | "64" | "3" | "5" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "full" | undefined;
754
+ } | undefined;
755
+ skewX?: "0" | "1" | "2" | "6" | "12" | "3" | {
756
+ readonly xs?: "0" | "1" | "2" | "6" | "12" | "3" | undefined;
757
+ readonly sm?: "0" | "1" | "2" | "6" | "12" | "3" | undefined;
758
+ readonly md?: "0" | "1" | "2" | "6" | "12" | "3" | undefined;
759
+ readonly lg?: "0" | "1" | "2" | "6" | "12" | "3" | undefined;
760
+ readonly xl?: "0" | "1" | "2" | "6" | "12" | "3" | undefined;
761
+ } | undefined;
762
+ skewY?: "0" | "1" | "2" | "6" | "12" | "3" | {
763
+ readonly xs?: "0" | "1" | "2" | "6" | "12" | "3" | undefined;
764
+ readonly sm?: "0" | "1" | "2" | "6" | "12" | "3" | undefined;
765
+ readonly md?: "0" | "1" | "2" | "6" | "12" | "3" | undefined;
766
+ readonly lg?: "0" | "1" | "2" | "6" | "12" | "3" | undefined;
767
+ readonly xl?: "0" | "1" | "2" | "6" | "12" | "3" | undefined;
768
+ } | undefined;
769
+ }) => string) & {
770
+ properties: Set<"rotate" | "scale" | "transform" | "scaleX" | "scaleY" | "translateX" | "translateY" | "skewX" | "skewY">;
771
+ };
772
+ type TTransformStyles = Parameters<typeof transformStyles>[0];
773
+
774
+ declare const marginPaddingStyles: ((props: {
775
+ paddingTop?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | {
776
+ readonly xs?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | undefined;
777
+ readonly sm?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | undefined;
778
+ readonly md?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | undefined;
779
+ readonly lg?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | undefined;
780
+ readonly xl?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | undefined;
781
+ } | undefined;
782
+ paddingBottom?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | {
783
+ readonly xs?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | undefined;
784
+ readonly sm?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | undefined;
785
+ readonly md?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | undefined;
786
+ readonly lg?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | undefined;
787
+ readonly xl?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | undefined;
788
+ } | undefined;
789
+ paddingLeft?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | {
790
+ readonly xs?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | undefined;
791
+ readonly sm?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | undefined;
792
+ readonly md?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | undefined;
793
+ readonly lg?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | undefined;
794
+ readonly xl?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | undefined;
795
+ } | undefined;
796
+ paddingRight?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | {
797
+ readonly xs?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | undefined;
798
+ readonly sm?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | undefined;
799
+ readonly md?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | undefined;
800
+ readonly lg?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | undefined;
801
+ readonly xl?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | undefined;
802
+ } | undefined;
803
+ padding?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | {
804
+ readonly xs?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | undefined;
805
+ readonly sm?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | undefined;
806
+ readonly md?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | undefined;
807
+ readonly lg?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | undefined;
808
+ readonly xl?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | undefined;
809
+ } | undefined;
810
+ paddingX?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | {
811
+ readonly xs?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | undefined;
812
+ readonly sm?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | undefined;
813
+ readonly md?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | undefined;
814
+ readonly lg?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | undefined;
815
+ readonly xl?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | undefined;
816
+ } | undefined;
817
+ paddingY?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | {
818
+ readonly xs?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | undefined;
819
+ readonly sm?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | undefined;
820
+ readonly md?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | undefined;
821
+ readonly lg?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | undefined;
822
+ readonly xl?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | undefined;
823
+ } | undefined;
824
+ } & {
825
+ marginTop?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | {
826
+ readonly xs?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | undefined;
827
+ readonly sm?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | undefined;
828
+ readonly md?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | undefined;
829
+ readonly lg?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | undefined;
830
+ readonly xl?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | undefined;
831
+ } | undefined;
832
+ marginBottom?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | {
833
+ readonly xs?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | undefined;
834
+ readonly sm?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | undefined;
835
+ readonly md?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | undefined;
836
+ readonly lg?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | undefined;
837
+ readonly xl?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | undefined;
838
+ } | undefined;
839
+ marginLeft?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | {
840
+ readonly xs?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | undefined;
841
+ readonly sm?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | undefined;
842
+ readonly md?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | undefined;
843
+ readonly lg?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | undefined;
844
+ readonly xl?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | undefined;
845
+ } | undefined;
846
+ marginRight?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | {
847
+ readonly xs?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | undefined;
848
+ readonly sm?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | undefined;
849
+ readonly md?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | undefined;
850
+ readonly lg?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | undefined;
851
+ readonly xl?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | undefined;
852
+ } | undefined;
853
+ margin?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | {
854
+ readonly xs?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | undefined;
855
+ readonly sm?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | undefined;
856
+ readonly md?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | undefined;
857
+ readonly lg?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | undefined;
858
+ readonly xl?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | undefined;
859
+ } | undefined;
860
+ marginX?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | {
861
+ readonly xs?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | undefined;
862
+ readonly sm?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | undefined;
863
+ readonly md?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | undefined;
864
+ readonly lg?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | undefined;
865
+ readonly xl?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | undefined;
866
+ } | undefined;
867
+ marginY?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | {
868
+ readonly xs?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | undefined;
869
+ readonly sm?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | undefined;
870
+ readonly md?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | undefined;
871
+ readonly lg?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | undefined;
872
+ readonly xl?: "section" | "none" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "24" | "26" | "28" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | "88" | "96" | "104" | "112" | "120" | "220" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl" | "12xl" | "page" | "container" | undefined;
873
+ } | undefined;
874
+ }) => string) & {
875
+ properties: Set<"marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "margin" | "padding" | "paddingX" | "paddingY" | "marginX" | "marginY">;
876
+ };
877
+ type TMarginPaddingPropertyTypes = Parameters<typeof marginPaddingStyles>[0];
878
+
879
+ declare const DefaultBoxElement: "div";
880
+ type BoxOwnProps = TSizeStyles & TTextStyles & TBoxStyles & TColorPropertyTypes & TMarginPaddingPropertyTypes & TBorderPropertyTypes & T_SVGColorPropertyTypes & TShadowStyles & Omit<TTransformStyles, "transform"> & {
881
+ children?: React.ReactNode;
882
+ className?: string;
883
+ };
884
+ type BoxProps<T extends ElementType = typeof DefaultBoxElement> = PolymorphicPropsWithoutRef<T, BoxOwnProps>;
885
+ declare const Box: PolymorphicForwardRefExoticComponent<BoxOwnProps, typeof DefaultBoxElement>;
886
+
887
+ type DefaultStackElement = "div";
888
+ type StackBaseProps = Omit<BoxOwnProps, "display" | "flexDirection" | "flexWrap">;
889
+ type StackOwnProps = StackBaseProps & {
890
+ gap?: SpacingToken | SemanticSpacing;
891
+ };
892
+ type StackProps<T extends ElementType = DefaultStackElement> = PolymorphicPropsWithoutRef<T, StackOwnProps>;
893
+ declare const Stack: PolymorphicForwardRefExoticComponent<StackOwnProps, DefaultStackElement>;
894
+
895
+ type DefaultInlineElement = "div";
896
+ type InlineBaseProps = Omit<BoxOwnProps, "display" | "flexDirection">;
897
+ type InlineWrap = boolean | "reverse";
898
+ type InlineOwnProps = InlineBaseProps & {
899
+ wrap?: InlineWrap;
900
+ gap?: SemanticSpacing | SpacingToken;
901
+ };
902
+ type InlineProps<T extends ElementType = DefaultInlineElement> = PolymorphicPropsWithoutRef<T, InlineOwnProps>;
903
+ declare const Inline: PolymorphicForwardRefExoticComponent<InlineOwnProps, DefaultInlineElement>;
904
+
905
+ type DefaultGridElement = "div";
906
+ type GridTemplate = CSSProperties["gridTemplateColumns"];
907
+ type GridAuto = CSSProperties["gridAutoFlow"];
908
+ type GridBaseProps = Omit<BoxOwnProps, "display"> & {
909
+ columns?: GridTemplate;
910
+ rows?: CSSProperties["gridTemplateRows"];
911
+ areas?: CSSProperties["gridTemplateAreas"];
912
+ autoColumns?: CSSProperties["gridAutoColumns"];
913
+ autoRows?: CSSProperties["gridAutoRows"];
914
+ autoFlow?: GridAuto;
915
+ justifyItems?: CSSProperties["justifyItems"];
916
+ alignItems?: CSSProperties["alignItems"];
917
+ };
918
+ type GridProps<T extends ElementType = DefaultGridElement> = PolymorphicPropsWithoutRef<T, GridBaseProps>;
919
+ declare const Grid: PolymorphicForwardRefExoticComponent<GridBaseProps, DefaultGridElement>;
920
+ type GridItemBaseProps = BoxOwnProps & {
921
+ column?: CSSProperties["gridColumn"];
922
+ row?: CSSProperties["gridRow"];
923
+ area?: CSSProperties["gridArea"];
924
+ columnSpan?: number | string;
925
+ rowSpan?: number | string;
926
+ justifySelf?: CSSProperties["justifySelf"];
927
+ alignSelf?: CSSProperties["alignSelf"];
928
+ };
929
+ type GridItemProps<T extends ElementType = DefaultGridElement> = PolymorphicPropsWithoutRef<T, GridItemBaseProps>;
930
+ declare const GridItem: PolymorphicForwardRefExoticComponent<GridItemBaseProps, DefaultGridElement>;
931
+
932
+ declare const DefaultTextElement: "p";
933
+ type HeadingVariant = "heading-3xl-semibold" | "heading-2xl-semibold" | "heading-xl-semibold" | "heading-l-semibold" | "heading-m-semibold" | "heading-s-semibold" | "heading-xs-semibold" | "heading-xs-medium" | "heading-2xs-medium";
934
+ type TextVariant = "text-2xl-medium" | "text-2xl-regular" | "text-xl-medium" | "text-xl-regular" | "text-l-medium" | "text-l-regular" | "text-m-medium" | "text-m-regular" | "text-s-medium" | "text-s-regular" | "text-xs-medium" | "text-xs-regular";
935
+ type LabelVariant = "label-2xs-medium";
936
+ type SpacingProps = {
937
+ padding?: SpacingToken | SemanticSpacing;
938
+ paddingTop?: SpacingToken | SemanticSpacing;
939
+ paddingRight?: SpacingToken | SemanticSpacing;
940
+ paddingBottom?: SpacingToken | SemanticSpacing;
941
+ paddingLeft?: SpacingToken | SemanticSpacing;
942
+ paddingX?: SpacingToken | SemanticSpacing;
943
+ paddingY?: SpacingToken | SemanticSpacing;
944
+ margin?: SpacingToken | SemanticSpacing;
945
+ marginTop?: SpacingToken | SemanticSpacing;
946
+ marginRight?: SpacingToken | SemanticSpacing;
947
+ marginBottom?: SpacingToken | SemanticSpacing;
948
+ marginLeft?: SpacingToken | SemanticSpacing;
949
+ marginX?: SpacingToken | SemanticSpacing;
950
+ marginY?: SpacingToken | SemanticSpacing;
951
+ };
952
+ type TextColorProps = Pick<TColorPropertyTypes, "color">;
953
+ type TextOwnProps = TextColorProps & {
954
+ /** Typography variant that applies font size, weight, line height, and letter spacing */
955
+ fontVariant?: TextVariant | LabelVariant;
956
+ /** Text alignment */
957
+ textAlign?: "left" | "center" | "right" | "justify" | "start" | "end";
958
+ /** Text transform */
959
+ textTransform?: "uppercase" | "lowercase" | "capitalize" | "none";
960
+ /** Text decoration */
961
+ textDecoration?: "underline" | "line-through" | "none";
962
+ textUnderlinePosition?: "from-font" | "auto" | "inherit" | "left" | "revert" | "right";
963
+ /** Font style */
964
+ fontStyle?: "normal" | "italic";
965
+ /** White space handling */
966
+ whiteSpace?: "normal" | "nowrap" | "pre" | "pre-line" | "pre-wrap" | "break-spaces";
967
+ /** Word break behavior */
968
+ wordBreak?: "normal" | "break-word" | "break-all" | "keep-all";
969
+ /** Truncate text with ellipsis */
970
+ truncate?: boolean;
971
+ /** Maximum number of lines before truncation */
972
+ lineClamp?: number;
973
+ /** Custom styles */
974
+ style?: React.CSSProperties;
975
+ /** CSS class name */
976
+ className?: string;
977
+ /** Children content */
978
+ children?: React.ReactNode;
979
+ };
980
+ declare function applyTextVariantStyles(fontVariant?: TextVariant | LabelVariant): {
981
+ fontSize?: undefined;
982
+ fontWeight?: undefined;
983
+ lineHeight?: undefined;
984
+ letterSpacing?: undefined;
985
+ fontFamily?: undefined;
986
+ } | {
987
+ fontSize: any;
988
+ fontWeight: any;
989
+ lineHeight: any;
990
+ letterSpacing: any;
991
+ fontFamily: any;
992
+ };
993
+ declare const Text: PolymorphicForwardRefExoticComponent<TextOwnProps, typeof DefaultTextElement>;
994
+ declare const DefaultHeadingElement: "h3";
995
+ type HeadingOwnProps = TColorPropertyTypes & SpacingProps & {
996
+ /** Typography variant that applies font size, weight, line height, and letter spacing */
997
+ fontVariant?: HeadingVariant;
998
+ /** Heading level (overrides 'as' for semantic HTML) */
999
+ level?: 1 | 2 | 3 | 4 | 5 | 6;
1000
+ /** Text alignment */
1001
+ textAlign?: "left" | "center" | "right" | "justify" | "start" | "end";
1002
+ /** Text transform */
1003
+ textTransform?: "uppercase" | "lowercase" | "capitalize" | "none";
1004
+ /** Text decoration */
1005
+ textDecoration?: "underline" | "line-through" | "none";
1006
+ textUnderlinePosition?: "from-font" | "auto" | "inherit" | "left" | "revert" | "right";
1007
+ /** Font style */
1008
+ fontStyle?: "normal" | "italic";
1009
+ /** White space handling */
1010
+ whiteSpace?: "normal" | "nowrap" | "pre" | "pre-line" | "pre-wrap" | "break-spaces";
1011
+ /** Word break behavior */
1012
+ wordBreak?: "normal" | "break-word" | "break-all" | "keep-all";
1013
+ /** Truncate text with ellipsis */
1014
+ truncate?: boolean;
1015
+ /** Maximum number of lines before truncation */
1016
+ lineClamp?: number;
1017
+ /** Custom styles */
1018
+ style?: React.CSSProperties;
1019
+ /** CSS class name */
1020
+ className?: string;
1021
+ /** Children content */
1022
+ children?: React.ReactNode;
1023
+ };
1024
+ declare function applyHeadingVariantStyles(fontVariant?: HeadingVariant): {
1025
+ fontSize?: undefined;
1026
+ fontWeight?: undefined;
1027
+ lineHeight?: undefined;
1028
+ letterSpacing?: undefined;
1029
+ fontFamily?: undefined;
1030
+ } | {
1031
+ fontSize: any;
1032
+ fontWeight: any;
1033
+ lineHeight: any;
1034
+ letterSpacing: any;
1035
+ fontFamily: any;
1036
+ };
1037
+ declare const Heading: PolymorphicForwardRefExoticComponent<HeadingOwnProps, typeof DefaultHeadingElement>;
1038
+ declare const Body: React$1.ForwardRefExoticComponent<Omit<TextOwnProps, "fontVariant"> & React$1.RefAttributes<HTMLParagraphElement>>;
1039
+ declare const Caption: React$1.ForwardRefExoticComponent<Omit<TextOwnProps, "as" | "fontVariant"> & React$1.RefAttributes<HTMLSpanElement>>;
1040
+ declare const Label: React$1.ForwardRefExoticComponent<Omit<TextOwnProps, "as" | "fontVariant"> & React$1.RefAttributes<HTMLLabelElement>>;
1041
+ declare const Code: React$1.ForwardRefExoticComponent<Omit<TextOwnProps, "as" | "fontVariant"> & React$1.RefAttributes<HTMLElement>>;
1042
+
1043
+ type ButtonVariant = "standard" | "primary" | "secondary" | "accent" | "outline" | "ghost" | "link" | "text";
1044
+ type ButtonSize = "sm" | "md" | "lg";
1045
+ type IconPosition = "left" | "right";
1046
+ type ButtonProps = {
1047
+ as?: ElementType;
1048
+ children?: ReactNode;
1049
+ variant?: ButtonVariant;
1050
+ size?: ButtonSize;
1051
+ icon?: ReactNode;
1052
+ iconPosition?: IconPosition;
1053
+ disabled?: boolean;
1054
+ destructive?: boolean;
1055
+ onClick?: (e: React__default.MouseEvent) => void;
1056
+ className?: string;
1057
+ "aria-label"?: string;
1058
+ href?: string;
1059
+ fullWidth?: boolean;
1060
+ } & Omit<React__default.ButtonHTMLAttributes<HTMLButtonElement>, "onClick" | "disabled" | "className">;
1061
+ declare const Button: React__default.ForwardRefExoticComponent<{
1062
+ as?: ElementType;
1063
+ children?: ReactNode;
1064
+ variant?: ButtonVariant;
1065
+ size?: ButtonSize;
1066
+ icon?: ReactNode;
1067
+ iconPosition?: IconPosition;
1068
+ disabled?: boolean;
1069
+ destructive?: boolean;
1070
+ onClick?: (e: React__default.MouseEvent) => void;
1071
+ className?: string;
1072
+ "aria-label"?: string;
1073
+ href?: string;
1074
+ fullWidth?: boolean;
1075
+ } & Omit<React__default.ButtonHTMLAttributes<HTMLButtonElement>, "className" | "onClick" | "disabled"> & React__default.RefAttributes<HTMLButtonElement>>;
1076
+ type IconButtonProps = {
1077
+ children: ReactNode;
1078
+ size?: ButtonSize;
1079
+ disabled?: boolean;
1080
+ onClick?: (e: React__default.MouseEvent) => void;
1081
+ className?: string;
1082
+ "aria-label": string;
1083
+ } & Omit<React__default.ButtonHTMLAttributes<HTMLButtonElement>, "onClick" | "disabled" | "className">;
1084
+ declare const IconButton: React__default.ForwardRefExoticComponent<{
1085
+ children: ReactNode;
1086
+ size?: ButtonSize;
1087
+ disabled?: boolean;
1088
+ onClick?: (e: React__default.MouseEvent) => void;
1089
+ className?: string;
1090
+ "aria-label": string;
1091
+ } & Omit<React__default.ButtonHTMLAttributes<HTMLButtonElement>, "className" | "onClick" | "disabled"> & React__default.RefAttributes<HTMLButtonElement>>;
1092
+
1093
+ type BadgeVariant = "primary" | "secondary" | "outline" | "info" | "success" | "warning" | "error";
1094
+ type BadgeProps = {
1095
+ children?: ReactNode;
1096
+ variant?: BadgeVariant;
1097
+ icon?: ReactNode;
1098
+ iconPosition?: "left" | "right";
1099
+ className?: string;
1100
+ style?: React__default.CSSProperties;
1101
+ } & Omit<React__default.HTMLAttributes<HTMLSpanElement>, "className" | "style">;
1102
+ declare const Badge: React__default.ForwardRefExoticComponent<{
1103
+ children?: ReactNode;
1104
+ variant?: BadgeVariant;
1105
+ icon?: ReactNode;
1106
+ iconPosition?: "left" | "right";
1107
+ className?: string;
1108
+ style?: React__default.CSSProperties;
1109
+ } & Omit<React__default.HTMLAttributes<HTMLSpanElement>, "style" | "className"> & React__default.RefAttributes<HTMLSpanElement>>;
1110
+
1111
+ type InputProps = Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "prefix"> & {
1112
+ /** Label text */
1113
+ label?: string;
1114
+ /**
1115
+ * Whether the field is required
1116
+ * @default false
1117
+ */
1118
+ required?: boolean;
1119
+ /**
1120
+ * Whether the field is mandatory (deprecated, use `required` instead)
1121
+ * @deprecated Use `required` instead
1122
+ */
1123
+ mandatory?: boolean;
1124
+ /** Helper text displayed below the input */
1125
+ helperText?: string;
1126
+ /** Error state */
1127
+ error?: boolean;
1128
+ /** Error message (overrides helperText when error is true) */
1129
+ errorMessage?: string;
1130
+ /** Icon to display on the right side */
1131
+ icon?: ReactNode;
1132
+ /** Icon to display on the left side */
1133
+ leftIcon?: ReactNode;
1134
+ /** Disabled state */
1135
+ disabled?: boolean;
1136
+ /** Compound input: leading section with value and icon */
1137
+ leadingSection?: ReactNode;
1138
+ /** Compound input: trailing section with value and icon */
1139
+ trailingSection?: ReactNode;
1140
+ /** Horizontal layout (label and input side by side) */
1141
+ horizontal?: boolean;
1142
+ /** Invalid state for aria */
1143
+ invalid?: boolean;
1144
+ /** Remove border outline */
1145
+ noOutline?: boolean;
1146
+ };
1147
+ declare const Input: React__default.ForwardRefExoticComponent<Omit<React__default.InputHTMLAttributes<HTMLInputElement>, "prefix" | "size"> & {
1148
+ /** Label text */
1149
+ label?: string;
1150
+ /**
1151
+ * Whether the field is required
1152
+ * @default false
1153
+ */
1154
+ required?: boolean;
1155
+ /**
1156
+ * Whether the field is mandatory (deprecated, use `required` instead)
1157
+ * @deprecated Use `required` instead
1158
+ */
1159
+ mandatory?: boolean;
1160
+ /** Helper text displayed below the input */
1161
+ helperText?: string;
1162
+ /** Error state */
1163
+ error?: boolean;
1164
+ /** Error message (overrides helperText when error is true) */
1165
+ errorMessage?: string;
1166
+ /** Icon to display on the right side */
1167
+ icon?: ReactNode;
1168
+ /** Icon to display on the left side */
1169
+ leftIcon?: ReactNode;
1170
+ /** Disabled state */
1171
+ disabled?: boolean;
1172
+ /** Compound input: leading section with value and icon */
1173
+ leadingSection?: ReactNode;
1174
+ /** Compound input: trailing section with value and icon */
1175
+ trailingSection?: ReactNode;
1176
+ /** Horizontal layout (label and input side by side) */
1177
+ horizontal?: boolean;
1178
+ /** Invalid state for aria */
1179
+ invalid?: boolean;
1180
+ /** Remove border outline */
1181
+ noOutline?: boolean;
1182
+ } & React__default.RefAttributes<HTMLInputElement>>;
1183
+
1184
+ type CheckboxProps = Omit<React$1.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>, "asChild"> & {
1185
+ /** Label text displayed next to the checkbox */
1186
+ label?: React$1.ReactNode;
1187
+ /**
1188
+ * Description text displayed below the label
1189
+ * @deprecated Use `helperText` instead for consistency with other form components
1190
+ */
1191
+ description?: React$1.ReactNode;
1192
+ /** Helper text displayed below the checkbox */
1193
+ helperText?: React$1.ReactNode;
1194
+ /** Indeterminate/partial checked state */
1195
+ partialChecked?: boolean;
1196
+ /** Size of the checkbox */
1197
+ size?: "xs" | "sm" | "md" | "lg";
1198
+ /** Whether the field is required */
1199
+ required?: boolean;
1200
+ /** Error state */
1201
+ error?: boolean;
1202
+ /** Error message (displayed when error is true) */
1203
+ errorMessage?: string;
1204
+ };
1205
+ declare const Checkbox: React$1.ForwardRefExoticComponent<Omit<Omit<CheckboxPrimitive.CheckboxProps & React$1.RefAttributes<HTMLButtonElement>, "ref">, "asChild"> & {
1206
+ /** Label text displayed next to the checkbox */
1207
+ label?: React$1.ReactNode;
1208
+ /**
1209
+ * Description text displayed below the label
1210
+ * @deprecated Use `helperText` instead for consistency with other form components
1211
+ */
1212
+ description?: React$1.ReactNode;
1213
+ /** Helper text displayed below the checkbox */
1214
+ helperText?: React$1.ReactNode;
1215
+ /** Indeterminate/partial checked state */
1216
+ partialChecked?: boolean;
1217
+ /** Size of the checkbox */
1218
+ size?: "xs" | "sm" | "md" | "lg";
1219
+ /** Whether the field is required */
1220
+ required?: boolean;
1221
+ /** Error state */
1222
+ error?: boolean;
1223
+ /** Error message (displayed when error is true) */
1224
+ errorMessage?: string;
1225
+ } & React$1.RefAttributes<HTMLButtonElement>>;
1226
+
1227
+ type SwitchSize = "sm" | "md" | "lg";
1228
+ type SwitchProps = {
1229
+ /** Size of the switch */
1230
+ size?: SwitchSize;
1231
+ /** Additional CSS class */
1232
+ className?: string;
1233
+ /** Label text displayed next to the switch */
1234
+ label?: React__default.ReactNode;
1235
+ /** Helper text displayed below the switch */
1236
+ helperText?: React__default.ReactNode;
1237
+ /** Whether the field is required */
1238
+ required?: boolean;
1239
+ /** Error state */
1240
+ error?: boolean;
1241
+ /** Error message (displayed when error is true) */
1242
+ errorMessage?: string;
1243
+ } & React__default.ComponentPropsWithoutRef<typeof SwitchPrimitive.Root>;
1244
+ declare const Switch: React__default.ForwardRefExoticComponent<{
1245
+ /** Size of the switch */
1246
+ size?: SwitchSize;
1247
+ /** Additional CSS class */
1248
+ className?: string;
1249
+ /** Label text displayed next to the switch */
1250
+ label?: React__default.ReactNode;
1251
+ /** Helper text displayed below the switch */
1252
+ helperText?: React__default.ReactNode;
1253
+ /** Whether the field is required */
1254
+ required?: boolean;
1255
+ /** Error state */
1256
+ error?: boolean;
1257
+ /** Error message (displayed when error is true) */
1258
+ errorMessage?: string;
1259
+ } & Omit<SwitchPrimitive.SwitchProps & React__default.RefAttributes<HTMLButtonElement>, "ref"> & React__default.RefAttributes<HTMLButtonElement>>;
1260
+
1261
+ type ChipVariant = "default" | "light";
1262
+ type ChipOutline = "default" | "dashed";
1263
+ type ChipBaseProps = Omit<InlineOwnProps, "display" | "flexDirection">;
1264
+ type ChipOwnProps = ChipBaseProps & {
1265
+ /** Visual variant */
1266
+ variant?: ChipVariant;
1267
+ /** Outline style */
1268
+ outline?: ChipOutline;
1269
+ /** Icon to display before the label */
1270
+ icon?: ReactNode;
1271
+ /** Whether the chip is disabled */
1272
+ disabled?: boolean;
1273
+ /** Callback when chip is clicked (makes it interactive) */
1274
+ onClick?: () => void;
1275
+ };
1276
+ type DefaultChipElement = "div";
1277
+ type ChipProps<T extends ElementType = DefaultChipElement> = PolymorphicPropsWithoutRef<T, ChipOwnProps>;
1278
+ declare const Chip: PolymorphicForwardRefExoticComponent<ChipOwnProps, DefaultChipElement>;
1279
+
1280
+ type TooltipProps = {
1281
+ children: React$1.ReactElement;
1282
+ content: React$1.ReactNode;
1283
+ side?: "top" | "right" | "bottom" | "left";
1284
+ sideOffset?: number;
1285
+ align?: "start" | "center" | "end";
1286
+ delayDuration?: number;
1287
+ skipDelayDuration?: number;
1288
+ disableHoverableContent?: boolean;
1289
+ showArrow?: boolean;
1290
+ };
1291
+ declare const TooltipProvider: React$1.FC<TooltipPrimitive.TooltipProviderProps>;
1292
+ declare const Tooltip: {
1293
+ ({ children, content, side, sideOffset, align, delayDuration, skipDelayDuration, disableHoverableContent, showArrow, }: TooltipProps): react_jsx_runtime.JSX.Element;
1294
+ displayName: string;
1295
+ };
1296
+
1297
+ interface SelectOption {
1298
+ value: string;
1299
+ label: string;
1300
+ disabled?: boolean;
1301
+ }
1302
+ interface SelectProps {
1303
+ label?: string;
1304
+ placeholder?: string;
1305
+ options: SelectOption[];
1306
+ value?: string;
1307
+ defaultValue?: string;
1308
+ onValueChange?: (value: string) => void;
1309
+ disabled?: boolean;
1310
+ error?: boolean;
1311
+ errorMessage?: string;
1312
+ required?: boolean;
1313
+ name?: string;
1314
+ helperText?: string;
1315
+ }
1316
+ type SelectRootProps = React$1.ComponentPropsWithoutRef<typeof SelectPrimitive.Root>;
1317
+ type SelectTriggerProps = React$1.ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger> & {
1318
+ error?: boolean;
1319
+ };
1320
+ type SelectContentProps = React$1.ComponentPropsWithoutRef<typeof SelectPrimitive.Content> & {
1321
+ header?: React$1.ReactNode;
1322
+ footer?: React$1.ReactNode;
1323
+ disableListWrapper?: boolean;
1324
+ };
1325
+ type SelectItemProps = React$1.ComponentPropsWithoutRef<typeof SelectPrimitive.Item>;
1326
+ declare const SelectRoot: React$1.FC<SelectPrimitive.SelectProps>;
1327
+ declare const SelectTrigger: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & {
1328
+ error?: boolean;
1329
+ } & React$1.RefAttributes<HTMLButtonElement>>;
1330
+ declare const SelectValue: React$1.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & React$1.RefAttributes<HTMLSpanElement>>;
1331
+ declare const SelectContent: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
1332
+ header?: React$1.ReactNode;
1333
+ footer?: React$1.ReactNode;
1334
+ disableListWrapper?: boolean;
1335
+ } & React$1.RefAttributes<HTMLDivElement>>;
1336
+ declare const SelectItem: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
1337
+ declare const SelectSeparator: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectSeparatorProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
1338
+ declare const Select: React$1.ForwardRefExoticComponent<SelectProps & React$1.RefAttributes<HTMLButtonElement>>;
1339
+
1340
+ type AvatarSize = "xs" | "sm" | "md" | "lg" | "xl";
1341
+ type AvatarColor = "blue" | "orange" | "red" | "green" | "purple" | "cyan" | "brand" | "secondary" | "neutral";
1342
+ type AvatarProps = {
1343
+ size?: AvatarSize;
1344
+ className?: string;
1345
+ src?: string;
1346
+ name: string;
1347
+ delayMs?: number;
1348
+ icon?: React__default.ReactNode;
1349
+ color?: AvatarColor | "auto";
1350
+ tooltip?: React__default.ReactNode;
1351
+ } & Omit<React__default.ComponentPropsWithoutRef<typeof AvatarPrimitive.Root>, "children">;
1352
+ declare const Avatar: React__default.ForwardRefExoticComponent<{
1353
+ size?: AvatarSize;
1354
+ className?: string;
1355
+ src?: string;
1356
+ name: string;
1357
+ delayMs?: number;
1358
+ icon?: React__default.ReactNode;
1359
+ color?: AvatarColor | "auto";
1360
+ tooltip?: React__default.ReactNode;
1361
+ } & Omit<Omit<AvatarPrimitive.AvatarProps & React__default.RefAttributes<HTMLSpanElement>, "ref">, "children"> & React__default.RefAttributes<HTMLSpanElement>>;
1362
+
1363
+ declare const AVATAR_COLORS: AvatarColor[];
1364
+ /**
1365
+ * Generates a deterministic color based on a string input.
1366
+ */
1367
+ declare function getColorFromString(str: string): AvatarColor;
1368
+ /**
1369
+ * Extracts initials from a name string.
1370
+ */
1371
+ declare function getInitials(name: string): string;
1372
+
1373
+ type SpinnerSize = "sm" | "md" | "lg" | "xl";
1374
+ type SpinnerProps = {
1375
+ color?: ColorVarName;
1376
+ size?: SpinnerSize;
1377
+ className?: string;
1378
+ "aria-label"?: string;
1379
+ };
1380
+ declare const Spinner: React$1.ForwardRefExoticComponent<SpinnerProps & React$1.RefAttributes<SVGSVGElement>>;
1381
+
1382
+ interface SkeletonProps extends React__default.HTMLAttributes<HTMLSpanElement> {
1383
+ variant?: "text" | "circle" | "rectangular" | "rounded";
1384
+ width?: number | string;
1385
+ height?: number | string;
1386
+ }
1387
+ declare const Skeleton: React__default.ForwardRefExoticComponent<SkeletonProps & React__default.RefAttributes<HTMLSpanElement>>;
1388
+
1389
+ type TextAreaProps = Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, "prefix"> & {
1390
+ /** Label text */
1391
+ label?: string;
1392
+ /**
1393
+ * Whether the field is required
1394
+ * @default false
1395
+ */
1396
+ required?: boolean;
1397
+ /**
1398
+ * Whether the field is mandatory (deprecated, use `required` instead)
1399
+ * @deprecated Use `required` instead
1400
+ */
1401
+ mandatory?: boolean;
1402
+ /** Helper text displayed below the textarea */
1403
+ helperText?: string;
1404
+ /** Error state */
1405
+ error?: boolean;
1406
+ /** Error message (overrides helperText when error is true) */
1407
+ errorMessage?: string;
1408
+ /** Disabled state */
1409
+ disabled?: boolean;
1410
+ /** Horizontal layout (label and textarea side by side) */
1411
+ horizontal?: boolean;
1412
+ /** View mode (read-only with different styling) */
1413
+ viewMode?: boolean;
1414
+ /** Show resize handle */
1415
+ showResizeHandle?: boolean;
1416
+ };
1417
+ declare const TextArea: React__default.ForwardRefExoticComponent<Omit<React__default.TextareaHTMLAttributes<HTMLTextAreaElement>, "prefix"> & {
1418
+ /** Label text */
1419
+ label?: string;
1420
+ /**
1421
+ * Whether the field is required
1422
+ * @default false
1423
+ */
1424
+ required?: boolean;
1425
+ /**
1426
+ * Whether the field is mandatory (deprecated, use `required` instead)
1427
+ * @deprecated Use `required` instead
1428
+ */
1429
+ mandatory?: boolean;
1430
+ /** Helper text displayed below the textarea */
1431
+ helperText?: string;
1432
+ /** Error state */
1433
+ error?: boolean;
1434
+ /** Error message (overrides helperText when error is true) */
1435
+ errorMessage?: string;
1436
+ /** Disabled state */
1437
+ disabled?: boolean;
1438
+ /** Horizontal layout (label and textarea side by side) */
1439
+ horizontal?: boolean;
1440
+ /** View mode (read-only with different styling) */
1441
+ viewMode?: boolean;
1442
+ /** Show resize handle */
1443
+ showResizeHandle?: boolean;
1444
+ } & React__default.RefAttributes<HTMLTextAreaElement>>;
1445
+
1446
+ type AccordionVariant = "contained" | "outlined";
1447
+ type AccordionSingleModeProps = Omit<AccordionSingleProps, "type" | "asChild"> & {
1448
+ allowMultiple?: false;
1449
+ };
1450
+ type AccordionMultipleModeProps = Omit<AccordionMultipleProps, "type" | "asChild"> & {
1451
+ allowMultiple: true;
1452
+ };
1453
+ type AccordionBaseProps = {
1454
+ variant?: AccordionVariant;
1455
+ allowMultiple?: boolean;
1456
+ };
1457
+ type AccordionRootProps = AccordionBaseProps & (AccordionSingleModeProps | AccordionMultipleModeProps);
1458
+ type AccordionItemProps = React$1.ComponentPropsWithoutRef<typeof AccordionPrimitive.Item> & {
1459
+ variant?: AccordionVariant;
1460
+ };
1461
+ type AccordionTriggerProps = Omit<React$1.ComponentPropsWithoutRef<typeof AccordionPrimitive.Trigger>, "asChild"> & {
1462
+ children: React$1.ReactNode;
1463
+ variant?: AccordionVariant;
1464
+ };
1465
+ type AccordionContentProps = React$1.ComponentPropsWithoutRef<typeof AccordionPrimitive.Content> & {
1466
+ variant?: AccordionVariant;
1467
+ };
1468
+ declare const AccordionRoot: React$1.ForwardRefExoticComponent<AccordionRootProps & React$1.RefAttributes<HTMLDivElement>>;
1469
+ declare const AccordionItem: React$1.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
1470
+ variant?: AccordionVariant;
1471
+ } & React$1.RefAttributes<HTMLDivElement>>;
1472
+ declare const AccordionTrigger: React$1.ForwardRefExoticComponent<Omit<Omit<AccordionPrimitive.AccordionTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref">, "asChild"> & {
1473
+ children: React$1.ReactNode;
1474
+ variant?: AccordionVariant;
1475
+ } & React$1.RefAttributes<HTMLButtonElement>>;
1476
+ declare const AccordionContent: React$1.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
1477
+ variant?: AccordionVariant;
1478
+ } & React$1.RefAttributes<HTMLDivElement>>;
1479
+ declare const Accordion: React$1.ForwardRefExoticComponent<AccordionRootProps & React$1.RefAttributes<HTMLDivElement>> & {
1480
+ Root: React$1.ForwardRefExoticComponent<AccordionRootProps & React$1.RefAttributes<HTMLDivElement>>;
1481
+ Item: React$1.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
1482
+ variant?: AccordionVariant;
1483
+ } & {
1484
+ variant?: AccordionVariant;
1485
+ } & React$1.RefAttributes<HTMLDivElement>>;
1486
+ Trigger: React$1.ForwardRefExoticComponent<Omit<Omit<AccordionPrimitive.AccordionTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref">, "asChild"> & {
1487
+ children: React$1.ReactNode;
1488
+ variant?: AccordionVariant;
1489
+ } & React$1.RefAttributes<HTMLButtonElement>>;
1490
+ Content: React$1.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
1491
+ variant?: AccordionVariant;
1492
+ } & React$1.RefAttributes<HTMLDivElement>>;
1493
+ };
1494
+
1495
+ type MenuPadding = "none" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl";
1496
+ type MenuRootProps = React$1.ComponentPropsWithoutRef<typeof DropdownMenu.Root>;
1497
+ type MenuTriggerProps = React$1.ComponentPropsWithoutRef<typeof DropdownMenu.Trigger>;
1498
+ type HoverHandlerProps = Pick<React$1.HTMLAttributes<HTMLElement>, "onMouseEnter" | "onMouseLeave">;
1499
+ type MenuContentProps = Omit<React$1.ComponentPropsWithoutRef<typeof DropdownMenu.Content>, "asChild" | "side"> & {
1500
+ children: React$1.ReactNode;
1501
+ align?: "start" | "center" | "end";
1502
+ sideOffset?: number;
1503
+ alignOffset?: number;
1504
+ padding?: MenuPadding;
1505
+ position?: "top" | "bottom" | "left" | "right";
1506
+ onMouseEnter?: HoverHandlerProps["onMouseEnter"];
1507
+ onMouseLeave?: HoverHandlerProps["onMouseLeave"];
1508
+ onOpenAutoFocus?: (event: Event) => void;
1509
+ onCloseAutoFocus?: (event: Event) => void;
1510
+ };
1511
+ type MenuItemProps = Omit<React$1.ComponentPropsWithoutRef<typeof DropdownMenu.Item>, "asChild"> & {
1512
+ closeOnSelect?: boolean;
1513
+ children: React$1.ReactNode;
1514
+ };
1515
+ type MenuLabelProps = {
1516
+ children: React$1.ReactNode;
1517
+ className?: string;
1518
+ };
1519
+ type MenuSeparatorProps = {
1520
+ className?: string;
1521
+ };
1522
+ type MenuSubProps = {
1523
+ children: React$1.ReactNode;
1524
+ label: React$1.ReactNode;
1525
+ padding?: MenuPadding;
1526
+ };
1527
+ declare const MenuRoot: {
1528
+ ({ children, ...props }: MenuRootProps): react_jsx_runtime.JSX.Element;
1529
+ displayName: string;
1530
+ };
1531
+ declare const MenuTrigger: React$1.ForwardRefExoticComponent<Omit<DropdownMenu.DropdownMenuTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
1532
+ declare const MenuContent: React$1.ForwardRefExoticComponent<Omit<Omit<DropdownMenu.DropdownMenuContentProps & React$1.RefAttributes<HTMLDivElement>, "ref">, "asChild" | "side"> & {
1533
+ children: React$1.ReactNode;
1534
+ align?: "start" | "center" | "end";
1535
+ sideOffset?: number;
1536
+ alignOffset?: number;
1537
+ padding?: MenuPadding;
1538
+ position?: "top" | "bottom" | "left" | "right";
1539
+ onMouseEnter?: HoverHandlerProps["onMouseEnter"];
1540
+ onMouseLeave?: HoverHandlerProps["onMouseLeave"];
1541
+ onOpenAutoFocus?: (event: Event) => void;
1542
+ onCloseAutoFocus?: (event: Event) => void;
1543
+ } & React$1.RefAttributes<HTMLDivElement>>;
1544
+ type MenuProps = {
1545
+ children: React$1.ReactNode;
1546
+ trigger: React$1.ReactElement;
1547
+ align?: "start" | "center" | "end";
1548
+ sideOffset?: number;
1549
+ alignOffset?: number;
1550
+ openOn?: "click" | "hover";
1551
+ position?: "top" | "bottom" | "left" | "right";
1552
+ open?: MenuRootProps["open"];
1553
+ defaultOpen?: MenuRootProps["defaultOpen"];
1554
+ onOpenChange?: MenuRootProps["onOpenChange"];
1555
+ };
1556
+ declare const Menu: {
1557
+ ({ children, trigger, align, sideOffset, alignOffset, openOn, position, open, defaultOpen, onOpenChange, }: MenuProps): react_jsx_runtime.JSX.Element;
1558
+ displayName: string;
1559
+ };
1560
+ declare const MenuItem: React$1.ForwardRefExoticComponent<Omit<Omit<DropdownMenu.DropdownMenuItemProps & React$1.RefAttributes<HTMLDivElement>, "ref">, "asChild"> & {
1561
+ closeOnSelect?: boolean;
1562
+ children: React$1.ReactNode;
1563
+ } & React$1.RefAttributes<HTMLDivElement>>;
1564
+ declare const MenuLabel: {
1565
+ ({ children, className }: MenuLabelProps): react_jsx_runtime.JSX.Element;
1566
+ displayName: string;
1567
+ };
1568
+ declare const MenuSeparator: {
1569
+ ({ className }: MenuSeparatorProps): react_jsx_runtime.JSX.Element;
1570
+ displayName: string;
1571
+ };
1572
+ declare const MenuSub: {
1573
+ ({ children, label, padding }: MenuSubProps): react_jsx_runtime.JSX.Element;
1574
+ displayName: string;
1575
+ };
1576
+
1577
+ type DialogSize = "sm" | "md" | "lg" | "xl";
1578
+ type DialogProps = {
1579
+ /** Open state */
1580
+ open?: boolean;
1581
+ /** Default open state */
1582
+ defaultOpen?: boolean;
1583
+ /** On open change callback */
1584
+ onOpenChange?: (open: boolean) => void;
1585
+ /** Trigger element */
1586
+ trigger?: React$1.ReactNode;
1587
+ /** Dialog content */
1588
+ children: React$1.ReactNode;
1589
+ /** Modal mode - when true, interaction with outside elements is disabled */
1590
+ modal?: boolean;
1591
+ };
1592
+ type DialogContentProps = {
1593
+ children: React$1.ReactNode;
1594
+ /** Size variant */
1595
+ size?: DialogSize;
1596
+ /** Custom class name */
1597
+ className?: string;
1598
+ /** Maximum height for the dialog */
1599
+ maxHeight?: number | string;
1600
+ /** Fixed height for the dialog */
1601
+ height?: number | string;
1602
+ /** Custom styles */
1603
+ style?: React$1.CSSProperties;
1604
+ /** Called when close button is clicked or escape is pressed */
1605
+ onClose?: () => void;
1606
+ /** Show close button */
1607
+ showCloseButton?: boolean;
1608
+ };
1609
+ type DialogHeaderProps = {
1610
+ children: React$1.ReactNode;
1611
+ className?: string;
1612
+ };
1613
+ type DialogTitleProps = {
1614
+ children: React$1.ReactNode;
1615
+ className?: string;
1616
+ };
1617
+ type DialogDescriptionProps = {
1618
+ children: React$1.ReactNode;
1619
+ className?: string;
1620
+ };
1621
+ type DialogBodyProps = {
1622
+ children: React$1.ReactNode;
1623
+ className?: string;
1624
+ style?: React$1.CSSProperties;
1625
+ };
1626
+ type DialogFooterProps = {
1627
+ children: React$1.ReactNode;
1628
+ className?: string;
1629
+ };
1630
+ declare const DialogRoot: {
1631
+ ({ open, defaultOpen, onOpenChange, trigger, children, modal, }: DialogProps): react_jsx_runtime.JSX.Element;
1632
+ displayName: string;
1633
+ };
1634
+ declare const DialogTrigger: React$1.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
1635
+ declare const DialogContent: React$1.ForwardRefExoticComponent<DialogContentProps & React$1.RefAttributes<HTMLDivElement>>;
1636
+ declare const DialogHeader: {
1637
+ ({ children, className }: DialogHeaderProps): react_jsx_runtime.JSX.Element;
1638
+ displayName: string;
1639
+ };
1640
+ declare const DialogTitle: React$1.ForwardRefExoticComponent<DialogTitleProps & React$1.RefAttributes<HTMLHeadingElement>>;
1641
+ declare const DialogDescription: React$1.ForwardRefExoticComponent<DialogDescriptionProps & React$1.RefAttributes<HTMLParagraphElement>>;
1642
+ declare const DialogBody: {
1643
+ ({ children, className, style }: DialogBodyProps): react_jsx_runtime.JSX.Element;
1644
+ displayName: string;
1645
+ };
1646
+ declare const DialogFooter: {
1647
+ ({ children, className }: DialogFooterProps): react_jsx_runtime.JSX.Element;
1648
+ displayName: string;
1649
+ };
1650
+ declare const DialogClose: React$1.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React$1.RefAttributes<HTMLButtonElement>>;
1651
+ declare const Dialog: {
1652
+ ({ open, defaultOpen, onOpenChange, trigger, children, modal, }: DialogProps): react_jsx_runtime.JSX.Element;
1653
+ displayName: string;
1654
+ } & {
1655
+ Root: {
1656
+ ({ open, defaultOpen, onOpenChange, trigger, children, modal, }: DialogProps): react_jsx_runtime.JSX.Element;
1657
+ displayName: string;
1658
+ };
1659
+ Trigger: React$1.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
1660
+ Content: React$1.ForwardRefExoticComponent<DialogContentProps & React$1.RefAttributes<HTMLDivElement>>;
1661
+ Header: {
1662
+ ({ children, className }: DialogHeaderProps): react_jsx_runtime.JSX.Element;
1663
+ displayName: string;
1664
+ };
1665
+ Title: React$1.ForwardRefExoticComponent<DialogTitleProps & React$1.RefAttributes<HTMLHeadingElement>>;
1666
+ Description: React$1.ForwardRefExoticComponent<DialogDescriptionProps & React$1.RefAttributes<HTMLParagraphElement>>;
1667
+ Body: {
1668
+ ({ children, className, style }: DialogBodyProps): react_jsx_runtime.JSX.Element;
1669
+ displayName: string;
1670
+ };
1671
+ Footer: {
1672
+ ({ children, className }: DialogFooterProps): react_jsx_runtime.JSX.Element;
1673
+ displayName: string;
1674
+ };
1675
+ Close: React$1.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React$1.RefAttributes<HTMLButtonElement>>;
1676
+ };
1677
+
1678
+ type AlertDialogLayout = "medium" | "stacked";
1679
+ type FooterButtonConfig = {
1680
+ primary?: ButtonProps;
1681
+ secondary?: ButtonProps;
1682
+ };
1683
+ type AlertDialogProps = {
1684
+ /** Layout variant - medium (horizontal buttons) or stacked (vertical buttons) */
1685
+ layout?: AlertDialogLayout;
1686
+ /** Title text */
1687
+ title: React$1.ReactNode;
1688
+ /** Description text */
1689
+ description: React$1.ReactNode;
1690
+ /** Cancel button text */
1691
+ cancelText?: string;
1692
+ /** Continue button text */
1693
+ continueText?: string;
1694
+ /** Open state */
1695
+ open?: boolean;
1696
+ /** On open change callback */
1697
+ onOpenChange?: (open: boolean) => void;
1698
+ /** Trigger element */
1699
+ trigger?: React$1.ReactNode;
1700
+ /** If true, clicking the primary action will NOT close the dialog automatically */
1701
+ preventCloseOnAction?: boolean;
1702
+ /** Maximum width of the dialog */
1703
+ maxWidth?: number;
1704
+ /** Footer button configuration */
1705
+ footerButtonConfig?: FooterButtonConfig;
1706
+ /** Overlay styles */
1707
+ overlayStyles?: React$1.CSSProperties;
1708
+ /** Continue callback */
1709
+ onContinue?: () => void;
1710
+ /** Cancel callback */
1711
+ onCancel?: () => void;
1712
+ };
1713
+ declare const AlertDialog: {
1714
+ ({ layout, title, description, cancelText, continueText, open, onContinue, onCancel, onOpenChange, trigger, maxWidth, footerButtonConfig, overlayStyles, preventCloseOnAction, }: AlertDialogProps): react_jsx_runtime.JSX.Element;
1715
+ displayName: string;
1716
+ };
1717
+
1718
+ type ToastVariant = "default" | "info" | "success" | "warning" | "error";
1719
+ type ToastViewportPosition = "top-left" | "top-center" | "top-right" | "bottom-left" | "bottom-center" | "bottom-right";
1720
+ type ToastProps = {
1721
+ /** Toast variant determining color scheme */
1722
+ variant?: ToastVariant;
1723
+ /** Title of the toast */
1724
+ title: string;
1725
+ /** Optional description text */
1726
+ description?: React$1.ReactNode;
1727
+ /** Custom icon to display */
1728
+ icon?: React$1.ReactNode;
1729
+ /** Open state */
1730
+ open?: boolean;
1731
+ /** Callback when open state changes */
1732
+ onOpenChange?: (open: boolean) => void;
1733
+ /** Duration in milliseconds before auto-dismiss (default 5000) */
1734
+ duration?: number;
1735
+ /** Additional className */
1736
+ className?: string;
1737
+ /** Show close button */
1738
+ showClose?: boolean;
1739
+ };
1740
+ declare const Toast: React$1.ForwardRefExoticComponent<ToastProps & React$1.RefAttributes<HTMLLIElement>>;
1741
+ declare const ToastProvider: React$1.FC<ToastPrimitive.ToastProviderProps>;
1742
+ type ToastViewportProps = Omit<React$1.ComponentPropsWithoutRef<typeof ToastPrimitive.Viewport>, "className"> & {
1743
+ position?: ToastViewportPosition;
1744
+ className?: string;
1745
+ };
1746
+ declare const ToastViewport: React$1.ForwardRefExoticComponent<Omit<Omit<ToastPrimitive.ToastViewportProps & React$1.RefAttributes<HTMLOListElement>, "ref">, "className"> & {
1747
+ position?: ToastViewportPosition;
1748
+ className?: string;
1749
+ } & React$1.RefAttributes<HTMLOListElement>>;
1750
+ type ToastData = Omit<ToastProps, "open" | "onOpenChange"> & {
1751
+ id: string;
1752
+ };
1753
+ declare const useToast: () => {
1754
+ toasts: ToastData[];
1755
+ toast: (props: Omit<ToastData, "id">) => string;
1756
+ dismiss: (id: string) => void;
1757
+ clear: () => void;
1758
+ };
1759
+
1760
+ type PopoverSize = "sm" | "md" | "lg" | "auto";
1761
+ type PopoverProps = React$1.ComponentPropsWithoutRef<typeof PopoverPrimitive.Root>;
1762
+ type PopoverTriggerProps = React$1.ComponentPropsWithoutRef<typeof PopoverPrimitive.Trigger>;
1763
+ type PopoverContentProps = Omit<React$1.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content>, "asChild"> & {
1764
+ /** Size preset for the popover */
1765
+ size?: PopoverSize;
1766
+ /** Show arrow pointing to trigger */
1767
+ showArrow?: boolean;
1768
+ /** Show close button */
1769
+ showClose?: boolean;
1770
+ /** Called when close button is clicked */
1771
+ onClose?: () => void;
1772
+ };
1773
+ type PopoverAnchorProps = React$1.ComponentPropsWithoutRef<typeof PopoverPrimitive.Anchor>;
1774
+ declare const PopoverRoot: React$1.FC<PopoverPrimitive.PopoverProps>;
1775
+ declare const PopoverTrigger: React$1.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
1776
+ declare const PopoverAnchor: React$1.ForwardRefExoticComponent<PopoverPrimitive.PopoverAnchorProps & React$1.RefAttributes<HTMLDivElement>>;
1777
+ declare const PopoverContent: React$1.ForwardRefExoticComponent<Omit<Omit<PopoverPrimitive.PopoverContentProps & React$1.RefAttributes<HTMLDivElement>, "ref">, "asChild"> & {
1778
+ /** Size preset for the popover */
1779
+ size?: PopoverSize;
1780
+ /** Show arrow pointing to trigger */
1781
+ showArrow?: boolean;
1782
+ /** Show close button */
1783
+ showClose?: boolean;
1784
+ /** Called when close button is clicked */
1785
+ onClose?: () => void;
1786
+ } & React$1.RefAttributes<HTMLDivElement>>;
1787
+ declare const PopoverClose: React$1.ForwardRefExoticComponent<PopoverPrimitive.PopoverCloseProps & React$1.RefAttributes<HTMLButtonElement>>;
1788
+ type SimplePopoverProps = {
1789
+ children: React$1.ReactNode;
1790
+ trigger: React$1.ReactElement;
1791
+ open?: boolean;
1792
+ defaultOpen?: boolean;
1793
+ onOpenChange?: (open: boolean) => void;
1794
+ side?: "top" | "bottom" | "left" | "right";
1795
+ align?: "start" | "center" | "end";
1796
+ sideOffset?: number;
1797
+ alignOffset?: number;
1798
+ size?: PopoverSize;
1799
+ showArrow?: boolean;
1800
+ showClose?: boolean;
1801
+ modal?: boolean;
1802
+ };
1803
+ declare const Popover: {
1804
+ ({ children, trigger, open, defaultOpen, onOpenChange, side, align, sideOffset, alignOffset, size, showArrow, showClose, modal, }: SimplePopoverProps): react_jsx_runtime.JSX.Element;
1805
+ displayName: string;
1806
+ };
1807
+ declare const PopoverCompound: {
1808
+ ({ children, trigger, open, defaultOpen, onOpenChange, side, align, sideOffset, alignOffset, size, showArrow, showClose, modal, }: SimplePopoverProps): react_jsx_runtime.JSX.Element;
1809
+ displayName: string;
1810
+ } & {
1811
+ Root: React$1.FC<PopoverPrimitive.PopoverProps>;
1812
+ Trigger: React$1.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
1813
+ Anchor: React$1.ForwardRefExoticComponent<PopoverPrimitive.PopoverAnchorProps & React$1.RefAttributes<HTMLDivElement>>;
1814
+ Content: React$1.ForwardRefExoticComponent<Omit<Omit<PopoverPrimitive.PopoverContentProps & React$1.RefAttributes<HTMLDivElement>, "ref">, "asChild"> & {
1815
+ /** Size preset for the popover */
1816
+ size?: PopoverSize;
1817
+ /** Show arrow pointing to trigger */
1818
+ showArrow?: boolean;
1819
+ /** Show close button */
1820
+ showClose?: boolean;
1821
+ /** Called when close button is clicked */
1822
+ onClose?: () => void;
1823
+ } & React$1.RefAttributes<HTMLDivElement>>;
1824
+ Close: React$1.ForwardRefExoticComponent<PopoverPrimitive.PopoverCloseProps & React$1.RefAttributes<HTMLButtonElement>>;
1825
+ };
1826
+
1827
+ type TabsVariant = "pills" | "underline";
1828
+ interface TabsRootProps extends ComponentPropsWithoutRef<typeof TabsPrimitive.Root> {
1829
+ variant?: TabsVariant;
1830
+ }
1831
+ declare const TabsRoot: React__default.ForwardRefExoticComponent<TabsRootProps & React__default.RefAttributes<HTMLDivElement>>;
1832
+ interface TabsListProps extends ComponentPropsWithoutRef<typeof TabsPrimitive.List> {
1833
+ variant?: TabsVariant;
1834
+ fullWidth?: boolean;
1835
+ }
1836
+ declare const TabsList: React__default.ForwardRefExoticComponent<TabsListProps & React__default.RefAttributes<HTMLDivElement>>;
1837
+ interface TabsTriggerProps extends ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger> {
1838
+ icon?: ReactNode;
1839
+ variant?: TabsVariant;
1840
+ }
1841
+ declare const TabsTrigger: React__default.ForwardRefExoticComponent<TabsTriggerProps & React__default.RefAttributes<HTMLButtonElement>>;
1842
+ interface TabsContentProps extends ComponentPropsWithoutRef<typeof TabsPrimitive.Content> {
1843
+ }
1844
+ declare const TabsContent: React__default.ForwardRefExoticComponent<TabsContentProps & React__default.RefAttributes<HTMLDivElement>>;
1845
+ declare const Tabs: React__default.ForwardRefExoticComponent<TabsRootProps & React__default.RefAttributes<HTMLDivElement>> & {
1846
+ Root: React__default.ForwardRefExoticComponent<TabsRootProps & React__default.RefAttributes<HTMLDivElement>>;
1847
+ List: React__default.ForwardRefExoticComponent<TabsListProps & React__default.RefAttributes<HTMLDivElement>>;
1848
+ Trigger: React__default.ForwardRefExoticComponent<TabsTriggerProps & React__default.RefAttributes<HTMLButtonElement>>;
1849
+ Content: React__default.ForwardRefExoticComponent<TabsContentProps & React__default.RefAttributes<HTMLDivElement>>;
1850
+ };
1851
+
1852
+ type DrawerSide = "left" | "right";
1853
+ type DrawerSize = "sm" | "md" | "lg" | "xl";
1854
+ declare const DrawerRoot: React__default.FC<DialogPrimitive.DialogProps>;
1855
+ declare const DrawerTrigger: React__default.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React__default.RefAttributes<HTMLButtonElement>>;
1856
+ declare const DrawerPortal: React__default.FC<DialogPrimitive.DialogPortalProps>;
1857
+ declare const DrawerClose: React__default.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React__default.RefAttributes<HTMLButtonElement>>;
1858
+ type DrawerOverlayProps = DialogPrimitive.DialogOverlayProps & React__default.ComponentPropsWithoutRef<"div">;
1859
+ declare const DrawerOverlay: React__default.ForwardRefExoticComponent<DialogPrimitive.DialogOverlayProps & Omit<React__default.DetailedHTMLProps<React__default.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
1860
+ type DrawerContentProps = DialogPrimitive.DialogContentProps & {
1861
+ side?: DrawerSide;
1862
+ size?: DrawerSize;
1863
+ };
1864
+ declare const DrawerContent: React__default.ForwardRefExoticComponent<DialogPrimitive.DialogContentProps & {
1865
+ side?: DrawerSide;
1866
+ size?: DrawerSize;
1867
+ } & React__default.RefAttributes<HTMLDivElement>>;
1868
+ type DrawerHeaderProps = Omit<React__default.HTMLAttributes<HTMLElement>, 'title'> & {
1869
+ title?: React__default.ReactNode;
1870
+ showCloseButton?: boolean;
1871
+ closeLabel?: string;
1872
+ };
1873
+ declare const DrawerHeader: React__default.ForwardRefExoticComponent<Omit<React__default.HTMLAttributes<HTMLElement>, "title"> & {
1874
+ title?: React__default.ReactNode;
1875
+ showCloseButton?: boolean;
1876
+ closeLabel?: string;
1877
+ } & React__default.RefAttributes<HTMLElement>>;
1878
+ type DrawerTitleProps = DialogPrimitive.DialogTitleProps;
1879
+ declare const DrawerTitle: React__default.ForwardRefExoticComponent<DialogPrimitive.DialogTitleProps & React__default.RefAttributes<HTMLHeadingElement>>;
1880
+ type DrawerDescriptionProps = DialogPrimitive.DialogDescriptionProps;
1881
+ declare const DrawerDescription: React__default.ForwardRefExoticComponent<DialogPrimitive.DialogDescriptionProps & React__default.RefAttributes<HTMLParagraphElement>>;
1882
+ type DrawerBodyProps = React__default.HTMLAttributes<HTMLDivElement>;
1883
+ declare const DrawerBody: React__default.ForwardRefExoticComponent<DrawerBodyProps & React__default.RefAttributes<HTMLDivElement>>;
1884
+ type DrawerFooterProps = React__default.HTMLAttributes<HTMLDivElement>;
1885
+ declare const DrawerFooter: React__default.ForwardRefExoticComponent<DrawerFooterProps & React__default.RefAttributes<HTMLDivElement>>;
1886
+ type DrawerSectionProps = React__default.HTMLAttributes<HTMLElement> & {
1887
+ title?: React__default.ReactNode;
1888
+ description?: React__default.ReactNode;
1889
+ actions?: React__default.ReactNode;
1890
+ };
1891
+ declare const DrawerSection: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLElement> & {
1892
+ title?: React__default.ReactNode;
1893
+ description?: React__default.ReactNode;
1894
+ actions?: React__default.ReactNode;
1895
+ } & React__default.RefAttributes<HTMLElement>>;
1896
+ interface DrawerProps {
1897
+ open: boolean;
1898
+ onOpenChange: (open: boolean) => void;
1899
+ trigger?: React__default.ReactNode;
1900
+ title?: React__default.ReactNode;
1901
+ children: React__default.ReactNode;
1902
+ showOverlay?: boolean;
1903
+ side?: DrawerSide;
1904
+ size?: DrawerSize;
1905
+ showCloseButton?: boolean;
1906
+ }
1907
+ declare const Drawer: {
1908
+ ({ open, onOpenChange, trigger, title, children, showOverlay, side, size, showCloseButton, }: DrawerProps): react_jsx_runtime.JSX.Element;
1909
+ displayName: string;
1910
+ };
1911
+ declare const DrawerCompound: React__default.FC<DialogPrimitive.DialogProps> & {
1912
+ Root: React__default.FC<DialogPrimitive.DialogProps>;
1913
+ Trigger: React__default.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React__default.RefAttributes<HTMLButtonElement>>;
1914
+ Portal: React__default.FC<DialogPrimitive.DialogPortalProps>;
1915
+ Close: React__default.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React__default.RefAttributes<HTMLButtonElement>>;
1916
+ Overlay: React__default.ForwardRefExoticComponent<DialogPrimitive.DialogOverlayProps & Omit<React__default.DetailedHTMLProps<React__default.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
1917
+ Content: React__default.ForwardRefExoticComponent<DialogPrimitive.DialogContentProps & {
1918
+ side?: DrawerSide;
1919
+ size?: DrawerSize;
1920
+ } & React__default.RefAttributes<HTMLDivElement>>;
1921
+ Header: React__default.ForwardRefExoticComponent<Omit<React__default.HTMLAttributes<HTMLElement>, "title"> & {
1922
+ title?: React__default.ReactNode;
1923
+ showCloseButton?: boolean;
1924
+ closeLabel?: string;
1925
+ } & React__default.RefAttributes<HTMLElement>>;
1926
+ Title: React__default.ForwardRefExoticComponent<DialogPrimitive.DialogTitleProps & React__default.RefAttributes<HTMLHeadingElement>>;
1927
+ Description: React__default.ForwardRefExoticComponent<DialogPrimitive.DialogDescriptionProps & React__default.RefAttributes<HTMLParagraphElement>>;
1928
+ Body: React__default.ForwardRefExoticComponent<DrawerBodyProps & React__default.RefAttributes<HTMLDivElement>>;
1929
+ Footer: React__default.ForwardRefExoticComponent<DrawerFooterProps & React__default.RefAttributes<HTMLDivElement>>;
1930
+ Section: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLElement> & {
1931
+ title?: React__default.ReactNode;
1932
+ description?: React__default.ReactNode;
1933
+ actions?: React__default.ReactNode;
1934
+ } & React__default.RefAttributes<HTMLElement>>;
1935
+ };
1936
+
1937
+ interface PaginationRootProps {
1938
+ children: React__default.ReactNode;
1939
+ className?: string;
1940
+ }
1941
+ interface PaginationPreviousProps {
1942
+ onClick?: () => void;
1943
+ disabled?: boolean;
1944
+ children?: React__default.ReactNode;
1945
+ className?: string;
1946
+ }
1947
+ interface PaginationNextProps {
1948
+ onClick?: () => void;
1949
+ disabled?: boolean;
1950
+ children?: React__default.ReactNode;
1951
+ className?: string;
1952
+ }
1953
+ interface PaginationPageProps {
1954
+ page: number;
1955
+ isActive?: boolean;
1956
+ onClick?: (page: number) => void;
1957
+ className?: string;
1958
+ }
1959
+ interface PaginationEllipsisProps {
1960
+ className?: string;
1961
+ }
1962
+ declare const PaginationRoot: {
1963
+ ({ children, className, }: PaginationRootProps): react_jsx_runtime.JSX.Element;
1964
+ displayName: string;
1965
+ };
1966
+ declare const PaginationPrevious: {
1967
+ ({ onClick, disabled, children, className, }: PaginationPreviousProps): react_jsx_runtime.JSX.Element;
1968
+ displayName: string;
1969
+ };
1970
+ declare const PaginationNext: {
1971
+ ({ onClick, disabled, children, className, }: PaginationNextProps): react_jsx_runtime.JSX.Element;
1972
+ displayName: string;
1973
+ };
1974
+ declare const PaginationPage: {
1975
+ ({ page, isActive, onClick, className, }: PaginationPageProps): react_jsx_runtime.JSX.Element;
1976
+ displayName: string;
1977
+ };
1978
+ declare const PaginationEllipsis: {
1979
+ ({ className }: PaginationEllipsisProps): react_jsx_runtime.JSX.Element;
1980
+ displayName: string;
1981
+ };
1982
+ declare const Pagination: {
1983
+ ({ children, className, }: PaginationRootProps): react_jsx_runtime.JSX.Element;
1984
+ displayName: string;
1985
+ } & {
1986
+ Root: {
1987
+ ({ children, className, }: PaginationRootProps): react_jsx_runtime.JSX.Element;
1988
+ displayName: string;
1989
+ };
1990
+ Previous: {
1991
+ ({ onClick, disabled, children, className, }: PaginationPreviousProps): react_jsx_runtime.JSX.Element;
1992
+ displayName: string;
1993
+ };
1994
+ Next: {
1995
+ ({ onClick, disabled, children, className, }: PaginationNextProps): react_jsx_runtime.JSX.Element;
1996
+ displayName: string;
1997
+ };
1998
+ Page: {
1999
+ ({ page, isActive, onClick, className, }: PaginationPageProps): react_jsx_runtime.JSX.Element;
2000
+ displayName: string;
2001
+ };
2002
+ Ellipsis: {
2003
+ ({ className }: PaginationEllipsisProps): react_jsx_runtime.JSX.Element;
2004
+ displayName: string;
2005
+ };
2006
+ };
2007
+ interface PaginationInfoRootProps {
2008
+ children: React__default.ReactNode;
2009
+ className?: string;
2010
+ }
2011
+ interface PaginationInfoLabelProps {
2012
+ children: React__default.ReactNode;
2013
+ }
2014
+ interface PaginationInfoRangeProps {
2015
+ start: number;
2016
+ end: number;
2017
+ total: number;
2018
+ }
2019
+ interface PaginationInfoCompleteProps {
2020
+ currentPage: number;
2021
+ pageSize?: number;
2022
+ totalItems: number;
2023
+ pageSizeOptions?: number[];
2024
+ onPageSizeChange?: (size: number) => void;
2025
+ label?: string;
2026
+ className?: string;
2027
+ }
2028
+ declare const PaginationInfoRoot: {
2029
+ ({ children, className, }: PaginationInfoRootProps): react_jsx_runtime.JSX.Element;
2030
+ displayName: string;
2031
+ };
2032
+ declare const PaginationInfoLabel: {
2033
+ ({ children }: PaginationInfoLabelProps): react_jsx_runtime.JSX.Element;
2034
+ displayName: string;
2035
+ };
2036
+ declare const PaginationInfoRange: {
2037
+ ({ start, end, total, }: PaginationInfoRangeProps): react_jsx_runtime.JSX.Element;
2038
+ displayName: string;
2039
+ };
2040
+ declare const PaginationInfoComplete: {
2041
+ ({ currentPage, pageSize, totalItems, pageSizeOptions, onPageSizeChange, label, className, }: PaginationInfoCompleteProps): react_jsx_runtime.JSX.Element;
2042
+ displayName: string;
2043
+ };
2044
+ declare const PaginationInfo: {
2045
+ ({ children, className, }: PaginationInfoRootProps): react_jsx_runtime.JSX.Element;
2046
+ displayName: string;
2047
+ } & {
2048
+ Root: {
2049
+ ({ children, className, }: PaginationInfoRootProps): react_jsx_runtime.JSX.Element;
2050
+ displayName: string;
2051
+ };
2052
+ Label: {
2053
+ ({ children }: PaginationInfoLabelProps): react_jsx_runtime.JSX.Element;
2054
+ displayName: string;
2055
+ };
2056
+ Range: {
2057
+ ({ start, end, total, }: PaginationInfoRangeProps): react_jsx_runtime.JSX.Element;
2058
+ displayName: string;
2059
+ };
2060
+ Complete: {
2061
+ ({ currentPage, pageSize, totalItems, pageSizeOptions, onPageSizeChange, label, className, }: PaginationInfoCompleteProps): react_jsx_runtime.JSX.Element;
2062
+ displayName: string;
2063
+ };
2064
+ };
2065
+
2066
+ type BreadcrumbRootProps = React$1.ComponentPropsWithoutRef<"nav"> & {
2067
+ separator?: React$1.ReactNode;
2068
+ };
2069
+ type BreadcrumbListProps = InlineProps<"ol">;
2070
+ type BreadcrumbItemProps = InlineProps<"li">;
2071
+ type BreadcrumbLinkProps = React$1.ComponentPropsWithoutRef<"a"> & {
2072
+ asChild?: boolean;
2073
+ current?: boolean;
2074
+ };
2075
+ type BreadcrumbSeparatorProps = InlineProps<"li"> & {
2076
+ children?: React$1.ReactNode;
2077
+ };
2078
+ type BreadcrumbEllipsisProps = React$1.ComponentPropsWithoutRef<"span">;
2079
+ type BreadcrumbPageProps = React$1.ComponentPropsWithoutRef<"span">;
2080
+ declare const BreadcrumbRoot: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
2081
+ separator?: React$1.ReactNode;
2082
+ } & React$1.RefAttributes<HTMLElement>>;
2083
+ declare const BreadcrumbList: React$1.ForwardRefExoticComponent<Omit<BreadcrumbListProps, "ref"> & React$1.RefAttributes<HTMLOListElement>>;
2084
+ declare const BreadcrumbItem: React$1.ForwardRefExoticComponent<Omit<BreadcrumbItemProps, "ref"> & React$1.RefAttributes<HTMLLIElement>>;
2085
+ declare const BreadcrumbLink: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & {
2086
+ asChild?: boolean;
2087
+ current?: boolean;
2088
+ } & React$1.RefAttributes<HTMLAnchorElement>>;
2089
+ declare const BreadcrumbSeparator: React$1.ForwardRefExoticComponent<Omit<BreadcrumbSeparatorProps, "ref"> & React$1.RefAttributes<HTMLLIElement>>;
2090
+ declare const BreadcrumbEllipsis: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React$1.RefAttributes<HTMLSpanElement>>;
2091
+ declare const BreadcrumbPage: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React$1.RefAttributes<HTMLSpanElement>>;
2092
+ declare const Breadcrumb: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
2093
+ separator?: React$1.ReactNode;
2094
+ } & React$1.RefAttributes<HTMLElement>> & {
2095
+ Root: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
2096
+ separator?: React$1.ReactNode;
2097
+ } & React$1.RefAttributes<HTMLElement>>;
2098
+ List: React$1.ForwardRefExoticComponent<Omit<BreadcrumbListProps, "ref"> & React$1.RefAttributes<HTMLOListElement>>;
2099
+ Item: React$1.ForwardRefExoticComponent<Omit<BreadcrumbItemProps, "ref"> & React$1.RefAttributes<HTMLLIElement>>;
2100
+ Link: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & {
2101
+ asChild?: boolean;
2102
+ current?: boolean;
2103
+ } & React$1.RefAttributes<HTMLAnchorElement>>;
2104
+ Separator: React$1.ForwardRefExoticComponent<Omit<BreadcrumbSeparatorProps, "ref"> & React$1.RefAttributes<HTMLLIElement>>;
2105
+ Ellipsis: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React$1.RefAttributes<HTMLSpanElement>>;
2106
+ Page: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React$1.RefAttributes<HTMLSpanElement>>;
2107
+ };
2108
+
2109
+ type SplitterSize = "sm" | "md" | "lg";
2110
+ type ContentSplitterProps = {
2111
+ /** Size of the separator circle */
2112
+ size?: SplitterSize;
2113
+ /** Gap between items */
2114
+ gap?: BoxProps["gap"];
2115
+ /** Alignment direction */
2116
+ align?: "vertical" | "horizontal";
2117
+ /** Content items to separate */
2118
+ children: React__default.ReactNode;
2119
+ };
2120
+ declare function ContentSplitter({ gap, size, align, children, }: ContentSplitterProps): react_jsx_runtime.JSX.Element;
2121
+
2122
+ type ImageFit = "contain" | "cover" | "fill" | "none" | "scale-down";
2123
+ type ImageLoading = "lazy" | "eager";
2124
+ type ImageProps = Omit<BoxOwnProps, "as"> & {
2125
+ /** Image source URL */
2126
+ src: string;
2127
+ /** Alt text for accessibility */
2128
+ alt: string;
2129
+ /** Object fit behavior */
2130
+ objectFit?: ImageFit;
2131
+ /** Object position */
2132
+ objectPosition?: string;
2133
+ /** Loading strategy - lazy by default for optimization */
2134
+ loading?: ImageLoading;
2135
+ /** Placeholder to show while loading */
2136
+ placeholder?: React__default.ReactNode;
2137
+ /** Fallback to show on error */
2138
+ fallback?: React__default.ReactNode;
2139
+ /** Callback when image loads successfully */
2140
+ onLoad?: () => void;
2141
+ /** Callback when image fails to load */
2142
+ onError?: () => void;
2143
+ /** Whether to show a fade-in effect when loaded */
2144
+ fadeIn?: boolean;
2145
+ /** Duration of fade-in animation in ms */
2146
+ fadeInDuration?: number;
2147
+ /** Aspect ratio (e.g., "16/9", "4/3", "1/1") */
2148
+ aspectRatio?: string;
2149
+ /** Decode images asynchronously for better performance */
2150
+ decoding?: "async" | "sync" | "auto";
2151
+ /** Fetch priority hint */
2152
+ fetchPriority?: "high" | "low" | "auto";
2153
+ /** Sizes attribute for responsive images */
2154
+ sizes?: string;
2155
+ /** Srcset for responsive images */
2156
+ srcSet?: string;
2157
+ };
2158
+ declare const Image: React__default.ForwardRefExoticComponent<Omit<BoxOwnProps, "as"> & {
2159
+ /** Image source URL */
2160
+ src: string;
2161
+ /** Alt text for accessibility */
2162
+ alt: string;
2163
+ /** Object fit behavior */
2164
+ objectFit?: ImageFit;
2165
+ /** Object position */
2166
+ objectPosition?: string;
2167
+ /** Loading strategy - lazy by default for optimization */
2168
+ loading?: ImageLoading;
2169
+ /** Placeholder to show while loading */
2170
+ placeholder?: React__default.ReactNode;
2171
+ /** Fallback to show on error */
2172
+ fallback?: React__default.ReactNode;
2173
+ /** Callback when image loads successfully */
2174
+ onLoad?: () => void;
2175
+ /** Callback when image fails to load */
2176
+ onError?: () => void;
2177
+ /** Whether to show a fade-in effect when loaded */
2178
+ fadeIn?: boolean;
2179
+ /** Duration of fade-in animation in ms */
2180
+ fadeInDuration?: number;
2181
+ /** Aspect ratio (e.g., "16/9", "4/3", "1/1") */
2182
+ aspectRatio?: string;
2183
+ /** Decode images asynchronously for better performance */
2184
+ decoding?: "async" | "sync" | "auto";
2185
+ /** Fetch priority hint */
2186
+ fetchPriority?: "high" | "low" | "auto";
2187
+ /** Sizes attribute for responsive images */
2188
+ sizes?: string;
2189
+ /** Srcset for responsive images */
2190
+ srcSet?: string;
2191
+ } & React__default.RefAttributes<HTMLDivElement>>;
2192
+
2193
+ type UploadFileItem = {
2194
+ id: string;
2195
+ name: string;
2196
+ sizeInBytes?: number;
2197
+ sizeLabel?: string;
2198
+ previewUrl?: string;
2199
+ type?: string;
2200
+ extension?: string;
2201
+ file?: File;
2202
+ };
2203
+ type FileUploadProps = {
2204
+ /** Full or compact variant */
2205
+ variant?: "full" | "compact";
2206
+ /** Title above the dropzone */
2207
+ title?: string;
2208
+ /** Description below the title */
2209
+ description?: string;
2210
+ /** Label for drag and drop */
2211
+ dragLabel?: string;
2212
+ /** Label for compact variant drag and drop */
2213
+ compactDragLabel?: string;
2214
+ /** Supported file types text */
2215
+ supportedText?: string;
2216
+ /** Maximum file size label */
2217
+ maxSizeLabel?: string;
2218
+ /** Helper text below the dropzone */
2219
+ helperText?: string;
2220
+ /** Button label for full variant */
2221
+ buttonLabel?: string;
2222
+ /** Link text for compact variant */
2223
+ chooseFileLabel?: string;
2224
+ /** List of uploaded files */
2225
+ files?: UploadFileItem[];
2226
+ /** File accept attribute */
2227
+ accept?: string;
2228
+ /** Allow multiple file selection */
2229
+ multiple?: boolean;
2230
+ /** Disabled state */
2231
+ disabled?: boolean;
2232
+ /** Callback when files are selected */
2233
+ onSelectFiles?: (files: File[]) => void;
2234
+ /** Callback when a file is removed */
2235
+ onRemoveFile?: (id: string) => void;
2236
+ /** Additional class name */
2237
+ className?: string;
2238
+ };
2239
+ declare function FileUpload({ variant, title, description, dragLabel, compactDragLabel, supportedText, maxSizeLabel, helperText, buttonLabel, chooseFileLabel, files, accept, multiple, disabled, onSelectFiles, onRemoveFile, className, }: FileUploadProps): react_jsx_runtime.JSX.Element;
2240
+
2241
+ type IconSize = "12" | "16" | "20" | "24" | "32" | "40" | "48";
2242
+ type IconOwnProps = {
2243
+ /** Accessible title for the icon */
2244
+ title?: string;
2245
+ /** Icon content (SVG paths) */
2246
+ children?: ReactNode;
2247
+ /** Icon size in pixels */
2248
+ size?: IconSize;
2249
+ /** SVG viewBox attribute */
2250
+ viewBox?: string;
2251
+ /** Additional class name */
2252
+ className?: string;
2253
+ };
2254
+ type IconProps = IconOwnProps & Omit<React__default.SVGProps<SVGSVGElement>, keyof IconOwnProps>;
2255
+ declare const Icon: React__default.ForwardRefExoticComponent<Omit<IconProps, "ref"> & React__default.RefAttributes<SVGSVGElement>>;
2256
+ declare function ChevronLeftIcon(props: IconProps): react_jsx_runtime.JSX.Element;
2257
+ declare function ChevronRightIcon(props: IconProps): react_jsx_runtime.JSX.Element;
2258
+ declare function ChevronDownIcon(props: IconProps): react_jsx_runtime.JSX.Element;
2259
+ declare function ChevronUpIcon(props: IconProps): react_jsx_runtime.JSX.Element;
2260
+ declare function CloseIcon(props: IconProps): react_jsx_runtime.JSX.Element;
2261
+ declare function CheckIcon(props: IconProps): react_jsx_runtime.JSX.Element;
2262
+ declare function PlusIcon(props: IconProps): react_jsx_runtime.JSX.Element;
2263
+ declare function MinusIcon(props: IconProps): react_jsx_runtime.JSX.Element;
2264
+ declare function SearchIcon(props: IconProps): react_jsx_runtime.JSX.Element;
2265
+ declare function CalendarIcon(props: IconProps): react_jsx_runtime.JSX.Element;
2266
+ declare function ClockIcon(props: IconProps): react_jsx_runtime.JSX.Element;
2267
+ declare function UploadCloudIcon(props: IconProps): react_jsx_runtime.JSX.Element;
2268
+ declare function MoreVerticalIcon(props: IconProps): react_jsx_runtime.JSX.Element;
2269
+ declare function MoreHorizontalIcon(props: IconProps): react_jsx_runtime.JSX.Element;
2270
+ declare function ArrowLeftIcon(props: IconProps): react_jsx_runtime.JSX.Element;
2271
+ declare function ArrowRightIcon(props: IconProps): react_jsx_runtime.JSX.Element;
2272
+ declare function InfoIcon(props: IconProps): react_jsx_runtime.JSX.Element;
2273
+ declare function AlertCircleIcon(props: IconProps): react_jsx_runtime.JSX.Element;
2274
+ declare function CheckCircleIcon(props: IconProps): react_jsx_runtime.JSX.Element;
2275
+ declare function TrashIcon(props: IconProps): react_jsx_runtime.JSX.Element;
2276
+ declare function EditIcon(props: IconProps): react_jsx_runtime.JSX.Element;
2277
+ declare function CopyIcon(props: IconProps): react_jsx_runtime.JSX.Element;
2278
+ declare function ExternalLinkIcon(props: IconProps): react_jsx_runtime.JSX.Element;
2279
+ declare function FilterIcon(props: IconProps): react_jsx_runtime.JSX.Element;
2280
+ declare function SortIcon(props: IconProps): react_jsx_runtime.JSX.Element;
2281
+ declare function SettingsIcon(props: IconProps): react_jsx_runtime.JSX.Element;
2282
+ declare function UserIcon(props: IconProps): react_jsx_runtime.JSX.Element;
2283
+
2284
+ type DayInfo = {
2285
+ date: Date;
2286
+ day: number;
2287
+ isOutsideMonth: boolean;
2288
+ isToday: boolean;
2289
+ isSelected: boolean;
2290
+ isRangeStart: boolean;
2291
+ isRangeEnd: boolean;
2292
+ isInRange: boolean;
2293
+ isUnavailable: boolean;
2294
+ isDisabled: boolean;
2295
+ dayType: "start" | "middle" | "end";
2296
+ };
2297
+ type CalendarGridProps = {
2298
+ /** The currently displayed month (0-11) */
2299
+ month: number;
2300
+ /** The currently displayed year */
2301
+ year: number;
2302
+ /** Currently selected date */
2303
+ selectedDate?: Date | null;
2304
+ /** Start of selected range (for range selection) */
2305
+ rangeStart?: Date | null;
2306
+ /** End of selected range (for range selection) */
2307
+ rangeEnd?: Date | null;
2308
+ /** Today's date (defaults to current date) */
2309
+ today?: Date;
2310
+ /** Minimum selectable date */
2311
+ minDate?: Date | null;
2312
+ /** Maximum selectable date */
2313
+ maxDate?: Date | null;
2314
+ /** Dates that are unavailable for selection */
2315
+ unavailableDates?: Date[];
2316
+ /** Called when a date is selected */
2317
+ onDateSelect?: (date: Date) => void;
2318
+ /** Whether to render days from adjacent months */
2319
+ showOutsideDays?: boolean;
2320
+ };
2321
+ declare const useCalendarDays: ({ month, year, selectedDate, rangeStart, rangeEnd, today, minDate, maxDate, unavailableDates, }: Omit<CalendarGridProps, "onDateSelect">) => DayInfo[];
2322
+ declare const CalendarGrid: React__default.FC<CalendarGridProps>;
2323
+
2324
+ type CalendarProps = CalendarGridProps & {
2325
+ /** Called when navigating to previous month */
2326
+ onPreviousMonth?: () => void;
2327
+ /** Called when navigating to next month */
2328
+ onNextMonth?: () => void;
2329
+ /** Whether the previous month navigation is disabled */
2330
+ previousMonthDisabled?: boolean;
2331
+ /** Whether the next month navigation is disabled */
2332
+ nextMonthDisabled?: boolean;
2333
+ /** Custom class name */
2334
+ className?: string;
2335
+ };
2336
+ declare const Calendar: React__default.FC<CalendarProps>;
2337
+
2338
+ type CalendarDateButtonSelection = "none" | "inRange" | "start" | "end" | "selected";
2339
+ type CalendarDateButtonTone = "default" | "outside" | "current" | "unavailable";
2340
+ type CalendarDateButtonRangeSide = "none" | "left" | "right" | "both";
2341
+ type CalendarDateButtonProps = {
2342
+ label: React__default.ReactNode;
2343
+ selection?: CalendarDateButtonSelection;
2344
+ tone?: CalendarDateButtonTone;
2345
+ outsideRange?: CalendarDateButtonRangeSide;
2346
+ disabled?: boolean;
2347
+ edgeRadius?: "none" | "left" | "right" | "full";
2348
+ rangeExtends?: "none" | "left" | "right";
2349
+ onClick?: () => void;
2350
+ className?: string;
2351
+ style?: React__default.CSSProperties;
2352
+ };
2353
+ declare const CalendarDateButton: React__default.FC<CalendarDateButtonProps>;
2354
+
2355
+ type CalendarArrowButtonDirection = "previous" | "next";
2356
+ type CalendarArrowButtonProps = {
2357
+ direction: CalendarArrowButtonDirection;
2358
+ disabled?: boolean;
2359
+ className?: string;
2360
+ onClick?: () => void;
2361
+ };
2362
+ declare const CalendarArrowButton: React__default.FC<CalendarArrowButtonProps>;
2363
+
2364
+ declare const MONTH_NAMES: readonly ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];
2365
+ declare const MONTH_NAMES_SHORT: readonly ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];
2366
+ declare const WEEKDAYS: readonly ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"];
2367
+ declare const getDefaultMinDate: (referenceDate?: Date) => Date;
2368
+ declare const getDefaultMaxDate: (referenceDate?: Date) => Date;
2369
+ declare const isSameDay: (date1: Date, date2: Date) => boolean;
2370
+ declare const isDateBetween: (date: Date, start: Date, end: Date) => boolean;
2371
+ declare const isWithinBounds: (date: Date, min: Date, max: Date) => boolean;
2372
+ type DateRange = {
2373
+ start: Date | null;
2374
+ end: Date | null;
2375
+ };
2376
+ declare const formatDate: (date: Date) => string;
2377
+ declare const formatInputDate: (date: Date) => string;
2378
+ declare const parseInputDate: (value: string) => Date | null;
2379
+
2380
+ type TimeFormat$1 = "12h" | "24h";
2381
+ type TimePeriod = "AM" | "PM";
2382
+ interface TimeValue {
2383
+ hours: number;
2384
+ minutes: number;
2385
+ seconds?: number;
2386
+ }
2387
+ interface TimePickerProps {
2388
+ /** Current time value */
2389
+ value?: TimeValue | null;
2390
+ /** Default time value */
2391
+ defaultValue?: TimeValue | null;
2392
+ /** Callback when time changes */
2393
+ onChange?: (time: TimeValue | null) => void;
2394
+ /** Callback when Apply is clicked */
2395
+ onApply?: (time: TimeValue | null) => void;
2396
+ /** Callback when Clear is clicked */
2397
+ onClear?: () => void;
2398
+ /** Time format (12-hour or 24-hour) */
2399
+ format?: TimeFormat$1;
2400
+ /** Show seconds picker */
2401
+ showSeconds?: boolean;
2402
+ /** Minimum selectable time */
2403
+ minTime?: TimeValue;
2404
+ /** Maximum selectable time */
2405
+ maxTime?: TimeValue;
2406
+ /** Disabled state */
2407
+ disabled?: boolean;
2408
+ /** Error state */
2409
+ error?: boolean;
2410
+ /** Placeholder text */
2411
+ placeholder?: string;
2412
+ /** Custom trigger element */
2413
+ trigger?: React__default.ReactElement;
2414
+ /** Render custom trigger with formatted time */
2415
+ renderTrigger?: (formattedTime: string) => React__default.ReactElement;
2416
+ /** Step for minutes (default: 1) */
2417
+ minuteStep?: number;
2418
+ /** Show quick time presets */
2419
+ showPresets?: boolean;
2420
+ /** Custom time presets */
2421
+ presets?: Array<{
2422
+ label: string;
2423
+ time: TimeValue;
2424
+ }>;
2425
+ }
2426
+ declare const TimePicker: React__default.ForwardRefExoticComponent<TimePickerProps & React__default.RefAttributes<HTMLDivElement>>;
2427
+
2428
+ type DateTimeInputMode = "date" | "time" | "datetime";
2429
+ type TimeFormat = "12h" | "24h";
2430
+ interface DateTimeValue {
2431
+ date?: Date | null;
2432
+ time?: TimeValue | null;
2433
+ }
2434
+ interface DateTimeInputProps {
2435
+ /** Input mode: date only, time only, or both */
2436
+ mode?: DateTimeInputMode;
2437
+ /** Current value */
2438
+ value?: DateTimeValue | null;
2439
+ /** Default value */
2440
+ defaultValue?: DateTimeValue | null;
2441
+ /** Callback when value changes */
2442
+ onChange?: (value: DateTimeValue | null) => void;
2443
+ /** Label text */
2444
+ label?: string;
2445
+ /** Whether the field is mandatory */
2446
+ mandatory?: boolean;
2447
+ /** Helper text displayed below the input */
2448
+ helperText?: string;
2449
+ /** Error state */
2450
+ error?: boolean;
2451
+ /** Error message (overrides helperText when error is true) */
2452
+ errorMessage?: string;
2453
+ /** Disabled state */
2454
+ disabled?: boolean;
2455
+ /** Placeholder for date */
2456
+ datePlaceholder?: string;
2457
+ /** Placeholder for time */
2458
+ timePlaceholder?: string;
2459
+ /** Time format (12-hour or 24-hour) */
2460
+ timeFormat?: TimeFormat;
2461
+ /** Show seconds in time picker */
2462
+ showSeconds?: boolean;
2463
+ /** Minimum selectable date */
2464
+ minDate?: Date;
2465
+ /** Maximum selectable date */
2466
+ maxDate?: Date;
2467
+ /** Horizontal layout (label and input side by side) */
2468
+ horizontal?: boolean;
2469
+ /** Show clear button */
2470
+ showClear?: boolean;
2471
+ /** Today's date for calendar */
2472
+ today?: Date;
2473
+ }
2474
+ declare const DateTimeInput: React__default.ForwardRefExoticComponent<DateTimeInputProps & React__default.RefAttributes<HTMLDivElement>>;
2475
+
2476
+ export { AVATAR_COLORS, Accordion, AccordionContent, type AccordionContentProps, AccordionItem, type AccordionItemProps, AccordionRoot, type AccordionRootProps, AccordionTrigger, type AccordionTriggerProps, type AccordionVariant, AlertCircleIcon, AlertDialog, type AlertDialogLayout, type AlertDialogProps, ArrowLeftIcon, ArrowRightIcon, Avatar, type AvatarColor, type AvatarProps, type AvatarSize, Badge, type BadgeProps, type BadgeVariant, Body, Box, type BoxOwnProps, type BoxProps, Breadcrumb, BreadcrumbEllipsis, type BreadcrumbEllipsisProps, BreadcrumbItem, type BreadcrumbItemProps, BreadcrumbLink, type BreadcrumbLinkProps, BreadcrumbList, type BreadcrumbListProps, BreadcrumbPage, type BreadcrumbPageProps, BreadcrumbRoot, type BreadcrumbRootProps, BreadcrumbSeparator, type BreadcrumbSeparatorProps, Button, type ButtonProps, type ButtonSize, type ButtonVariant, Calendar, CalendarArrowButton, type CalendarArrowButtonProps, CalendarDateButton, type CalendarDateButtonProps, CalendarGrid, type CalendarGridProps, CalendarIcon, type CalendarProps, Caption, CheckCircleIcon, CheckIcon, Checkbox, type CheckboxProps, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, Chip, type ChipOutline, type ChipOwnProps, type ChipProps, type ChipVariant, ClockIcon, CloseIcon, Code, ContentSplitter, type ContentSplitterProps, CopyIcon, type DateRange, DateTimeInput, type DateTimeInputMode, type DateTimeInputProps, type DateTimeValue, type DayInfo, Dialog, DialogBody, type DialogBodyProps, DialogClose, DialogContent, type DialogContentProps, DialogDescription, type DialogDescriptionProps, DialogFooter, type DialogFooterProps, DialogHeader, type DialogHeaderProps, type DialogProps, DialogRoot, type DialogSize, DialogTitle, type DialogTitleProps, DialogTrigger, Drawer, DrawerBody, type DrawerBodyProps, DrawerClose, DrawerCompound, DrawerContent, type DrawerContentProps, DrawerDescription, type DrawerDescriptionProps, DrawerFooter, type DrawerFooterProps, DrawerHeader, type DrawerHeaderProps, DrawerOverlay, type DrawerOverlayProps, DrawerPortal, type DrawerProps, DrawerRoot, DrawerSection, type DrawerSectionProps, type DrawerSide, type DrawerSize, DrawerTitle, type DrawerTitleProps, DrawerTrigger, EditIcon, type ExtendableProps, ExternalLinkIcon, FileUpload, type FileUploadProps, FilterIcon, Grid, GridItem, type GridItemProps, type GridProps, Heading, type HeadingOwnProps, type HeadingVariant, Icon, IconButton, type IconButtonProps, type IconOwnProps, type IconPosition, type IconProps, type IconSize, Image, type ImageFit, type ImageLoading, type ImageProps, InfoIcon, type InheritableElementProps, Inline, type InlineOwnProps, type InlineProps, Input, type InputProps, Label, type LabelVariant, MONTH_NAMES, MONTH_NAMES_SHORT, Menu, MenuContent, type MenuContentProps, MenuItem, type MenuItemProps, MenuLabel, type MenuLabelProps, type MenuProps, MenuRoot, type MenuRootProps, MenuSeparator, type MenuSeparatorProps, MenuSub, type MenuSubProps, MenuTrigger, type MenuTriggerProps, MinusIcon, MoreHorizontalIcon, MoreVerticalIcon, Pagination, PaginationEllipsis, type PaginationEllipsisProps, PaginationInfo, PaginationInfoComplete, type PaginationInfoCompleteProps, PaginationInfoLabel, type PaginationInfoLabelProps, PaginationInfoRange, type PaginationInfoRangeProps, PaginationInfoRoot, type PaginationInfoRootProps, PaginationNext, type PaginationNextProps, PaginationPage, type PaginationPageProps, PaginationPrevious, type PaginationPreviousProps, PaginationRoot, type PaginationRootProps, PlusIcon, type PolymorphicForwardRefExoticComponent, type PolymorphicProps, type PolymorphicPropsWithRef, type PolymorphicPropsWithoutRef, type PolymorphicRef, Popover, PopoverAnchor, type PopoverAnchorProps, PopoverClose, PopoverCompound, PopoverContent, type PopoverContentProps, type PopoverProps, PopoverRoot, type PopoverSize, PopoverTrigger, type PopoverTriggerProps, type PropsOf, SearchIcon, Select, SelectContent, type SelectContentProps, SelectItem, type SelectItemProps, type SelectOption, type SelectProps, SelectRoot, type SelectRootProps, SelectSeparator, SelectTrigger, type SelectTriggerProps, SelectValue, SettingsIcon, type SimplePopoverProps, Skeleton, type SkeletonProps, SortIcon, Spinner, type SpinnerProps, type SpinnerSize, Stack, type StackOwnProps, type StackProps, Switch, type SwitchProps, type SwitchSize, type TBorderPropertyTypes, type TBoxStyles, type TColorPropertyTypes, type TMarginPaddingPropertyTypes, type TShadowStyles, type TSizeStyles, type TTextStyles, type TTransformStyles, type T_SVGColorPropertyTypes, Tabs, TabsContent, type TabsContentProps, TabsList, type TabsListProps, TabsRoot, type TabsRootProps, TabsTrigger, type TabsTriggerProps, type TabsVariant, Text, TextArea, type TextAreaProps, type TextOwnProps, type TextVariant, type TimeFormat$1 as TimeFormat, type TimePeriod, TimePicker, type TimePickerProps, type TimeValue, Toast, type ToastData, type ToastProps, ToastProvider, type ToastVariant, ToastViewport, type ToastViewportPosition, type ToastViewportProps, Tooltip, type TooltipProps, TooltipProvider, TrashIcon, UploadCloudIcon, type UploadFileItem, UserIcon, WEEKDAYS, applyHeadingVariantStyles, applyTextVariantStyles, borderStyles, boxStyles, cn, colorStyles, formatDate, formatInputDate, getColorFromString, getDefaultMaxDate, getDefaultMinDate, getInitials, isDateBetween, isSameDay, isWithinBounds, marginPaddingStyles, parseInputDate, shadowStyles, sizeStyles, svgColorStyles, textStyles, transformStyles, useCalendarDays, useToast };