@marigold/system 15.3.0 → 15.4.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 (5) hide show
  1. package/dist/index.d.mts +923 -895
  2. package/dist/index.d.ts +923 -895
  3. package/dist/index.js +919 -999
  4. package/dist/index.mjs +862 -933
  5. package/package.json +7 -7
package/dist/index.d.mts CHANGED
@@ -1,74 +1,81 @@
1
- import React$1, { Context, ReactNode } from 'react';
2
- import { HtmlProps, KebabCase } from '@marigold/types';
3
- import { DateFormatterOptions, useNumberFormatter } from '@react-aria/i18n';
4
- import { ClassValue, StringToBoolean, ClassProp } from 'class-variance-authority/dist/types';
5
- export { ClassValue } from 'class-variance-authority/dist/types';
6
- export { VariantProps } from 'class-variance-authority';
1
+ import React$1, { Context, ReactNode } from "react";
2
+ import { VariantProps } from "class-variance-authority";
3
+ import { DateFormatterOptions, useNumberFormatter } from "@react-aria/i18n";
4
+ import { HtmlProps, KebabCase } from "@marigold/types";
5
+ import { ClassProp, ClassValue, StringToBoolean } from "class-variance-authority/dist/types";
7
6
 
7
+ //#region src/components/SVG/SVG.d.ts
8
8
  interface SVGProps extends Omit<HtmlProps<'svg'>, 'fill' | 'style'> {
9
- /**
10
- * The size of an svg.
11
- */
12
- size?: number | string | number[] | string[];
13
- /**
14
- * To add a className on svg and icons.
15
- */
16
- className?: string;
9
+ /**
10
+ * The size of an svg.
11
+ */
12
+ size?: number | string | number[] | string[];
13
+ /**
14
+ * To add a className on svg and icons.
15
+ */
16
+ className?: string;
17
17
  }
18
18
  declare const SVG: React$1.ForwardRefExoticComponent<SVGProps & React$1.RefAttributes<SVGSVGElement>>;
19
-
19
+ //#endregion
20
+ //#region src/components/Formatters/DateFormat.d.ts
20
21
  interface DateFormatProps extends DateFormatterOptions {
21
- /**
22
- * Value to be formatted.
23
- */
24
- value: Date | [Date, Date];
25
- /**
26
- * Specifies that the digits should take the full width.
27
- * @default true
28
- */
29
- tabular?: boolean;
22
+ /**
23
+ * Value to be formatted.
24
+ */
25
+ value: Date | [Date, Date];
26
+ /**
27
+ * Specifies that the digits should take the full width.
28
+ * @default true
29
+ */
30
+ tabular?: boolean;
30
31
  }
31
- declare const DateFormat: ({ value, tabular, ...props }: DateFormatProps) => React$1.JSX.Element;
32
-
32
+ declare const DateFormat: ({
33
+ value,
34
+ tabular,
35
+ ...props
36
+ }: DateFormatProps) => React$1.JSX.Element;
37
+ //#endregion
38
+ //#region src/components/Formatters/NumericFormat.d.ts
33
39
  type NumerFormatterOptions = NonNullable<Parameters<typeof useNumberFormatter>[0]>;
34
40
  type StringNumericLiteral = `${number}` | 'Infinity' | '-Infinity' | '+Infinity';
35
41
  interface NumericFormatProps extends NumerFormatterOptions {
36
- /**
37
- * Value to be formatted.
38
- */
39
- value: number | bigint | StringNumericLiteral | [number, number] | [bigint, bigint] | [StringNumericLiteral, StringNumericLiteral];
40
- /**
41
- * The numberingSystem accessor property of Intl.Locale instances returns the numeral system for this locale.
42
- */
43
- numberingSystem?: string;
44
- /**
45
- * Specifies that the digits should take the full width.
46
- * @default true
47
- */
48
- tabular?: boolean;
42
+ /**
43
+ * Value to be formatted.
44
+ */
45
+ value: number | bigint | StringNumericLiteral | [number, number] | [bigint, bigint] | [StringNumericLiteral, StringNumericLiteral];
46
+ /**
47
+ * The numberingSystem accessor property of Intl.Locale instances returns the numeral system for this locale.
48
+ */
49
+ numberingSystem?: string;
50
+ /**
51
+ * Specifies that the digits should take the full width.
52
+ * @default true
53
+ */
54
+ tabular?: boolean;
49
55
  }
50
- declare const NumericFormat: ({ value, tabular, ...props }: NumericFormatProps) => React$1.JSX.Element;
51
-
56
+ declare const NumericFormat: ({
57
+ value,
58
+ tabular,
59
+ ...props
60
+ }: NumericFormatProps) => React$1.JSX.Element;
61
+ //#endregion
62
+ //#region src/utils.d.ts
52
63
  type ConfigSchema = Record<string, Record<string, ClassValue>>;
53
- type ConfigVariants<T extends ConfigSchema> = {
54
- [Variant in keyof T]?: StringToBoolean<keyof T[Variant]> | null | undefined;
55
- };
56
- type ConfigVariantsMulti<T extends ConfigSchema> = {
57
- [Variant in keyof T]?: StringToBoolean<keyof T[Variant]> | StringToBoolean<keyof T[Variant]>[] | undefined;
58
- };
64
+ type ConfigVariants<T extends ConfigSchema> = { [Variant in keyof T]?: StringToBoolean<keyof T[Variant]> | null | undefined };
65
+ type ConfigVariantsMulti<T extends ConfigSchema> = { [Variant in keyof T]?: StringToBoolean<keyof T[Variant]> | StringToBoolean<keyof T[Variant]>[] | undefined };
59
66
  type Config<T> = T extends ConfigSchema ? {
60
- variants?: T;
61
- defaultVariants?: ConfigVariants<T>;
62
- compoundVariants?: (T extends ConfigSchema ? (ConfigVariants<T> | ConfigVariantsMulti<T>) & ClassProp : ClassProp)[];
67
+ variants?: T;
68
+ defaultVariants?: ConfigVariants<T>;
69
+ compoundVariants?: (T extends ConfigSchema ? (ConfigVariants<T> | ConfigVariantsMulti<T>) & ClassProp : ClassProp)[];
63
70
  } : never;
64
71
  type Props<T> = T extends ConfigSchema ? ConfigVariants<T> & ClassProp : ClassProp;
65
72
  declare const cva: <T>(base?: ClassValue, config?: Config<T>) => {
66
- (props?: Props<T>): string;
67
- variants: T | undefined;
73
+ (props?: Props<T>): string;
74
+ variants: T | undefined;
68
75
  };
69
76
  declare const cn: (...inputs: ClassValue[]) => string;
70
77
  declare const createVar: (o: {
71
- [key: string]: string | number | undefined;
78
+ [key: string]: string | number | undefined;
72
79
  }) => React.CSSProperties;
73
80
  /**
74
81
  * Safely get a dot-notated path within a nested object, with ability
@@ -97,968 +104,989 @@ declare const isValidCssCustomPropertyName: (val: string) => boolean;
97
104
  * If the value is not a valid custom property name, the function returns the original value.
98
105
  */
99
106
  declare const ensureCssVar: (val: string, prefix?: string) => string;
100
-
107
+ //#endregion
108
+ //#region src/types/theme.d.ts
101
109
  interface NestedStringObject {
102
- [key: string]: NestedStringObject | string;
110
+ [key: string]: NestedStringObject | string;
103
111
  }
104
112
  interface ComponentStyleFunction<Variants extends string = never, Sizes extends string = never, Additional extends {
105
- [name: string]: any;
113
+ [name: string]: any;
106
114
  } = {}> {
107
- (props?: {
108
- variant?: Variants | null;
109
- size?: Sizes | null;
110
- className?: ClassValue;
111
- } & Partial<Additional>): string;
112
- variants: ConfigSchema | undefined;
115
+ (props?: {
116
+ variant?: Variants | null;
117
+ size?: Sizes | null;
118
+ className?: ClassValue;
119
+ } & Partial<Additional>): string;
120
+ variants: ConfigSchema | undefined;
113
121
  }
114
122
  type Theme = {
115
- name: string;
116
- screens?: {
117
- [key: string]: string;
118
- };
119
- colors?: NestedStringObject;
120
- shadow?: NestedStringObject;
121
- height?: NestedStringObject;
122
- root?: ComponentStyleFunction;
123
- components: {
124
- Accordion?: Record<'container' | 'item' | 'header' | 'content' | 'icon', ComponentStyleFunction<string, string>>;
125
- Badge?: ComponentStyleFunction<string, string>;
126
- Breadcrumbs?: Record<'container' | 'item' | 'link' | 'current', ComponentStyleFunction<string, string>>;
127
- Button?: ComponentStyleFunction<string, string>;
128
- Card?: ComponentStyleFunction<string, string>;
129
- CloseButton?: ComponentStyleFunction<string, string>;
130
- Collapsible?: Record<'container' | 'trigger' | 'content', ComponentStyleFunction<string, string>>;
131
- ContextualHelp?: Record<'trigger' | 'popover' | 'dialog' | 'title' | 'content', ComponentStyleFunction<string, string>>;
132
- DateField?: Record<'segment' | 'field' | 'action', ComponentStyleFunction<string, string>>;
133
- Dialog?: Record<'closeButton' | 'container' | 'header' | 'content' | 'actions' | 'title', ComponentStyleFunction<string, string>>;
134
- Divider?: ComponentStyleFunction<string, string>;
135
- Drawer?: Record<'overlay' | 'closeButton' | 'container' | 'header' | 'title' | 'content' | 'actions', ComponentStyleFunction<string, string>>;
136
- Field?: ComponentStyleFunction<string, string>;
137
- Headline?: ComponentStyleFunction<string, string>;
138
- Popover?: ComponentStyleFunction<string, string>;
139
- HelpText?: Record<'container' | 'icon', ComponentStyleFunction<string, string>>;
140
- IconButton?: ComponentStyleFunction<string, string>;
141
- Checkbox?: Record<'container' | 'label' | 'checkbox' | 'group', ComponentStyleFunction<string, string>>;
142
- Switch?: Record<'container' | 'track' | 'thumb', ComponentStyleFunction<string, string>>;
143
- Input?: Record<'input' | 'icon' | 'action', ComponentStyleFunction<string, string>>;
144
- Label?: Record<'container' | 'indicator', ComponentStyleFunction<string, string>>;
145
- List?: Record<'ol' | 'ul' | 'item', ComponentStyleFunction<string, string>>;
146
- Link?: ComponentStyleFunction<string, string>;
147
- ListBox?: Record<'container' | 'list' | 'item' | 'section' | 'header', ComponentStyleFunction<string, string>>;
148
- Menu?: Record<'container' | 'section' | 'item' | 'button', ComponentStyleFunction<string, string>>;
149
- Modal?: ComponentStyleFunction<string, string>;
150
- MultiSelect?: Record<'container' | 'closeButton' | 'field' | 'input' | 'icon' | 'listContainer' | 'list' | 'option' | 'tag' | 'valueContainer', ComponentStyleFunction<string, string>>;
151
- Pagination?: Record<'container' | 'navigationButton' | 'pageButton' | 'icon' | 'ellipsis', ComponentStyleFunction<string, string>>;
152
- ProgressCycle?: ComponentStyleFunction<string, string>;
153
- Radio?: Record<'container' | 'label' | 'radio' | 'group', ComponentStyleFunction<string, string>>;
154
- Slider?: Record<'container' | 'track' | 'thumb' | 'output' | 'selectedTrack', ComponentStyleFunction<string, string>>;
155
- Select?: Record<'select' | 'icon', ComponentStyleFunction<string, string>>;
156
- NumberField?: Record<'group' | 'stepper' | 'input', ComponentStyleFunction<string, string>>;
157
- SectionMessage?: Record<'container' | 'icon' | 'title' | 'content' | 'close', ComponentStyleFunction<string, string>>;
158
- Table?: Record<'table' | 'headerRow' | 'header' | 'thead' | 'body' | 'row' | 'cell', ComponentStyleFunction<string, string>>;
159
- Tag?: Record<'container' | 'tag' | 'listItems' | 'closeButton' | 'removeAll', ComponentStyleFunction<string, string>>;
160
- Text?: ComponentStyleFunction<string, string>;
161
- TextArea?: ComponentStyleFunction<string, string>;
162
- Tooltip?: Record<'container' | 'arrow', ComponentStyleFunction<string, string>>;
163
- Toast?: Record<'toast' | 'title' | 'description' | 'closeButton' | 'icon' | 'content' | 'bottom-left' | 'bottom-right' | 'top-left' | 'top-right' | 'top' | 'bottom', ComponentStyleFunction<string, string>>;
164
- Tabs?: Record<'container' | 'tabsList' | 'tabpanel' | 'tab', ComponentStyleFunction<string, string>>;
165
- Underlay?: ComponentStyleFunction<string, string>;
166
- Calendar?: Record<'calendar' | 'calendarListboxButton' | 'calendarCell' | 'calendarControllers' | 'calendarHeader' | 'calendarGrid' | 'select', ComponentStyleFunction<string, string>>;
167
- DatePicker?: ComponentStyleFunction<string, string>;
168
- ComboBox?: ComponentStyleFunction<string, string>;
169
- XLoader?: Record<'container' | 'loader' | 'label', ComponentStyleFunction<string, string>>;
170
- };
123
+ name: string;
124
+ screens?: {
125
+ [key: string]: string;
126
+ };
127
+ colors?: NestedStringObject;
128
+ shadow?: NestedStringObject;
129
+ height?: NestedStringObject;
130
+ root?: ComponentStyleFunction;
131
+ components: {
132
+ Accordion?: Record<'container' | 'item' | 'header' | 'content' | 'icon', ComponentStyleFunction<string, string>>;
133
+ Badge?: ComponentStyleFunction<string, string>;
134
+ Breadcrumbs?: Record<'container' | 'item' | 'link' | 'current', ComponentStyleFunction<string, string>>;
135
+ Button?: ComponentStyleFunction<string, string>;
136
+ Card?: ComponentStyleFunction<string, string>;
137
+ CloseButton?: ComponentStyleFunction<string, string>;
138
+ Collapsible?: Record<'container' | 'trigger' | 'content', ComponentStyleFunction<string, string>>;
139
+ ContextualHelp?: Record<'trigger' | 'popover' | 'container' | 'title' | 'content', ComponentStyleFunction<string, string>>;
140
+ DateField?: Record<'segment' | 'field' | 'action', ComponentStyleFunction<string, string>>;
141
+ Dialog?: Record<'closeButton' | 'container' | 'header' | 'content' | 'actions' | 'title', ComponentStyleFunction<string, string>>;
142
+ Divider?: ComponentStyleFunction<string, string>;
143
+ Drawer?: Record<'overlay' | 'closeButton' | 'container' | 'header' | 'title' | 'content' | 'actions', ComponentStyleFunction<string, string>>;
144
+ Field?: ComponentStyleFunction<string, string>;
145
+ Headline?: ComponentStyleFunction<string, string>;
146
+ Popover?: ComponentStyleFunction<string, string>;
147
+ HelpText?: Record<'container' | 'icon', ComponentStyleFunction<string, string>>;
148
+ IconButton?: ComponentStyleFunction<string, string>;
149
+ Checkbox?: Record<'container' | 'label' | 'checkbox' | 'group', ComponentStyleFunction<string, string>>;
150
+ Switch?: Record<'container' | 'track' | 'thumb', ComponentStyleFunction<string, string>>;
151
+ Input?: Record<'input' | 'icon' | 'action', ComponentStyleFunction<string, string>>;
152
+ Label?: Record<'container' | 'indicator', ComponentStyleFunction<string, string>>;
153
+ List?: Record<'ol' | 'ul' | 'item', ComponentStyleFunction<string, string>>;
154
+ Link?: ComponentStyleFunction<string, string>;
155
+ ListBox?: Record<'container' | 'list' | 'item' | 'section' | 'header', ComponentStyleFunction<string, string>>;
156
+ Menu?: Record<'container' | 'section' | 'item' | 'button', ComponentStyleFunction<string, string>>;
157
+ Modal?: ComponentStyleFunction<string, string>;
158
+ MultiSelect?: Record<'container' | 'closeButton' | 'field' | 'input' | 'icon' | 'listContainer' | 'list' | 'option' | 'tag' | 'valueContainer', ComponentStyleFunction<string, string>>;
159
+ Pagination?: Record<'container' | 'navigationButton' | 'pageButton' | 'icon' | 'ellipsis', ComponentStyleFunction<string, string>>;
160
+ ProgressCycle?: ComponentStyleFunction<string, string>;
161
+ Radio?: Record<'container' | 'label' | 'radio' | 'group', ComponentStyleFunction<string, string>>;
162
+ Slider?: Record<'container' | 'track' | 'thumb' | 'output' | 'selectedTrack', ComponentStyleFunction<string, string>>;
163
+ Select?: Record<'select' | 'icon', ComponentStyleFunction<string, string>>;
164
+ NumberField?: Record<'group' | 'stepper' | 'input', ComponentStyleFunction<string, string>>;
165
+ SectionMessage?: Record<'container' | 'icon' | 'title' | 'content' | 'close', ComponentStyleFunction<string, string>>;
166
+ Table?: Record<'table' | 'headerRow' | 'header' | 'thead' | 'body' | 'row' | 'cell', ComponentStyleFunction<string, string>>;
167
+ Tag?: Record<'container' | 'tag' | 'listItems' | 'closeButton' | 'removeAll', ComponentStyleFunction<string, string>>;
168
+ Text?: ComponentStyleFunction<string, string>;
169
+ TextArea?: ComponentStyleFunction<string, string>;
170
+ Tooltip?: Record<'container' | 'arrow', ComponentStyleFunction<string, string>>;
171
+ Toast?: Record<'toast' | 'title' | 'description' | 'closeButton' | 'icon' | 'content' | 'bottom-left' | 'bottom-right' | 'top-left' | 'top-right' | 'top' | 'bottom' | 'action', ComponentStyleFunction<string, string>>;
172
+ Tabs?: Record<'container' | 'tabsList' | 'tabpanel' | 'tab', ComponentStyleFunction<string, string>>;
173
+ Underlay?: ComponentStyleFunction<string, string>;
174
+ Calendar?: Record<'calendar' | 'calendarListboxButton' | 'calendarCell' | 'calendarControllers' | 'calendarHeader' | 'calendarGrid' | 'select', ComponentStyleFunction<string, string>>;
175
+ DatePicker?: ComponentStyleFunction<string, string>;
176
+ ComboBox?: ComponentStyleFunction<string, string>;
177
+ XLoader?: Record<'container' | 'loader' | 'label', ComponentStyleFunction<string, string>>;
178
+ };
171
179
  };
172
180
  type ComponentNames = keyof Theme['components'];
173
181
  type ThemeComponent<C extends ComponentNames> = NonNullable<Theme['components'][C]>;
174
182
  type ThemeComponentParts<C extends ComponentNames> = keyof ThemeComponent<C>;
175
-
183
+ //#endregion
184
+ //#region src/hooks/useClassNames.d.ts
176
185
  interface ComponentContextProps {
177
- size?: string;
178
- variant?: string;
179
- [key: string]: any;
186
+ size?: string;
187
+ variant?: string;
188
+ [key: string]: any;
180
189
  }
181
190
  interface UseClassNamesProps<C extends ComponentNames> {
182
- component: C;
183
- variant?: string;
184
- size?: string;
185
- className?: ThemeComponent<C> extends (...args: any) => any ? string : {
186
- [slot in keyof ThemeComponent<C>]?: string;
187
- };
188
- context?: Context<ComponentContextProps>;
191
+ component: C;
192
+ variant?: string;
193
+ size?: string;
194
+ className?: ThemeComponent<C> extends ((...args: any) => any) ? string : { [slot in keyof ThemeComponent<C>]?: string };
195
+ context?: Context<ComponentContextProps>;
189
196
  }
190
- type ComponentClassNames<C extends ComponentNames> = ThemeComponent<C> extends (...args: any) => any ? string : {
191
- [slot in keyof ThemeComponent<C>]: string;
192
- };
193
- declare const useClassNames: <C extends ComponentNames>({ component, className, variant, size, context: ComponentContext, }: UseClassNamesProps<C>) => ComponentClassNames<C>;
194
-
197
+ type ComponentClassNames<C extends ComponentNames> = ThemeComponent<C> extends ((...args: any) => any) ? string : { [slot in keyof ThemeComponent<C>]: string };
198
+ declare const useClassNames: <C extends ComponentNames>({
199
+ component,
200
+ className,
201
+ variant,
202
+ size,
203
+ context: ComponentContext
204
+ }: UseClassNamesProps<C>) => ComponentClassNames<C>;
205
+ //#endregion
206
+ //#region src/hooks/useResponsiveValue.d.ts
195
207
  /**
196
208
  * Hook that can be used to return values based on the current screen size,
197
209
  * using breakpoints from the theme (`theme.breakpoints`). Note that this
198
210
  * hook is client.side only.
199
211
  */
200
212
  declare const useResponsiveValue: <T>(values: T[], defaultIndex?: number) => T;
201
-
213
+ //#endregion
214
+ //#region src/hooks/useStateProps.d.ts
202
215
  type ComponentState = 'active' | 'checked' | 'disabled' | 'error' | 'expanded' | 'focus' | 'focusVisible' | 'hasIcon' | 'hover' | 'indeterminate' | 'readOnly' | 'required' | 'selected' | 'visited';
203
216
  type StateAttrKeyProps = `data-${KebabCase<ComponentState>}`;
204
- type StateAttrProps = {
205
- [key in StateAttrKeyProps]?: '';
206
- };
207
- type UseStateProps = {
208
- [key in ComponentState]?: boolean;
209
- };
217
+ type StateAttrProps = { [key in StateAttrKeyProps]?: '' };
218
+ type UseStateProps = { [key in ComponentState]?: boolean };
210
219
  /**
211
220
  * Given a map of states (e.g. `{ hover: true, focus: false }`) returns an
212
221
  * object that can be used to set state props on a component
213
222
  * (e.g. `[data-hover]` and `[data-focus]`).
214
223
  */
215
224
  declare const useStateProps: (states: UseStateProps) => StateAttrProps;
216
-
225
+ //#endregion
226
+ //#region src/hooks/useTheme.d.ts
217
227
  declare const useTheme: () => Theme;
218
228
  interface ThemeProviderProps<T extends Theme> {
219
- /**
220
- * The theme that should be used within the provider context.
221
- */
222
- theme: T;
223
- /**
224
- * The children of the component.
225
- */
226
- children: ReactNode;
227
- /**
228
- * Additional class names to apply to the root element of the provider.
229
- */
230
- className?: string;
229
+ /**
230
+ * The theme that should be used within the provider context.
231
+ */
232
+ theme: T;
233
+ /**
234
+ * The children of the component.
235
+ */
236
+ children: ReactNode;
237
+ /**
238
+ * Additional class names to apply to the root element of the provider.
239
+ */
240
+ className?: string;
231
241
  }
232
- declare function ThemeProvider<T extends Theme>({ theme, children, className, }: ThemeProviderProps<T>): React$1.JSX.Element;
233
-
242
+ declare function ThemeProvider<T extends Theme>({
243
+ theme,
244
+ children,
245
+ className
246
+ }: ThemeProviderProps<T>): React$1.JSX.Element;
247
+ //#endregion
248
+ //#region src/hooks/useSmallScreen.d.ts
234
249
  declare const useSmallScreen: () => boolean;
235
-
236
- type StylesProps = {
237
- [K in keyof Theme['components']]: Partial<Theme['components'][K]>;
238
- };
250
+ //#endregion
251
+ //#region src/hooks/extendTheme.d.ts
252
+ type StylesProps = { [K in keyof Theme['components']]: Partial<Theme['components'][K]> };
239
253
  declare const extendTheme: (newStyles: StylesProps, theme: Theme) => {
240
- components: {
241
- Accordion?: Record<"container" | "item" | "header" | "content" | "icon", ComponentStyleFunction<string, string>>;
242
- Badge?: ComponentStyleFunction<string, string>;
243
- Breadcrumbs?: Record<"container" | "item" | "link" | "current", ComponentStyleFunction<string, string>>;
244
- Button?: ComponentStyleFunction<string, string>;
245
- Card?: ComponentStyleFunction<string, string>;
246
- CloseButton?: ComponentStyleFunction<string, string>;
247
- Collapsible?: Record<"container" | "trigger" | "content", ComponentStyleFunction<string, string>>;
248
- ContextualHelp?: Record<"trigger" | "popover" | "dialog" | "title" | "content", ComponentStyleFunction<string, string>>;
249
- DateField?: Record<"segment" | "field" | "action", ComponentStyleFunction<string, string>>;
250
- Dialog?: Record<"closeButton" | "container" | "header" | "content" | "actions" | "title", ComponentStyleFunction<string, string>>;
251
- Divider?: ComponentStyleFunction<string, string>;
252
- Drawer?: Record<"overlay" | "closeButton" | "container" | "header" | "title" | "content" | "actions", ComponentStyleFunction<string, string>>;
253
- Field?: ComponentStyleFunction<string, string>;
254
- Headline?: ComponentStyleFunction<string, string>;
255
- Popover?: ComponentStyleFunction<string, string>;
256
- HelpText?: Record<"container" | "icon", ComponentStyleFunction<string, string>>;
257
- IconButton?: ComponentStyleFunction<string, string>;
258
- Checkbox?: Record<"container" | "label" | "checkbox" | "group", ComponentStyleFunction<string, string>>;
259
- Switch?: Record<"container" | "track" | "thumb", ComponentStyleFunction<string, string>>;
260
- Input?: Record<"input" | "icon" | "action", ComponentStyleFunction<string, string>>;
261
- Label?: Record<"container" | "indicator", ComponentStyleFunction<string, string>>;
262
- List?: Record<"ol" | "ul" | "item", ComponentStyleFunction<string, string>>;
263
- Link?: ComponentStyleFunction<string, string>;
264
- ListBox?: Record<"container" | "list" | "item" | "section" | "header", ComponentStyleFunction<string, string>>;
265
- Menu?: Record<"container" | "section" | "item" | "button", ComponentStyleFunction<string, string>>;
266
- Modal?: ComponentStyleFunction<string, string>;
267
- MultiSelect?: Record<"container" | "closeButton" | "field" | "input" | "icon" | "listContainer" | "list" | "option" | "tag" | "valueContainer", ComponentStyleFunction<string, string>>;
268
- Pagination?: Record<"container" | "navigationButton" | "pageButton" | "icon" | "ellipsis", ComponentStyleFunction<string, string>>;
269
- ProgressCycle?: ComponentStyleFunction<string, string>;
270
- Radio?: Record<"container" | "label" | "radio" | "group", ComponentStyleFunction<string, string>>;
271
- Slider?: Record<"container" | "track" | "thumb" | "output" | "selectedTrack", ComponentStyleFunction<string, string>>;
272
- Select?: Record<"select" | "icon", ComponentStyleFunction<string, string>>;
273
- NumberField?: Record<"group" | "stepper" | "input", ComponentStyleFunction<string, string>>;
274
- SectionMessage?: Record<"container" | "icon" | "title" | "content" | "close", ComponentStyleFunction<string, string>>;
275
- Table?: Record<"table" | "headerRow" | "header" | "thead" | "body" | "row" | "cell", ComponentStyleFunction<string, string>>;
276
- Tag?: Record<"container" | "tag" | "listItems" | "closeButton" | "removeAll", ComponentStyleFunction<string, string>>;
277
- Text?: ComponentStyleFunction<string, string>;
278
- TextArea?: ComponentStyleFunction<string, string>;
279
- Tooltip?: Record<"container" | "arrow", ComponentStyleFunction<string, string>>;
280
- Toast?: Record<"toast" | "title" | "description" | "closeButton" | "icon" | "content" | "bottom-left" | "bottom-right" | "top-left" | "top-right" | "top" | "bottom", ComponentStyleFunction<string, string>>;
281
- Tabs?: Record<"container" | "tabsList" | "tabpanel" | "tab", ComponentStyleFunction<string, string>>;
282
- Underlay?: ComponentStyleFunction<string, string>;
283
- Calendar?: Record<"calendar" | "calendarListboxButton" | "calendarCell" | "calendarControllers" | "calendarHeader" | "calendarGrid" | "select", ComponentStyleFunction<string, string>>;
284
- DatePicker?: ComponentStyleFunction<string, string>;
285
- ComboBox?: ComponentStyleFunction<string, string>;
286
- XLoader?: Record<"container" | "loader" | "label", ComponentStyleFunction<string, string>>;
287
- };
288
- name: string;
289
- screens?: {
290
- [key: string]: string;
291
- };
292
- colors?: NestedStringObject;
293
- shadow?: NestedStringObject;
294
- height?: NestedStringObject;
295
- root?: ComponentStyleFunction;
254
+ components: {
255
+ Accordion?: Record<"container" | "item" | "header" | "content" | "icon", ComponentStyleFunction<string, string>>;
256
+ Badge?: ComponentStyleFunction<string, string>;
257
+ Breadcrumbs?: Record<"container" | "item" | "link" | "current", ComponentStyleFunction<string, string>>;
258
+ Button?: ComponentStyleFunction<string, string>;
259
+ Card?: ComponentStyleFunction<string, string>;
260
+ CloseButton?: ComponentStyleFunction<string, string>;
261
+ Collapsible?: Record<"container" | "trigger" | "content", ComponentStyleFunction<string, string>>;
262
+ ContextualHelp?: Record<"trigger" | "popover" | "container" | "title" | "content", ComponentStyleFunction<string, string>>;
263
+ DateField?: Record<"segment" | "field" | "action", ComponentStyleFunction<string, string>>;
264
+ Dialog?: Record<"closeButton" | "container" | "header" | "content" | "actions" | "title", ComponentStyleFunction<string, string>>;
265
+ Divider?: ComponentStyleFunction<string, string>;
266
+ Drawer?: Record<"overlay" | "closeButton" | "container" | "header" | "title" | "content" | "actions", ComponentStyleFunction<string, string>>;
267
+ Field?: ComponentStyleFunction<string, string>;
268
+ Headline?: ComponentStyleFunction<string, string>;
269
+ Popover?: ComponentStyleFunction<string, string>;
270
+ HelpText?: Record<"container" | "icon", ComponentStyleFunction<string, string>>;
271
+ IconButton?: ComponentStyleFunction<string, string>;
272
+ Checkbox?: Record<"container" | "label" | "checkbox" | "group", ComponentStyleFunction<string, string>>;
273
+ Switch?: Record<"container" | "track" | "thumb", ComponentStyleFunction<string, string>>;
274
+ Input?: Record<"input" | "icon" | "action", ComponentStyleFunction<string, string>>;
275
+ Label?: Record<"container" | "indicator", ComponentStyleFunction<string, string>>;
276
+ List?: Record<"ol" | "ul" | "item", ComponentStyleFunction<string, string>>;
277
+ Link?: ComponentStyleFunction<string, string>;
278
+ ListBox?: Record<"container" | "list" | "item" | "section" | "header", ComponentStyleFunction<string, string>>;
279
+ Menu?: Record<"container" | "section" | "item" | "button", ComponentStyleFunction<string, string>>;
280
+ Modal?: ComponentStyleFunction<string, string>;
281
+ MultiSelect?: Record<"container" | "closeButton" | "field" | "input" | "icon" | "listContainer" | "list" | "option" | "tag" | "valueContainer", ComponentStyleFunction<string, string>>;
282
+ Pagination?: Record<"container" | "navigationButton" | "pageButton" | "icon" | "ellipsis", ComponentStyleFunction<string, string>>;
283
+ ProgressCycle?: ComponentStyleFunction<string, string>;
284
+ Radio?: Record<"container" | "label" | "radio" | "group", ComponentStyleFunction<string, string>>;
285
+ Slider?: Record<"container" | "track" | "thumb" | "output" | "selectedTrack", ComponentStyleFunction<string, string>>;
286
+ Select?: Record<"select" | "icon", ComponentStyleFunction<string, string>>;
287
+ NumberField?: Record<"group" | "stepper" | "input", ComponentStyleFunction<string, string>>;
288
+ SectionMessage?: Record<"container" | "icon" | "title" | "content" | "close", ComponentStyleFunction<string, string>>;
289
+ Table?: Record<"table" | "headerRow" | "header" | "thead" | "body" | "row" | "cell", ComponentStyleFunction<string, string>>;
290
+ Tag?: Record<"container" | "tag" | "listItems" | "closeButton" | "removeAll", ComponentStyleFunction<string, string>>;
291
+ Text?: ComponentStyleFunction<string, string>;
292
+ TextArea?: ComponentStyleFunction<string, string>;
293
+ Tooltip?: Record<"container" | "arrow", ComponentStyleFunction<string, string>>;
294
+ Toast?: Record<"toast" | "title" | "description" | "closeButton" | "icon" | "content" | "bottom-left" | "bottom-right" | "top-left" | "top-right" | "top" | "bottom" | "action", ComponentStyleFunction<string, string>>;
295
+ Tabs?: Record<"container" | "tabsList" | "tabpanel" | "tab", ComponentStyleFunction<string, string>>;
296
+ Underlay?: ComponentStyleFunction<string, string>;
297
+ Calendar?: Record<"calendar" | "calendarListboxButton" | "calendarCell" | "calendarControllers" | "calendarHeader" | "calendarGrid" | "select", ComponentStyleFunction<string, string>>;
298
+ DatePicker?: ComponentStyleFunction<string, string>;
299
+ ComboBox?: ComponentStyleFunction<string, string>;
300
+ XLoader?: Record<"container" | "loader" | "label", ComponentStyleFunction<string, string>>;
301
+ };
302
+ name: string;
303
+ screens?: {
304
+ [key: string]: string;
305
+ };
306
+ colors?: NestedStringObject;
307
+ shadow?: NestedStringObject;
308
+ height?: NestedStringObject;
309
+ root?: ComponentStyleFunction;
296
310
  };
297
-
311
+ //#endregion
312
+ //#region src/defaultTheme.d.ts
298
313
  declare const defaultTheme: {
299
- name: string;
300
- screens: {
301
- sm: string;
302
- md: string;
303
- lg: string;
304
- xl: string;
305
- '2xl': string;
306
- };
307
- components: {};
314
+ name: string;
315
+ screens: {
316
+ sm: string;
317
+ md: string;
318
+ lg: string;
319
+ xl: string;
320
+ '2xl': string;
321
+ };
322
+ components: {};
308
323
  };
309
-
324
+ //#endregion
325
+ //#region src/style-props.d.ts
310
326
  declare const width: {
311
- readonly auto: "w-auto";
312
- readonly full: "w-full";
313
- readonly fit: "w-fit";
314
- readonly min: "w-min";
315
- readonly max: "w-max";
316
- readonly screen: "w-screen";
317
- readonly svh: "w-svh";
318
- readonly lvh: "w-lvh";
319
- readonly dvh: "w-dvh";
320
- readonly px: "w-px";
321
- readonly 0: "w-0";
322
- readonly '0.5': "w-0.5";
323
- readonly 1: "w-1";
324
- readonly '1.5': "w-1.5";
325
- readonly 2: "w-2";
326
- readonly '2.5': "w-2.5";
327
- readonly 3: "w-3";
328
- readonly '3.5': "w-3.5";
329
- readonly 4: "w-4";
330
- readonly 5: "w-5";
331
- readonly 6: "w-6";
332
- readonly 7: "w-7";
333
- readonly 8: "w-8";
334
- readonly 9: "w-9";
335
- readonly 10: "w-10";
336
- readonly 11: "w-11";
337
- readonly 12: "w-12";
338
- readonly 14: "w-14";
339
- readonly 16: "w-16";
340
- readonly 20: "w-20";
341
- readonly 24: "w-24";
342
- readonly 28: "w-28";
343
- readonly 32: "w-32";
344
- readonly 36: "w-36";
345
- readonly 40: "w-40";
346
- readonly 44: "w-44";
347
- readonly 48: "w-48";
348
- readonly 52: "w-52";
349
- readonly 56: "w-56";
350
- readonly 60: "w-60";
351
- readonly 64: "w-64";
352
- readonly 72: "w-72";
353
- readonly 80: "w-80";
354
- readonly 96: "w-96";
355
- readonly '1/2': "w-1/2";
356
- readonly '1/3': "w-1/3";
357
- readonly '2/3': "w-2/3";
358
- readonly '1/4': "w-1/4";
359
- readonly '2/4': "w-2/4";
360
- readonly '3/4': "w-3/4";
361
- readonly '1/5': "w-1/5";
362
- readonly '2/5': "w-2/5";
363
- readonly '3/5': "w-3/5";
364
- readonly '1/6': "w-1/6";
365
- readonly '2/6': "w-2/6";
366
- readonly '3/6': "w-3/6";
367
- readonly '4/6': "w-4/6";
368
- readonly '5/6': "w-5/6";
369
- readonly '1/12': "w-1/12";
370
- readonly '2/12': "w-2/12";
371
- readonly '3/12': "w-3/12";
372
- readonly '4/12': "w-4/12";
373
- readonly '5/12': "w-5/12";
374
- readonly '6/12': "w-6/12";
375
- readonly '7/12': "w-7/12";
376
- readonly '8/12': "w-8/12";
377
- readonly '9/12': "w-9/12";
378
- readonly '10/12': "w-10/12";
379
- readonly '11/12': "w-11/12";
327
+ readonly auto: "w-auto";
328
+ readonly full: "w-full";
329
+ readonly fit: "w-fit";
330
+ readonly min: "w-min";
331
+ readonly max: "w-max";
332
+ readonly screen: "w-screen";
333
+ readonly svh: "w-svh";
334
+ readonly lvh: "w-lvh";
335
+ readonly dvh: "w-dvh";
336
+ readonly px: "w-px";
337
+ readonly 0: "w-0";
338
+ readonly '0.5': "w-0.5";
339
+ readonly 1: "w-1";
340
+ readonly '1.5': "w-1.5";
341
+ readonly 2: "w-2";
342
+ readonly '2.5': "w-2.5";
343
+ readonly 3: "w-3";
344
+ readonly '3.5': "w-3.5";
345
+ readonly 4: "w-4";
346
+ readonly 5: "w-5";
347
+ readonly 6: "w-6";
348
+ readonly 7: "w-7";
349
+ readonly 8: "w-8";
350
+ readonly 9: "w-9";
351
+ readonly 10: "w-10";
352
+ readonly 11: "w-11";
353
+ readonly 12: "w-12";
354
+ readonly 14: "w-14";
355
+ readonly 16: "w-16";
356
+ readonly 20: "w-20";
357
+ readonly 24: "w-24";
358
+ readonly 28: "w-28";
359
+ readonly 32: "w-32";
360
+ readonly 36: "w-36";
361
+ readonly 40: "w-40";
362
+ readonly 44: "w-44";
363
+ readonly 48: "w-48";
364
+ readonly 52: "w-52";
365
+ readonly 56: "w-56";
366
+ readonly 60: "w-60";
367
+ readonly 64: "w-64";
368
+ readonly 72: "w-72";
369
+ readonly 80: "w-80";
370
+ readonly 96: "w-96";
371
+ readonly '1/2': "w-1/2";
372
+ readonly '1/3': "w-1/3";
373
+ readonly '2/3': "w-2/3";
374
+ readonly '1/4': "w-1/4";
375
+ readonly '2/4': "w-2/4";
376
+ readonly '3/4': "w-3/4";
377
+ readonly '1/5': "w-1/5";
378
+ readonly '2/5': "w-2/5";
379
+ readonly '3/5': "w-3/5";
380
+ readonly '1/6': "w-1/6";
381
+ readonly '2/6': "w-2/6";
382
+ readonly '3/6': "w-3/6";
383
+ readonly '4/6': "w-4/6";
384
+ readonly '5/6': "w-5/6";
385
+ readonly '1/12': "w-1/12";
386
+ readonly '2/12': "w-2/12";
387
+ readonly '3/12': "w-3/12";
388
+ readonly '4/12': "w-4/12";
389
+ readonly '5/12': "w-5/12";
390
+ readonly '6/12': "w-6/12";
391
+ readonly '7/12': "w-7/12";
392
+ readonly '8/12': "w-8/12";
393
+ readonly '9/12': "w-9/12";
394
+ readonly '10/12': "w-10/12";
395
+ readonly '11/12': "w-11/12";
396
+ readonly container: "var(--spacing-container)";
380
397
  };
381
398
  declare const maxWidth: {
382
- readonly auto: "max-w-auto";
383
- readonly full: "max-w-full";
384
- readonly fit: "max-w-fit";
385
- readonly min: "max-w-min";
386
- readonly max: "max-w-max";
387
- readonly screen: "max-w-screen";
388
- readonly svh: "max-w-svh";
389
- readonly lvh: "max-w-lvh";
390
- readonly dvh: "max-w-dvh";
391
- readonly px: "max-w-px";
392
- readonly 0: "max-w-0";
393
- readonly '0.5': "max-w-0.5";
394
- readonly 1: "max-w-1";
395
- readonly '1.5': "max-w-1.5";
396
- readonly 2: "max-w-2";
397
- readonly '2.5': "max-w-2.5";
398
- readonly 3: "max-w-3";
399
- readonly '3.5': "max-w-3.5";
400
- readonly 4: "max-w-4";
401
- readonly 5: "max-w-5";
402
- readonly 6: "max-w-6";
403
- readonly 7: "max-w-7";
404
- readonly 8: "max-w-8";
405
- readonly 9: "max-w-9";
406
- readonly 10: "max-w-10";
407
- readonly 11: "max-w-11";
408
- readonly 12: "max-w-12";
409
- readonly 14: "max-w-14";
410
- readonly 16: "max-w-16";
411
- readonly 20: "max-w-20";
412
- readonly 24: "max-w-24";
413
- readonly 28: "max-w-28";
414
- readonly 32: "max-w-32";
415
- readonly 36: "max-w-36";
416
- readonly 40: "max-w-40";
417
- readonly 44: "max-w-44";
418
- readonly 48: "max-w-48";
419
- readonly 52: "max-w-52";
420
- readonly 56: "max-w-56";
421
- readonly 60: "max-w-60";
422
- readonly 64: "max-w-64";
423
- readonly 72: "max-w-72";
424
- readonly 80: "max-w-80";
425
- readonly 96: "max-w-96";
426
- readonly '1/2': "max-w-1/2";
427
- readonly '1/3': "max-w-1/3";
428
- readonly '2/3': "max-w-2/3";
429
- readonly '1/4': "max-w-1/4";
430
- readonly '2/4': "max-w-2/4";
431
- readonly '3/4': "max-w-3/4";
432
- readonly '1/5': "max-w-1/5";
433
- readonly '2/5': "max-w-2/5";
434
- readonly '3/5': "max-w-3/5";
435
- readonly '1/6': "max-w-1/6";
436
- readonly '2/6': "max-w-2/6";
437
- readonly '3/6': "max-w-3/6";
438
- readonly '4/6': "max-w-4/6";
439
- readonly '5/6': "max-w-5/6";
440
- readonly '1/12': "max-w-1/12";
441
- readonly '2/12': "max-w-2/12";
442
- readonly '3/12': "max-w-3/12";
443
- readonly '4/12': "max-w-4/12";
444
- readonly '5/12': "max-w-5/12";
445
- readonly '6/12': "max-w-6/12";
446
- readonly '7/12': "max-w-7/12";
447
- readonly '8/12': "max-w-8/12";
448
- readonly '9/12': "max-w-9/12";
449
- readonly '10/12': "max-w-10/12";
450
- readonly '11/12': "max-w-11/12";
399
+ readonly auto: "max-w-auto";
400
+ readonly full: "max-w-full";
401
+ readonly fit: "max-w-fit";
402
+ readonly min: "max-w-min";
403
+ readonly max: "max-w-max";
404
+ readonly screen: "max-w-screen";
405
+ readonly svh: "max-w-svh";
406
+ readonly lvh: "max-w-lvh";
407
+ readonly dvh: "max-w-dvh";
408
+ readonly px: "max-w-px";
409
+ readonly 0: "max-w-0";
410
+ readonly '0.5': "max-w-0.5";
411
+ readonly 1: "max-w-1";
412
+ readonly '1.5': "max-w-1.5";
413
+ readonly 2: "max-w-2";
414
+ readonly '2.5': "max-w-2.5";
415
+ readonly 3: "max-w-3";
416
+ readonly '3.5': "max-w-3.5";
417
+ readonly 4: "max-w-4";
418
+ readonly 5: "max-w-5";
419
+ readonly 6: "max-w-6";
420
+ readonly 7: "max-w-7";
421
+ readonly 8: "max-w-8";
422
+ readonly 9: "max-w-9";
423
+ readonly 10: "max-w-10";
424
+ readonly 11: "max-w-11";
425
+ readonly 12: "max-w-12";
426
+ readonly 14: "max-w-14";
427
+ readonly 16: "max-w-16";
428
+ readonly 20: "max-w-20";
429
+ readonly 24: "max-w-24";
430
+ readonly 28: "max-w-28";
431
+ readonly 32: "max-w-32";
432
+ readonly 36: "max-w-36";
433
+ readonly 40: "max-w-40";
434
+ readonly 44: "max-w-44";
435
+ readonly 48: "max-w-48";
436
+ readonly 52: "max-w-52";
437
+ readonly 56: "max-w-56";
438
+ readonly 60: "max-w-60";
439
+ readonly 64: "max-w-64";
440
+ readonly 72: "max-w-72";
441
+ readonly 80: "max-w-80";
442
+ readonly 96: "max-w-96";
443
+ readonly '1/2': "max-w-1/2";
444
+ readonly '1/3': "max-w-1/3";
445
+ readonly '2/3': "max-w-2/3";
446
+ readonly '1/4': "max-w-1/4";
447
+ readonly '2/4': "max-w-2/4";
448
+ readonly '3/4': "max-w-3/4";
449
+ readonly '1/5': "max-w-1/5";
450
+ readonly '2/5': "max-w-2/5";
451
+ readonly '3/5': "max-w-3/5";
452
+ readonly '1/6': "max-w-1/6";
453
+ readonly '2/6': "max-w-2/6";
454
+ readonly '3/6': "max-w-3/6";
455
+ readonly '4/6': "max-w-4/6";
456
+ readonly '5/6': "max-w-5/6";
457
+ readonly '1/12': "max-w-1/12";
458
+ readonly '2/12': "max-w-2/12";
459
+ readonly '3/12': "max-w-3/12";
460
+ readonly '4/12': "max-w-4/12";
461
+ readonly '5/12': "max-w-5/12";
462
+ readonly '6/12': "max-w-6/12";
463
+ readonly '7/12': "max-w-7/12";
464
+ readonly '8/12': "max-w-8/12";
465
+ readonly '9/12': "max-w-9/12";
466
+ readonly '10/12': "max-w-10/12";
467
+ readonly '11/12': "max-w-11/12";
468
+ readonly container: "max-w-[var(--spacing-container)]";
451
469
  };
452
470
  declare const height: {
453
- readonly auto: "h-auto";
454
- readonly full: "h-full";
455
- readonly fit: "h-fit";
456
- readonly min: "h-min";
457
- readonly max: "h-max";
458
- readonly screen: "h-screen";
459
- readonly svh: "h-svh";
460
- readonly lvh: "h-lvh";
461
- readonly dvh: "h-dvh";
462
- readonly px: "h-px";
463
- readonly 0: "h-0";
464
- readonly '0.5': "h-0.5";
465
- readonly 1: "h-1";
466
- readonly '1.5': "h-1.5";
467
- readonly 2: "h-2";
468
- readonly '2.5': "h-2.5";
469
- readonly 3: "h-3";
470
- readonly '3.5': "h-3.5";
471
- readonly 4: "h-4";
472
- readonly 5: "h-5";
473
- readonly 6: "h-6";
474
- readonly 7: "h-7";
475
- readonly 8: "h-8";
476
- readonly 9: "h-9";
477
- readonly 10: "h-10";
478
- readonly 11: "h-11";
479
- readonly 12: "h-12";
480
- readonly 14: "h-14";
481
- readonly 16: "h-16";
482
- readonly 20: "h-20";
483
- readonly 24: "h-24";
484
- readonly 28: "h-28";
485
- readonly 32: "h-32";
486
- readonly 36: "h-36";
487
- readonly 40: "h-40";
488
- readonly 44: "h-44";
489
- readonly 48: "h-48";
490
- readonly 52: "h-52";
491
- readonly 56: "h-56";
492
- readonly 60: "h-60";
493
- readonly 64: "h-64";
494
- readonly 72: "h-72";
495
- readonly 80: "h-80";
496
- readonly 96: "h-96";
497
- readonly '1/2': "h-1/2";
498
- readonly '1/3': "h-1/3";
499
- readonly '2/3': "h-2/3";
500
- readonly '1/4': "h-1/4";
501
- readonly '2/4': "h-2/4";
502
- readonly '3/4': "h-3/4";
503
- readonly '1/5': "h-1/5";
504
- readonly '2/5': "h-2/5";
505
- readonly '3/5': "h-3/5";
506
- readonly '1/6': "h-1/6";
507
- readonly '2/6': "h-2/6";
508
- readonly '3/6': "h-3/6";
509
- readonly '4/6': "h-4/6";
510
- readonly '5/6': "h-5/6";
511
- readonly '1/12': "h-1/12";
512
- readonly '2/12': "h-2/12";
513
- readonly '3/12': "h-3/12";
514
- readonly '4/12': "h-4/12";
515
- readonly '5/12': "h-5/12";
516
- readonly '6/12': "h-6/12";
517
- readonly '7/12': "h-7/12";
518
- readonly '8/12': "h-8/12";
519
- readonly '9/12': "h-9/12";
520
- readonly '10/12': "h-10/12";
521
- readonly '11/12': "h-11/12";
471
+ readonly auto: "h-auto";
472
+ readonly full: "h-full";
473
+ readonly fit: "h-fit";
474
+ readonly min: "h-min";
475
+ readonly max: "h-max";
476
+ readonly screen: "h-screen";
477
+ readonly svh: "h-svh";
478
+ readonly lvh: "h-lvh";
479
+ readonly dvh: "h-dvh";
480
+ readonly px: "h-px";
481
+ readonly 0: "h-0";
482
+ readonly '0.5': "h-0.5";
483
+ readonly 1: "h-1";
484
+ readonly '1.5': "h-1.5";
485
+ readonly 2: "h-2";
486
+ readonly '2.5': "h-2.5";
487
+ readonly 3: "h-3";
488
+ readonly '3.5': "h-3.5";
489
+ readonly 4: "h-4";
490
+ readonly 5: "h-5";
491
+ readonly 6: "h-6";
492
+ readonly 7: "h-7";
493
+ readonly 8: "h-8";
494
+ readonly 9: "h-9";
495
+ readonly 10: "h-10";
496
+ readonly 11: "h-11";
497
+ readonly 12: "h-12";
498
+ readonly 14: "h-14";
499
+ readonly 16: "h-16";
500
+ readonly 20: "h-20";
501
+ readonly 24: "h-24";
502
+ readonly 28: "h-28";
503
+ readonly 32: "h-32";
504
+ readonly 36: "h-36";
505
+ readonly 40: "h-40";
506
+ readonly 44: "h-44";
507
+ readonly 48: "h-48";
508
+ readonly 52: "h-52";
509
+ readonly 56: "h-56";
510
+ readonly 60: "h-60";
511
+ readonly 64: "h-64";
512
+ readonly 72: "h-72";
513
+ readonly 80: "h-80";
514
+ readonly 96: "h-96";
515
+ readonly '1/2': "h-1/2";
516
+ readonly '1/3': "h-1/3";
517
+ readonly '2/3': "h-2/3";
518
+ readonly '1/4': "h-1/4";
519
+ readonly '2/4': "h-2/4";
520
+ readonly '3/4': "h-3/4";
521
+ readonly '1/5': "h-1/5";
522
+ readonly '2/5': "h-2/5";
523
+ readonly '3/5': "h-3/5";
524
+ readonly '1/6': "h-1/6";
525
+ readonly '2/6': "h-2/6";
526
+ readonly '3/6': "h-3/6";
527
+ readonly '4/6': "h-4/6";
528
+ readonly '5/6': "h-5/6";
529
+ readonly '1/12': "h-1/12";
530
+ readonly '2/12': "h-2/12";
531
+ readonly '3/12': "h-3/12";
532
+ readonly '4/12': "h-4/12";
533
+ readonly '5/12': "h-5/12";
534
+ readonly '6/12': "h-6/12";
535
+ readonly '7/12': "h-7/12";
536
+ readonly '8/12': "h-8/12";
537
+ readonly '9/12': "h-9/12";
538
+ readonly '10/12': "h-10/12";
539
+ readonly '11/12': "h-11/12";
522
540
  };
523
541
  declare const fontWeight: {
524
- readonly thin: "font-thin";
525
- readonly extralight: "font-extralight";
526
- readonly light: "font-light";
527
- readonly regular: "font-normal";
528
- readonly medium: "font-medium";
529
- readonly semibold: "font-semibold";
530
- readonly bold: "font-bold";
531
- readonly extrabold: "font-extrabold";
532
- readonly black: "font-black";
542
+ readonly thin: "font-thin";
543
+ readonly extralight: "font-extralight";
544
+ readonly light: "font-light";
545
+ readonly regular: "font-normal";
546
+ readonly medium: "font-medium";
547
+ readonly semibold: "font-semibold";
548
+ readonly bold: "font-bold";
549
+ readonly extrabold: "font-extrabold";
550
+ readonly black: "font-black";
533
551
  };
534
552
  declare const textSize: {
535
- readonly xs: "text-xs";
536
- readonly sm: "text-sm";
537
- readonly base: "text-base";
538
- readonly lg: "text-lg";
539
- readonly xl: "text-xl";
540
- readonly '2xl': "text-2xl";
541
- readonly '3xl': "text-3xl";
542
- readonly '4xl': "text-4xl";
543
- readonly '5xl': "text-5xl";
544
- readonly '6xl': "text-6xl";
545
- readonly '7xl': "text-7xl";
546
- readonly '8xl': "text-8xl";
547
- readonly '9xl': "text-9xl";
553
+ readonly xs: "text-xs";
554
+ readonly sm: "text-sm";
555
+ readonly base: "text-base";
556
+ readonly lg: "text-lg";
557
+ readonly xl: "text-xl";
558
+ readonly '2xl': "text-2xl";
559
+ readonly '3xl': "text-3xl";
560
+ readonly '4xl': "text-4xl";
561
+ readonly '5xl': "text-5xl";
562
+ readonly '6xl': "text-6xl";
563
+ readonly '7xl': "text-7xl";
564
+ readonly '8xl': "text-8xl";
565
+ readonly '9xl': "text-9xl";
548
566
  };
549
567
  declare const textStyle: {
550
- readonly italic: "italic";
551
- readonly normal: "not-italic";
568
+ readonly italic: "italic";
569
+ readonly normal: "not-italic";
552
570
  };
553
571
  declare const textWrap: {
554
- readonly wrap: "text-wrap";
555
- readonly noWrap: "text-nowrap";
556
- readonly balance: "text-balance";
557
- readonly pretty: "text-pretty";
572
+ readonly wrap: "text-wrap";
573
+ readonly noWrap: "text-nowrap";
574
+ readonly balance: "text-balance";
575
+ readonly pretty: "text-pretty";
558
576
  };
559
577
  declare const whiteSpace: {
560
- normal: string;
561
- nowrap: string;
562
- pre: string;
563
- preLine: string;
564
- preWrap: string;
565
- breakSpaces: string;
578
+ normal: string;
579
+ nowrap: string;
580
+ pre: string;
581
+ preLine: string;
582
+ preWrap: string;
583
+ breakSpaces: string;
566
584
  };
567
585
  declare const gapSpace: {
568
- readonly 0: "gap-0";
569
- readonly '0.5': "gap-0.5";
570
- readonly 1: "gap-1";
571
- readonly '1.5': "gap-1.5";
572
- readonly 2: "gap-2";
573
- readonly '2.5': "gap-2.5";
574
- readonly 3: "gap-3";
575
- readonly '3.5': "gap-3.5";
576
- readonly 4: "gap-4";
577
- readonly 5: "gap-5";
578
- readonly 6: "gap-6";
579
- readonly 7: "gap-7";
580
- readonly 8: "gap-8";
581
- readonly 9: "gap-9";
582
- readonly 10: "gap-10";
583
- readonly 11: "gap-11";
584
- readonly 12: "gap-12";
585
- readonly 14: "gap-14";
586
- readonly 16: "gap-16";
587
- readonly 20: "gap-20";
588
- readonly 24: "gap-24";
589
- readonly 28: "gap-28";
590
- readonly 32: "gap-32";
591
- readonly 36: "gap-36";
592
- readonly 40: "gap-40";
593
- readonly 44: "gap-44";
594
- readonly 48: "gap-48";
595
- readonly 52: "gap-52";
596
- readonly 56: "gap-56";
597
- readonly 60: "gap-60";
598
- readonly 64: "gap-64";
599
- readonly 72: "gap-72";
600
- readonly 80: "gap-80";
601
- readonly 96: "gap-96";
586
+ readonly 0: "gap-0";
587
+ readonly '0.5': "gap-0.5";
588
+ readonly 1: "gap-1";
589
+ readonly '1.5': "gap-1.5";
590
+ readonly 2: "gap-2";
591
+ readonly '2.5': "gap-2.5";
592
+ readonly 3: "gap-3";
593
+ readonly '3.5': "gap-3.5";
594
+ readonly 4: "gap-4";
595
+ readonly 5: "gap-5";
596
+ readonly 6: "gap-6";
597
+ readonly 7: "gap-7";
598
+ readonly 8: "gap-8";
599
+ readonly 9: "gap-9";
600
+ readonly 10: "gap-10";
601
+ readonly 11: "gap-11";
602
+ readonly 12: "gap-12";
603
+ readonly 14: "gap-14";
604
+ readonly 16: "gap-16";
605
+ readonly 20: "gap-20";
606
+ readonly 24: "gap-24";
607
+ readonly 28: "gap-28";
608
+ readonly 32: "gap-32";
609
+ readonly 36: "gap-36";
610
+ readonly 40: "gap-40";
611
+ readonly 44: "gap-44";
612
+ readonly 48: "gap-48";
613
+ readonly 52: "gap-52";
614
+ readonly 56: "gap-56";
615
+ readonly 60: "gap-60";
616
+ readonly 64: "gap-64";
617
+ readonly 72: "gap-72";
618
+ readonly 80: "gap-80";
619
+ readonly 96: "gap-96";
620
+ readonly section: "gap-[var(--spacing-section)]";
621
+ readonly fieldY: "gap-[var(--spacing-field-Y)]";
622
+ readonly fieldX: "gap-[var(--spacing-field-X)]";
623
+ readonly container: "gap-[var(--spacing-container)]";
624
+ readonly group: "gap-[var(--spacing-group)]";
602
625
  };
603
626
  declare const paddingSpace: {
604
- readonly 0: "p-0";
605
- readonly '0.5': "p-0.5";
606
- readonly 1: "p-1";
607
- readonly '1.5': "p-1.5";
608
- readonly 2: "p-2";
609
- readonly '2.5': "p-2.5";
610
- readonly 3: "p-3";
611
- readonly '3.5': "p-3.5";
612
- readonly 4: "p-4";
613
- readonly 5: "p-5";
614
- readonly 6: "p-6";
615
- readonly 7: "p-7";
616
- readonly 8: "p-8";
617
- readonly 9: "p-9";
618
- readonly 10: "p-10";
619
- readonly 11: "p-11";
620
- readonly 12: "p-12";
621
- readonly 14: "p-14";
622
- readonly 16: "p-16";
623
- readonly 20: "p-20";
624
- readonly 24: "p-24";
625
- readonly 28: "p-28";
626
- readonly 32: "p-32";
627
- readonly 36: "p-36";
628
- readonly 40: "p-40";
629
- readonly 44: "p-44";
630
- readonly 48: "p-48";
631
- readonly 52: "p-52";
632
- readonly 56: "p-56";
633
- readonly 60: "p-60";
634
- readonly 64: "p-64";
635
- readonly 72: "p-72";
636
- readonly 80: "p-80";
637
- readonly 96: "p-96";
627
+ readonly 0: "p-0";
628
+ readonly '0.5': "p-0.5";
629
+ readonly 1: "p-1";
630
+ readonly '1.5': "p-1.5";
631
+ readonly 2: "p-2";
632
+ readonly '2.5': "p-2.5";
633
+ readonly 3: "p-3";
634
+ readonly '3.5': "p-3.5";
635
+ readonly 4: "p-4";
636
+ readonly 5: "p-5";
637
+ readonly 6: "p-6";
638
+ readonly 7: "p-7";
639
+ readonly 8: "p-8";
640
+ readonly 9: "p-9";
641
+ readonly 10: "p-10";
642
+ readonly 11: "p-11";
643
+ readonly 12: "p-12";
644
+ readonly 14: "p-14";
645
+ readonly 16: "p-16";
646
+ readonly 20: "p-20";
647
+ readonly 24: "p-24";
648
+ readonly 28: "p-28";
649
+ readonly 32: "p-32";
650
+ readonly 36: "p-36";
651
+ readonly 40: "p-40";
652
+ readonly 44: "p-44";
653
+ readonly 48: "p-48";
654
+ readonly 52: "p-52";
655
+ readonly 56: "p-56";
656
+ readonly 60: "p-60";
657
+ readonly 64: "p-64";
658
+ readonly 72: "p-72";
659
+ readonly 80: "p-80";
660
+ readonly 96: "p-96";
638
661
  };
639
662
  declare const paddingSpaceX: {
640
- readonly 0: "px-0";
641
- readonly '0.5': "px-0.5";
642
- readonly 1: "px-1";
643
- readonly '1.5': "px-1.5";
644
- readonly 2: "px-2";
645
- readonly '2.5': "px-2.5";
646
- readonly 3: "px-3";
647
- readonly '3.5': "px-3.5";
648
- readonly 4: "px-4";
649
- readonly 5: "px-5";
650
- readonly 6: "px-6";
651
- readonly 7: "px-7";
652
- readonly 8: "px-8";
653
- readonly 9: "px-9";
654
- readonly 10: "px-10";
655
- readonly 11: "px-11";
656
- readonly 12: "px-12";
657
- readonly 14: "px-14";
658
- readonly 16: "px-16";
659
- readonly 20: "px-20";
660
- readonly 24: "px-24";
661
- readonly 28: "px-28";
662
- readonly 32: "px-32";
663
- readonly 36: "px-36";
664
- readonly 40: "px-40";
665
- readonly 44: "px-44";
666
- readonly 48: "px-48";
667
- readonly 52: "px-52";
668
- readonly 56: "px-56";
669
- readonly 60: "px-60";
670
- readonly 64: "px-64";
671
- readonly 72: "px-72";
672
- readonly 80: "px-80";
673
- readonly 96: "px-96";
663
+ readonly 0: "px-0";
664
+ readonly '0.5': "px-0.5";
665
+ readonly 1: "px-1";
666
+ readonly '1.5': "px-1.5";
667
+ readonly 2: "px-2";
668
+ readonly '2.5': "px-2.5";
669
+ readonly 3: "px-3";
670
+ readonly '3.5': "px-3.5";
671
+ readonly 4: "px-4";
672
+ readonly 5: "px-5";
673
+ readonly 6: "px-6";
674
+ readonly 7: "px-7";
675
+ readonly 8: "px-8";
676
+ readonly 9: "px-9";
677
+ readonly 10: "px-10";
678
+ readonly 11: "px-11";
679
+ readonly 12: "px-12";
680
+ readonly 14: "px-14";
681
+ readonly 16: "px-16";
682
+ readonly 20: "px-20";
683
+ readonly 24: "px-24";
684
+ readonly 28: "px-28";
685
+ readonly 32: "px-32";
686
+ readonly 36: "px-36";
687
+ readonly 40: "px-40";
688
+ readonly 44: "px-44";
689
+ readonly 48: "px-48";
690
+ readonly 52: "px-52";
691
+ readonly 56: "px-56";
692
+ readonly 60: "px-60";
693
+ readonly 64: "px-64";
694
+ readonly 72: "px-72";
695
+ readonly 80: "px-80";
696
+ readonly 96: "px-96";
674
697
  };
675
698
  declare const paddingSpaceY: {
676
- readonly 0: "py-0";
677
- readonly '0.5': "py-0.5";
678
- readonly 1: "py-1";
679
- readonly '1.5': "py-1.5";
680
- readonly 2: "py-2";
681
- readonly '2.5': "py-2.5";
682
- readonly 3: "py-3";
683
- readonly '3.5': "py-3.5";
684
- readonly 4: "py-4";
685
- readonly 5: "py-5";
686
- readonly 6: "py-6";
687
- readonly 7: "py-7";
688
- readonly 8: "py-8";
689
- readonly 9: "py-9";
690
- readonly 10: "py-10";
691
- readonly 11: "py-11";
692
- readonly 12: "py-12";
693
- readonly 14: "py-14";
694
- readonly 16: "py-16";
695
- readonly 20: "py-20";
696
- readonly 24: "py-24";
697
- readonly 28: "py-28";
698
- readonly 32: "py-32";
699
- readonly 36: "py-36";
700
- readonly 40: "py-40";
701
- readonly 44: "py-44";
702
- readonly 48: "py-48";
703
- readonly 52: "py-52";
704
- readonly 56: "py-56";
705
- readonly 60: "py-60";
706
- readonly 64: "py-64";
707
- readonly 72: "py-72";
708
- readonly 80: "py-80";
709
- readonly 96: "py-96";
699
+ readonly 0: "py-0";
700
+ readonly '0.5': "py-0.5";
701
+ readonly 1: "py-1";
702
+ readonly '1.5': "py-1.5";
703
+ readonly 2: "py-2";
704
+ readonly '2.5': "py-2.5";
705
+ readonly 3: "py-3";
706
+ readonly '3.5': "py-3.5";
707
+ readonly 4: "py-4";
708
+ readonly 5: "py-5";
709
+ readonly 6: "py-6";
710
+ readonly 7: "py-7";
711
+ readonly 8: "py-8";
712
+ readonly 9: "py-9";
713
+ readonly 10: "py-10";
714
+ readonly 11: "py-11";
715
+ readonly 12: "py-12";
716
+ readonly 14: "py-14";
717
+ readonly 16: "py-16";
718
+ readonly 20: "py-20";
719
+ readonly 24: "py-24";
720
+ readonly 28: "py-28";
721
+ readonly 32: "py-32";
722
+ readonly 36: "py-36";
723
+ readonly 40: "py-40";
724
+ readonly 44: "py-44";
725
+ readonly 48: "py-48";
726
+ readonly 52: "py-52";
727
+ readonly 56: "py-56";
728
+ readonly 60: "py-60";
729
+ readonly 64: "py-64";
730
+ readonly 72: "py-72";
731
+ readonly 80: "py-80";
732
+ readonly 96: "py-96";
733
+ readonly section: "py-[var(--spacing-section)]";
734
+ readonly fieldY: "py-[var(--spacing-field-Y)]";
735
+ readonly fieldX: "py-[var(--spacing-field-X)]";
736
+ readonly container: "py-[var(--spacing-container)]";
737
+ readonly group: "py-[var(--spacing-group)]";
710
738
  };
711
739
  declare const paddingRight: {
712
- readonly 0: "pr-0";
713
- readonly '0.5': "pr-0.5";
714
- readonly 1: "pr-1";
715
- readonly '1.5': "pr-1.5";
716
- readonly 2: "pr-2";
717
- readonly '2.5': "pr-2.5";
718
- readonly 3: "pr-3";
719
- readonly '3.5': "pr-3.5";
720
- readonly 4: "pr-4";
721
- readonly 5: "pr-5";
722
- readonly 6: "pr-6";
723
- readonly 7: "pr-7";
724
- readonly 8: "pr-8";
725
- readonly 9: "pr-9";
726
- readonly 10: "pr-10";
727
- readonly 11: "pr-11";
728
- readonly 12: "pr-12";
729
- readonly 14: "pr-14";
730
- readonly 16: "pr-16";
731
- readonly 20: "pr-20";
732
- readonly 24: "pr-24";
733
- readonly 28: "pr-28";
734
- readonly 32: "pr-32";
735
- readonly 36: "pr-36";
736
- readonly 40: "pr-40";
737
- readonly 44: "pr-44";
738
- readonly 48: "pr-48";
739
- readonly 52: "pr-52";
740
- readonly 56: "pr-56";
741
- readonly 60: "pr-60";
742
- readonly 64: "pr-64";
743
- readonly 72: "pr-72";
744
- readonly 80: "pr-80";
745
- readonly 96: "pr-96";
740
+ readonly 0: "pr-0";
741
+ readonly '0.5': "pr-0.5";
742
+ readonly 1: "pr-1";
743
+ readonly '1.5': "pr-1.5";
744
+ readonly 2: "pr-2";
745
+ readonly '2.5': "pr-2.5";
746
+ readonly 3: "pr-3";
747
+ readonly '3.5': "pr-3.5";
748
+ readonly 4: "pr-4";
749
+ readonly 5: "pr-5";
750
+ readonly 6: "pr-6";
751
+ readonly 7: "pr-7";
752
+ readonly 8: "pr-8";
753
+ readonly 9: "pr-9";
754
+ readonly 10: "pr-10";
755
+ readonly 11: "pr-11";
756
+ readonly 12: "pr-12";
757
+ readonly 14: "pr-14";
758
+ readonly 16: "pr-16";
759
+ readonly 20: "pr-20";
760
+ readonly 24: "pr-24";
761
+ readonly 28: "pr-28";
762
+ readonly 32: "pr-32";
763
+ readonly 36: "pr-36";
764
+ readonly 40: "pr-40";
765
+ readonly 44: "pr-44";
766
+ readonly 48: "pr-48";
767
+ readonly 52: "pr-52";
768
+ readonly 56: "pr-56";
769
+ readonly 60: "pr-60";
770
+ readonly 64: "pr-64";
771
+ readonly 72: "pr-72";
772
+ readonly 80: "pr-80";
773
+ readonly 96: "pr-96";
746
774
  };
747
775
  declare const paddingLeft: {
748
- readonly 0: "pl-0";
749
- readonly '0.5': "pl-0.5";
750
- readonly 1: "pl-1";
751
- readonly '1.5': "pl-1.5";
752
- readonly 2: "pl-2";
753
- readonly '2.5': "pl-2.5";
754
- readonly 3: "pl-3";
755
- readonly '3.5': "pl-3.5";
756
- readonly 4: "pl-4";
757
- readonly 5: "pl-5";
758
- readonly 6: "pl-6";
759
- readonly 7: "pl-7";
760
- readonly 8: "pl-8";
761
- readonly 9: "pl-9";
762
- readonly 10: "pl-10";
763
- readonly 11: "pl-11";
764
- readonly 12: "pl-12";
765
- readonly 14: "pl-14";
766
- readonly 16: "pl-16";
767
- readonly 20: "pl-20";
768
- readonly 24: "pl-24";
769
- readonly 28: "pl-28";
770
- readonly 32: "pl-32";
771
- readonly 36: "pl-36";
772
- readonly 40: "pl-40";
773
- readonly 44: "pl-44";
774
- readonly 48: "pl-48";
775
- readonly 52: "pl-52";
776
- readonly 56: "pl-56";
777
- readonly 60: "pl-60";
778
- readonly 64: "pl-64";
779
- readonly 72: "pl-72";
780
- readonly 80: "pl-80";
781
- readonly 96: "pl-96";
776
+ readonly 0: "pl-0";
777
+ readonly '0.5': "pl-0.5";
778
+ readonly 1: "pl-1";
779
+ readonly '1.5': "pl-1.5";
780
+ readonly 2: "pl-2";
781
+ readonly '2.5': "pl-2.5";
782
+ readonly 3: "pl-3";
783
+ readonly '3.5': "pl-3.5";
784
+ readonly 4: "pl-4";
785
+ readonly 5: "pl-5";
786
+ readonly 6: "pl-6";
787
+ readonly 7: "pl-7";
788
+ readonly 8: "pl-8";
789
+ readonly 9: "pl-9";
790
+ readonly 10: "pl-10";
791
+ readonly 11: "pl-11";
792
+ readonly 12: "pl-12";
793
+ readonly 14: "pl-14";
794
+ readonly 16: "pl-16";
795
+ readonly 20: "pl-20";
796
+ readonly 24: "pl-24";
797
+ readonly 28: "pl-28";
798
+ readonly 32: "pl-32";
799
+ readonly 36: "pl-36";
800
+ readonly 40: "pl-40";
801
+ readonly 44: "pl-44";
802
+ readonly 48: "pl-48";
803
+ readonly 52: "pl-52";
804
+ readonly 56: "pl-56";
805
+ readonly 60: "pl-60";
806
+ readonly 64: "pl-64";
807
+ readonly 72: "pl-72";
808
+ readonly 80: "pl-80";
809
+ readonly 96: "pl-96";
782
810
  };
783
811
  declare const paddingTop: {
784
- readonly 0: "pt-0";
785
- readonly '0.5': "pt-0.5";
786
- readonly 1: "pt-1";
787
- readonly '1.5': "pt-1.5";
788
- readonly 2: "pt-2";
789
- readonly '2.5': "pt-2.5";
790
- readonly 3: "pt-3";
791
- readonly '3.5': "pt-3.5";
792
- readonly 4: "pt-4";
793
- readonly 5: "pt-5";
794
- readonly 6: "pt-6";
795
- readonly 7: "pt-7";
796
- readonly 8: "pt-8";
797
- readonly 9: "pt-9";
798
- readonly 10: "pt-10";
799
- readonly 11: "pt-11";
800
- readonly 12: "pt-12";
801
- readonly 14: "pt-14";
802
- readonly 16: "pt-16";
803
- readonly 20: "pt-20";
804
- readonly 24: "pt-24";
805
- readonly 28: "pt-28";
806
- readonly 32: "pt-32";
807
- readonly 36: "pt-36";
808
- readonly 40: "pt-40";
809
- readonly 44: "pt-44";
810
- readonly 48: "pt-48";
811
- readonly 52: "pt-52";
812
- readonly 56: "pt-56";
813
- readonly 60: "pt-60";
814
- readonly 64: "pt-64";
815
- readonly 72: "pt-72";
816
- readonly 80: "pt-80";
817
- readonly 96: "pt-96";
812
+ readonly 0: "pt-0";
813
+ readonly '0.5': "pt-0.5";
814
+ readonly 1: "pt-1";
815
+ readonly '1.5': "pt-1.5";
816
+ readonly 2: "pt-2";
817
+ readonly '2.5': "pt-2.5";
818
+ readonly 3: "pt-3";
819
+ readonly '3.5': "pt-3.5";
820
+ readonly 4: "pt-4";
821
+ readonly 5: "pt-5";
822
+ readonly 6: "pt-6";
823
+ readonly 7: "pt-7";
824
+ readonly 8: "pt-8";
825
+ readonly 9: "pt-9";
826
+ readonly 10: "pt-10";
827
+ readonly 11: "pt-11";
828
+ readonly 12: "pt-12";
829
+ readonly 14: "pt-14";
830
+ readonly 16: "pt-16";
831
+ readonly 20: "pt-20";
832
+ readonly 24: "pt-24";
833
+ readonly 28: "pt-28";
834
+ readonly 32: "pt-32";
835
+ readonly 36: "pt-36";
836
+ readonly 40: "pt-40";
837
+ readonly 44: "pt-44";
838
+ readonly 48: "pt-48";
839
+ readonly 52: "pt-52";
840
+ readonly 56: "pt-56";
841
+ readonly 60: "pt-60";
842
+ readonly 64: "pt-64";
843
+ readonly 72: "pt-72";
844
+ readonly 80: "pt-80";
845
+ readonly 96: "pt-96";
818
846
  };
819
847
  declare const paddingBottom: {
820
- readonly 0: "pb-0";
821
- readonly '0.5': "pb-0.5";
822
- readonly 1: "pb-1";
823
- readonly '1.5': "pb-1.5";
824
- readonly 2: "pb-2";
825
- readonly '2.5': "pb-2.5";
826
- readonly 3: "pb-3";
827
- readonly '3.5': "pb-3.5";
828
- readonly 4: "pb-4";
829
- readonly 5: "pb-5";
830
- readonly 6: "pb-6";
831
- readonly 7: "pb-7";
832
- readonly 8: "pb-8";
833
- readonly 9: "pb-9";
834
- readonly 10: "pb-10";
835
- readonly 11: "pb-11";
836
- readonly 12: "pb-12";
837
- readonly 14: "pb-14";
838
- readonly 16: "pb-16";
839
- readonly 20: "pb-20";
840
- readonly 24: "pb-24";
841
- readonly 28: "pb-28";
842
- readonly 32: "pb-32";
843
- readonly 36: "pb-36";
844
- readonly 40: "pb-40";
845
- readonly 44: "pb-44";
846
- readonly 48: "pb-48";
847
- readonly 52: "pb-52";
848
- readonly 56: "pb-56";
849
- readonly 60: "pb-60";
850
- readonly 64: "pb-64";
851
- readonly 72: "pb-72";
852
- readonly 80: "pb-80";
853
- readonly 96: "pb-96";
848
+ readonly 0: "pb-0";
849
+ readonly '0.5': "pb-0.5";
850
+ readonly 1: "pb-1";
851
+ readonly '1.5': "pb-1.5";
852
+ readonly 2: "pb-2";
853
+ readonly '2.5': "pb-2.5";
854
+ readonly 3: "pb-3";
855
+ readonly '3.5': "pb-3.5";
856
+ readonly 4: "pb-4";
857
+ readonly 5: "pb-5";
858
+ readonly 6: "pb-6";
859
+ readonly 7: "pb-7";
860
+ readonly 8: "pb-8";
861
+ readonly 9: "pb-9";
862
+ readonly 10: "pb-10";
863
+ readonly 11: "pb-11";
864
+ readonly 12: "pb-12";
865
+ readonly 14: "pb-14";
866
+ readonly 16: "pb-16";
867
+ readonly 20: "pb-20";
868
+ readonly 24: "pb-24";
869
+ readonly 28: "pb-28";
870
+ readonly 32: "pb-32";
871
+ readonly 36: "pb-36";
872
+ readonly 40: "pb-40";
873
+ readonly 44: "pb-44";
874
+ readonly 48: "pb-48";
875
+ readonly 52: "pb-52";
876
+ readonly 56: "pb-56";
877
+ readonly 60: "pb-60";
878
+ readonly 64: "pb-64";
879
+ readonly 72: "pb-72";
880
+ readonly 80: "pb-80";
881
+ readonly 96: "pb-96";
854
882
  };
855
883
  declare const alignment: {
856
- readonly vertical: {
857
- readonly alignmentX: {
858
- readonly left: "items-start";
859
- readonly center: "items-center";
860
- readonly right: "items-end";
861
- };
862
- readonly alignmentY: {
863
- readonly top: "justify-start";
864
- readonly center: "justify-center";
865
- readonly bottom: "justify-end";
866
- readonly between: "justify-between";
867
- readonly around: "justify-around";
868
- readonly evenly: "justify-evenly";
869
- };
884
+ readonly vertical: {
885
+ readonly alignmentX: {
886
+ readonly left: "items-start";
887
+ readonly center: "items-center";
888
+ readonly right: "items-end";
889
+ };
890
+ readonly alignmentY: {
891
+ readonly top: "justify-start";
892
+ readonly center: "justify-center";
893
+ readonly bottom: "justify-end";
894
+ readonly between: "justify-between";
895
+ readonly around: "justify-around";
896
+ readonly evenly: "justify-evenly";
870
897
  };
871
- readonly horizontal: {
872
- readonly alignmentY: {
873
- readonly top: "items-start";
874
- readonly center: "items-center";
875
- readonly bottom: "items-end";
876
- };
877
- readonly alignmentX: {
878
- readonly left: "justify-start";
879
- readonly center: "justify-center";
880
- readonly right: "justify-end";
881
- readonly between: "justify-between";
882
- readonly around: "justify-around";
883
- readonly evenly: "justify-evenly";
884
- };
898
+ };
899
+ readonly horizontal: {
900
+ readonly alignmentY: {
901
+ readonly top: "items-start";
902
+ readonly center: "items-center";
903
+ readonly bottom: "items-end";
885
904
  };
905
+ readonly alignmentX: {
906
+ readonly left: "justify-start";
907
+ readonly center: "justify-center";
908
+ readonly right: "justify-end";
909
+ readonly between: "justify-between";
910
+ readonly around: "justify-around";
911
+ readonly evenly: "justify-evenly";
912
+ };
913
+ };
886
914
  };
887
915
  declare const placeItems: {
888
- readonly none: undefined;
889
- readonly left: "place-items-start";
890
- readonly center: "place-items-center";
891
- readonly right: "place-items-end";
916
+ readonly none: undefined;
917
+ readonly left: "place-items-start";
918
+ readonly center: "place-items-center";
919
+ readonly right: "place-items-end";
892
920
  };
893
921
  declare const textAlign: {
894
- readonly none: undefined;
895
- readonly left: "text-left";
896
- readonly center: "text-center";
897
- readonly right: "text-right";
922
+ readonly none: undefined;
923
+ readonly left: "text-left";
924
+ readonly center: "text-center";
925
+ readonly right: "text-right";
898
926
  };
899
927
  declare const aspect: {
900
- readonly square: "aspect-[1]";
901
- readonly landscape: "aspect-4/3";
902
- readonly portrait: "aspect-3/4";
903
- readonly widescreen: "aspect-16/9";
904
- readonly ultrawide: "aspect-18/5";
905
- readonly golden: "aspect-[1.6180/1]";
928
+ readonly square: "aspect-[1]";
929
+ readonly landscape: "aspect-4/3";
930
+ readonly portrait: "aspect-3/4";
931
+ readonly widescreen: "aspect-16/9";
932
+ readonly ultrawide: "aspect-18/5";
933
+ readonly golden: "aspect-[1.6180/1]";
906
934
  };
907
935
  declare const cursorStyle: {
908
- readonly auto: "cursor-auto";
909
- readonly default: "cursor-default";
910
- readonly pointer: "cursor-pointer";
911
- readonly wait: "cursor-wait";
912
- readonly text: "cursor-text";
913
- readonly move: "cursor-move";
914
- readonly help: "cursor-help";
915
- readonly notAllowed: "cursor-not-allowed";
916
- readonly none: "cursor-none";
917
- readonly progress: "cursor-progress";
918
- readonly cell: "cursor-cell";
919
- readonly crosshair: "cursor-crosshair";
920
- readonly vertical: "cursor-vertical-text";
921
- readonly alias: "cursor-alias";
922
- readonly copy: "cursor-copy";
923
- readonly noDrop: "cursor-no-drop";
924
- readonly grap: "cursor-grab";
925
- readonly grapping: "cursor-grapping";
926
- readonly scroll: "cursor-all-scroll";
927
- readonly colResize: "cursor-col-resize";
928
- readonly rowResize: "cursor-row-resize";
929
- readonly ewResize: "cursor-ew-resize";
930
- readonly nsResize: "cursor-ns-resize";
931
- readonly zoomIn: "cursor-zoom-in";
932
- readonly zoomOut: "cursor-zoom-out";
936
+ readonly auto: "cursor-auto";
937
+ readonly default: "cursor-default";
938
+ readonly pointer: "cursor-pointer";
939
+ readonly wait: "cursor-wait";
940
+ readonly text: "cursor-text";
941
+ readonly move: "cursor-move";
942
+ readonly help: "cursor-help";
943
+ readonly notAllowed: "cursor-not-allowed";
944
+ readonly none: "cursor-none";
945
+ readonly progress: "cursor-progress";
946
+ readonly cell: "cursor-cell";
947
+ readonly crosshair: "cursor-crosshair";
948
+ readonly vertical: "cursor-vertical-text";
949
+ readonly alias: "cursor-alias";
950
+ readonly copy: "cursor-copy";
951
+ readonly noDrop: "cursor-no-drop";
952
+ readonly grap: "cursor-grab";
953
+ readonly grapping: "cursor-grapping";
954
+ readonly scroll: "cursor-all-scroll";
955
+ readonly colResize: "cursor-col-resize";
956
+ readonly rowResize: "cursor-row-resize";
957
+ readonly ewResize: "cursor-ew-resize";
958
+ readonly nsResize: "cursor-ns-resize";
959
+ readonly zoomIn: "cursor-zoom-in";
960
+ readonly zoomOut: "cursor-zoom-out";
933
961
  };
934
962
  type AspectProp = {
935
- ratio?: keyof typeof aspect;
963
+ ratio?: keyof typeof aspect;
936
964
  };
937
965
  type AlignmentProp = {
938
- orientation?: {
939
- vertical?: {
940
- alignY?: keyof typeof alignment.vertical.alignmentY;
941
- alignX?: keyof typeof alignment.vertical.alignmentX;
942
- };
943
- horizontal?: {
944
- alignX?: keyof typeof alignment.horizontal.alignmentX;
945
- alignY?: keyof typeof alignment.horizontal.alignmentY;
946
- };
966
+ orientation?: {
967
+ vertical?: {
968
+ alignY?: keyof typeof alignment.vertical.alignmentY;
969
+ alignX?: keyof typeof alignment.vertical.alignmentX;
970
+ };
971
+ horizontal?: {
972
+ alignX?: keyof typeof alignment.horizontal.alignmentX;
973
+ alignY?: keyof typeof alignment.horizontal.alignmentY;
947
974
  };
975
+ };
948
976
  };
949
977
  type CursorProp = {
950
- /**
951
- * Set the cursor for the element. You can see allowed tokens [here](https://tailwindcss.com/docs/cursor).
952
- */
953
- cursor?: keyof typeof cursorStyle;
978
+ /**
979
+ * Set the cursor for the element. You can see allowed tokens [here](https://tailwindcss.com/docs/cursor).
980
+ */
981
+ cursor?: keyof typeof cursorStyle;
954
982
  };
955
983
  type FontStyleProp = {
956
- /**
957
- * Set the font style for the text element.
958
- */
959
- fontStyle?: keyof typeof textStyle;
984
+ /**
985
+ * Set the font style for the text element.
986
+ */
987
+ fontStyle?: keyof typeof textStyle;
960
988
  };
961
989
  type TextWrapProp = {
962
- /**
963
- * Set text wrapping behavior.
964
- */
965
- wrap?: keyof typeof textWrap;
990
+ /**
991
+ * Set text wrapping behavior.
992
+ */
993
+ wrap?: keyof typeof textWrap;
966
994
  };
967
995
  type WhiteSpaceProps = {
968
- /**
969
- * Set how white space inside the element is handled.
970
- */
971
- whiteSpace?: keyof typeof whiteSpace;
996
+ /**
997
+ * Set how white space inside the element is handled.
998
+ */
999
+ whiteSpace?: keyof typeof whiteSpace;
972
1000
  };
973
1001
  type FontWeightProp = {
974
- /**
975
- * Set the font weight for the text element. You can see allowed tokens [here](../../foundations/design-tokens?theme=core#typography).
976
- */
977
- weight?: keyof typeof fontWeight;
1002
+ /**
1003
+ * Set the font weight for the text element. You can see allowed tokens [here](../../foundations/design-tokens?theme=core#typography).
1004
+ */
1005
+ weight?: keyof typeof fontWeight;
978
1006
  };
979
1007
  type FontSizeProp = {
980
- /**
981
- * Set the font size for the text element. You can see allowed tokens [here](../../foundations/design-tokens?theme=core#typography).
982
- */
983
- fontSize?: keyof typeof textSize;
1008
+ /**
1009
+ * Set the font size for the text element. You can see allowed tokens [here](../../foundations/design-tokens?theme=core#typography).
1010
+ */
1011
+ fontSize?: keyof typeof textSize;
984
1012
  };
985
1013
  type GapSpaceProp = {
986
- /**
987
- * The space between the children. You can see allowed tokens [here](../../foundations/design-tokens?theme=core#spacing).
988
- */
989
- space?: keyof typeof gapSpace;
1014
+ /**
1015
+ * The space between the children. You can see allowed tokens [here](../../foundations/design-tokens?theme=core#spacing).
1016
+ */
1017
+ space?: keyof typeof gapSpace;
990
1018
  };
991
1019
  type PaddingSpaceProp = {
992
- /**
993
- * Set the padding space for the element. You can see allowed tokens [here](../../foundations/design-tokens?theme=core#spacing).
994
- */
995
- space?: keyof typeof paddingSpace;
1020
+ /**
1021
+ * Set the padding space for the element. You can see allowed tokens [here](../../foundations/design-tokens?theme=core#spacing).
1022
+ */
1023
+ space?: keyof typeof paddingSpace;
996
1024
  };
997
1025
  type PaddingSpacePropX = {
998
- /**
999
- * Set the horizontal padding space for the element. You can see allowed tokens [here](../../foundations/design-tokens?theme=core#spacing).
1000
- */
1001
- spaceX?: keyof typeof paddingSpaceX;
1026
+ /**
1027
+ * Set the horizontal padding space for the element. You can see allowed tokens [here](../../foundations/design-tokens?theme=core#spacing).
1028
+ */
1029
+ spaceX?: keyof typeof paddingSpaceX;
1002
1030
  };
1003
1031
  type PaddingSpacePropY = {
1004
- /**
1005
- * Set the vertical padding space for the element. You can see allowed tokens [here](../../foundations/design-tokens?theme=core#spacing).
1006
- */
1007
- spaceY?: keyof typeof paddingSpaceY;
1032
+ /**
1033
+ * Set the vertical padding space for the element. You can see allowed tokens [here](../../foundations/design-tokens?theme=core#spacing).
1034
+ */
1035
+ spaceY?: keyof typeof paddingSpaceY;
1008
1036
  };
1009
1037
  type PaddingRightProp = {
1010
- /**
1011
- * Set the right padding for the element. You can see allowed tokens [here](../../foundations/design-tokens?theme=core#spacing).
1012
- */
1013
- pr?: keyof typeof paddingRight;
1038
+ /**
1039
+ * Set the right padding for the element. You can see allowed tokens [here](../../foundations/design-tokens?theme=core#spacing).
1040
+ */
1041
+ pr?: keyof typeof paddingRight;
1014
1042
  };
1015
1043
  type PaddingLeftProp = {
1016
- /**
1017
- * Set the left padding for the element. You can see allowed tokens [here](../../foundations/design-tokens?theme=core#spacing).
1018
- */
1019
- pl?: keyof typeof paddingLeft;
1044
+ /**
1045
+ * Set the left padding for the element. You can see allowed tokens [here](../../foundations/design-tokens?theme=core#spacing).
1046
+ */
1047
+ pl?: keyof typeof paddingLeft;
1020
1048
  };
1021
1049
  type PaddingTopProp = {
1022
- /**
1023
- * Set the top padding for the element. You can see allowed tokens [here](../../foundations/design-tokens?theme=core#spacing).
1024
- */
1025
- pt?: keyof typeof paddingTop;
1050
+ /**
1051
+ * Set the top padding for the element. You can see allowed tokens [here](../../foundations/design-tokens?theme=core#spacing).
1052
+ */
1053
+ pt?: keyof typeof paddingTop;
1026
1054
  };
1027
1055
  type PaddingBottomProp = {
1028
- /**
1029
- * Set the bottom padding for the element. You can see allowed tokens [here](../../foundations/design-tokens?theme=core#spacing).
1030
- */
1031
- pb?: keyof typeof paddingBottom;
1056
+ /**
1057
+ * Set the bottom padding for the element. You can see allowed tokens [here](../../foundations/design-tokens?theme=core#spacing).
1058
+ */
1059
+ pb?: keyof typeof paddingBottom;
1032
1060
  };
1033
1061
  type PlaceItemsProp = {
1034
- /**
1035
- * Set the alignment of place-items property for the element.
1036
- */
1037
- align?: keyof typeof placeItems;
1062
+ /**
1063
+ * Set the alignment of place-items property for the element.
1064
+ */
1065
+ align?: keyof typeof placeItems;
1038
1066
  };
1039
1067
  type TextAlignProp = {
1040
- /**
1041
- * Set the text alignment for the element.
1042
- */
1043
- align?: keyof typeof textAlign;
1068
+ /**
1069
+ * Set the text alignment for the element.
1070
+ */
1071
+ align?: keyof typeof textAlign;
1044
1072
  };
1045
1073
  type WidthProp = {
1046
- /**
1047
- * Sets the width of the element. You can see allowed tokens [here](https://tailwindcss.com/docs/width).
1048
- */
1049
- width?: keyof typeof width;
1074
+ /**
1075
+ * Sets the width of the element. You can see allowed tokens [here](https://tailwindcss.com/docs/width).
1076
+ */
1077
+ width?: keyof typeof width;
1050
1078
  };
1051
1079
  type MaxWidthProp = {
1052
- /**
1053
- * Sets the max-width of the element. You can see allowed tokens [here](https://tailwindcss.com/docs/max-width).
1054
- */
1055
- maxWidth?: keyof typeof maxWidth;
1080
+ /**
1081
+ * Sets the max-width of the element. You can see allowed tokens [here](https://tailwindcss.com/docs/max-width).
1082
+ */
1083
+ maxWidth?: keyof typeof maxWidth;
1056
1084
  };
1057
1085
  type HeightProp = {
1058
- /**
1059
- * Set the height of the element. You can see allowed tokens [here](https://tailwindcss.com/docs/height).
1060
- */
1061
- height?: keyof typeof height;
1086
+ /**
1087
+ * Set the height of the element. You can see allowed tokens [here](https://tailwindcss.com/docs/height).
1088
+ */
1089
+ height?: keyof typeof height;
1062
1090
  };
1063
-
1064
- export { type AlignmentProp, type AspectProp, type ComponentClassNames, type ComponentNames, type ComponentState, type ComponentStyleFunction, type Config, type ConfigSchema, type ConfigVariants, type ConfigVariantsMulti, type CursorProp, DateFormat, type FontSizeProp, type FontStyleProp, type FontWeightProp, type GapSpaceProp, type HeightProp, type MaxWidthProp, type NestedStringObject, type NumerFormatterOptions, NumericFormat, type PaddingBottomProp, type PaddingLeftProp, type PaddingRightProp, type PaddingSpaceProp, type PaddingSpacePropX, type PaddingSpacePropY, type PaddingTopProp, type PlaceItemsProp, type Props, SVG, type SVGProps, type StateAttrKeyProps, type StateAttrProps, type StylesProps, type TextAlignProp, type TextWrapProp, type Theme, type ThemeComponent, type ThemeComponentParts, ThemeProvider, type ThemeProviderProps, type UseClassNamesProps, type UseStateProps, type WhiteSpaceProps, type WidthProp, alignment, aspect, cn, createVar, cursorStyle, cva, defaultTheme, ensureCssVar, extendTheme, fontWeight, gapSpace, get, height, isValidCssCustomPropertyName, maxWidth, paddingBottom, paddingLeft, paddingRight, paddingSpace, paddingSpaceX, paddingSpaceY, paddingTop, placeItems, textAlign, textSize, textStyle, textWrap, useClassNames, useResponsiveValue, useSmallScreen, useStateProps, useTheme, whiteSpace, width };
1091
+ //#endregion
1092
+ export { type AlignmentProp, type AspectProp, type ClassValue, type ComponentClassNames, type ComponentNames, type ComponentState, type ComponentStyleFunction, type Config, type ConfigSchema, type ConfigVariants, type ConfigVariantsMulti, type CursorProp, DateFormat, type FontSizeProp, type FontStyleProp, type FontWeightProp, type GapSpaceProp, type HeightProp, type MaxWidthProp, type NestedStringObject, type NumerFormatterOptions, NumericFormat, type PaddingBottomProp, type PaddingLeftProp, type PaddingRightProp, type PaddingSpaceProp, type PaddingSpacePropX, type PaddingSpacePropY, type PaddingTopProp, type PlaceItemsProp, type Props, SVG, type SVGProps, type StateAttrKeyProps, type StateAttrProps, type StylesProps, type TextAlignProp, type TextWrapProp, type Theme, type ThemeComponent, type ThemeComponentParts, ThemeProvider, type ThemeProviderProps, type UseClassNamesProps, type UseStateProps, type VariantProps, type WhiteSpaceProps, type WidthProp, alignment, aspect, cn, createVar, cursorStyle, cva, defaultTheme, ensureCssVar, extendTheme, fontWeight, gapSpace, get, height, isValidCssCustomPropertyName, maxWidth, paddingBottom, paddingLeft, paddingRight, paddingSpace, paddingSpaceX, paddingSpaceY, paddingTop, placeItems, textAlign, textSize, textStyle, textWrap, useClassNames, useResponsiveValue, useSmallScreen, useStateProps, useTheme, whiteSpace, width };