@marigold/system 15.2.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 +927 -879
  2. package/dist/index.d.ts +927 -879
  3. package/dist/index.js +920 -984
  4. package/dist/index.mjs +862 -918
  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,948 +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
- auto: string;
312
- full: string;
313
- fit: string;
314
- min: string;
315
- max: string;
316
- screen: string;
317
- svh: string;
318
- lvh: string;
319
- dvh: string;
320
- px: string;
321
- 0: string;
322
- '0.5': string;
323
- 1: string;
324
- '1.5': string;
325
- 2: string;
326
- '2.5': string;
327
- 3: string;
328
- '3.5': string;
329
- 4: string;
330
- 5: string;
331
- 6: string;
332
- 7: string;
333
- 8: string;
334
- 9: string;
335
- 10: string;
336
- 11: string;
337
- 12: string;
338
- 14: string;
339
- 16: string;
340
- 20: string;
341
- 24: string;
342
- 28: string;
343
- 32: string;
344
- 36: string;
345
- 40: string;
346
- 44: string;
347
- 48: string;
348
- 52: string;
349
- 56: string;
350
- 60: string;
351
- 64: string;
352
- 72: string;
353
- 80: string;
354
- 96: string;
355
- '1/2': string;
356
- '1/3': string;
357
- '2/3': string;
358
- '1/4': string;
359
- '2/4': string;
360
- '3/4': string;
361
- '1/5': string;
362
- '2/5': string;
363
- '3/5': string;
364
- '1/6': string;
365
- '2/6': string;
366
- '3/6': string;
367
- '4/6': string;
368
- '5/6': string;
369
- '1/12': string;
370
- '2/12': string;
371
- '3/12': string;
372
- '4/12': string;
373
- '5/12': string;
374
- '6/12': string;
375
- '7/12': string;
376
- '8/12': string;
377
- '9/12': string;
378
- '10/12': string;
379
- '11/12': string;
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
- auto: string;
383
- full: string;
384
- fit: string;
385
- min: string;
386
- max: string;
387
- screen: string;
388
- svh: string;
389
- lvh: string;
390
- dvh: string;
391
- px: string;
392
- 0: string;
393
- '0.5': string;
394
- 1: string;
395
- '1.5': string;
396
- 2: string;
397
- '2.5': string;
398
- 3: string;
399
- '3.5': string;
400
- 4: string;
401
- 5: string;
402
- 6: string;
403
- 7: string;
404
- 8: string;
405
- 9: string;
406
- 10: string;
407
- 11: string;
408
- 12: string;
409
- 14: string;
410
- 16: string;
411
- 20: string;
412
- 24: string;
413
- 28: string;
414
- 32: string;
415
- 36: string;
416
- 40: string;
417
- 44: string;
418
- 48: string;
419
- 52: string;
420
- 56: string;
421
- 60: string;
422
- 64: string;
423
- 72: string;
424
- 80: string;
425
- 96: string;
426
- '1/2': string;
427
- '1/3': string;
428
- '2/3': string;
429
- '1/4': string;
430
- '2/4': string;
431
- '3/4': string;
432
- '1/5': string;
433
- '2/5': string;
434
- '3/5': string;
435
- '1/6': string;
436
- '2/6': string;
437
- '3/6': string;
438
- '4/6': string;
439
- '5/6': string;
440
- '1/12': string;
441
- '2/12': string;
442
- '3/12': string;
443
- '4/12': string;
444
- '5/12': string;
445
- '6/12': string;
446
- '7/12': string;
447
- '8/12': string;
448
- '9/12': string;
449
- '10/12': string;
450
- '11/12': string;
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
- auto: string;
454
- full: string;
455
- fit: string;
456
- min: string;
457
- max: string;
458
- screen: string;
459
- svh: string;
460
- lvh: string;
461
- dvh: string;
462
- px: string;
463
- 0: string;
464
- '0.5': string;
465
- 1: string;
466
- '1.5': string;
467
- 2: string;
468
- '2.5': string;
469
- 3: string;
470
- '3.5': string;
471
- 4: string;
472
- 5: string;
473
- 6: string;
474
- 7: string;
475
- 8: string;
476
- 9: string;
477
- 10: string;
478
- 11: string;
479
- 12: string;
480
- 14: string;
481
- 16: string;
482
- 20: string;
483
- 24: string;
484
- 28: string;
485
- 32: string;
486
- 36: string;
487
- 40: string;
488
- 44: string;
489
- 48: string;
490
- 52: string;
491
- 56: string;
492
- 60: string;
493
- 64: string;
494
- 72: string;
495
- 80: string;
496
- 96: string;
497
- '1/2': string;
498
- '1/3': string;
499
- '2/3': string;
500
- '1/4': string;
501
- '2/4': string;
502
- '3/4': string;
503
- '1/5': string;
504
- '2/5': string;
505
- '3/5': string;
506
- '1/6': string;
507
- '2/6': string;
508
- '3/6': string;
509
- '4/6': string;
510
- '5/6': string;
511
- '1/12': string;
512
- '2/12': string;
513
- '3/12': string;
514
- '4/12': string;
515
- '5/12': string;
516
- '6/12': string;
517
- '7/12': string;
518
- '8/12': string;
519
- '9/12': string;
520
- '10/12': string;
521
- '11/12': string;
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
- thin: string;
525
- extralight: string;
526
- light: string;
527
- regular: string;
528
- medium: string;
529
- semibold: string;
530
- bold: string;
531
- extrabold: string;
532
- black: string;
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
- xs: string;
536
- sm: string;
537
- base: string;
538
- lg: string;
539
- xl: string;
540
- '2xl': string;
541
- '3xl': string;
542
- '4xl': string;
543
- '5xl': string;
544
- '6xl': string;
545
- '7xl': string;
546
- '8xl': string;
547
- '9xl': string;
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
- italic: string;
551
- normal: string;
568
+ readonly italic: "italic";
569
+ readonly normal: "not-italic";
552
570
  };
553
571
  declare const textWrap: {
554
- wrap: string;
555
- noWrap: string;
556
- balance: string;
557
- pretty: string;
572
+ readonly wrap: "text-wrap";
573
+ readonly noWrap: "text-nowrap";
574
+ readonly balance: "text-balance";
575
+ readonly pretty: "text-pretty";
576
+ };
577
+ declare const whiteSpace: {
578
+ normal: string;
579
+ nowrap: string;
580
+ pre: string;
581
+ preLine: string;
582
+ preWrap: string;
583
+ breakSpaces: string;
558
584
  };
559
585
  declare const gapSpace: {
560
- 0: string;
561
- '0.5': string;
562
- 1: string;
563
- '1.5': string;
564
- 2: string;
565
- '2.5': string;
566
- 3: string;
567
- '3.5': string;
568
- 4: string;
569
- 5: string;
570
- 6: string;
571
- 7: string;
572
- 8: string;
573
- 9: string;
574
- 10: string;
575
- 11: string;
576
- 12: string;
577
- 14: string;
578
- 16: string;
579
- 20: string;
580
- 24: string;
581
- 28: string;
582
- 32: string;
583
- 36: string;
584
- 40: string;
585
- 44: string;
586
- 48: string;
587
- 52: string;
588
- 56: string;
589
- 60: string;
590
- 64: string;
591
- 72: string;
592
- 80: string;
593
- 96: string;
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)]";
594
625
  };
595
626
  declare const paddingSpace: {
596
- 0: string;
597
- '0.5': string;
598
- 1: string;
599
- '1.5': string;
600
- 2: string;
601
- '2.5': string;
602
- 3: string;
603
- '3.5': string;
604
- 4: string;
605
- 5: string;
606
- 6: string;
607
- 7: string;
608
- 8: string;
609
- 9: string;
610
- 10: string;
611
- 11: string;
612
- 12: string;
613
- 14: string;
614
- 16: string;
615
- 20: string;
616
- 24: string;
617
- 28: string;
618
- 32: string;
619
- 36: string;
620
- 40: string;
621
- 44: string;
622
- 48: string;
623
- 52: string;
624
- 56: string;
625
- 60: string;
626
- 64: string;
627
- 72: string;
628
- 80: string;
629
- 96: string;
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";
630
661
  };
631
662
  declare const paddingSpaceX: {
632
- 0: string;
633
- '0.5': string;
634
- 1: string;
635
- '1.5': string;
636
- 2: string;
637
- '2.5': string;
638
- 3: string;
639
- '3.5': string;
640
- 4: string;
641
- 5: string;
642
- 6: string;
643
- 7: string;
644
- 8: string;
645
- 9: string;
646
- 10: string;
647
- 11: string;
648
- 12: string;
649
- 14: string;
650
- 16: string;
651
- 20: string;
652
- 24: string;
653
- 28: string;
654
- 32: string;
655
- 36: string;
656
- 40: string;
657
- 44: string;
658
- 48: string;
659
- 52: string;
660
- 56: string;
661
- 60: string;
662
- 64: string;
663
- 72: string;
664
- 80: string;
665
- 96: string;
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";
666
697
  };
667
698
  declare const paddingSpaceY: {
668
- 0: string;
669
- '0.5': string;
670
- 1: string;
671
- '1.5': string;
672
- 2: string;
673
- '2.5': string;
674
- 3: string;
675
- '3.5': string;
676
- 4: string;
677
- 5: string;
678
- 6: string;
679
- 7: string;
680
- 8: string;
681
- 9: string;
682
- 10: string;
683
- 11: string;
684
- 12: string;
685
- 14: string;
686
- 16: string;
687
- 20: string;
688
- 24: string;
689
- 28: string;
690
- 32: string;
691
- 36: string;
692
- 40: string;
693
- 44: string;
694
- 48: string;
695
- 52: string;
696
- 56: string;
697
- 60: string;
698
- 64: string;
699
- 72: string;
700
- 80: string;
701
- 96: string;
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)]";
702
738
  };
703
739
  declare const paddingRight: {
704
- 0: string;
705
- '0.5': string;
706
- 1: string;
707
- '1.5': string;
708
- 2: string;
709
- '2.5': string;
710
- 3: string;
711
- '3.5': string;
712
- 4: string;
713
- 5: string;
714
- 6: string;
715
- 7: string;
716
- 8: string;
717
- 9: string;
718
- 10: string;
719
- 11: string;
720
- 12: string;
721
- 14: string;
722
- 16: string;
723
- 20: string;
724
- 24: string;
725
- 28: string;
726
- 32: string;
727
- 36: string;
728
- 40: string;
729
- 44: string;
730
- 48: string;
731
- 52: string;
732
- 56: string;
733
- 60: string;
734
- 64: string;
735
- 72: string;
736
- 80: string;
737
- 96: string;
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";
738
774
  };
739
775
  declare const paddingLeft: {
740
- 0: string;
741
- '0.5': string;
742
- 1: string;
743
- '1.5': string;
744
- 2: string;
745
- '2.5': string;
746
- 3: string;
747
- '3.5': string;
748
- 4: string;
749
- 5: string;
750
- 6: string;
751
- 7: string;
752
- 8: string;
753
- 9: string;
754
- 10: string;
755
- 11: string;
756
- 12: string;
757
- 14: string;
758
- 16: string;
759
- 20: string;
760
- 24: string;
761
- 28: string;
762
- 32: string;
763
- 36: string;
764
- 40: string;
765
- 44: string;
766
- 48: string;
767
- 52: string;
768
- 56: string;
769
- 60: string;
770
- 64: string;
771
- 72: string;
772
- 80: string;
773
- 96: string;
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";
774
810
  };
775
811
  declare const paddingTop: {
776
- 0: string;
777
- '0.5': string;
778
- 1: string;
779
- '1.5': string;
780
- 2: string;
781
- '2.5': string;
782
- 3: string;
783
- '3.5': string;
784
- 4: string;
785
- 5: string;
786
- 6: string;
787
- 7: string;
788
- 8: string;
789
- 9: string;
790
- 10: string;
791
- 11: string;
792
- 12: string;
793
- 14: string;
794
- 16: string;
795
- 20: string;
796
- 24: string;
797
- 28: string;
798
- 32: string;
799
- 36: string;
800
- 40: string;
801
- 44: string;
802
- 48: string;
803
- 52: string;
804
- 56: string;
805
- 60: string;
806
- 64: string;
807
- 72: string;
808
- 80: string;
809
- 96: string;
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";
810
846
  };
811
847
  declare const paddingBottom: {
812
- 0: string;
813
- '0.5': string;
814
- 1: string;
815
- '1.5': string;
816
- 2: string;
817
- '2.5': string;
818
- 3: string;
819
- '3.5': string;
820
- 4: string;
821
- 5: string;
822
- 6: string;
823
- 7: string;
824
- 8: string;
825
- 9: string;
826
- 10: string;
827
- 11: string;
828
- 12: string;
829
- 14: string;
830
- 16: string;
831
- 20: string;
832
- 24: string;
833
- 28: string;
834
- 32: string;
835
- 36: string;
836
- 40: string;
837
- 44: string;
838
- 48: string;
839
- 52: string;
840
- 56: string;
841
- 60: string;
842
- 64: string;
843
- 72: string;
844
- 80: string;
845
- 96: string;
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";
846
882
  };
847
883
  declare const alignment: {
848
- vertical: {
849
- alignmentX: {
850
- left: string;
851
- center: string;
852
- right: string;
853
- };
854
- alignmentY: {
855
- top: string;
856
- center: string;
857
- bottom: string;
858
- };
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";
859
897
  };
860
- horizontal: {
861
- alignmentY: {
862
- top: string;
863
- center: string;
864
- bottom: string;
865
- };
866
- alignmentX: {
867
- left: string;
868
- center: string;
869
- right: string;
870
- };
898
+ };
899
+ readonly horizontal: {
900
+ readonly alignmentY: {
901
+ readonly top: "items-start";
902
+ readonly center: "items-center";
903
+ readonly bottom: "items-end";
871
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
+ };
872
914
  };
873
915
  declare const placeItems: {
874
- none: undefined;
875
- left: string;
876
- center: string;
877
- right: string;
916
+ readonly none: undefined;
917
+ readonly left: "place-items-start";
918
+ readonly center: "place-items-center";
919
+ readonly right: "place-items-end";
878
920
  };
879
921
  declare const textAlign: {
880
- none: undefined;
881
- left: string;
882
- center: string;
883
- right: string;
922
+ readonly none: undefined;
923
+ readonly left: "text-left";
924
+ readonly center: "text-center";
925
+ readonly right: "text-right";
884
926
  };
885
927
  declare const aspect: {
886
- square: string;
887
- landscape: string;
888
- portrait: string;
889
- widescreen: string;
890
- ultrawide: string;
891
- golden: string;
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]";
892
934
  };
893
935
  declare const cursorStyle: {
894
- auto: string;
895
- default: string;
896
- pointer: string;
897
- wait: string;
898
- text: string;
899
- move: string;
900
- help: string;
901
- notAllowed: string;
902
- none: string;
903
- progress: string;
904
- cell: string;
905
- crosshair: string;
906
- vertical: string;
907
- alias: string;
908
- copy: string;
909
- noDrop: string;
910
- grap: string;
911
- grapping: string;
912
- scroll: string;
913
- colResize: string;
914
- rowResize: string;
915
- ewResize: string;
916
- nsResize: string;
917
- zoomIn: string;
918
- zoomOut: string;
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";
919
961
  };
920
962
  type AspectProp = {
921
- ratio?: keyof typeof aspect;
963
+ ratio?: keyof typeof aspect;
922
964
  };
923
965
  type AlignmentProp = {
924
- orientation?: {
925
- vertical?: {
926
- alignY?: keyof typeof alignment.vertical.alignmentY;
927
- alignX?: keyof typeof alignment.vertical.alignmentX;
928
- };
929
- horizontal?: {
930
- alignX?: keyof typeof alignment.horizontal.alignmentX;
931
- alignY?: keyof typeof alignment.horizontal.alignmentY;
932
- };
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;
933
974
  };
975
+ };
934
976
  };
935
977
  type CursorProp = {
936
- /**
937
- * Set the cursor for the element. You can see allowed tokens [here](https://tailwindcss.com/docs/cursor).
938
- */
939
- 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;
940
982
  };
941
983
  type FontStyleProp = {
942
- /**
943
- * Set the font style for the text element.
944
- */
945
- fontStyle?: keyof typeof textStyle;
984
+ /**
985
+ * Set the font style for the text element.
986
+ */
987
+ fontStyle?: keyof typeof textStyle;
946
988
  };
947
989
  type TextWrapProp = {
948
- /**
949
- * Set text wrapping behavior.
950
- */
951
- wrap?: keyof typeof textWrap;
990
+ /**
991
+ * Set text wrapping behavior.
992
+ */
993
+ wrap?: keyof typeof textWrap;
994
+ };
995
+ type WhiteSpaceProps = {
996
+ /**
997
+ * Set how white space inside the element is handled.
998
+ */
999
+ whiteSpace?: keyof typeof whiteSpace;
952
1000
  };
953
1001
  type FontWeightProp = {
954
- /**
955
- * Set the font weight for the text element. You can see allowed tokens [here](../../foundations/design-tokens?theme=core#typography).
956
- */
957
- 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;
958
1006
  };
959
1007
  type FontSizeProp = {
960
- /**
961
- * Set the font size for the text element. You can see allowed tokens [here](../../foundations/design-tokens?theme=core#typography).
962
- */
963
- 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;
964
1012
  };
965
1013
  type GapSpaceProp = {
966
- /**
967
- * The space between the children. You can see allowed tokens [here](../../foundations/design-tokens?theme=core#spacing).
968
- */
969
- 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;
970
1018
  };
971
1019
  type PaddingSpaceProp = {
972
- /**
973
- * Set the padding space for the element. You can see allowed tokens [here](../../foundations/design-tokens?theme=core#spacing).
974
- */
975
- 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;
976
1024
  };
977
1025
  type PaddingSpacePropX = {
978
- /**
979
- * Set the horizontal padding space for the element. You can see allowed tokens [here](../../foundations/design-tokens?theme=core#spacing).
980
- */
981
- 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;
982
1030
  };
983
1031
  type PaddingSpacePropY = {
984
- /**
985
- * Set the vertical padding space for the element. You can see allowed tokens [here](../../foundations/design-tokens?theme=core#spacing).
986
- */
987
- 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;
988
1036
  };
989
1037
  type PaddingRightProp = {
990
- /**
991
- * Set the right padding for the element. You can see allowed tokens [here](../../foundations/design-tokens?theme=core#spacing).
992
- */
993
- 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;
994
1042
  };
995
1043
  type PaddingLeftProp = {
996
- /**
997
- * Set the left padding for the element. You can see allowed tokens [here](../../foundations/design-tokens?theme=core#spacing).
998
- */
999
- 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;
1000
1048
  };
1001
1049
  type PaddingTopProp = {
1002
- /**
1003
- * Set the top padding for the element. You can see allowed tokens [here](../../foundations/design-tokens?theme=core#spacing).
1004
- */
1005
- 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;
1006
1054
  };
1007
1055
  type PaddingBottomProp = {
1008
- /**
1009
- * Set the bottom padding for the element. You can see allowed tokens [here](../../foundations/design-tokens?theme=core#spacing).
1010
- */
1011
- 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;
1012
1060
  };
1013
1061
  type PlaceItemsProp = {
1014
- /**
1015
- * Set the alignment of place-items property for the element.
1016
- */
1017
- align?: keyof typeof placeItems;
1062
+ /**
1063
+ * Set the alignment of place-items property for the element.
1064
+ */
1065
+ align?: keyof typeof placeItems;
1018
1066
  };
1019
1067
  type TextAlignProp = {
1020
- /**
1021
- * Set the text alignment for the element.
1022
- */
1023
- align?: keyof typeof textAlign;
1068
+ /**
1069
+ * Set the text alignment for the element.
1070
+ */
1071
+ align?: keyof typeof textAlign;
1024
1072
  };
1025
1073
  type WidthProp = {
1026
- /**
1027
- * Sets the width of the element. You can see allowed tokens [here](https://tailwindcss.com/docs/width).
1028
- */
1029
- 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;
1030
1078
  };
1031
1079
  type MaxWidthProp = {
1032
- /**
1033
- * Sets the max-width of the element. You can see allowed tokens [here](https://tailwindcss.com/docs/max-width).
1034
- */
1035
- 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;
1036
1084
  };
1037
1085
  type HeightProp = {
1038
- /**
1039
- * Set the height of the element. You can see allowed tokens [here](https://tailwindcss.com/docs/height).
1040
- */
1041
- 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;
1042
1090
  };
1043
-
1044
- 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 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, 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 };