@zentrades-ui/components 0.1.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 (19) hide show
  1. package/dist/components.css +39953 -0
  2. package/dist/components.css.map +1 -0
  3. package/dist/components.d.ts +18 -0
  4. package/dist/components.js +6399 -0
  5. package/dist/components.js.map +1 -0
  6. package/dist/icons.d.ts +47 -0
  7. package/dist/icons.js +442 -0
  8. package/dist/icons.js.map +1 -0
  9. package/dist/index.css +39953 -0
  10. package/dist/index.css.map +1 -0
  11. package/dist/index.d.ts +2330 -0
  12. package/dist/index.js +6399 -0
  13. package/dist/index.js.map +1 -0
  14. package/dist/theme.css +162 -0
  15. package/dist/theme.css.map +1 -0
  16. package/dist/theme.d.ts +1 -0
  17. package/dist/theme.js +105 -0
  18. package/dist/theme.js.map +1 -0
  19. package/package.json +67 -0
package/dist/index.d.ts ADDED
@@ -0,0 +1,2330 @@
1
+ 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';
2
+ import * as React$1 from 'react';
3
+ import React__default, { ElementType, JSX, ComponentPropsWithRef, ReactElement, CSSProperties, ReactNode, InputHTMLAttributes, TextareaHTMLAttributes, ComponentPropsWithoutRef } from 'react';
4
+ import { SpacingToken, SemanticSpacing } from '@zentrades-ui/tokens';
5
+ import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
6
+ import * as SwitchPrimitive from '@radix-ui/react-switch';
7
+ import * as react_jsx_runtime from 'react/jsx-runtime';
8
+ import * as TooltipPrimitive from '@radix-ui/react-tooltip';
9
+ import * as SelectPrimitive from '@radix-ui/react-select';
10
+ import * as AvatarPrimitive from '@radix-ui/react-avatar';
11
+ import { ColorVarName } from '@zentrades-ui/theme';
12
+ import * as AccordionPrimitive from '@radix-ui/react-accordion';
13
+ import { AccordionSingleProps, AccordionMultipleProps } from '@radix-ui/react-accordion';
14
+ import * as DropdownMenu from '@radix-ui/react-dropdown-menu';
15
+ import * as DialogPrimitive from '@radix-ui/react-dialog';
16
+ import * as ToastPrimitive from '@radix-ui/react-toast';
17
+ import * as PopoverPrimitive from '@radix-ui/react-popover';
18
+ import * as TabsPrimitive from '@radix-ui/react-tabs';
19
+ import { ClassValue } from 'clsx';
20
+
21
+ /**
22
+ * Utility function to merge class names.
23
+ */
24
+ declare function cn(...inputs: ClassValue[]): string;
25
+
26
+ /**
27
+ * Extract the props of a React element or component
28
+ */
29
+ type PropsOf<C extends keyof JSX.IntrinsicElements | React.JSXElementConstructor<any>> = JSX.LibraryManagedAttributes<C, React.ComponentPropsWithRef<C>>;
30
+ /**
31
+ * Allows for extending a set of props (`ExtendedProps`) by an overriding set of props
32
+ * (`OverrideProps`), ensuring that any duplicates are overridden by the overriding
33
+ * set of props.
34
+ */
35
+ type ExtendableProps<ExtendedProps = {}, OverrideProps = {}> = OverrideProps & Omit<ExtendedProps, keyof OverrideProps>;
36
+ /**
37
+ * Allows for inheriting the props from the specified element type so that
38
+ * props like children, className & style work, as well as element-specific
39
+ * attributes like aria roles. The component (`C`) must be passed in.
40
+ */
41
+ type InheritableElementProps<C extends ElementType, Props = {}> = ExtendableProps<PropsOf<C>, Props>;
42
+ /**
43
+ * A more sophisticated version of `InheritableElementProps` where
44
+ * the passed in `as` prop will determine which props can be included
45
+ */
46
+ type PolymorphicProps<C extends ElementType, Props = {}> = InheritableElementProps<C, Props & {
47
+ as?: C;
48
+ }>;
49
+ /**
50
+ * Props without ref for polymorphic components
51
+ */
52
+ type PolymorphicPropsWithoutRef<C extends ElementType, Props = {}> = PolymorphicProps<C, Props>;
53
+ /**
54
+ * Utility type to extract the `ref` prop from a polymorphic component
55
+ */
56
+ type PolymorphicRef<C extends ElementType> = ComponentPropsWithRef<C>["ref"];
57
+ /**
58
+ * A wrapper of `PolymorphicProps` that also includes the `ref` prop
59
+ * for the polymorphic component
60
+ */
61
+ type PolymorphicPropsWithRef<C extends ElementType, Props = {}> = PolymorphicProps<C, Props> & {
62
+ ref?: PolymorphicRef<C>;
63
+ };
64
+ /**
65
+ * A polymorphic component is a component that can render as different
66
+ * HTML elements or React components based on a prop (typically `as`)
67
+ */
68
+ interface PolymorphicForwardRefExoticComponent<DefaultProps, DefaultElement extends ElementType> extends React.ForwardRefExoticComponent<DefaultProps> {
69
+ <C extends ElementType = DefaultElement>(props: PolymorphicPropsWithRef<C, DefaultProps>): ReactElement | null;
70
+ }
71
+
72
+ declare const boxStyles: ((props: {
73
+ textAlign?: "center" | "end" | "start" | "left" | "right" | "justify" | {
74
+ readonly xs?: "center" | "end" | "start" | "left" | "right" | "justify" | undefined;
75
+ readonly sm?: "center" | "end" | "start" | "left" | "right" | "justify" | undefined;
76
+ readonly md?: "center" | "end" | "start" | "left" | "right" | "justify" | undefined;
77
+ readonly lg?: "center" | "end" | "start" | "left" | "right" | "justify" | undefined;
78
+ readonly xl?: "center" | "end" | "start" | "left" | "right" | "justify" | undefined;
79
+ } | undefined;
80
+ } & {
81
+ 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" | {
82
+ 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;
83
+ 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;
84
+ 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;
85
+ 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;
86
+ 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;
87
+ } | undefined;
88
+ } & {
89
+ flexDirection?: "col" | "row" | "row-reverse" | "col-reverse" | {
90
+ readonly xs?: "col" | "row" | "row-reverse" | "col-reverse" | undefined;
91
+ readonly sm?: "col" | "row" | "row-reverse" | "col-reverse" | undefined;
92
+ readonly md?: "col" | "row" | "row-reverse" | "col-reverse" | undefined;
93
+ readonly lg?: "col" | "row" | "row-reverse" | "col-reverse" | undefined;
94
+ readonly xl?: "col" | "row" | "row-reverse" | "col-reverse" | undefined;
95
+ } | undefined;
96
+ alignItems?: "center" | "end" | "start" | "stretch" | "flex-end" | "flex-start" | "baseline" | {
97
+ readonly xs?: "center" | "end" | "start" | "stretch" | "flex-end" | "flex-start" | "baseline" | undefined;
98
+ readonly sm?: "center" | "end" | "start" | "stretch" | "flex-end" | "flex-start" | "baseline" | undefined;
99
+ readonly md?: "center" | "end" | "start" | "stretch" | "flex-end" | "flex-start" | "baseline" | undefined;
100
+ readonly lg?: "center" | "end" | "start" | "stretch" | "flex-end" | "flex-start" | "baseline" | undefined;
101
+ readonly xl?: "center" | "end" | "start" | "stretch" | "flex-end" | "flex-start" | "baseline" | undefined;
102
+ } | undefined;
103
+ alignSelf?: "center" | "end" | "start" | "auto" | "stretch" | "flex-end" | "flex-start" | "baseline" | {
104
+ readonly xs?: "center" | "end" | "start" | "auto" | "stretch" | "flex-end" | "flex-start" | "baseline" | undefined;
105
+ readonly sm?: "center" | "end" | "start" | "auto" | "stretch" | "flex-end" | "flex-start" | "baseline" | undefined;
106
+ readonly md?: "center" | "end" | "start" | "auto" | "stretch" | "flex-end" | "flex-start" | "baseline" | undefined;
107
+ readonly lg?: "center" | "end" | "start" | "auto" | "stretch" | "flex-end" | "flex-start" | "baseline" | undefined;
108
+ readonly xl?: "center" | "end" | "start" | "auto" | "stretch" | "flex-end" | "flex-start" | "baseline" | undefined;
109
+ } | undefined;
110
+ justifyContent?: "center" | "end" | "start" | "flex-end" | "flex-start" | "between" | "around" | "evenly" | {
111
+ readonly xs?: "center" | "end" | "start" | "flex-end" | "flex-start" | "between" | "around" | "evenly" | undefined;
112
+ readonly sm?: "center" | "end" | "start" | "flex-end" | "flex-start" | "between" | "around" | "evenly" | undefined;
113
+ readonly md?: "center" | "end" | "start" | "flex-end" | "flex-start" | "between" | "around" | "evenly" | undefined;
114
+ readonly lg?: "center" | "end" | "start" | "flex-end" | "flex-start" | "between" | "around" | "evenly" | undefined;
115
+ readonly xl?: "center" | "end" | "start" | "flex-end" | "flex-start" | "between" | "around" | "evenly" | undefined;
116
+ } | undefined;
117
+ flex?: "none" | "1" | "initial" | "auto" | {
118
+ readonly xs?: "none" | "1" | "initial" | "auto" | undefined;
119
+ readonly sm?: "none" | "1" | "initial" | "auto" | undefined;
120
+ readonly md?: "none" | "1" | "initial" | "auto" | undefined;
121
+ readonly lg?: "none" | "1" | "initial" | "auto" | undefined;
122
+ readonly xl?: "none" | "1" | "initial" | "auto" | undefined;
123
+ } | undefined;
124
+ flexGrow?: "0" | "1" | {
125
+ readonly xs?: "0" | "1" | undefined;
126
+ readonly sm?: "0" | "1" | undefined;
127
+ readonly md?: "0" | "1" | undefined;
128
+ readonly lg?: "0" | "1" | undefined;
129
+ readonly xl?: "0" | "1" | undefined;
130
+ } | undefined;
131
+ flexShrink?: "0" | "1" | {
132
+ readonly xs?: "0" | "1" | undefined;
133
+ readonly sm?: "0" | "1" | undefined;
134
+ readonly md?: "0" | "1" | undefined;
135
+ readonly lg?: "0" | "1" | undefined;
136
+ readonly xl?: "0" | "1" | undefined;
137
+ } | undefined;
138
+ flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | {
139
+ readonly xs?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
140
+ readonly sm?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
141
+ readonly md?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
142
+ readonly lg?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
143
+ readonly xl?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
144
+ } | undefined;
145
+ } & {
146
+ 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" | {
147
+ 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;
148
+ 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;
149
+ 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;
150
+ 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;
151
+ 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;
152
+ } | undefined;
153
+ 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" | {
154
+ 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;
155
+ 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;
156
+ 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;
157
+ 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;
158
+ 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;
159
+ } | undefined;
160
+ 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" | {
161
+ 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;
162
+ 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;
163
+ 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;
164
+ 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;
165
+ 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;
166
+ } | undefined;
167
+ } & {
168
+ position?: "fixed" | "absolute" | "relative" | "static" | "sticky" | {
169
+ readonly xs?: "fixed" | "absolute" | "relative" | "static" | "sticky" | undefined;
170
+ readonly sm?: "fixed" | "absolute" | "relative" | "static" | "sticky" | undefined;
171
+ readonly md?: "fixed" | "absolute" | "relative" | "static" | "sticky" | undefined;
172
+ readonly lg?: "fixed" | "absolute" | "relative" | "static" | "sticky" | undefined;
173
+ readonly xl?: "fixed" | "absolute" | "relative" | "static" | "sticky" | undefined;
174
+ } | undefined;
175
+ 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" | {
176
+ 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;
177
+ 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;
178
+ 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;
179
+ 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;
180
+ 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;
181
+ } | undefined;
182
+ 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" | {
183
+ 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;
184
+ 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;
185
+ 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;
186
+ 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;
187
+ 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;
188
+ } | undefined;
189
+ 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" | {
190
+ 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;
191
+ 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;
192
+ 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;
193
+ 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;
194
+ 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;
195
+ } | undefined;
196
+ 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" | {
197
+ 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;
198
+ 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;
199
+ 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;
200
+ 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;
201
+ 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;
202
+ } | undefined;
203
+ 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" | {
204
+ 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;
205
+ 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;
206
+ 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;
207
+ 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;
208
+ 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;
209
+ } | undefined;
210
+ 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" | {
211
+ 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;
212
+ 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;
213
+ 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;
214
+ 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;
215
+ 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;
216
+ } | undefined;
217
+ 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" | {
218
+ 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;
219
+ 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;
220
+ 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;
221
+ 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;
222
+ 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;
223
+ } | undefined;
224
+ } & {
225
+ pointerEvents?: "none" | "auto" | undefined;
226
+ 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;
227
+ } & {
228
+ zIndex?: "0" | "50" | "1" | "2" | "10" | "20" | "40" | "auto" | "3" | "-3" | "-2" | "-1" | "30" | undefined;
229
+ } & {
230
+ overflowX?: "clip" | "hidden" | "auto" | "visible" | "scroll" | undefined;
231
+ overflowY?: "clip" | "hidden" | "auto" | "visible" | "scroll" | undefined;
232
+ overflow?: "clip" | "hidden" | "auto" | "visible" | "scroll" | undefined;
233
+ } & {
234
+ opacity?: "0" | "100" | "50" | "25" | "10" | "20" | "40" | "80" | "5" | "30" | "60" | "70" | "75" | "90" | "95" | undefined;
235
+ }) => string) & {
236
+ 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">;
237
+ };
238
+ type TBoxStyles = Parameters<typeof boxStyles>[0];
239
+
240
+ declare const sizeStyles: ((props: {
241
+ 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" | {
242
+ 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;
243
+ 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;
244
+ 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;
245
+ 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;
246
+ 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;
247
+ } | undefined;
248
+ 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" | {
249
+ 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;
250
+ 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;
251
+ 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;
252
+ 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;
253
+ 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;
254
+ } | undefined;
255
+ 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" | {
256
+ 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;
257
+ 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;
258
+ 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;
259
+ 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;
260
+ 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;
261
+ } | undefined;
262
+ 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" | {
263
+ 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;
264
+ 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;
265
+ 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;
266
+ 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;
267
+ 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;
268
+ } | undefined;
269
+ 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" | {
270
+ 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;
271
+ 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;
272
+ 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;
273
+ 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;
274
+ 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;
275
+ } | undefined;
276
+ 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" | {
277
+ 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;
278
+ 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;
279
+ 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;
280
+ 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;
281
+ 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;
282
+ } | undefined;
283
+ 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" | {
284
+ 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;
285
+ 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;
286
+ 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;
287
+ 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;
288
+ 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;
289
+ } | undefined;
290
+ }) => string) & {
291
+ properties: Set<"height" | "width" | "size" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth">;
292
+ };
293
+ type TSizeStyles = Parameters<typeof sizeStyles>[0];
294
+
295
+ declare const textStyles: ((props: {
296
+ fontSize?: "s" | "xs" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "m" | "l" | {
297
+ readonly xs?: "s" | "xs" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "m" | "l" | undefined;
298
+ readonly sm?: "s" | "xs" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "m" | "l" | undefined;
299
+ readonly md?: "s" | "xs" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "m" | "l" | undefined;
300
+ readonly lg?: "s" | "xs" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "m" | "l" | undefined;
301
+ readonly xl?: "s" | "xs" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "m" | "l" | undefined;
302
+ } | undefined;
303
+ fontWeight?: "regular" | "medium" | "semibold" | "bold" | {
304
+ readonly xs?: "regular" | "medium" | "semibold" | "bold" | undefined;
305
+ readonly sm?: "regular" | "medium" | "semibold" | "bold" | undefined;
306
+ readonly md?: "regular" | "medium" | "semibold" | "bold" | undefined;
307
+ readonly lg?: "regular" | "medium" | "semibold" | "bold" | undefined;
308
+ readonly xl?: "regular" | "medium" | "semibold" | "bold" | undefined;
309
+ } | undefined;
310
+ textAlign?: "center" | "end" | "start" | "left" | "right" | "justify" | {
311
+ readonly xs?: "center" | "end" | "start" | "left" | "right" | "justify" | undefined;
312
+ readonly sm?: "center" | "end" | "start" | "left" | "right" | "justify" | undefined;
313
+ readonly md?: "center" | "end" | "start" | "left" | "right" | "justify" | undefined;
314
+ readonly lg?: "center" | "end" | "start" | "left" | "right" | "justify" | undefined;
315
+ readonly xl?: "center" | "end" | "start" | "left" | "right" | "justify" | undefined;
316
+ } | undefined;
317
+ textTransform?: "none" | "capitalize" | "lowercase" | "uppercase" | {
318
+ readonly xs?: "none" | "capitalize" | "lowercase" | "uppercase" | undefined;
319
+ readonly sm?: "none" | "capitalize" | "lowercase" | "uppercase" | undefined;
320
+ readonly md?: "none" | "capitalize" | "lowercase" | "uppercase" | undefined;
321
+ readonly lg?: "none" | "capitalize" | "lowercase" | "uppercase" | undefined;
322
+ readonly xl?: "none" | "capitalize" | "lowercase" | "uppercase" | undefined;
323
+ } | undefined;
324
+ textDecoration?: "none" | "line-through" | "underline" | {
325
+ readonly xs?: "none" | "line-through" | "underline" | undefined;
326
+ readonly sm?: "none" | "line-through" | "underline" | undefined;
327
+ readonly md?: "none" | "line-through" | "underline" | undefined;
328
+ readonly lg?: "none" | "line-through" | "underline" | undefined;
329
+ readonly xl?: "none" | "line-through" | "underline" | undefined;
330
+ } | undefined;
331
+ textUnderlinePosition?: "left" | "right" | "inherit" | "revert" | "auto" | "from-font" | {
332
+ readonly xs?: "left" | "right" | "inherit" | "revert" | "auto" | "from-font" | undefined;
333
+ readonly sm?: "left" | "right" | "inherit" | "revert" | "auto" | "from-font" | undefined;
334
+ readonly md?: "left" | "right" | "inherit" | "revert" | "auto" | "from-font" | undefined;
335
+ readonly lg?: "left" | "right" | "inherit" | "revert" | "auto" | "from-font" | undefined;
336
+ readonly xl?: "left" | "right" | "inherit" | "revert" | "auto" | "from-font" | undefined;
337
+ } | undefined;
338
+ fontStyle?: "normal" | "italic" | {
339
+ readonly xs?: "normal" | "italic" | undefined;
340
+ readonly sm?: "normal" | "italic" | undefined;
341
+ readonly md?: "normal" | "italic" | undefined;
342
+ readonly lg?: "normal" | "italic" | undefined;
343
+ readonly xl?: "normal" | "italic" | undefined;
344
+ } | undefined;
345
+ letterSpacing?: "normal" | "tighter" | "tight" | "wide" | "wider" | "widest" | {
346
+ readonly xs?: "normal" | "tighter" | "tight" | "wide" | "wider" | "widest" | undefined;
347
+ readonly sm?: "normal" | "tighter" | "tight" | "wide" | "wider" | "widest" | undefined;
348
+ readonly md?: "normal" | "tighter" | "tight" | "wide" | "wider" | "widest" | undefined;
349
+ readonly lg?: "normal" | "tighter" | "tight" | "wide" | "wider" | "widest" | undefined;
350
+ readonly xl?: "normal" | "tighter" | "tight" | "wide" | "wider" | "widest" | undefined;
351
+ } | undefined;
352
+ lineHeight?: "none" | "4" | "6" | "8" | "10" | "normal" | "loose" | "3" | "5" | "tight" | "snug" | "relaxed" | "7" | "9" | {
353
+ readonly xs?: "none" | "4" | "6" | "8" | "10" | "normal" | "loose" | "3" | "5" | "tight" | "snug" | "relaxed" | "7" | "9" | undefined;
354
+ readonly sm?: "none" | "4" | "6" | "8" | "10" | "normal" | "loose" | "3" | "5" | "tight" | "snug" | "relaxed" | "7" | "9" | undefined;
355
+ readonly md?: "none" | "4" | "6" | "8" | "10" | "normal" | "loose" | "3" | "5" | "tight" | "snug" | "relaxed" | "7" | "9" | undefined;
356
+ readonly lg?: "none" | "4" | "6" | "8" | "10" | "normal" | "loose" | "3" | "5" | "tight" | "snug" | "relaxed" | "7" | "9" | undefined;
357
+ readonly xl?: "none" | "4" | "6" | "8" | "10" | "normal" | "loose" | "3" | "5" | "tight" | "snug" | "relaxed" | "7" | "9" | undefined;
358
+ } | undefined;
359
+ whiteSpace?: "pre" | "normal" | "nowrap" | "break-spaces" | "pre-line" | "pre-wrap" | {
360
+ readonly xs?: "pre" | "normal" | "nowrap" | "break-spaces" | "pre-line" | "pre-wrap" | undefined;
361
+ readonly sm?: "pre" | "normal" | "nowrap" | "break-spaces" | "pre-line" | "pre-wrap" | undefined;
362
+ readonly md?: "pre" | "normal" | "nowrap" | "break-spaces" | "pre-line" | "pre-wrap" | undefined;
363
+ readonly lg?: "pre" | "normal" | "nowrap" | "break-spaces" | "pre-line" | "pre-wrap" | undefined;
364
+ readonly xl?: "pre" | "normal" | "nowrap" | "break-spaces" | "pre-line" | "pre-wrap" | undefined;
365
+ } | undefined;
366
+ wordBreak?: "normal" | "break-word" | "break-all" | "keep-all" | {
367
+ readonly xs?: "normal" | "break-word" | "break-all" | "keep-all" | undefined;
368
+ readonly sm?: "normal" | "break-word" | "break-all" | "keep-all" | undefined;
369
+ readonly md?: "normal" | "break-word" | "break-all" | "keep-all" | undefined;
370
+ readonly lg?: "normal" | "break-word" | "break-all" | "keep-all" | undefined;
371
+ readonly xl?: "normal" | "break-word" | "break-all" | "keep-all" | undefined;
372
+ } | undefined;
373
+ } & {
374
+ 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" | {
375
+ 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;
376
+ 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;
377
+ 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;
378
+ 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;
379
+ 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;
380
+ } | undefined;
381
+ 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" | {
382
+ 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;
383
+ 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;
384
+ 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;
385
+ 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;
386
+ 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;
387
+ } | undefined;
388
+ 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" | {
389
+ 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;
390
+ 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;
391
+ 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;
392
+ 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;
393
+ 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;
394
+ } | undefined;
395
+ 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" | {
396
+ 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;
397
+ 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;
398
+ 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;
399
+ 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;
400
+ 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;
401
+ } | undefined;
402
+ 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" | {
403
+ 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;
404
+ 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;
405
+ 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;
406
+ 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;
407
+ 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;
408
+ } | undefined;
409
+ 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" | {
410
+ 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;
411
+ 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;
412
+ 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;
413
+ 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;
414
+ 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;
415
+ } | undefined;
416
+ 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" | {
417
+ 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;
418
+ 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;
419
+ 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;
420
+ 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;
421
+ 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;
422
+ } | undefined;
423
+ } & {
424
+ 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" | {
425
+ 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;
426
+ 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;
427
+ 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;
428
+ 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;
429
+ 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;
430
+ } | undefined;
431
+ 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" | {
432
+ 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;
433
+ 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;
434
+ 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;
435
+ 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;
436
+ 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;
437
+ } | undefined;
438
+ 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" | {
439
+ 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;
440
+ 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;
441
+ 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;
442
+ 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;
443
+ 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;
444
+ } | undefined;
445
+ 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" | {
446
+ 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;
447
+ 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;
448
+ 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;
449
+ 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;
450
+ 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;
451
+ } | undefined;
452
+ 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" | {
453
+ 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;
454
+ 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;
455
+ 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;
456
+ 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;
457
+ 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;
458
+ } | undefined;
459
+ 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" | {
460
+ 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;
461
+ 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;
462
+ 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;
463
+ 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;
464
+ 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;
465
+ } | undefined;
466
+ 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" | {
467
+ 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;
468
+ 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;
469
+ 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;
470
+ 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;
471
+ 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;
472
+ } | undefined;
473
+ }) => string) & {
474
+ 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">;
475
+ };
476
+ type TTextStyles = Parameters<typeof textStyles>[0];
477
+
478
+ declare const borderStyles: ((props: {
479
+ 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" | {
480
+ 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;
481
+ 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;
482
+ 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;
483
+ } | undefined;
484
+ 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" | {
485
+ 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;
486
+ 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;
487
+ 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;
488
+ } | undefined;
489
+ 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" | {
490
+ 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;
491
+ 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;
492
+ 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;
493
+ } | undefined;
494
+ 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" | {
495
+ 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;
496
+ 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;
497
+ 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;
498
+ } | undefined;
499
+ 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" | {
500
+ 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;
501
+ 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;
502
+ 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;
503
+ } | undefined;
504
+ borderTopWidth?: "s" | "none" | "xs" | "xl" | "m" | "l" | {
505
+ default?: "s" | "none" | "xs" | "xl" | "m" | "l" | undefined;
506
+ hover?: "s" | "none" | "xs" | "xl" | "m" | "l" | undefined;
507
+ focus?: "s" | "none" | "xs" | "xl" | "m" | "l" | undefined;
508
+ } | undefined;
509
+ borderRightWidth?: "s" | "none" | "xs" | "xl" | "m" | "l" | {
510
+ default?: "s" | "none" | "xs" | "xl" | "m" | "l" | undefined;
511
+ hover?: "s" | "none" | "xs" | "xl" | "m" | "l" | undefined;
512
+ focus?: "s" | "none" | "xs" | "xl" | "m" | "l" | undefined;
513
+ } | undefined;
514
+ borderBottomWidth?: "s" | "none" | "xs" | "xl" | "m" | "l" | {
515
+ default?: "s" | "none" | "xs" | "xl" | "m" | "l" | undefined;
516
+ hover?: "s" | "none" | "xs" | "xl" | "m" | "l" | undefined;
517
+ focus?: "s" | "none" | "xs" | "xl" | "m" | "l" | undefined;
518
+ } | undefined;
519
+ borderLeftWidth?: "s" | "none" | "xs" | "xl" | "m" | "l" | {
520
+ default?: "s" | "none" | "xs" | "xl" | "m" | "l" | undefined;
521
+ hover?: "s" | "none" | "xs" | "xl" | "m" | "l" | undefined;
522
+ focus?: "s" | "none" | "xs" | "xl" | "m" | "l" | undefined;
523
+ } | undefined;
524
+ borderTopLeftRadius?: "circle" | "xs" | "sm" | "md" | "lg" | "xl" | "pill" | {
525
+ default?: "circle" | "xs" | "sm" | "md" | "lg" | "xl" | "pill" | undefined;
526
+ hover?: "circle" | "xs" | "sm" | "md" | "lg" | "xl" | "pill" | undefined;
527
+ focus?: "circle" | "xs" | "sm" | "md" | "lg" | "xl" | "pill" | undefined;
528
+ } | undefined;
529
+ borderTopRightRadius?: "circle" | "xs" | "sm" | "md" | "lg" | "xl" | "pill" | {
530
+ default?: "circle" | "xs" | "sm" | "md" | "lg" | "xl" | "pill" | undefined;
531
+ hover?: "circle" | "xs" | "sm" | "md" | "lg" | "xl" | "pill" | undefined;
532
+ focus?: "circle" | "xs" | "sm" | "md" | "lg" | "xl" | "pill" | undefined;
533
+ } | undefined;
534
+ borderBottomRightRadius?: "circle" | "xs" | "sm" | "md" | "lg" | "xl" | "pill" | {
535
+ default?: "circle" | "xs" | "sm" | "md" | "lg" | "xl" | "pill" | undefined;
536
+ hover?: "circle" | "xs" | "sm" | "md" | "lg" | "xl" | "pill" | undefined;
537
+ focus?: "circle" | "xs" | "sm" | "md" | "lg" | "xl" | "pill" | undefined;
538
+ } | undefined;
539
+ borderBottomLeftRadius?: "circle" | "xs" | "sm" | "md" | "lg" | "xl" | "pill" | {
540
+ default?: "circle" | "xs" | "sm" | "md" | "lg" | "xl" | "pill" | undefined;
541
+ hover?: "circle" | "xs" | "sm" | "md" | "lg" | "xl" | "pill" | undefined;
542
+ focus?: "circle" | "xs" | "sm" | "md" | "lg" | "xl" | "pill" | undefined;
543
+ } | undefined;
544
+ borderStyle?: "none" | "dashed" | "dotted" | "double" | "solid" | {
545
+ default?: "none" | "dashed" | "dotted" | "double" | "solid" | undefined;
546
+ hover?: "none" | "dashed" | "dotted" | "double" | "solid" | undefined;
547
+ focus?: "none" | "dashed" | "dotted" | "double" | "solid" | undefined;
548
+ } | undefined;
549
+ borderTopStyle?: "none" | "dashed" | "dotted" | "double" | "solid" | {
550
+ default?: "none" | "dashed" | "dotted" | "double" | "solid" | undefined;
551
+ hover?: "none" | "dashed" | "dotted" | "double" | "solid" | undefined;
552
+ focus?: "none" | "dashed" | "dotted" | "double" | "solid" | undefined;
553
+ } | undefined;
554
+ borderRightStyle?: "none" | "dashed" | "dotted" | "double" | "solid" | {
555
+ default?: "none" | "dashed" | "dotted" | "double" | "solid" | undefined;
556
+ hover?: "none" | "dashed" | "dotted" | "double" | "solid" | undefined;
557
+ focus?: "none" | "dashed" | "dotted" | "double" | "solid" | undefined;
558
+ } | undefined;
559
+ borderBottomStyle?: "none" | "dashed" | "dotted" | "double" | "solid" | {
560
+ default?: "none" | "dashed" | "dotted" | "double" | "solid" | undefined;
561
+ hover?: "none" | "dashed" | "dotted" | "double" | "solid" | undefined;
562
+ focus?: "none" | "dashed" | "dotted" | "double" | "solid" | undefined;
563
+ } | undefined;
564
+ borderLeftStyle?: "none" | "dashed" | "dotted" | "double" | "solid" | {
565
+ default?: "none" | "dashed" | "dotted" | "double" | "solid" | undefined;
566
+ hover?: "none" | "dashed" | "dotted" | "double" | "solid" | undefined;
567
+ focus?: "none" | "dashed" | "dotted" | "double" | "solid" | undefined;
568
+ } | undefined;
569
+ borderWidth?: "s" | "none" | "xs" | "xl" | "m" | "l" | {
570
+ default?: "s" | "none" | "xs" | "xl" | "m" | "l" | undefined;
571
+ hover?: "s" | "none" | "xs" | "xl" | "m" | "l" | undefined;
572
+ focus?: "s" | "none" | "xs" | "xl" | "m" | "l" | undefined;
573
+ } | undefined;
574
+ borderXWidth?: "s" | "none" | "xs" | "xl" | "m" | "l" | {
575
+ default?: "s" | "none" | "xs" | "xl" | "m" | "l" | undefined;
576
+ hover?: "s" | "none" | "xs" | "xl" | "m" | "l" | undefined;
577
+ focus?: "s" | "none" | "xs" | "xl" | "m" | "l" | undefined;
578
+ } | undefined;
579
+ borderYWidth?: "s" | "none" | "xs" | "xl" | "m" | "l" | {
580
+ default?: "s" | "none" | "xs" | "xl" | "m" | "l" | undefined;
581
+ hover?: "s" | "none" | "xs" | "xl" | "m" | "l" | undefined;
582
+ focus?: "s" | "none" | "xs" | "xl" | "m" | "l" | undefined;
583
+ } | undefined;
584
+ borderRadius?: "circle" | "xs" | "sm" | "md" | "lg" | "xl" | "pill" | {
585
+ default?: "circle" | "xs" | "sm" | "md" | "lg" | "xl" | "pill" | undefined;
586
+ hover?: "circle" | "xs" | "sm" | "md" | "lg" | "xl" | "pill" | undefined;
587
+ focus?: "circle" | "xs" | "sm" | "md" | "lg" | "xl" | "pill" | undefined;
588
+ } | undefined;
589
+ rounded?: "circle" | "xs" | "sm" | "md" | "lg" | "xl" | "pill" | {
590
+ default?: "circle" | "xs" | "sm" | "md" | "lg" | "xl" | "pill" | undefined;
591
+ hover?: "circle" | "xs" | "sm" | "md" | "lg" | "xl" | "pill" | undefined;
592
+ focus?: "circle" | "xs" | "sm" | "md" | "lg" | "xl" | "pill" | undefined;
593
+ } | undefined;
594
+ roundedTop?: "circle" | "xs" | "sm" | "md" | "lg" | "xl" | "pill" | {
595
+ default?: "circle" | "xs" | "sm" | "md" | "lg" | "xl" | "pill" | undefined;
596
+ hover?: "circle" | "xs" | "sm" | "md" | "lg" | "xl" | "pill" | undefined;
597
+ focus?: "circle" | "xs" | "sm" | "md" | "lg" | "xl" | "pill" | undefined;
598
+ } | undefined;
599
+ roundedRight?: "circle" | "xs" | "sm" | "md" | "lg" | "xl" | "pill" | {
600
+ default?: "circle" | "xs" | "sm" | "md" | "lg" | "xl" | "pill" | undefined;
601
+ hover?: "circle" | "xs" | "sm" | "md" | "lg" | "xl" | "pill" | undefined;
602
+ focus?: "circle" | "xs" | "sm" | "md" | "lg" | "xl" | "pill" | undefined;
603
+ } | undefined;
604
+ roundedBottom?: "circle" | "xs" | "sm" | "md" | "lg" | "xl" | "pill" | {
605
+ default?: "circle" | "xs" | "sm" | "md" | "lg" | "xl" | "pill" | undefined;
606
+ hover?: "circle" | "xs" | "sm" | "md" | "lg" | "xl" | "pill" | undefined;
607
+ focus?: "circle" | "xs" | "sm" | "md" | "lg" | "xl" | "pill" | undefined;
608
+ } | undefined;
609
+ roundedLeft?: "circle" | "xs" | "sm" | "md" | "lg" | "xl" | "pill" | {
610
+ default?: "circle" | "xs" | "sm" | "md" | "lg" | "xl" | "pill" | undefined;
611
+ hover?: "circle" | "xs" | "sm" | "md" | "lg" | "xl" | "pill" | undefined;
612
+ focus?: "circle" | "xs" | "sm" | "md" | "lg" | "xl" | "pill" | undefined;
613
+ } | undefined;
614
+ roundedTopLeft?: "circle" | "xs" | "sm" | "md" | "lg" | "xl" | "pill" | {
615
+ default?: "circle" | "xs" | "sm" | "md" | "lg" | "xl" | "pill" | undefined;
616
+ hover?: "circle" | "xs" | "sm" | "md" | "lg" | "xl" | "pill" | undefined;
617
+ focus?: "circle" | "xs" | "sm" | "md" | "lg" | "xl" | "pill" | undefined;
618
+ } | undefined;
619
+ roundedTopRight?: "circle" | "xs" | "sm" | "md" | "lg" | "xl" | "pill" | {
620
+ default?: "circle" | "xs" | "sm" | "md" | "lg" | "xl" | "pill" | undefined;
621
+ hover?: "circle" | "xs" | "sm" | "md" | "lg" | "xl" | "pill" | undefined;
622
+ focus?: "circle" | "xs" | "sm" | "md" | "lg" | "xl" | "pill" | undefined;
623
+ } | undefined;
624
+ roundedBottomRight?: "circle" | "xs" | "sm" | "md" | "lg" | "xl" | "pill" | {
625
+ default?: "circle" | "xs" | "sm" | "md" | "lg" | "xl" | "pill" | undefined;
626
+ hover?: "circle" | "xs" | "sm" | "md" | "lg" | "xl" | "pill" | undefined;
627
+ focus?: "circle" | "xs" | "sm" | "md" | "lg" | "xl" | "pill" | undefined;
628
+ } | undefined;
629
+ roundedBottomLeft?: "circle" | "xs" | "sm" | "md" | "lg" | "xl" | "pill" | {
630
+ default?: "circle" | "xs" | "sm" | "md" | "lg" | "xl" | "pill" | undefined;
631
+ hover?: "circle" | "xs" | "sm" | "md" | "lg" | "xl" | "pill" | undefined;
632
+ focus?: "circle" | "xs" | "sm" | "md" | "lg" | "xl" | "pill" | undefined;
633
+ } | undefined;
634
+ border?: {} | undefined;
635
+ }) => string) & {
636
+ 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">;
637
+ };
638
+ type TBorderPropertyTypes = Parameters<typeof borderStyles>[0];
639
+
640
+ declare const colorStyles: ((props: {
641
+ 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" | {
642
+ 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;
643
+ 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;
644
+ 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;
645
+ } | undefined;
646
+ 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" | {
647
+ 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;
648
+ 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;
649
+ 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;
650
+ } | undefined;
651
+ 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" | {
652
+ 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;
653
+ 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;
654
+ 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;
655
+ } | undefined;
656
+ }) => string) & {
657
+ properties: Set<"color" | "backgroundColor" | "bgColor">;
658
+ };
659
+ declare const svgColorStyles: ((props: {
660
+ 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" | {
661
+ 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;
662
+ 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;
663
+ 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;
664
+ } | undefined;
665
+ 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" | {
666
+ 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;
667
+ 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;
668
+ 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;
669
+ } | undefined;
670
+ 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" | {
671
+ 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;
672
+ 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;
673
+ 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;
674
+ } | undefined;
675
+ 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" | {
676
+ 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;
677
+ 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;
678
+ 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;
679
+ } | undefined;
680
+ 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" | {
681
+ 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;
682
+ 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;
683
+ 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;
684
+ } | undefined;
685
+ }) => string) & {
686
+ properties: Set<"color" | "fill" | "stroke" | "strokeColor" | "fillColor">;
687
+ };
688
+ type TColorPropertyTypes = Parameters<typeof colorStyles>[0];
689
+ type T_SVGColorPropertyTypes = Parameters<typeof svgColorStyles>[0];
690
+
691
+ declare const shadowStyles: ((props: {
692
+ boxShadow?: "none" | "L0" | "L1" | "L2" | "L3" | "L4" | "L5" | "L6" | "L7" | {
693
+ lightMode?: "none" | "L0" | "L1" | "L2" | "L3" | "L4" | "L5" | "L6" | "L7" | undefined;
694
+ } | undefined;
695
+ shadow?: "none" | "L0" | "L1" | "L2" | "L3" | "L4" | "L5" | "L6" | "L7" | {
696
+ lightMode?: "none" | "L0" | "L1" | "L2" | "L3" | "L4" | "L5" | "L6" | "L7" | undefined;
697
+ } | undefined;
698
+ elevation?: "none" | "L0" | "L1" | "L2" | "L3" | "L4" | "L5" | "L6" | "L7" | {
699
+ lightMode?: "none" | "L0" | "L1" | "L2" | "L3" | "L4" | "L5" | "L6" | "L7" | undefined;
700
+ } | undefined;
701
+ }) => string) & {
702
+ properties: Set<"elevation" | "boxShadow" | "shadow">;
703
+ };
704
+ type TShadowStyles = Parameters<typeof shadowStyles>[0];
705
+
706
+ declare const transformStyles: ((props: {
707
+ transform?: "1" | {
708
+ readonly xs?: "1" | undefined;
709
+ readonly sm?: "1" | undefined;
710
+ readonly md?: "1" | undefined;
711
+ readonly lg?: "1" | undefined;
712
+ readonly xl?: "1" | undefined;
713
+ } | undefined;
714
+ scale?: "0" | "100" | "50" | "150" | "75" | "90" | "95" | "105" | "110" | "125" | {
715
+ readonly xs?: "0" | "100" | "50" | "150" | "75" | "90" | "95" | "105" | "110" | "125" | undefined;
716
+ readonly sm?: "0" | "100" | "50" | "150" | "75" | "90" | "95" | "105" | "110" | "125" | undefined;
717
+ readonly md?: "0" | "100" | "50" | "150" | "75" | "90" | "95" | "105" | "110" | "125" | undefined;
718
+ readonly lg?: "0" | "100" | "50" | "150" | "75" | "90" | "95" | "105" | "110" | "125" | undefined;
719
+ readonly xl?: "0" | "100" | "50" | "150" | "75" | "90" | "95" | "105" | "110" | "125" | undefined;
720
+ } | undefined;
721
+ scaleX?: "0" | "100" | "50" | "150" | "75" | "90" | "95" | "105" | "110" | "125" | {
722
+ readonly xs?: "0" | "100" | "50" | "150" | "75" | "90" | "95" | "105" | "110" | "125" | undefined;
723
+ readonly sm?: "0" | "100" | "50" | "150" | "75" | "90" | "95" | "105" | "110" | "125" | undefined;
724
+ readonly md?: "0" | "100" | "50" | "150" | "75" | "90" | "95" | "105" | "110" | "125" | undefined;
725
+ readonly lg?: "0" | "100" | "50" | "150" | "75" | "90" | "95" | "105" | "110" | "125" | undefined;
726
+ readonly xl?: "0" | "100" | "50" | "150" | "75" | "90" | "95" | "105" | "110" | "125" | undefined;
727
+ } | undefined;
728
+ scaleY?: "0" | "100" | "50" | "150" | "75" | "90" | "95" | "105" | "110" | "125" | {
729
+ readonly xs?: "0" | "100" | "50" | "150" | "75" | "90" | "95" | "105" | "110" | "125" | undefined;
730
+ readonly sm?: "0" | "100" | "50" | "150" | "75" | "90" | "95" | "105" | "110" | "125" | undefined;
731
+ readonly md?: "0" | "100" | "50" | "150" | "75" | "90" | "95" | "105" | "110" | "125" | undefined;
732
+ readonly lg?: "0" | "100" | "50" | "150" | "75" | "90" | "95" | "105" | "110" | "125" | undefined;
733
+ readonly xl?: "0" | "100" | "50" | "150" | "75" | "90" | "95" | "105" | "110" | "125" | undefined;
734
+ } | undefined;
735
+ rotate?: "0" | "1" | "2" | "6" | "12" | "3" | "90" | "45" | "180" | {
736
+ readonly xs?: "0" | "1" | "2" | "6" | "12" | "3" | "90" | "45" | "180" | undefined;
737
+ readonly sm?: "0" | "1" | "2" | "6" | "12" | "3" | "90" | "45" | "180" | undefined;
738
+ readonly md?: "0" | "1" | "2" | "6" | "12" | "3" | "90" | "45" | "180" | undefined;
739
+ readonly lg?: "0" | "1" | "2" | "6" | "12" | "3" | "90" | "45" | "180" | undefined;
740
+ readonly xl?: "0" | "1" | "2" | "6" | "12" | "3" | "90" | "45" | "180" | undefined;
741
+ } | undefined;
742
+ 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" | {
743
+ 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;
744
+ 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;
745
+ 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;
746
+ 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;
747
+ 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;
748
+ } | undefined;
749
+ 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" | {
750
+ 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;
751
+ 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;
752
+ 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;
753
+ 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;
754
+ 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;
755
+ } | undefined;
756
+ skewX?: "0" | "1" | "2" | "6" | "12" | "3" | {
757
+ readonly xs?: "0" | "1" | "2" | "6" | "12" | "3" | undefined;
758
+ readonly sm?: "0" | "1" | "2" | "6" | "12" | "3" | undefined;
759
+ readonly md?: "0" | "1" | "2" | "6" | "12" | "3" | undefined;
760
+ readonly lg?: "0" | "1" | "2" | "6" | "12" | "3" | undefined;
761
+ readonly xl?: "0" | "1" | "2" | "6" | "12" | "3" | undefined;
762
+ } | undefined;
763
+ skewY?: "0" | "1" | "2" | "6" | "12" | "3" | {
764
+ readonly xs?: "0" | "1" | "2" | "6" | "12" | "3" | undefined;
765
+ readonly sm?: "0" | "1" | "2" | "6" | "12" | "3" | undefined;
766
+ readonly md?: "0" | "1" | "2" | "6" | "12" | "3" | undefined;
767
+ readonly lg?: "0" | "1" | "2" | "6" | "12" | "3" | undefined;
768
+ readonly xl?: "0" | "1" | "2" | "6" | "12" | "3" | undefined;
769
+ } | undefined;
770
+ }) => string) & {
771
+ properties: Set<"rotate" | "scale" | "transform" | "scaleX" | "scaleY" | "translateX" | "translateY" | "skewX" | "skewY">;
772
+ };
773
+ type TTransformStyles = Parameters<typeof transformStyles>[0];
774
+
775
+ declare const marginPaddingStyles: ((props: {
776
+ 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" | {
777
+ 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;
778
+ 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;
779
+ 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;
780
+ 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;
781
+ 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;
782
+ } | undefined;
783
+ 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" | {
784
+ 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;
785
+ 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;
786
+ 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;
787
+ 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;
788
+ 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;
789
+ } | undefined;
790
+ 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" | {
791
+ 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;
792
+ 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;
793
+ 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;
794
+ 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;
795
+ 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;
796
+ } | undefined;
797
+ 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" | {
798
+ 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;
799
+ 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;
800
+ 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;
801
+ 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;
802
+ 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;
803
+ } | undefined;
804
+ 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" | {
805
+ 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;
806
+ 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;
807
+ 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;
808
+ 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;
809
+ 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;
810
+ } | undefined;
811
+ 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" | {
812
+ 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;
813
+ 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;
814
+ 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;
815
+ 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;
816
+ 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;
817
+ } | undefined;
818
+ 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" | {
819
+ 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;
820
+ 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;
821
+ 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;
822
+ 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;
823
+ 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;
824
+ } | undefined;
825
+ } & {
826
+ 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" | {
827
+ 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;
828
+ 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;
829
+ 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;
830
+ 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;
831
+ 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;
832
+ } | undefined;
833
+ 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" | {
834
+ 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;
835
+ 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;
836
+ 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;
837
+ 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;
838
+ 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;
839
+ } | undefined;
840
+ 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" | {
841
+ 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;
842
+ 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;
843
+ 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;
844
+ 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;
845
+ 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;
846
+ } | undefined;
847
+ 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" | {
848
+ 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;
849
+ 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;
850
+ 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;
851
+ 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;
852
+ 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;
853
+ } | undefined;
854
+ 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" | {
855
+ 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;
856
+ 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;
857
+ 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;
858
+ 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;
859
+ 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;
860
+ } | undefined;
861
+ 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" | {
862
+ 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;
863
+ 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;
864
+ 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;
865
+ 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;
866
+ 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;
867
+ } | undefined;
868
+ 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" | {
869
+ 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;
870
+ 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;
871
+ 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;
872
+ 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;
873
+ 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;
874
+ } | undefined;
875
+ }) => string) & {
876
+ properties: Set<"marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "margin" | "padding" | "paddingX" | "paddingY" | "marginX" | "marginY">;
877
+ };
878
+ type TMarginPaddingPropertyTypes = Parameters<typeof marginPaddingStyles>[0];
879
+
880
+ declare const DefaultBoxElement: "div";
881
+ type BoxOwnProps = TSizeStyles & TTextStyles & TBoxStyles & TColorPropertyTypes & TMarginPaddingPropertyTypes & TBorderPropertyTypes & T_SVGColorPropertyTypes & TShadowStyles & Omit<TTransformStyles, "transform"> & {
882
+ children?: React.ReactNode;
883
+ className?: string;
884
+ };
885
+ type BoxProps<T extends ElementType = typeof DefaultBoxElement> = PolymorphicPropsWithoutRef<T, BoxOwnProps>;
886
+ declare const Box: PolymorphicForwardRefExoticComponent<BoxOwnProps, typeof DefaultBoxElement>;
887
+
888
+ type DefaultStackElement = "div";
889
+ type StackBaseProps = Omit<BoxOwnProps, "display" | "flexDirection" | "flexWrap">;
890
+ type StackOwnProps = StackBaseProps & {
891
+ gap?: SpacingToken | SemanticSpacing;
892
+ };
893
+ type StackProps<T extends ElementType = DefaultStackElement> = PolymorphicPropsWithoutRef<T, StackOwnProps>;
894
+ declare const Stack: PolymorphicForwardRefExoticComponent<StackOwnProps, DefaultStackElement>;
895
+
896
+ type DefaultInlineElement = "div";
897
+ type InlineBaseProps = Omit<BoxOwnProps, "display" | "flexDirection">;
898
+ type InlineWrap = boolean | "reverse";
899
+ type InlineOwnProps = InlineBaseProps & {
900
+ wrap?: InlineWrap;
901
+ gap?: SemanticSpacing | SpacingToken;
902
+ };
903
+ type InlineProps<T extends ElementType = DefaultInlineElement> = PolymorphicPropsWithoutRef<T, InlineOwnProps>;
904
+ declare const Inline: PolymorphicForwardRefExoticComponent<InlineOwnProps, DefaultInlineElement>;
905
+
906
+ type DefaultGridElement = "div";
907
+ type GridTemplate = CSSProperties["gridTemplateColumns"];
908
+ type GridAuto = CSSProperties["gridAutoFlow"];
909
+ type GridBaseProps = Omit<BoxOwnProps, "display"> & {
910
+ columns?: GridTemplate;
911
+ rows?: CSSProperties["gridTemplateRows"];
912
+ areas?: CSSProperties["gridTemplateAreas"];
913
+ autoColumns?: CSSProperties["gridAutoColumns"];
914
+ autoRows?: CSSProperties["gridAutoRows"];
915
+ autoFlow?: GridAuto;
916
+ justifyItems?: CSSProperties["justifyItems"];
917
+ alignItems?: CSSProperties["alignItems"];
918
+ };
919
+ type GridProps<T extends ElementType = DefaultGridElement> = PolymorphicPropsWithoutRef<T, GridBaseProps>;
920
+ declare const Grid: PolymorphicForwardRefExoticComponent<GridBaseProps, DefaultGridElement>;
921
+ type GridItemBaseProps = BoxOwnProps & {
922
+ column?: CSSProperties["gridColumn"];
923
+ row?: CSSProperties["gridRow"];
924
+ area?: CSSProperties["gridArea"];
925
+ columnSpan?: number | string;
926
+ rowSpan?: number | string;
927
+ justifySelf?: CSSProperties["justifySelf"];
928
+ alignSelf?: CSSProperties["alignSelf"];
929
+ };
930
+ type GridItemProps<T extends ElementType = DefaultGridElement> = PolymorphicPropsWithoutRef<T, GridItemBaseProps>;
931
+ declare const GridItem: PolymorphicForwardRefExoticComponent<GridItemBaseProps, DefaultGridElement>;
932
+
933
+ declare const DefaultTextElement: "p";
934
+ 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";
935
+ 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";
936
+ type LabelVariant = "label-2xs-medium";
937
+ type SpacingProps = {
938
+ padding?: SpacingToken | SemanticSpacing;
939
+ paddingTop?: SpacingToken | SemanticSpacing;
940
+ paddingRight?: SpacingToken | SemanticSpacing;
941
+ paddingBottom?: SpacingToken | SemanticSpacing;
942
+ paddingLeft?: SpacingToken | SemanticSpacing;
943
+ paddingX?: SpacingToken | SemanticSpacing;
944
+ paddingY?: SpacingToken | SemanticSpacing;
945
+ margin?: SpacingToken | SemanticSpacing;
946
+ marginTop?: SpacingToken | SemanticSpacing;
947
+ marginRight?: SpacingToken | SemanticSpacing;
948
+ marginBottom?: SpacingToken | SemanticSpacing;
949
+ marginLeft?: SpacingToken | SemanticSpacing;
950
+ marginX?: SpacingToken | SemanticSpacing;
951
+ marginY?: SpacingToken | SemanticSpacing;
952
+ };
953
+ type TextColorProps = Pick<TColorPropertyTypes, "color">;
954
+ type TextOwnProps = TextColorProps & {
955
+ /** Typography variant that applies font size, weight, line height, and letter spacing */
956
+ fontVariant?: TextVariant | LabelVariant;
957
+ /** Text alignment */
958
+ textAlign?: "left" | "center" | "right" | "justify" | "start" | "end";
959
+ /** Text transform */
960
+ textTransform?: "uppercase" | "lowercase" | "capitalize" | "none";
961
+ /** Text decoration */
962
+ textDecoration?: "underline" | "line-through" | "none";
963
+ textUnderlinePosition?: "from-font" | "auto" | "inherit" | "left" | "revert" | "right";
964
+ /** Font style */
965
+ fontStyle?: "normal" | "italic";
966
+ /** White space handling */
967
+ whiteSpace?: "normal" | "nowrap" | "pre" | "pre-line" | "pre-wrap" | "break-spaces";
968
+ /** Word break behavior */
969
+ wordBreak?: "normal" | "break-word" | "break-all" | "keep-all";
970
+ /** Truncate text with ellipsis */
971
+ truncate?: boolean;
972
+ /** Maximum number of lines before truncation */
973
+ lineClamp?: number;
974
+ /** Custom styles */
975
+ style?: React.CSSProperties;
976
+ /** CSS class name */
977
+ className?: string;
978
+ /** Children content */
979
+ children?: React.ReactNode;
980
+ };
981
+ declare function applyTextVariantStyles(fontVariant?: TextVariant | LabelVariant): {
982
+ fontSize?: undefined;
983
+ fontWeight?: undefined;
984
+ lineHeight?: undefined;
985
+ letterSpacing?: undefined;
986
+ fontFamily?: undefined;
987
+ } | {
988
+ fontSize: any;
989
+ fontWeight: any;
990
+ lineHeight: any;
991
+ letterSpacing: any;
992
+ fontFamily: any;
993
+ };
994
+ declare const Text: PolymorphicForwardRefExoticComponent<TextOwnProps, typeof DefaultTextElement>;
995
+ declare const DefaultHeadingElement: "h3";
996
+ type HeadingOwnProps = TColorPropertyTypes & SpacingProps & {
997
+ /** Typography variant that applies font size, weight, line height, and letter spacing */
998
+ fontVariant?: HeadingVariant;
999
+ /** Heading level (overrides 'as' for semantic HTML) */
1000
+ level?: 1 | 2 | 3 | 4 | 5 | 6;
1001
+ /** Text alignment */
1002
+ textAlign?: "left" | "center" | "right" | "justify" | "start" | "end";
1003
+ /** Text transform */
1004
+ textTransform?: "uppercase" | "lowercase" | "capitalize" | "none";
1005
+ /** Text decoration */
1006
+ textDecoration?: "underline" | "line-through" | "none";
1007
+ textUnderlinePosition?: "from-font" | "auto" | "inherit" | "left" | "revert" | "right";
1008
+ /** Font style */
1009
+ fontStyle?: "normal" | "italic";
1010
+ /** White space handling */
1011
+ whiteSpace?: "normal" | "nowrap" | "pre" | "pre-line" | "pre-wrap" | "break-spaces";
1012
+ /** Word break behavior */
1013
+ wordBreak?: "normal" | "break-word" | "break-all" | "keep-all";
1014
+ /** Truncate text with ellipsis */
1015
+ truncate?: boolean;
1016
+ /** Maximum number of lines before truncation */
1017
+ lineClamp?: number;
1018
+ /** Custom styles */
1019
+ style?: React.CSSProperties;
1020
+ /** CSS class name */
1021
+ className?: string;
1022
+ /** Children content */
1023
+ children?: React.ReactNode;
1024
+ };
1025
+ declare function applyHeadingVariantStyles(fontVariant?: HeadingVariant): {
1026
+ fontSize?: undefined;
1027
+ fontWeight?: undefined;
1028
+ lineHeight?: undefined;
1029
+ letterSpacing?: undefined;
1030
+ fontFamily?: undefined;
1031
+ } | {
1032
+ fontSize: any;
1033
+ fontWeight: any;
1034
+ lineHeight: any;
1035
+ letterSpacing: any;
1036
+ fontFamily: any;
1037
+ };
1038
+ declare const Heading: PolymorphicForwardRefExoticComponent<HeadingOwnProps, typeof DefaultHeadingElement>;
1039
+ declare const Body: React$1.ForwardRefExoticComponent<Omit<TextOwnProps, "fontVariant"> & React$1.RefAttributes<HTMLParagraphElement>>;
1040
+ declare const Caption: React$1.ForwardRefExoticComponent<Omit<TextOwnProps, "as" | "fontVariant"> & React$1.RefAttributes<HTMLSpanElement>>;
1041
+ declare const Label: React$1.ForwardRefExoticComponent<Omit<TextOwnProps, "as" | "fontVariant"> & React$1.RefAttributes<HTMLLabelElement>>;
1042
+ declare const Code: React$1.ForwardRefExoticComponent<Omit<TextOwnProps, "as" | "fontVariant"> & React$1.RefAttributes<HTMLElement>>;
1043
+
1044
+ type ButtonVariant = "standard" | "primary" | "secondary" | "accent" | "outline" | "ghost" | "link" | "text";
1045
+ type ButtonSize = "sm" | "md" | "lg";
1046
+ type IconPosition = "left" | "right";
1047
+ type ButtonProps = {
1048
+ as?: ElementType;
1049
+ children?: ReactNode;
1050
+ variant?: ButtonVariant;
1051
+ size?: ButtonSize;
1052
+ icon?: ReactNode;
1053
+ iconPosition?: IconPosition;
1054
+ disabled?: boolean;
1055
+ destructive?: boolean;
1056
+ onClick?: (e: React__default.MouseEvent) => void;
1057
+ className?: string;
1058
+ "aria-label"?: string;
1059
+ href?: string;
1060
+ fullWidth?: boolean;
1061
+ } & Omit<React__default.ButtonHTMLAttributes<HTMLButtonElement>, "onClick" | "disabled" | "className">;
1062
+ declare const Button: React__default.ForwardRefExoticComponent<{
1063
+ as?: ElementType;
1064
+ children?: ReactNode;
1065
+ variant?: ButtonVariant;
1066
+ size?: ButtonSize;
1067
+ icon?: ReactNode;
1068
+ iconPosition?: IconPosition;
1069
+ disabled?: boolean;
1070
+ destructive?: boolean;
1071
+ onClick?: (e: React__default.MouseEvent) => void;
1072
+ className?: string;
1073
+ "aria-label"?: string;
1074
+ href?: string;
1075
+ fullWidth?: boolean;
1076
+ } & Omit<React__default.ButtonHTMLAttributes<HTMLButtonElement>, "className" | "onClick" | "disabled"> & React__default.RefAttributes<HTMLButtonElement>>;
1077
+ type IconButtonProps = {
1078
+ children: ReactNode;
1079
+ size?: ButtonSize;
1080
+ disabled?: boolean;
1081
+ onClick?: (e: React__default.MouseEvent) => void;
1082
+ className?: string;
1083
+ "aria-label": string;
1084
+ } & Omit<React__default.ButtonHTMLAttributes<HTMLButtonElement>, "onClick" | "disabled" | "className">;
1085
+ declare const IconButton: React__default.ForwardRefExoticComponent<{
1086
+ children: ReactNode;
1087
+ size?: ButtonSize;
1088
+ disabled?: boolean;
1089
+ onClick?: (e: React__default.MouseEvent) => void;
1090
+ className?: string;
1091
+ "aria-label": string;
1092
+ } & Omit<React__default.ButtonHTMLAttributes<HTMLButtonElement>, "className" | "onClick" | "disabled"> & React__default.RefAttributes<HTMLButtonElement>>;
1093
+
1094
+ type BadgeVariant = "primary" | "secondary" | "outline" | "info" | "success" | "warning" | "error";
1095
+ type BadgeProps = {
1096
+ children?: ReactNode;
1097
+ variant?: BadgeVariant;
1098
+ icon?: ReactNode;
1099
+ iconPosition?: "left" | "right";
1100
+ className?: string;
1101
+ style?: React__default.CSSProperties;
1102
+ } & Omit<React__default.HTMLAttributes<HTMLSpanElement>, "className" | "style">;
1103
+ declare const Badge: React__default.ForwardRefExoticComponent<{
1104
+ children?: ReactNode;
1105
+ variant?: BadgeVariant;
1106
+ icon?: ReactNode;
1107
+ iconPosition?: "left" | "right";
1108
+ className?: string;
1109
+ style?: React__default.CSSProperties;
1110
+ } & Omit<React__default.HTMLAttributes<HTMLSpanElement>, "style" | "className"> & React__default.RefAttributes<HTMLSpanElement>>;
1111
+
1112
+ type InputProps = Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "prefix"> & {
1113
+ /** Label text */
1114
+ label?: string;
1115
+ /** Whether the field is mandatory */
1116
+ mandatory?: boolean;
1117
+ /** Helper text displayed below the input */
1118
+ helperText?: string;
1119
+ /** Error state */
1120
+ error?: boolean;
1121
+ /** Error message (overrides helperText when error is true) */
1122
+ errorMessage?: string;
1123
+ /** Icon to display on the right side */
1124
+ icon?: ReactNode;
1125
+ /** Icon to display on the left side */
1126
+ leftIcon?: ReactNode;
1127
+ /** Disabled state */
1128
+ disabled?: boolean;
1129
+ /** Compound input: leading section with value and icon */
1130
+ leadingSection?: ReactNode;
1131
+ /** Compound input: trailing section with value and icon */
1132
+ trailingSection?: ReactNode;
1133
+ /** Horizontal layout (label and input side by side) */
1134
+ horizontal?: boolean;
1135
+ /** Invalid state for aria */
1136
+ invalid?: boolean;
1137
+ /** Remove border outline */
1138
+ noOutline?: boolean;
1139
+ };
1140
+ declare const Input: React__default.ForwardRefExoticComponent<Omit<React__default.InputHTMLAttributes<HTMLInputElement>, "prefix" | "size"> & {
1141
+ /** Label text */
1142
+ label?: string;
1143
+ /** Whether the field is mandatory */
1144
+ mandatory?: boolean;
1145
+ /** Helper text displayed below the input */
1146
+ helperText?: string;
1147
+ /** Error state */
1148
+ error?: boolean;
1149
+ /** Error message (overrides helperText when error is true) */
1150
+ errorMessage?: string;
1151
+ /** Icon to display on the right side */
1152
+ icon?: ReactNode;
1153
+ /** Icon to display on the left side */
1154
+ leftIcon?: ReactNode;
1155
+ /** Disabled state */
1156
+ disabled?: boolean;
1157
+ /** Compound input: leading section with value and icon */
1158
+ leadingSection?: ReactNode;
1159
+ /** Compound input: trailing section with value and icon */
1160
+ trailingSection?: ReactNode;
1161
+ /** Horizontal layout (label and input side by side) */
1162
+ horizontal?: boolean;
1163
+ /** Invalid state for aria */
1164
+ invalid?: boolean;
1165
+ /** Remove border outline */
1166
+ noOutline?: boolean;
1167
+ } & React__default.RefAttributes<HTMLInputElement>>;
1168
+
1169
+ type CheckboxProps = Omit<React$1.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>, "asChild"> & {
1170
+ label?: React$1.ReactNode;
1171
+ description?: React$1.ReactNode;
1172
+ partialChecked?: boolean;
1173
+ size?: "xs" | "sm" | "md" | "lg";
1174
+ };
1175
+ declare const Checkbox: React$1.ForwardRefExoticComponent<Omit<Omit<CheckboxPrimitive.CheckboxProps & React$1.RefAttributes<HTMLButtonElement>, "ref">, "asChild"> & {
1176
+ label?: React$1.ReactNode;
1177
+ description?: React$1.ReactNode;
1178
+ partialChecked?: boolean;
1179
+ size?: "xs" | "sm" | "md" | "lg";
1180
+ } & React$1.RefAttributes<HTMLButtonElement>>;
1181
+
1182
+ type SwitchSize = "sm" | "md" | "lg";
1183
+ type SwitchProps = {
1184
+ size?: SwitchSize;
1185
+ className?: string;
1186
+ } & React__default.ComponentPropsWithoutRef<typeof SwitchPrimitive.Root>;
1187
+ declare const Switch: React__default.ForwardRefExoticComponent<{
1188
+ size?: SwitchSize;
1189
+ className?: string;
1190
+ } & Omit<SwitchPrimitive.SwitchProps & React__default.RefAttributes<HTMLButtonElement>, "ref"> & React__default.RefAttributes<HTMLButtonElement>>;
1191
+
1192
+ type ChipVariant = "default" | "light";
1193
+ type ChipOutline = "default" | "dashed";
1194
+ type ChipBaseProps = Omit<InlineOwnProps, "display" | "flexDirection">;
1195
+ type ChipOwnProps = ChipBaseProps & {
1196
+ /** Visual variant */
1197
+ variant?: ChipVariant;
1198
+ /** Outline style */
1199
+ outline?: ChipOutline;
1200
+ /** Icon to display before the label */
1201
+ icon?: ReactNode;
1202
+ /** Whether the chip is disabled */
1203
+ disabled?: boolean;
1204
+ /** Callback when chip is clicked (makes it interactive) */
1205
+ onClick?: () => void;
1206
+ };
1207
+ type DefaultChipElement = "div";
1208
+ type ChipProps<T extends ElementType = DefaultChipElement> = PolymorphicPropsWithoutRef<T, ChipOwnProps>;
1209
+ declare const Chip: PolymorphicForwardRefExoticComponent<ChipOwnProps, DefaultChipElement>;
1210
+
1211
+ type TooltipProps = {
1212
+ children: React$1.ReactElement;
1213
+ content: React$1.ReactNode;
1214
+ side?: "top" | "right" | "bottom" | "left";
1215
+ sideOffset?: number;
1216
+ align?: "start" | "center" | "end";
1217
+ delayDuration?: number;
1218
+ skipDelayDuration?: number;
1219
+ disableHoverableContent?: boolean;
1220
+ showArrow?: boolean;
1221
+ };
1222
+ declare const TooltipProvider: React$1.FC<TooltipPrimitive.TooltipProviderProps>;
1223
+ declare const Tooltip: {
1224
+ ({ children, content, side, sideOffset, align, delayDuration, skipDelayDuration, disableHoverableContent, showArrow, }: TooltipProps): react_jsx_runtime.JSX.Element;
1225
+ displayName: string;
1226
+ };
1227
+
1228
+ interface SelectOption {
1229
+ value: string;
1230
+ label: string;
1231
+ disabled?: boolean;
1232
+ }
1233
+ interface SelectProps {
1234
+ label?: string;
1235
+ placeholder?: string;
1236
+ options: SelectOption[];
1237
+ value?: string;
1238
+ defaultValue?: string;
1239
+ onValueChange?: (value: string) => void;
1240
+ disabled?: boolean;
1241
+ error?: boolean;
1242
+ errorMessage?: string;
1243
+ required?: boolean;
1244
+ name?: string;
1245
+ helperText?: string;
1246
+ }
1247
+ type SelectRootProps = React$1.ComponentPropsWithoutRef<typeof SelectPrimitive.Root>;
1248
+ type SelectTriggerProps = React$1.ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger> & {
1249
+ error?: boolean;
1250
+ };
1251
+ type SelectContentProps = React$1.ComponentPropsWithoutRef<typeof SelectPrimitive.Content> & {
1252
+ header?: React$1.ReactNode;
1253
+ footer?: React$1.ReactNode;
1254
+ disableListWrapper?: boolean;
1255
+ };
1256
+ type SelectItemProps = React$1.ComponentPropsWithoutRef<typeof SelectPrimitive.Item>;
1257
+ declare const SelectRoot: React$1.FC<SelectPrimitive.SelectProps>;
1258
+ declare const SelectTrigger: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & {
1259
+ error?: boolean;
1260
+ } & React$1.RefAttributes<HTMLButtonElement>>;
1261
+ declare const SelectValue: React$1.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & React$1.RefAttributes<HTMLSpanElement>>;
1262
+ declare const SelectContent: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
1263
+ header?: React$1.ReactNode;
1264
+ footer?: React$1.ReactNode;
1265
+ disableListWrapper?: boolean;
1266
+ } & React$1.RefAttributes<HTMLDivElement>>;
1267
+ declare const SelectItem: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
1268
+ declare const SelectSeparator: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectSeparatorProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
1269
+ declare const Select: React$1.ForwardRefExoticComponent<SelectProps & React$1.RefAttributes<HTMLButtonElement>>;
1270
+
1271
+ type AvatarSize = "xs" | "sm" | "md" | "lg" | "xl";
1272
+ type AvatarColor = "blue" | "orange" | "red" | "green" | "purple" | "cyan" | "brand" | "secondary" | "neutral";
1273
+ type AvatarProps = {
1274
+ size?: AvatarSize;
1275
+ className?: string;
1276
+ src?: string;
1277
+ name: string;
1278
+ delayMs?: number;
1279
+ icon?: React__default.ReactNode;
1280
+ color?: AvatarColor | "auto";
1281
+ tooltip?: React__default.ReactNode;
1282
+ } & Omit<React__default.ComponentPropsWithoutRef<typeof AvatarPrimitive.Root>, "children">;
1283
+ declare const Avatar: React__default.ForwardRefExoticComponent<{
1284
+ size?: AvatarSize;
1285
+ className?: string;
1286
+ src?: string;
1287
+ name: string;
1288
+ delayMs?: number;
1289
+ icon?: React__default.ReactNode;
1290
+ color?: AvatarColor | "auto";
1291
+ tooltip?: React__default.ReactNode;
1292
+ } & Omit<Omit<AvatarPrimitive.AvatarProps & React__default.RefAttributes<HTMLSpanElement>, "ref">, "children"> & React__default.RefAttributes<HTMLSpanElement>>;
1293
+
1294
+ declare const AVATAR_COLORS: AvatarColor[];
1295
+ /**
1296
+ * Generates a deterministic color based on a string input.
1297
+ */
1298
+ declare function getColorFromString(str: string): AvatarColor;
1299
+ /**
1300
+ * Extracts initials from a name string.
1301
+ */
1302
+ declare function getInitials(name: string): string;
1303
+
1304
+ type SpinnerSize = "sm" | "md" | "lg" | "xl";
1305
+ type SpinnerProps = {
1306
+ color?: ColorVarName;
1307
+ size?: SpinnerSize;
1308
+ className?: string;
1309
+ "aria-label"?: string;
1310
+ };
1311
+ declare const Spinner: React$1.ForwardRefExoticComponent<SpinnerProps & React$1.RefAttributes<SVGSVGElement>>;
1312
+
1313
+ interface SkeletonProps extends React__default.HTMLAttributes<HTMLSpanElement> {
1314
+ variant?: "text" | "circle" | "rectangular" | "rounded";
1315
+ width?: number | string;
1316
+ height?: number | string;
1317
+ }
1318
+ declare const Skeleton: React__default.ForwardRefExoticComponent<SkeletonProps & React__default.RefAttributes<HTMLSpanElement>>;
1319
+
1320
+ type TextAreaProps = Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, "prefix"> & {
1321
+ label?: string;
1322
+ mandatory?: boolean;
1323
+ helperText?: string;
1324
+ error?: boolean;
1325
+ errorMessage?: string;
1326
+ disabled?: boolean;
1327
+ horizontal?: boolean;
1328
+ viewMode?: boolean;
1329
+ showResizeHandle?: boolean;
1330
+ };
1331
+ declare const TextArea: React__default.ForwardRefExoticComponent<Omit<React__default.TextareaHTMLAttributes<HTMLTextAreaElement>, "prefix"> & {
1332
+ label?: string;
1333
+ mandatory?: boolean;
1334
+ helperText?: string;
1335
+ error?: boolean;
1336
+ errorMessage?: string;
1337
+ disabled?: boolean;
1338
+ horizontal?: boolean;
1339
+ viewMode?: boolean;
1340
+ showResizeHandle?: boolean;
1341
+ } & React__default.RefAttributes<HTMLTextAreaElement>>;
1342
+
1343
+ type AccordionVariant = "contained" | "outlined";
1344
+ type AccordionSingleModeProps = Omit<AccordionSingleProps, "type" | "asChild"> & {
1345
+ allowMultiple?: false;
1346
+ };
1347
+ type AccordionMultipleModeProps = Omit<AccordionMultipleProps, "type" | "asChild"> & {
1348
+ allowMultiple: true;
1349
+ };
1350
+ type AccordionBaseProps = {
1351
+ variant?: AccordionVariant;
1352
+ allowMultiple?: boolean;
1353
+ };
1354
+ type AccordionRootProps = AccordionBaseProps & (AccordionSingleModeProps | AccordionMultipleModeProps);
1355
+ type AccordionItemProps = React$1.ComponentPropsWithoutRef<typeof AccordionPrimitive.Item> & {
1356
+ variant?: AccordionVariant;
1357
+ };
1358
+ type AccordionTriggerProps = Omit<React$1.ComponentPropsWithoutRef<typeof AccordionPrimitive.Trigger>, "asChild"> & {
1359
+ children: React$1.ReactNode;
1360
+ variant?: AccordionVariant;
1361
+ };
1362
+ type AccordionContentProps = React$1.ComponentPropsWithoutRef<typeof AccordionPrimitive.Content> & {
1363
+ variant?: AccordionVariant;
1364
+ };
1365
+ declare const AccordionRoot: React$1.ForwardRefExoticComponent<AccordionRootProps & React$1.RefAttributes<HTMLDivElement>>;
1366
+ declare const AccordionItem: React$1.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
1367
+ variant?: AccordionVariant;
1368
+ } & React$1.RefAttributes<HTMLDivElement>>;
1369
+ declare const AccordionTrigger: React$1.ForwardRefExoticComponent<Omit<Omit<AccordionPrimitive.AccordionTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref">, "asChild"> & {
1370
+ children: React$1.ReactNode;
1371
+ variant?: AccordionVariant;
1372
+ } & React$1.RefAttributes<HTMLButtonElement>>;
1373
+ declare const AccordionContent: React$1.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
1374
+ variant?: AccordionVariant;
1375
+ } & React$1.RefAttributes<HTMLDivElement>>;
1376
+ declare const Accordion: React$1.ForwardRefExoticComponent<AccordionRootProps & React$1.RefAttributes<HTMLDivElement>> & {
1377
+ Root: React$1.ForwardRefExoticComponent<AccordionRootProps & React$1.RefAttributes<HTMLDivElement>>;
1378
+ Item: React$1.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
1379
+ variant?: AccordionVariant;
1380
+ } & {
1381
+ variant?: AccordionVariant;
1382
+ } & React$1.RefAttributes<HTMLDivElement>>;
1383
+ Trigger: React$1.ForwardRefExoticComponent<Omit<Omit<AccordionPrimitive.AccordionTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref">, "asChild"> & {
1384
+ children: React$1.ReactNode;
1385
+ variant?: AccordionVariant;
1386
+ } & React$1.RefAttributes<HTMLButtonElement>>;
1387
+ Content: React$1.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
1388
+ variant?: AccordionVariant;
1389
+ } & React$1.RefAttributes<HTMLDivElement>>;
1390
+ };
1391
+
1392
+ type MenuPadding = "none" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl";
1393
+ type MenuRootProps = React$1.ComponentPropsWithoutRef<typeof DropdownMenu.Root>;
1394
+ type MenuTriggerProps = React$1.ComponentPropsWithoutRef<typeof DropdownMenu.Trigger>;
1395
+ type HoverHandlerProps = Pick<React$1.HTMLAttributes<HTMLElement>, "onMouseEnter" | "onMouseLeave">;
1396
+ type MenuContentProps = Omit<React$1.ComponentPropsWithoutRef<typeof DropdownMenu.Content>, "asChild" | "side"> & {
1397
+ children: React$1.ReactNode;
1398
+ align?: "start" | "center" | "end";
1399
+ sideOffset?: number;
1400
+ alignOffset?: number;
1401
+ padding?: MenuPadding;
1402
+ position?: "top" | "bottom" | "left" | "right";
1403
+ onMouseEnter?: HoverHandlerProps["onMouseEnter"];
1404
+ onMouseLeave?: HoverHandlerProps["onMouseLeave"];
1405
+ onOpenAutoFocus?: (event: Event) => void;
1406
+ onCloseAutoFocus?: (event: Event) => void;
1407
+ };
1408
+ type MenuItemProps = Omit<React$1.ComponentPropsWithoutRef<typeof DropdownMenu.Item>, "asChild"> & {
1409
+ closeOnSelect?: boolean;
1410
+ children: React$1.ReactNode;
1411
+ };
1412
+ type MenuLabelProps = {
1413
+ children: React$1.ReactNode;
1414
+ className?: string;
1415
+ };
1416
+ type MenuSeparatorProps = {
1417
+ className?: string;
1418
+ };
1419
+ type MenuSubProps = {
1420
+ children: React$1.ReactNode;
1421
+ label: React$1.ReactNode;
1422
+ padding?: MenuPadding;
1423
+ };
1424
+ declare const MenuRoot: {
1425
+ ({ children, ...props }: MenuRootProps): react_jsx_runtime.JSX.Element;
1426
+ displayName: string;
1427
+ };
1428
+ declare const MenuTrigger: React$1.ForwardRefExoticComponent<Omit<DropdownMenu.DropdownMenuTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
1429
+ declare const MenuContent: React$1.ForwardRefExoticComponent<Omit<Omit<DropdownMenu.DropdownMenuContentProps & React$1.RefAttributes<HTMLDivElement>, "ref">, "asChild" | "side"> & {
1430
+ children: React$1.ReactNode;
1431
+ align?: "start" | "center" | "end";
1432
+ sideOffset?: number;
1433
+ alignOffset?: number;
1434
+ padding?: MenuPadding;
1435
+ position?: "top" | "bottom" | "left" | "right";
1436
+ onMouseEnter?: HoverHandlerProps["onMouseEnter"];
1437
+ onMouseLeave?: HoverHandlerProps["onMouseLeave"];
1438
+ onOpenAutoFocus?: (event: Event) => void;
1439
+ onCloseAutoFocus?: (event: Event) => void;
1440
+ } & React$1.RefAttributes<HTMLDivElement>>;
1441
+ type MenuProps = {
1442
+ children: React$1.ReactNode;
1443
+ trigger: React$1.ReactElement;
1444
+ align?: "start" | "center" | "end";
1445
+ sideOffset?: number;
1446
+ alignOffset?: number;
1447
+ openOn?: "click" | "hover";
1448
+ position?: "top" | "bottom" | "left" | "right";
1449
+ open?: MenuRootProps["open"];
1450
+ defaultOpen?: MenuRootProps["defaultOpen"];
1451
+ onOpenChange?: MenuRootProps["onOpenChange"];
1452
+ };
1453
+ declare const Menu: {
1454
+ ({ children, trigger, align, sideOffset, alignOffset, openOn, position, open, defaultOpen, onOpenChange, }: MenuProps): react_jsx_runtime.JSX.Element;
1455
+ displayName: string;
1456
+ };
1457
+ declare const MenuItem: React$1.ForwardRefExoticComponent<Omit<Omit<DropdownMenu.DropdownMenuItemProps & React$1.RefAttributes<HTMLDivElement>, "ref">, "asChild"> & {
1458
+ closeOnSelect?: boolean;
1459
+ children: React$1.ReactNode;
1460
+ } & React$1.RefAttributes<HTMLDivElement>>;
1461
+ declare const MenuLabel: {
1462
+ ({ children, className }: MenuLabelProps): react_jsx_runtime.JSX.Element;
1463
+ displayName: string;
1464
+ };
1465
+ declare const MenuSeparator: {
1466
+ ({ className }: MenuSeparatorProps): react_jsx_runtime.JSX.Element;
1467
+ displayName: string;
1468
+ };
1469
+ declare const MenuSub: {
1470
+ ({ children, label, padding }: MenuSubProps): react_jsx_runtime.JSX.Element;
1471
+ displayName: string;
1472
+ };
1473
+
1474
+ type DialogSize = "sm" | "md" | "lg" | "xl";
1475
+ type DialogProps = {
1476
+ /** Open state */
1477
+ open?: boolean;
1478
+ /** Default open state */
1479
+ defaultOpen?: boolean;
1480
+ /** On open change callback */
1481
+ onOpenChange?: (open: boolean) => void;
1482
+ /** Trigger element */
1483
+ trigger?: React$1.ReactNode;
1484
+ /** Dialog content */
1485
+ children: React$1.ReactNode;
1486
+ /** Modal mode - when true, interaction with outside elements is disabled */
1487
+ modal?: boolean;
1488
+ };
1489
+ type DialogContentProps = {
1490
+ children: React$1.ReactNode;
1491
+ /** Size variant */
1492
+ size?: DialogSize;
1493
+ /** Custom class name */
1494
+ className?: string;
1495
+ /** Maximum height for the dialog */
1496
+ maxHeight?: number | string;
1497
+ /** Fixed height for the dialog */
1498
+ height?: number | string;
1499
+ /** Custom styles */
1500
+ style?: React$1.CSSProperties;
1501
+ /** Called when close button is clicked or escape is pressed */
1502
+ onClose?: () => void;
1503
+ /** Show close button */
1504
+ showCloseButton?: boolean;
1505
+ };
1506
+ type DialogHeaderProps = {
1507
+ children: React$1.ReactNode;
1508
+ className?: string;
1509
+ };
1510
+ type DialogTitleProps = {
1511
+ children: React$1.ReactNode;
1512
+ className?: string;
1513
+ };
1514
+ type DialogDescriptionProps = {
1515
+ children: React$1.ReactNode;
1516
+ className?: string;
1517
+ };
1518
+ type DialogBodyProps = {
1519
+ children: React$1.ReactNode;
1520
+ className?: string;
1521
+ style?: React$1.CSSProperties;
1522
+ };
1523
+ type DialogFooterProps = {
1524
+ children: React$1.ReactNode;
1525
+ className?: string;
1526
+ };
1527
+ declare const DialogRoot: {
1528
+ ({ open, defaultOpen, onOpenChange, trigger, children, modal, }: DialogProps): react_jsx_runtime.JSX.Element;
1529
+ displayName: string;
1530
+ };
1531
+ declare const DialogTrigger: React$1.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
1532
+ declare const DialogContent: React$1.ForwardRefExoticComponent<DialogContentProps & React$1.RefAttributes<HTMLDivElement>>;
1533
+ declare const DialogHeader: {
1534
+ ({ children, className }: DialogHeaderProps): react_jsx_runtime.JSX.Element;
1535
+ displayName: string;
1536
+ };
1537
+ declare const DialogTitle: React$1.ForwardRefExoticComponent<DialogTitleProps & React$1.RefAttributes<HTMLHeadingElement>>;
1538
+ declare const DialogDescription: React$1.ForwardRefExoticComponent<DialogDescriptionProps & React$1.RefAttributes<HTMLParagraphElement>>;
1539
+ declare const DialogBody: {
1540
+ ({ children, className, style }: DialogBodyProps): react_jsx_runtime.JSX.Element;
1541
+ displayName: string;
1542
+ };
1543
+ declare const DialogFooter: {
1544
+ ({ children, className }: DialogFooterProps): react_jsx_runtime.JSX.Element;
1545
+ displayName: string;
1546
+ };
1547
+ declare const DialogClose: React$1.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React$1.RefAttributes<HTMLButtonElement>>;
1548
+ declare const Dialog: {
1549
+ ({ open, defaultOpen, onOpenChange, trigger, children, modal, }: DialogProps): react_jsx_runtime.JSX.Element;
1550
+ displayName: string;
1551
+ } & {
1552
+ Root: {
1553
+ ({ open, defaultOpen, onOpenChange, trigger, children, modal, }: DialogProps): react_jsx_runtime.JSX.Element;
1554
+ displayName: string;
1555
+ };
1556
+ Trigger: React$1.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
1557
+ Content: React$1.ForwardRefExoticComponent<DialogContentProps & React$1.RefAttributes<HTMLDivElement>>;
1558
+ Header: {
1559
+ ({ children, className }: DialogHeaderProps): react_jsx_runtime.JSX.Element;
1560
+ displayName: string;
1561
+ };
1562
+ Title: React$1.ForwardRefExoticComponent<DialogTitleProps & React$1.RefAttributes<HTMLHeadingElement>>;
1563
+ Description: React$1.ForwardRefExoticComponent<DialogDescriptionProps & React$1.RefAttributes<HTMLParagraphElement>>;
1564
+ Body: {
1565
+ ({ children, className, style }: DialogBodyProps): react_jsx_runtime.JSX.Element;
1566
+ displayName: string;
1567
+ };
1568
+ Footer: {
1569
+ ({ children, className }: DialogFooterProps): react_jsx_runtime.JSX.Element;
1570
+ displayName: string;
1571
+ };
1572
+ Close: React$1.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React$1.RefAttributes<HTMLButtonElement>>;
1573
+ };
1574
+
1575
+ type AlertDialogLayout = "medium" | "stacked";
1576
+ type FooterButtonConfig = {
1577
+ primary?: ButtonProps;
1578
+ secondary?: ButtonProps;
1579
+ };
1580
+ type AlertDialogProps = {
1581
+ /** Layout variant - medium (horizontal buttons) or stacked (vertical buttons) */
1582
+ layout?: AlertDialogLayout;
1583
+ /** Title text */
1584
+ title: React$1.ReactNode;
1585
+ /** Description text */
1586
+ description: React$1.ReactNode;
1587
+ /** Cancel button text */
1588
+ cancelText?: string;
1589
+ /** Continue button text */
1590
+ continueText?: string;
1591
+ /** Open state */
1592
+ open?: boolean;
1593
+ /** On open change callback */
1594
+ onOpenChange?: (open: boolean) => void;
1595
+ /** Trigger element */
1596
+ trigger?: React$1.ReactNode;
1597
+ /** If true, clicking the primary action will NOT close the dialog automatically */
1598
+ preventCloseOnAction?: boolean;
1599
+ /** Maximum width of the dialog */
1600
+ maxWidth?: number;
1601
+ /** Footer button configuration */
1602
+ footerButtonConfig?: FooterButtonConfig;
1603
+ /** Overlay styles */
1604
+ overlayStyles?: React$1.CSSProperties;
1605
+ /** Continue callback */
1606
+ onContinue?: () => void;
1607
+ /** Cancel callback */
1608
+ onCancel?: () => void;
1609
+ };
1610
+ declare const AlertDialog: {
1611
+ ({ layout, title, description, cancelText, continueText, open, onContinue, onCancel, onOpenChange, trigger, maxWidth, footerButtonConfig, overlayStyles, preventCloseOnAction, }: AlertDialogProps): react_jsx_runtime.JSX.Element;
1612
+ displayName: string;
1613
+ };
1614
+
1615
+ type ToastVariant = "default" | "info" | "success" | "warning" | "error";
1616
+ type ToastViewportPosition = "top-left" | "top-center" | "top-right" | "bottom-left" | "bottom-center" | "bottom-right";
1617
+ type ToastProps = {
1618
+ /** Toast variant determining color scheme */
1619
+ variant?: ToastVariant;
1620
+ /** Title of the toast */
1621
+ title: string;
1622
+ /** Optional description text */
1623
+ description?: React$1.ReactNode;
1624
+ /** Custom icon to display */
1625
+ icon?: React$1.ReactNode;
1626
+ /** Open state */
1627
+ open?: boolean;
1628
+ /** Callback when open state changes */
1629
+ onOpenChange?: (open: boolean) => void;
1630
+ /** Duration in milliseconds before auto-dismiss (default 5000) */
1631
+ duration?: number;
1632
+ /** Additional className */
1633
+ className?: string;
1634
+ /** Show close button */
1635
+ showClose?: boolean;
1636
+ };
1637
+ declare const Toast: React$1.ForwardRefExoticComponent<ToastProps & React$1.RefAttributes<HTMLLIElement>>;
1638
+ declare const ToastProvider: React$1.FC<ToastPrimitive.ToastProviderProps>;
1639
+ type ToastViewportProps = Omit<React$1.ComponentPropsWithoutRef<typeof ToastPrimitive.Viewport>, "className"> & {
1640
+ position?: ToastViewportPosition;
1641
+ className?: string;
1642
+ };
1643
+ declare const ToastViewport: React$1.ForwardRefExoticComponent<Omit<Omit<ToastPrimitive.ToastViewportProps & React$1.RefAttributes<HTMLOListElement>, "ref">, "className"> & {
1644
+ position?: ToastViewportPosition;
1645
+ className?: string;
1646
+ } & React$1.RefAttributes<HTMLOListElement>>;
1647
+ type ToastData = Omit<ToastProps, "open" | "onOpenChange"> & {
1648
+ id: string;
1649
+ };
1650
+ declare const useToast: () => {
1651
+ toasts: ToastData[];
1652
+ toast: (props: Omit<ToastData, "id">) => string;
1653
+ dismiss: (id: string) => void;
1654
+ clear: () => void;
1655
+ };
1656
+
1657
+ type PopoverSize = "sm" | "md" | "lg" | "auto";
1658
+ type PopoverProps = React$1.ComponentPropsWithoutRef<typeof PopoverPrimitive.Root>;
1659
+ type PopoverTriggerProps = React$1.ComponentPropsWithoutRef<typeof PopoverPrimitive.Trigger>;
1660
+ type PopoverContentProps = Omit<React$1.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content>, "asChild"> & {
1661
+ /** Size preset for the popover */
1662
+ size?: PopoverSize;
1663
+ /** Show arrow pointing to trigger */
1664
+ showArrow?: boolean;
1665
+ /** Show close button */
1666
+ showClose?: boolean;
1667
+ /** Called when close button is clicked */
1668
+ onClose?: () => void;
1669
+ };
1670
+ type PopoverAnchorProps = React$1.ComponentPropsWithoutRef<typeof PopoverPrimitive.Anchor>;
1671
+ declare const PopoverRoot: React$1.FC<PopoverPrimitive.PopoverProps>;
1672
+ declare const PopoverTrigger: React$1.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
1673
+ declare const PopoverAnchor: React$1.ForwardRefExoticComponent<PopoverPrimitive.PopoverAnchorProps & React$1.RefAttributes<HTMLDivElement>>;
1674
+ declare const PopoverContent: React$1.ForwardRefExoticComponent<Omit<Omit<PopoverPrimitive.PopoverContentProps & React$1.RefAttributes<HTMLDivElement>, "ref">, "asChild"> & {
1675
+ /** Size preset for the popover */
1676
+ size?: PopoverSize;
1677
+ /** Show arrow pointing to trigger */
1678
+ showArrow?: boolean;
1679
+ /** Show close button */
1680
+ showClose?: boolean;
1681
+ /** Called when close button is clicked */
1682
+ onClose?: () => void;
1683
+ } & React$1.RefAttributes<HTMLDivElement>>;
1684
+ declare const PopoverClose: React$1.ForwardRefExoticComponent<PopoverPrimitive.PopoverCloseProps & React$1.RefAttributes<HTMLButtonElement>>;
1685
+ type SimplePopoverProps = {
1686
+ children: React$1.ReactNode;
1687
+ trigger: React$1.ReactElement;
1688
+ open?: boolean;
1689
+ defaultOpen?: boolean;
1690
+ onOpenChange?: (open: boolean) => void;
1691
+ side?: "top" | "bottom" | "left" | "right";
1692
+ align?: "start" | "center" | "end";
1693
+ sideOffset?: number;
1694
+ alignOffset?: number;
1695
+ size?: PopoverSize;
1696
+ showArrow?: boolean;
1697
+ showClose?: boolean;
1698
+ modal?: boolean;
1699
+ };
1700
+ declare const Popover: {
1701
+ ({ children, trigger, open, defaultOpen, onOpenChange, side, align, sideOffset, alignOffset, size, showArrow, showClose, modal, }: SimplePopoverProps): react_jsx_runtime.JSX.Element;
1702
+ displayName: string;
1703
+ };
1704
+ declare const PopoverCompound: {
1705
+ ({ children, trigger, open, defaultOpen, onOpenChange, side, align, sideOffset, alignOffset, size, showArrow, showClose, modal, }: SimplePopoverProps): react_jsx_runtime.JSX.Element;
1706
+ displayName: string;
1707
+ } & {
1708
+ Root: React$1.FC<PopoverPrimitive.PopoverProps>;
1709
+ Trigger: React$1.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
1710
+ Anchor: React$1.ForwardRefExoticComponent<PopoverPrimitive.PopoverAnchorProps & React$1.RefAttributes<HTMLDivElement>>;
1711
+ Content: React$1.ForwardRefExoticComponent<Omit<Omit<PopoverPrimitive.PopoverContentProps & React$1.RefAttributes<HTMLDivElement>, "ref">, "asChild"> & {
1712
+ /** Size preset for the popover */
1713
+ size?: PopoverSize;
1714
+ /** Show arrow pointing to trigger */
1715
+ showArrow?: boolean;
1716
+ /** Show close button */
1717
+ showClose?: boolean;
1718
+ /** Called when close button is clicked */
1719
+ onClose?: () => void;
1720
+ } & React$1.RefAttributes<HTMLDivElement>>;
1721
+ Close: React$1.ForwardRefExoticComponent<PopoverPrimitive.PopoverCloseProps & React$1.RefAttributes<HTMLButtonElement>>;
1722
+ };
1723
+
1724
+ type TabsVariant = "pills" | "underline";
1725
+ interface TabsRootProps extends ComponentPropsWithoutRef<typeof TabsPrimitive.Root> {
1726
+ variant?: TabsVariant;
1727
+ }
1728
+ declare const TabsRoot: React__default.ForwardRefExoticComponent<TabsRootProps & React__default.RefAttributes<HTMLDivElement>>;
1729
+ interface TabsListProps extends ComponentPropsWithoutRef<typeof TabsPrimitive.List> {
1730
+ variant?: TabsVariant;
1731
+ fullWidth?: boolean;
1732
+ }
1733
+ declare const TabsList: React__default.ForwardRefExoticComponent<TabsListProps & React__default.RefAttributes<HTMLDivElement>>;
1734
+ interface TabsTriggerProps extends ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger> {
1735
+ icon?: ReactNode;
1736
+ variant?: TabsVariant;
1737
+ }
1738
+ declare const TabsTrigger: React__default.ForwardRefExoticComponent<TabsTriggerProps & React__default.RefAttributes<HTMLButtonElement>>;
1739
+ interface TabsContentProps extends ComponentPropsWithoutRef<typeof TabsPrimitive.Content> {
1740
+ }
1741
+ declare const TabsContent: React__default.ForwardRefExoticComponent<TabsContentProps & React__default.RefAttributes<HTMLDivElement>>;
1742
+ declare const Tabs: React__default.ForwardRefExoticComponent<TabsRootProps & React__default.RefAttributes<HTMLDivElement>> & {
1743
+ Root: React__default.ForwardRefExoticComponent<TabsRootProps & React__default.RefAttributes<HTMLDivElement>>;
1744
+ List: React__default.ForwardRefExoticComponent<TabsListProps & React__default.RefAttributes<HTMLDivElement>>;
1745
+ Trigger: React__default.ForwardRefExoticComponent<TabsTriggerProps & React__default.RefAttributes<HTMLButtonElement>>;
1746
+ Content: React__default.ForwardRefExoticComponent<TabsContentProps & React__default.RefAttributes<HTMLDivElement>>;
1747
+ };
1748
+
1749
+ type DrawerSide = "left" | "right";
1750
+ type DrawerSize = "sm" | "md" | "lg" | "xl";
1751
+ declare const DrawerRoot: React__default.FC<DialogPrimitive.DialogProps>;
1752
+ declare const DrawerTrigger: React__default.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React__default.RefAttributes<HTMLButtonElement>>;
1753
+ declare const DrawerPortal: React__default.FC<DialogPrimitive.DialogPortalProps>;
1754
+ declare const DrawerClose: React__default.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React__default.RefAttributes<HTMLButtonElement>>;
1755
+ type DrawerOverlayProps = DialogPrimitive.DialogOverlayProps & React__default.ComponentPropsWithoutRef<"div">;
1756
+ declare const DrawerOverlay: React__default.ForwardRefExoticComponent<DialogPrimitive.DialogOverlayProps & Omit<React__default.DetailedHTMLProps<React__default.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
1757
+ type DrawerContentProps = DialogPrimitive.DialogContentProps & {
1758
+ side?: DrawerSide;
1759
+ size?: DrawerSize;
1760
+ };
1761
+ declare const DrawerContent: React__default.ForwardRefExoticComponent<DialogPrimitive.DialogContentProps & {
1762
+ side?: DrawerSide;
1763
+ size?: DrawerSize;
1764
+ } & React__default.RefAttributes<HTMLDivElement>>;
1765
+ type DrawerHeaderProps = Omit<React__default.HTMLAttributes<HTMLElement>, 'title'> & {
1766
+ title?: React__default.ReactNode;
1767
+ showCloseButton?: boolean;
1768
+ closeLabel?: string;
1769
+ };
1770
+ declare const DrawerHeader: React__default.ForwardRefExoticComponent<Omit<React__default.HTMLAttributes<HTMLElement>, "title"> & {
1771
+ title?: React__default.ReactNode;
1772
+ showCloseButton?: boolean;
1773
+ closeLabel?: string;
1774
+ } & React__default.RefAttributes<HTMLElement>>;
1775
+ type DrawerTitleProps = DialogPrimitive.DialogTitleProps;
1776
+ declare const DrawerTitle: React__default.ForwardRefExoticComponent<DialogPrimitive.DialogTitleProps & React__default.RefAttributes<HTMLHeadingElement>>;
1777
+ type DrawerDescriptionProps = DialogPrimitive.DialogDescriptionProps;
1778
+ declare const DrawerDescription: React__default.ForwardRefExoticComponent<DialogPrimitive.DialogDescriptionProps & React__default.RefAttributes<HTMLParagraphElement>>;
1779
+ type DrawerBodyProps = React__default.HTMLAttributes<HTMLDivElement>;
1780
+ declare const DrawerBody: React__default.ForwardRefExoticComponent<DrawerBodyProps & React__default.RefAttributes<HTMLDivElement>>;
1781
+ type DrawerFooterProps = React__default.HTMLAttributes<HTMLDivElement>;
1782
+ declare const DrawerFooter: React__default.ForwardRefExoticComponent<DrawerFooterProps & React__default.RefAttributes<HTMLDivElement>>;
1783
+ type DrawerSectionProps = React__default.HTMLAttributes<HTMLElement> & {
1784
+ title?: React__default.ReactNode;
1785
+ description?: React__default.ReactNode;
1786
+ actions?: React__default.ReactNode;
1787
+ };
1788
+ declare const DrawerSection: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLElement> & {
1789
+ title?: React__default.ReactNode;
1790
+ description?: React__default.ReactNode;
1791
+ actions?: React__default.ReactNode;
1792
+ } & React__default.RefAttributes<HTMLElement>>;
1793
+ interface DrawerProps {
1794
+ open: boolean;
1795
+ onOpenChange: (open: boolean) => void;
1796
+ trigger?: React__default.ReactNode;
1797
+ title?: React__default.ReactNode;
1798
+ children: React__default.ReactNode;
1799
+ showOverlay?: boolean;
1800
+ side?: DrawerSide;
1801
+ size?: DrawerSize;
1802
+ showCloseButton?: boolean;
1803
+ }
1804
+ declare const Drawer: {
1805
+ ({ open, onOpenChange, trigger, title, children, showOverlay, side, size, showCloseButton, }: DrawerProps): react_jsx_runtime.JSX.Element;
1806
+ displayName: string;
1807
+ };
1808
+ declare const DrawerCompound: React__default.FC<DialogPrimitive.DialogProps> & {
1809
+ Root: React__default.FC<DialogPrimitive.DialogProps>;
1810
+ Trigger: React__default.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React__default.RefAttributes<HTMLButtonElement>>;
1811
+ Portal: React__default.FC<DialogPrimitive.DialogPortalProps>;
1812
+ Close: React__default.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React__default.RefAttributes<HTMLButtonElement>>;
1813
+ Overlay: React__default.ForwardRefExoticComponent<DialogPrimitive.DialogOverlayProps & Omit<React__default.DetailedHTMLProps<React__default.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
1814
+ Content: React__default.ForwardRefExoticComponent<DialogPrimitive.DialogContentProps & {
1815
+ side?: DrawerSide;
1816
+ size?: DrawerSize;
1817
+ } & React__default.RefAttributes<HTMLDivElement>>;
1818
+ Header: React__default.ForwardRefExoticComponent<Omit<React__default.HTMLAttributes<HTMLElement>, "title"> & {
1819
+ title?: React__default.ReactNode;
1820
+ showCloseButton?: boolean;
1821
+ closeLabel?: string;
1822
+ } & React__default.RefAttributes<HTMLElement>>;
1823
+ Title: React__default.ForwardRefExoticComponent<DialogPrimitive.DialogTitleProps & React__default.RefAttributes<HTMLHeadingElement>>;
1824
+ Description: React__default.ForwardRefExoticComponent<DialogPrimitive.DialogDescriptionProps & React__default.RefAttributes<HTMLParagraphElement>>;
1825
+ Body: React__default.ForwardRefExoticComponent<DrawerBodyProps & React__default.RefAttributes<HTMLDivElement>>;
1826
+ Footer: React__default.ForwardRefExoticComponent<DrawerFooterProps & React__default.RefAttributes<HTMLDivElement>>;
1827
+ Section: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLElement> & {
1828
+ title?: React__default.ReactNode;
1829
+ description?: React__default.ReactNode;
1830
+ actions?: React__default.ReactNode;
1831
+ } & React__default.RefAttributes<HTMLElement>>;
1832
+ };
1833
+
1834
+ interface PaginationRootProps {
1835
+ children: React__default.ReactNode;
1836
+ className?: string;
1837
+ }
1838
+ interface PaginationPreviousProps {
1839
+ onClick?: () => void;
1840
+ disabled?: boolean;
1841
+ children?: React__default.ReactNode;
1842
+ className?: string;
1843
+ }
1844
+ interface PaginationNextProps {
1845
+ onClick?: () => void;
1846
+ disabled?: boolean;
1847
+ children?: React__default.ReactNode;
1848
+ className?: string;
1849
+ }
1850
+ interface PaginationPageProps {
1851
+ page: number;
1852
+ isActive?: boolean;
1853
+ onClick?: (page: number) => void;
1854
+ className?: string;
1855
+ }
1856
+ interface PaginationEllipsisProps {
1857
+ className?: string;
1858
+ }
1859
+ declare const PaginationRoot: {
1860
+ ({ children, className, }: PaginationRootProps): react_jsx_runtime.JSX.Element;
1861
+ displayName: string;
1862
+ };
1863
+ declare const PaginationPrevious: {
1864
+ ({ onClick, disabled, children, className, }: PaginationPreviousProps): react_jsx_runtime.JSX.Element;
1865
+ displayName: string;
1866
+ };
1867
+ declare const PaginationNext: {
1868
+ ({ onClick, disabled, children, className, }: PaginationNextProps): react_jsx_runtime.JSX.Element;
1869
+ displayName: string;
1870
+ };
1871
+ declare const PaginationPage: {
1872
+ ({ page, isActive, onClick, className, }: PaginationPageProps): react_jsx_runtime.JSX.Element;
1873
+ displayName: string;
1874
+ };
1875
+ declare const PaginationEllipsis: {
1876
+ ({ className }: PaginationEllipsisProps): react_jsx_runtime.JSX.Element;
1877
+ displayName: string;
1878
+ };
1879
+ declare const Pagination: {
1880
+ ({ children, className, }: PaginationRootProps): react_jsx_runtime.JSX.Element;
1881
+ displayName: string;
1882
+ } & {
1883
+ Root: {
1884
+ ({ children, className, }: PaginationRootProps): react_jsx_runtime.JSX.Element;
1885
+ displayName: string;
1886
+ };
1887
+ Previous: {
1888
+ ({ onClick, disabled, children, className, }: PaginationPreviousProps): react_jsx_runtime.JSX.Element;
1889
+ displayName: string;
1890
+ };
1891
+ Next: {
1892
+ ({ onClick, disabled, children, className, }: PaginationNextProps): react_jsx_runtime.JSX.Element;
1893
+ displayName: string;
1894
+ };
1895
+ Page: {
1896
+ ({ page, isActive, onClick, className, }: PaginationPageProps): react_jsx_runtime.JSX.Element;
1897
+ displayName: string;
1898
+ };
1899
+ Ellipsis: {
1900
+ ({ className }: PaginationEllipsisProps): react_jsx_runtime.JSX.Element;
1901
+ displayName: string;
1902
+ };
1903
+ };
1904
+ interface PaginationInfoRootProps {
1905
+ children: React__default.ReactNode;
1906
+ className?: string;
1907
+ }
1908
+ interface PaginationInfoLabelProps {
1909
+ children: React__default.ReactNode;
1910
+ }
1911
+ interface PaginationInfoRangeProps {
1912
+ start: number;
1913
+ end: number;
1914
+ total: number;
1915
+ }
1916
+ interface PaginationInfoCompleteProps {
1917
+ currentPage: number;
1918
+ pageSize?: number;
1919
+ totalItems: number;
1920
+ pageSizeOptions?: number[];
1921
+ onPageSizeChange?: (size: number) => void;
1922
+ label?: string;
1923
+ className?: string;
1924
+ }
1925
+ declare const PaginationInfoRoot: {
1926
+ ({ children, className, }: PaginationInfoRootProps): react_jsx_runtime.JSX.Element;
1927
+ displayName: string;
1928
+ };
1929
+ declare const PaginationInfoLabel: {
1930
+ ({ children }: PaginationInfoLabelProps): react_jsx_runtime.JSX.Element;
1931
+ displayName: string;
1932
+ };
1933
+ declare const PaginationInfoRange: {
1934
+ ({ start, end, total, }: PaginationInfoRangeProps): react_jsx_runtime.JSX.Element;
1935
+ displayName: string;
1936
+ };
1937
+ declare const PaginationInfoComplete: {
1938
+ ({ currentPage, pageSize, totalItems, pageSizeOptions, onPageSizeChange, label, className, }: PaginationInfoCompleteProps): react_jsx_runtime.JSX.Element;
1939
+ displayName: string;
1940
+ };
1941
+ declare const PaginationInfo: {
1942
+ ({ children, className, }: PaginationInfoRootProps): react_jsx_runtime.JSX.Element;
1943
+ displayName: string;
1944
+ } & {
1945
+ Root: {
1946
+ ({ children, className, }: PaginationInfoRootProps): react_jsx_runtime.JSX.Element;
1947
+ displayName: string;
1948
+ };
1949
+ Label: {
1950
+ ({ children }: PaginationInfoLabelProps): react_jsx_runtime.JSX.Element;
1951
+ displayName: string;
1952
+ };
1953
+ Range: {
1954
+ ({ start, end, total, }: PaginationInfoRangeProps): react_jsx_runtime.JSX.Element;
1955
+ displayName: string;
1956
+ };
1957
+ Complete: {
1958
+ ({ currentPage, pageSize, totalItems, pageSizeOptions, onPageSizeChange, label, className, }: PaginationInfoCompleteProps): react_jsx_runtime.JSX.Element;
1959
+ displayName: string;
1960
+ };
1961
+ };
1962
+
1963
+ type BreadcrumbRootProps = React$1.ComponentPropsWithoutRef<"nav"> & {
1964
+ separator?: React$1.ReactNode;
1965
+ };
1966
+ type BreadcrumbListProps = InlineProps<"ol">;
1967
+ type BreadcrumbItemProps = InlineProps<"li">;
1968
+ type BreadcrumbLinkProps = React$1.ComponentPropsWithoutRef<"a"> & {
1969
+ asChild?: boolean;
1970
+ current?: boolean;
1971
+ };
1972
+ type BreadcrumbSeparatorProps = InlineProps<"li"> & {
1973
+ children?: React$1.ReactNode;
1974
+ };
1975
+ type BreadcrumbEllipsisProps = React$1.ComponentPropsWithoutRef<"span">;
1976
+ type BreadcrumbPageProps = React$1.ComponentPropsWithoutRef<"span">;
1977
+ declare const BreadcrumbRoot: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
1978
+ separator?: React$1.ReactNode;
1979
+ } & React$1.RefAttributes<HTMLElement>>;
1980
+ declare const BreadcrumbList: React$1.ForwardRefExoticComponent<Omit<BreadcrumbListProps, "ref"> & React$1.RefAttributes<HTMLOListElement>>;
1981
+ declare const BreadcrumbItem: React$1.ForwardRefExoticComponent<Omit<BreadcrumbItemProps, "ref"> & React$1.RefAttributes<HTMLLIElement>>;
1982
+ declare const BreadcrumbLink: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & {
1983
+ asChild?: boolean;
1984
+ current?: boolean;
1985
+ } & React$1.RefAttributes<HTMLAnchorElement>>;
1986
+ declare const BreadcrumbSeparator: React$1.ForwardRefExoticComponent<Omit<BreadcrumbSeparatorProps, "ref"> & React$1.RefAttributes<HTMLLIElement>>;
1987
+ declare const BreadcrumbEllipsis: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React$1.RefAttributes<HTMLSpanElement>>;
1988
+ declare const BreadcrumbPage: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React$1.RefAttributes<HTMLSpanElement>>;
1989
+ declare const Breadcrumb: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
1990
+ separator?: React$1.ReactNode;
1991
+ } & React$1.RefAttributes<HTMLElement>> & {
1992
+ Root: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
1993
+ separator?: React$1.ReactNode;
1994
+ } & React$1.RefAttributes<HTMLElement>>;
1995
+ List: React$1.ForwardRefExoticComponent<Omit<BreadcrumbListProps, "ref"> & React$1.RefAttributes<HTMLOListElement>>;
1996
+ Item: React$1.ForwardRefExoticComponent<Omit<BreadcrumbItemProps, "ref"> & React$1.RefAttributes<HTMLLIElement>>;
1997
+ Link: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & {
1998
+ asChild?: boolean;
1999
+ current?: boolean;
2000
+ } & React$1.RefAttributes<HTMLAnchorElement>>;
2001
+ Separator: React$1.ForwardRefExoticComponent<Omit<BreadcrumbSeparatorProps, "ref"> & React$1.RefAttributes<HTMLLIElement>>;
2002
+ Ellipsis: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React$1.RefAttributes<HTMLSpanElement>>;
2003
+ Page: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React$1.RefAttributes<HTMLSpanElement>>;
2004
+ };
2005
+
2006
+ type SplitterSize = "sm" | "md" | "lg";
2007
+ type ContentSplitterProps = {
2008
+ /** Size of the separator circle */
2009
+ size?: SplitterSize;
2010
+ /** Gap between items */
2011
+ gap?: BoxProps["gap"];
2012
+ /** Alignment direction */
2013
+ align?: "vertical" | "horizontal";
2014
+ /** Content items to separate */
2015
+ children: React__default.ReactNode;
2016
+ };
2017
+ declare function ContentSplitter({ gap, size, align, children, }: ContentSplitterProps): react_jsx_runtime.JSX.Element;
2018
+
2019
+ type ImageFit = "contain" | "cover" | "fill" | "none" | "scale-down";
2020
+ type ImageLoading = "lazy" | "eager";
2021
+ type ImageProps = Omit<BoxOwnProps, "as"> & {
2022
+ /** Image source URL */
2023
+ src: string;
2024
+ /** Alt text for accessibility */
2025
+ alt: string;
2026
+ /** Object fit behavior */
2027
+ objectFit?: ImageFit;
2028
+ /** Object position */
2029
+ objectPosition?: string;
2030
+ /** Loading strategy - lazy by default for optimization */
2031
+ loading?: ImageLoading;
2032
+ /** Placeholder to show while loading */
2033
+ placeholder?: React__default.ReactNode;
2034
+ /** Fallback to show on error */
2035
+ fallback?: React__default.ReactNode;
2036
+ /** Callback when image loads successfully */
2037
+ onLoad?: () => void;
2038
+ /** Callback when image fails to load */
2039
+ onError?: () => void;
2040
+ /** Whether to show a fade-in effect when loaded */
2041
+ fadeIn?: boolean;
2042
+ /** Duration of fade-in animation in ms */
2043
+ fadeInDuration?: number;
2044
+ /** Aspect ratio (e.g., "16/9", "4/3", "1/1") */
2045
+ aspectRatio?: string;
2046
+ /** Decode images asynchronously for better performance */
2047
+ decoding?: "async" | "sync" | "auto";
2048
+ /** Fetch priority hint */
2049
+ fetchPriority?: "high" | "low" | "auto";
2050
+ /** Sizes attribute for responsive images */
2051
+ sizes?: string;
2052
+ /** Srcset for responsive images */
2053
+ srcSet?: string;
2054
+ };
2055
+ declare const Image: React__default.ForwardRefExoticComponent<Omit<BoxOwnProps, "as"> & {
2056
+ /** Image source URL */
2057
+ src: string;
2058
+ /** Alt text for accessibility */
2059
+ alt: string;
2060
+ /** Object fit behavior */
2061
+ objectFit?: ImageFit;
2062
+ /** Object position */
2063
+ objectPosition?: string;
2064
+ /** Loading strategy - lazy by default for optimization */
2065
+ loading?: ImageLoading;
2066
+ /** Placeholder to show while loading */
2067
+ placeholder?: React__default.ReactNode;
2068
+ /** Fallback to show on error */
2069
+ fallback?: React__default.ReactNode;
2070
+ /** Callback when image loads successfully */
2071
+ onLoad?: () => void;
2072
+ /** Callback when image fails to load */
2073
+ onError?: () => void;
2074
+ /** Whether to show a fade-in effect when loaded */
2075
+ fadeIn?: boolean;
2076
+ /** Duration of fade-in animation in ms */
2077
+ fadeInDuration?: number;
2078
+ /** Aspect ratio (e.g., "16/9", "4/3", "1/1") */
2079
+ aspectRatio?: string;
2080
+ /** Decode images asynchronously for better performance */
2081
+ decoding?: "async" | "sync" | "auto";
2082
+ /** Fetch priority hint */
2083
+ fetchPriority?: "high" | "low" | "auto";
2084
+ /** Sizes attribute for responsive images */
2085
+ sizes?: string;
2086
+ /** Srcset for responsive images */
2087
+ srcSet?: string;
2088
+ } & React__default.RefAttributes<HTMLDivElement>>;
2089
+
2090
+ type UploadFileItem = {
2091
+ id: string;
2092
+ name: string;
2093
+ sizeInBytes?: number;
2094
+ sizeLabel?: string;
2095
+ previewUrl?: string;
2096
+ type?: string;
2097
+ extension?: string;
2098
+ file?: File;
2099
+ };
2100
+ type FileUploadProps = {
2101
+ /** Full or compact variant */
2102
+ variant?: "full" | "compact";
2103
+ /** Title above the dropzone */
2104
+ title?: string;
2105
+ /** Description below the title */
2106
+ description?: string;
2107
+ /** Label for drag and drop */
2108
+ dragLabel?: string;
2109
+ /** Label for compact variant drag and drop */
2110
+ compactDragLabel?: string;
2111
+ /** Supported file types text */
2112
+ supportedText?: string;
2113
+ /** Maximum file size label */
2114
+ maxSizeLabel?: string;
2115
+ /** Helper text below the dropzone */
2116
+ helperText?: string;
2117
+ /** Button label for full variant */
2118
+ buttonLabel?: string;
2119
+ /** Link text for compact variant */
2120
+ chooseFileLabel?: string;
2121
+ /** List of uploaded files */
2122
+ files?: UploadFileItem[];
2123
+ /** File accept attribute */
2124
+ accept?: string;
2125
+ /** Allow multiple file selection */
2126
+ multiple?: boolean;
2127
+ /** Disabled state */
2128
+ disabled?: boolean;
2129
+ /** Callback when files are selected */
2130
+ onSelectFiles?: (files: File[]) => void;
2131
+ /** Callback when a file is removed */
2132
+ onRemoveFile?: (id: string) => void;
2133
+ /** Additional class name */
2134
+ className?: string;
2135
+ };
2136
+ 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;
2137
+
2138
+ type DayInfo = {
2139
+ date: Date;
2140
+ day: number;
2141
+ isOutsideMonth: boolean;
2142
+ isToday: boolean;
2143
+ isSelected: boolean;
2144
+ isRangeStart: boolean;
2145
+ isRangeEnd: boolean;
2146
+ isInRange: boolean;
2147
+ isUnavailable: boolean;
2148
+ isDisabled: boolean;
2149
+ dayType: "start" | "middle" | "end";
2150
+ };
2151
+ type CalendarGridProps = {
2152
+ /** The currently displayed month (0-11) */
2153
+ month: number;
2154
+ /** The currently displayed year */
2155
+ year: number;
2156
+ /** Currently selected date */
2157
+ selectedDate?: Date | null;
2158
+ /** Start of selected range (for range selection) */
2159
+ rangeStart?: Date | null;
2160
+ /** End of selected range (for range selection) */
2161
+ rangeEnd?: Date | null;
2162
+ /** Today's date (defaults to current date) */
2163
+ today?: Date;
2164
+ /** Minimum selectable date */
2165
+ minDate?: Date | null;
2166
+ /** Maximum selectable date */
2167
+ maxDate?: Date | null;
2168
+ /** Dates that are unavailable for selection */
2169
+ unavailableDates?: Date[];
2170
+ /** Called when a date is selected */
2171
+ onDateSelect?: (date: Date) => void;
2172
+ /** Whether to render days from adjacent months */
2173
+ showOutsideDays?: boolean;
2174
+ };
2175
+ declare const useCalendarDays: ({ month, year, selectedDate, rangeStart, rangeEnd, today, minDate, maxDate, unavailableDates, }: Omit<CalendarGridProps, "onDateSelect">) => DayInfo[];
2176
+ declare const CalendarGrid: React__default.FC<CalendarGridProps>;
2177
+
2178
+ type CalendarProps = CalendarGridProps & {
2179
+ /** Called when navigating to previous month */
2180
+ onPreviousMonth?: () => void;
2181
+ /** Called when navigating to next month */
2182
+ onNextMonth?: () => void;
2183
+ /** Whether the previous month navigation is disabled */
2184
+ previousMonthDisabled?: boolean;
2185
+ /** Whether the next month navigation is disabled */
2186
+ nextMonthDisabled?: boolean;
2187
+ /** Custom class name */
2188
+ className?: string;
2189
+ };
2190
+ declare const Calendar: React__default.FC<CalendarProps>;
2191
+
2192
+ type CalendarDateButtonSelection = "none" | "inRange" | "start" | "end" | "selected";
2193
+ type CalendarDateButtonTone = "default" | "outside" | "current" | "unavailable";
2194
+ type CalendarDateButtonRangeSide = "none" | "left" | "right" | "both";
2195
+ type CalendarDateButtonProps = {
2196
+ label: React__default.ReactNode;
2197
+ selection?: CalendarDateButtonSelection;
2198
+ tone?: CalendarDateButtonTone;
2199
+ outsideRange?: CalendarDateButtonRangeSide;
2200
+ disabled?: boolean;
2201
+ edgeRadius?: "none" | "left" | "right" | "full";
2202
+ rangeExtends?: "none" | "left" | "right";
2203
+ onClick?: () => void;
2204
+ className?: string;
2205
+ style?: React__default.CSSProperties;
2206
+ };
2207
+ declare const CalendarDateButton: React__default.FC<CalendarDateButtonProps>;
2208
+
2209
+ type CalendarArrowButtonDirection = "previous" | "next";
2210
+ type CalendarArrowButtonProps = {
2211
+ direction: CalendarArrowButtonDirection;
2212
+ disabled?: boolean;
2213
+ className?: string;
2214
+ onClick?: () => void;
2215
+ };
2216
+ declare const CalendarArrowButton: React__default.FC<CalendarArrowButtonProps>;
2217
+
2218
+ declare const MONTH_NAMES: readonly ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];
2219
+ declare const MONTH_NAMES_SHORT: readonly ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];
2220
+ declare const WEEKDAYS: readonly ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"];
2221
+ declare const getDefaultMinDate: (referenceDate?: Date) => Date;
2222
+ declare const getDefaultMaxDate: (referenceDate?: Date) => Date;
2223
+ declare const isSameDay: (date1: Date, date2: Date) => boolean;
2224
+ declare const isDateBetween: (date: Date, start: Date, end: Date) => boolean;
2225
+ declare const isWithinBounds: (date: Date, min: Date, max: Date) => boolean;
2226
+ type DateRange = {
2227
+ start: Date | null;
2228
+ end: Date | null;
2229
+ };
2230
+ declare const formatDate: (date: Date) => string;
2231
+ declare const formatInputDate: (date: Date) => string;
2232
+ declare const parseInputDate: (value: string) => Date | null;
2233
+
2234
+ type TimeFormat$1 = "12h" | "24h";
2235
+ type TimePeriod = "AM" | "PM";
2236
+ interface TimeValue {
2237
+ hours: number;
2238
+ minutes: number;
2239
+ seconds?: number;
2240
+ }
2241
+ interface TimePickerProps {
2242
+ /** Current time value */
2243
+ value?: TimeValue | null;
2244
+ /** Default time value */
2245
+ defaultValue?: TimeValue | null;
2246
+ /** Callback when time changes */
2247
+ onChange?: (time: TimeValue | null) => void;
2248
+ /** Callback when Apply is clicked */
2249
+ onApply?: (time: TimeValue | null) => void;
2250
+ /** Callback when Clear is clicked */
2251
+ onClear?: () => void;
2252
+ /** Time format (12-hour or 24-hour) */
2253
+ format?: TimeFormat$1;
2254
+ /** Show seconds picker */
2255
+ showSeconds?: boolean;
2256
+ /** Minimum selectable time */
2257
+ minTime?: TimeValue;
2258
+ /** Maximum selectable time */
2259
+ maxTime?: TimeValue;
2260
+ /** Disabled state */
2261
+ disabled?: boolean;
2262
+ /** Error state */
2263
+ error?: boolean;
2264
+ /** Placeholder text */
2265
+ placeholder?: string;
2266
+ /** Custom trigger element */
2267
+ trigger?: React__default.ReactElement;
2268
+ /** Render custom trigger with formatted time */
2269
+ renderTrigger?: (formattedTime: string) => React__default.ReactElement;
2270
+ /** Step for minutes (default: 1) */
2271
+ minuteStep?: number;
2272
+ /** Show quick time presets */
2273
+ showPresets?: boolean;
2274
+ /** Custom time presets */
2275
+ presets?: Array<{
2276
+ label: string;
2277
+ time: TimeValue;
2278
+ }>;
2279
+ }
2280
+ declare const TimePicker: React__default.ForwardRefExoticComponent<TimePickerProps & React__default.RefAttributes<HTMLDivElement>>;
2281
+
2282
+ type DateTimeInputMode = "date" | "time" | "datetime";
2283
+ type TimeFormat = "12h" | "24h";
2284
+ interface DateTimeValue {
2285
+ date?: Date | null;
2286
+ time?: TimeValue | null;
2287
+ }
2288
+ interface DateTimeInputProps {
2289
+ /** Input mode: date only, time only, or both */
2290
+ mode?: DateTimeInputMode;
2291
+ /** Current value */
2292
+ value?: DateTimeValue | null;
2293
+ /** Default value */
2294
+ defaultValue?: DateTimeValue | null;
2295
+ /** Callback when value changes */
2296
+ onChange?: (value: DateTimeValue | null) => void;
2297
+ /** Label text */
2298
+ label?: string;
2299
+ /** Whether the field is mandatory */
2300
+ mandatory?: boolean;
2301
+ /** Helper text displayed below the input */
2302
+ helperText?: string;
2303
+ /** Error state */
2304
+ error?: boolean;
2305
+ /** Error message (overrides helperText when error is true) */
2306
+ errorMessage?: string;
2307
+ /** Disabled state */
2308
+ disabled?: boolean;
2309
+ /** Placeholder for date */
2310
+ datePlaceholder?: string;
2311
+ /** Placeholder for time */
2312
+ timePlaceholder?: string;
2313
+ /** Time format (12-hour or 24-hour) */
2314
+ timeFormat?: TimeFormat;
2315
+ /** Show seconds in time picker */
2316
+ showSeconds?: boolean;
2317
+ /** Minimum selectable date */
2318
+ minDate?: Date;
2319
+ /** Maximum selectable date */
2320
+ maxDate?: Date;
2321
+ /** Horizontal layout (label and input side by side) */
2322
+ horizontal?: boolean;
2323
+ /** Show clear button */
2324
+ showClear?: boolean;
2325
+ /** Today's date for calendar */
2326
+ today?: Date;
2327
+ }
2328
+ declare const DateTimeInput: React__default.ForwardRefExoticComponent<DateTimeInputProps & React__default.RefAttributes<HTMLDivElement>>;
2329
+
2330
+ export { AVATAR_COLORS, Accordion, AccordionContent, type AccordionContentProps, AccordionItem, type AccordionItemProps, AccordionRoot, type AccordionRootProps, AccordionTrigger, type AccordionTriggerProps, type AccordionVariant, AlertDialog, type AlertDialogLayout, type AlertDialogProps, 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, type CalendarProps, Caption, Checkbox, type CheckboxProps, Chip, type ChipOutline, type ChipOwnProps, type ChipProps, type ChipVariant, Code, ContentSplitter, type ContentSplitterProps, 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, type ExtendableProps, FileUpload, type FileUploadProps, Grid, GridItem, type GridItemProps, type GridProps, Heading, type HeadingOwnProps, type HeadingVariant, IconButton, type IconButtonProps, type IconPosition, Image, type ImageFit, type ImageLoading, type ImageProps, 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, 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, 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, Select, SelectContent, type SelectContentProps, SelectItem, type SelectItemProps, type SelectOption, type SelectProps, SelectRoot, type SelectRootProps, SelectSeparator, SelectTrigger, type SelectTriggerProps, SelectValue, type SimplePopoverProps, Skeleton, type SkeletonProps, 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, type 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 };