@vaneui/ui 0.9.0-alpha.20260108153335.d1109b4 → 0.9.0-alpha.20260114165342.10a91f9
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.
- package/README.md +13 -10
- package/dist/components/ui/card.d.ts +6 -2
- package/dist/components/ui/card.d.ts.map +1 -1
- package/dist/components/ui/col.d.ts +3 -3
- package/dist/components/ui/col.d.ts.map +1 -1
- package/dist/components/ui/props/keys.d.ts +7 -3
- package/dist/components/ui/props/keys.d.ts.map +1 -1
- package/dist/components/ui/props/propDescriptions.d.ts +1 -1
- package/dist/components/ui/row.d.ts +3 -3
- package/dist/components/ui/row.d.ts.map +1 -1
- package/dist/components/ui/stack.d.ts +3 -3
- package/dist/components/ui/stack.d.ts.map +1 -1
- package/dist/components/ui/theme/colTheme.d.ts +4 -0
- package/dist/components/ui/theme/colTheme.d.ts.map +1 -1
- package/dist/components/ui/theme/rowTheme.d.ts +4 -0
- package/dist/components/ui/theme/rowTheme.d.ts.map +1 -1
- package/dist/components/ui/theme/stackTheme.d.ts +4 -0
- package/dist/components/ui/theme/stackTheme.d.ts.map +1 -1
- package/dist/components/ui/typography.d.ts +5 -5
- package/dist/components/ui/typography.d.ts.map +1 -1
- package/dist/index.esm.js +25 -12
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +26 -11
- package/dist/index.js.map +1 -1
- package/dist/ui.css +0 -3
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -151,19 +151,22 @@ return (
|
|
|
151
151
|
);
|
|
152
152
|
```
|
|
153
153
|
|
|
154
|
-
You can
|
|
154
|
+
You can modify component themes programmatically by providing `themeOverride` in ThemeProvider:
|
|
155
155
|
|
|
156
156
|
```tsx
|
|
157
157
|
const overrideFunc = (theme: ThemeProps) => {
|
|
158
|
-
|
|
159
|
-
theme.button.
|
|
160
|
-
|
|
158
|
+
// Add classes to button's base (always applied)
|
|
159
|
+
theme.button.base += ' uppercase tracking-wide';
|
|
160
|
+
|
|
161
|
+
// Change default props for a component
|
|
162
|
+
theme.button.defaults = { ...theme.button.defaults, semibold: true };
|
|
163
|
+
|
|
161
164
|
return theme;
|
|
162
165
|
};
|
|
163
166
|
|
|
164
167
|
return (
|
|
165
168
|
<ThemeProvider themeOverride={overrideFunc}>
|
|
166
|
-
<Button>This button
|
|
169
|
+
<Button>This button is uppercase with tracking</Button>
|
|
167
170
|
</ThemeProvider>
|
|
168
171
|
);
|
|
169
172
|
```
|
|
@@ -207,7 +210,7 @@ export function App() {
|
|
|
207
210
|
|
|
208
211
|
Each component exposes optional boolean props generated from category keys. Common examples:
|
|
209
212
|
- Size: `xs`, `sm`, `md`, `lg`, `xl`
|
|
210
|
-
- Appearance: `
|
|
213
|
+
- Appearance: `primary`, `brand`, `accent`, `secondary`, `tertiary`, `success`, `danger`, `warning`, `info`, `link`
|
|
211
214
|
- Variant: `filled`, `outline`
|
|
212
215
|
- Shape: `pill`, `rounded`, `sharp`
|
|
213
216
|
- Typography: `sans`, `serif`, `mono`, `thin`…`black`, `italic`/`notItalic`, `underline`/`lineThrough`/`overline`, `uppercase`/`lowercase`/`capitalize`
|
|
@@ -218,16 +221,16 @@ Only the categories relevant to a component are used. The theme maps these boole
|
|
|
218
221
|
## Available Components
|
|
219
222
|
|
|
220
223
|
From the main entry import:
|
|
221
|
-
- Interactive: Button, Badge, Chip, Code, Checkbox, Label
|
|
222
|
-
- Layout: Section, Container, Row, Col, Stack, Grid3, Grid4, Card, Divider
|
|
224
|
+
- Interactive: Button, Badge, Chip, Code, Input, Checkbox, Label
|
|
225
|
+
- Layout: Section, Container, Row, Col, Stack, Grid2, Grid3, Grid4, Grid5, Grid6, Card, Divider
|
|
223
226
|
- Typography: Text, Title, Link, List, ListItem, SectionTitle, PageTitle
|
|
224
227
|
- Media: Img
|
|
225
228
|
|
|
226
229
|
```ts
|
|
227
230
|
import {
|
|
228
231
|
Button, Badge, Chip, Code,
|
|
229
|
-
Checkbox, Label, Img,
|
|
230
|
-
Section, Container, Row, Col, Stack, Grid3, Grid4, Card, Divider,
|
|
232
|
+
Input, Checkbox, Label, Img,
|
|
233
|
+
Section, Container, Row, Col, Stack, Grid2, Grid3, Grid4, Grid5, Grid6, Card, Divider,
|
|
231
234
|
Text, Title, Link, List, ListItem, SectionTitle, PageTitle,
|
|
232
235
|
} from '@vaneui/ui';
|
|
233
236
|
```
|
|
@@ -1,7 +1,9 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import type { BaseProps, FontWeightProps, FontStyleProps, TextDecorationProps, TextTransformProps, FontFamilyProps, TextAlignProps, SizeProps, HideProps, ItemsProps, JustifyProps, PositionProps, DisplayProps, OverflowProps, WrapProps, GapProps, FlexDirectionProps, ReverseProps, BreakpointProps, AppearanceProps, BorderProps, ShadowProps, RingProps, ShapeProps, PaddingProps, VariantProps, TransparentProps, ResponsiveProps } from "./props";
|
|
3
3
|
/** Card component props */
|
|
4
|
-
export type CardProps = BaseProps & FontWeightProps & FontStyleProps & TextDecorationProps & TextTransformProps & FontFamilyProps & TextAlignProps & SizeProps & HideProps & ItemsProps & JustifyProps & PositionProps & DisplayProps & OverflowProps & WrapProps & GapProps & FlexDirectionProps & ReverseProps & BreakpointProps & AppearanceProps & BorderProps & ShadowProps & RingProps & ShapeProps & PaddingProps & VariantProps & TransparentProps & ResponsiveProps & Omit<React.HTMLAttributes<HTMLDivElement>, 'className' | 'children'> & {
|
|
4
|
+
export type CardProps = BaseProps & FontWeightProps & FontStyleProps & TextDecorationProps & TextTransformProps & FontFamilyProps & TextAlignProps & SizeProps & HideProps & ItemsProps & JustifyProps & PositionProps & DisplayProps & OverflowProps & WrapProps & GapProps & FlexDirectionProps & ReverseProps & BreakpointProps & AppearanceProps & BorderProps & ShadowProps & RingProps & ShapeProps & PaddingProps & VariantProps & TransparentProps & ResponsiveProps & Omit<React.HTMLAttributes<HTMLDivElement>, 'className' | 'children'> & Partial<Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'className' | 'children'>> & {
|
|
5
|
+
/** URL to navigate to (renders component as anchor tag when used with tag="a") */
|
|
6
|
+
href?: string;
|
|
5
7
|
/** Custom HTML tag or React component to render as */
|
|
6
8
|
tag?: React.ElementType;
|
|
7
9
|
};
|
|
@@ -45,7 +47,9 @@ export type CardProps = BaseProps & FontWeightProps & FontStyleProps & TextDecor
|
|
|
45
47
|
*
|
|
46
48
|
* @see {@link CardProps} for all available props
|
|
47
49
|
*/
|
|
48
|
-
export declare const Card: React.ForwardRefExoticComponent<BaseProps & FontWeightProps & FontStyleProps & TextDecorationProps & TextTransformProps & FontFamilyProps & TextAlignProps & SizeProps & HideProps & ItemsProps & JustifyProps & PositionProps & DisplayProps & OverflowProps & WrapProps & GapProps & FlexDirectionProps & ReverseProps & BreakpointProps & AppearanceProps & BorderProps & ShadowProps & RingProps & ShapeProps & PaddingProps & VariantProps & TransparentProps & ResponsiveProps & Omit<React.HTMLAttributes<HTMLDivElement>, "className" | "children"> & {
|
|
50
|
+
export declare const Card: React.ForwardRefExoticComponent<BaseProps & FontWeightProps & FontStyleProps & TextDecorationProps & TextTransformProps & FontFamilyProps & TextAlignProps & SizeProps & HideProps & ItemsProps & JustifyProps & PositionProps & DisplayProps & OverflowProps & WrapProps & GapProps & FlexDirectionProps & ReverseProps & BreakpointProps & AppearanceProps & BorderProps & ShadowProps & RingProps & ShapeProps & PaddingProps & VariantProps & TransparentProps & ResponsiveProps & Omit<React.HTMLAttributes<HTMLDivElement>, "className" | "children"> & Partial<Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, "className" | "children">> & {
|
|
51
|
+
/** URL to navigate to (renders component as anchor tag when used with tag="a") */
|
|
52
|
+
href?: string;
|
|
49
53
|
/** Custom HTML tag or React component to render as */
|
|
50
54
|
tag?: React.ElementType;
|
|
51
55
|
} & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../../src/components/ui/card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,EACV,SAAS,EACT,eAAe,EACf,cAAc,EACd,mBAAmB,EACnB,kBAAkB,EAClB,eAAe,EACf,cAAc,EACd,SAAS,EACT,SAAS,EACT,UAAU,EACV,YAAY,EACZ,aAAa,EACb,YAAY,EACZ,aAAa,EACb,SAAS,EACT,QAAQ,EACR,kBAAkB,EAClB,YAAY,EACZ,eAAe,EACf,eAAe,EACf,WAAW,EACX,WAAW,EACX,SAAS,EACT,UAAU,EACV,YAAY,EACZ,YAAY,EACZ,gBAAgB,EAChB,eAAe,EAChB,MAAM,SAAS,CAAC;AAIjB,2BAA2B;AAC3B,MAAM,MAAM,SAAS,GAAG,SAAS,GAC/B,eAAe,GACf,cAAc,GACd,mBAAmB,GACnB,kBAAkB,GAClB,eAAe,GACf,cAAc,GACd,SAAS,GACT,SAAS,GACT,UAAU,GACV,YAAY,GACZ,aAAa,GACb,YAAY,GACZ,aAAa,GACb,SAAS,GACT,QAAQ,GACR,kBAAkB,GAClB,YAAY,GACZ,eAAe,GACf,eAAe,GACf,WAAW,GACX,WAAW,GACX,SAAS,GACT,UAAU,GACV,YAAY,GACZ,YAAY,GACZ,gBAAgB,GACd,eAAe,GACjB,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,WAAW,GAAG,UAAU,CAAC,GAAG;
|
|
1
|
+
{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../../src/components/ui/card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,EACV,SAAS,EACT,eAAe,EACf,cAAc,EACd,mBAAmB,EACnB,kBAAkB,EAClB,eAAe,EACf,cAAc,EACd,SAAS,EACT,SAAS,EACT,UAAU,EACV,YAAY,EACZ,aAAa,EACb,YAAY,EACZ,aAAa,EACb,SAAS,EACT,QAAQ,EACR,kBAAkB,EAClB,YAAY,EACZ,eAAe,EACf,eAAe,EACf,WAAW,EACX,WAAW,EACX,SAAS,EACT,UAAU,EACV,YAAY,EACZ,YAAY,EACZ,gBAAgB,EAChB,eAAe,EAChB,MAAM,SAAS,CAAC;AAIjB,2BAA2B;AAC3B,MAAM,MAAM,SAAS,GAAG,SAAS,GAC/B,eAAe,GACf,cAAc,GACd,mBAAmB,GACnB,kBAAkB,GAClB,eAAe,GACf,cAAc,GACd,SAAS,GACT,SAAS,GACT,UAAU,GACV,YAAY,GACZ,aAAa,GACb,YAAY,GACZ,aAAa,GACb,SAAS,GACT,QAAQ,GACR,kBAAkB,GAClB,YAAY,GACZ,eAAe,GACf,eAAe,GACf,WAAW,GACX,WAAW,GACX,SAAS,GACT,UAAU,GACV,YAAY,GACZ,YAAY,GACZ,gBAAgB,GACd,eAAe,GACjB,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,WAAW,GAAG,UAAU,CAAC,GACpE,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,WAAW,GAAG,UAAU,CAAC,CAAC,GAAG;IACzF,kFAAkF;IAClF,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,sDAAsD;IACtD,GAAG,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;CACzB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuCG;AACH,eAAO,MAAM,IAAI;IA9Cf,kFAAkF;WAC3E,MAAM;IACb,sDAAsD;UAChD,KAAK,CAAC,WAAW;wCAgDxB,CAAC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import type { BaseProps, SizeProps, HideProps, ItemsProps, JustifyProps, PositionProps, DisplayProps, OverflowProps, WrapProps, GapProps, FlexDirectionProps, ReverseProps, AppearanceProps, BorderProps, ShadowProps, RingProps, ShapeProps, VariantProps, TransparentProps, ResponsiveProps } from './props';
|
|
2
|
+
import type { BaseProps, SizeProps, HideProps, ItemsProps, JustifyProps, PositionProps, DisplayProps, OverflowProps, WrapProps, GapProps, FlexDirectionProps, ReverseProps, AppearanceProps, BorderProps, ShadowProps, RingProps, ShapeProps, VariantProps, TransparentProps, ResponsiveProps, TextAlignProps } from './props';
|
|
3
3
|
/** Col component props */
|
|
4
|
-
export type ColProps = BaseProps & SizeProps & HideProps & ItemsProps & JustifyProps & PositionProps & DisplayProps & OverflowProps & WrapProps & GapProps & FlexDirectionProps & ReverseProps & AppearanceProps & BorderProps & ShadowProps & RingProps & ShapeProps & VariantProps & TransparentProps & ResponsiveProps & Omit<React.HTMLAttributes<HTMLDivElement>, 'className' | 'children'> & {
|
|
4
|
+
export type ColProps = BaseProps & SizeProps & HideProps & ItemsProps & JustifyProps & PositionProps & DisplayProps & OverflowProps & WrapProps & GapProps & FlexDirectionProps & ReverseProps & AppearanceProps & BorderProps & ShadowProps & RingProps & ShapeProps & VariantProps & TransparentProps & ResponsiveProps & TextAlignProps & Omit<React.HTMLAttributes<HTMLDivElement>, 'className' | 'children'> & {
|
|
5
5
|
/** Custom HTML tag or React component to render as */
|
|
6
6
|
tag?: React.ElementType;
|
|
7
7
|
};
|
|
@@ -43,7 +43,7 @@ export type ColProps = BaseProps & SizeProps & HideProps & ItemsProps & JustifyP
|
|
|
43
43
|
*
|
|
44
44
|
* @see {@link ColProps} for all available props
|
|
45
45
|
*/
|
|
46
|
-
export declare const Col: React.ForwardRefExoticComponent<BaseProps & SizeProps & HideProps & ItemsProps & JustifyProps & PositionProps & DisplayProps & OverflowProps & WrapProps & GapProps & FlexDirectionProps & ReverseProps & AppearanceProps & BorderProps & ShadowProps & RingProps & ShapeProps & VariantProps & TransparentProps & ResponsiveProps & Omit<React.HTMLAttributes<HTMLDivElement>, "className" | "children"> & {
|
|
46
|
+
export declare const Col: React.ForwardRefExoticComponent<BaseProps & SizeProps & HideProps & ItemsProps & JustifyProps & PositionProps & DisplayProps & OverflowProps & WrapProps & GapProps & FlexDirectionProps & ReverseProps & AppearanceProps & BorderProps & ShadowProps & RingProps & ShapeProps & VariantProps & TransparentProps & ResponsiveProps & TextAlignProps & Omit<React.HTMLAttributes<HTMLDivElement>, "className" | "children"> & {
|
|
47
47
|
/** Custom HTML tag or React component to render as */
|
|
48
48
|
tag?: React.ElementType;
|
|
49
49
|
} & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"col.d.ts","sourceRoot":"","sources":["../../../src/components/ui/col.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,EACV,SAAS,EACT,SAAS,EACT,SAAS,EACT,UAAU,EACV,YAAY,EACZ,aAAa,EACb,YAAY,EACZ,aAAa,EACb,SAAS,EACT,QAAQ,EACR,kBAAkB,EAClB,YAAY,EACZ,eAAe,EACf,WAAW,EACX,WAAW,EACX,SAAS,EACT,UAAU,EACV,YAAY,EACZ,gBAAgB,EAChB,eAAe,
|
|
1
|
+
{"version":3,"file":"col.d.ts","sourceRoot":"","sources":["../../../src/components/ui/col.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,EACV,SAAS,EACT,SAAS,EACT,SAAS,EACT,UAAU,EACV,YAAY,EACZ,aAAa,EACb,YAAY,EACZ,aAAa,EACb,SAAS,EACT,QAAQ,EACR,kBAAkB,EAClB,YAAY,EACZ,eAAe,EACf,WAAW,EACX,WAAW,EACX,SAAS,EACT,UAAU,EACV,YAAY,EACZ,gBAAgB,EAChB,eAAe,EACf,cAAc,EACf,MAAM,SAAS,CAAC;AAIjB,0BAA0B;AAC1B,MAAM,MAAM,QAAQ,GAAG,SAAS,GAC9B,SAAS,GACT,SAAS,GACT,UAAU,GACV,YAAY,GACZ,aAAa,GACb,YAAY,GACZ,aAAa,GACb,SAAS,GACT,QAAQ,GACR,kBAAkB,GAClB,YAAY,GACZ,eAAe,GACf,WAAW,GACX,WAAW,GACX,SAAS,GACT,UAAU,GACV,YAAY,GACZ,gBAAgB,GAChB,eAAe,GACf,cAAc,GACd,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,WAAW,GAAG,UAAU,CAAC,GAAG;IACvE,sDAAsD;IACtD,GAAG,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;CACzB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqCG;AACH,eAAO,MAAM,GAAG;IA1Cd,sDAAsD;UAChD,KAAK,CAAC,WAAW;wCA8CxB,CAAC"}
|
|
@@ -16,6 +16,10 @@ export declare const VISUAL_DECORATION: readonly ["shadow", "ring", "focusVisibl
|
|
|
16
16
|
export declare const VISUAL_DECORATION_LAYOUT: readonly ["shadow", "ring"];
|
|
17
17
|
/** Shape properties for border radius and corner rounding */
|
|
18
18
|
export declare const SHAPE: readonly ["shape"];
|
|
19
|
+
/** Text alignment property for block-level elements */
|
|
20
|
+
export declare const TEXT_ALIGN: readonly ["textAlign"];
|
|
21
|
+
/** Core typography styling properties (excluding text alignment) */
|
|
22
|
+
export declare const TYPOGRAPHY_STYLE_CORE: readonly ["fontWeight", "fontStyle", "textDecoration", "textTransform", "fontFamily"];
|
|
19
23
|
/** Typography styling properties for text appearance and formatting */
|
|
20
24
|
export declare const TYPOGRAPHY_STYLE: readonly ["fontWeight", "fontStyle", "textDecoration", "textTransform", "fontFamily", "textAlign"];
|
|
21
25
|
/** List-specific styling properties for bullet points and numbering */
|
|
@@ -181,11 +185,11 @@ export declare const GRID_CATEGORIES: readonly ["size", "hide", "items", "justif
|
|
|
181
185
|
/** Categories for container layout components */
|
|
182
186
|
export declare const CONTAINER_CATEGORIES: readonly ["size", "hide", "items", "justify", "position", "display", "overflow", "wrap", "gap", "flexDirection", "reverse", "appearance", "border", "shadow", "ring", "shape", "variant", "transparent", "responsive"];
|
|
183
187
|
/** Categories for column layout components */
|
|
184
|
-
export declare const COL_CATEGORIES: readonly ["size", "hide", "items", "justify", "position", "display", "overflow", "wrap", "gap", "flexDirection", "reverse", "appearance", "border", "shadow", "ring", "shape", "variant", "transparent", "responsive"];
|
|
188
|
+
export declare const COL_CATEGORIES: readonly ["size", "hide", "items", "justify", "position", "display", "overflow", "wrap", "gap", "flexDirection", "reverse", "appearance", "border", "shadow", "ring", "shape", "variant", "transparent", "responsive", "textAlign"];
|
|
185
189
|
/** Categories for row layout components with responsive breakpoints */
|
|
186
|
-
export declare const ROW_CATEGORIES: readonly ["size", "hide", "items", "justify", "position", "display", "overflow", "wrap", "gap", "flexDirection", "reverse", "breakpoint", "appearance", "border", "shadow", "ring", "shape", "variant", "transparent", "responsive"];
|
|
190
|
+
export declare const ROW_CATEGORIES: readonly ["size", "hide", "items", "justify", "position", "display", "overflow", "wrap", "gap", "flexDirection", "reverse", "breakpoint", "appearance", "border", "shadow", "ring", "shape", "variant", "transparent", "responsive", "textAlign"];
|
|
187
191
|
/** Categories for stack layout components with responsive and padding support */
|
|
188
|
-
export declare const STACK_CATEGORIES: readonly ["size", "hide", "items", "justify", "position", "display", "overflow", "wrap", "gap", "flexDirection", "reverse", "breakpoint", "padding", "appearance", "border", "shadow", "ring", "shape", "variant", "transparent", "responsive"];
|
|
192
|
+
export declare const STACK_CATEGORIES: readonly ["size", "hide", "items", "justify", "position", "display", "overflow", "wrap", "gap", "flexDirection", "reverse", "breakpoint", "padding", "appearance", "border", "shadow", "ring", "shape", "variant", "transparent", "responsive", "textAlign"];
|
|
189
193
|
/** Categories for card components with full typography and layout support */
|
|
190
194
|
export declare const CARD_CATEGORIES: readonly ["fontWeight", "fontStyle", "textDecoration", "textTransform", "fontFamily", "textAlign", "size", "hide", "items", "justify", "position", "display", "overflow", "wrap", "gap", "flexDirection", "reverse", "breakpoint", "appearance", "border", "shadow", "ring", "shape", "padding", "variant", "transparent", "responsive"];
|
|
191
195
|
/** Categories for divider components with basic layout and visual properties */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"keys.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/props/keys.ts"],"names":[],"mappings":"AAAA,iEAAiE;AACjE,eAAO,MAAM,WAAW,kFAAmF,CAAC;AAC5G,6DAA6D;AAC7D,eAAO,MAAM,WAAW,sDAAuD,CAAC;AAChF,sDAAsD;AACtD,eAAO,MAAM,OAAO,sBAAuB,CAAC;AAC5C,kEAAkE;AAClE,eAAO,MAAM,UAAU,yBAA0B,CAAC;AAClD,0EAA0E;AAC1E,eAAO,MAAM,WAAW,yBAA0B,CAAC;AACnD,8CAA8C;AAC9C,eAAO,MAAM,MAAM,qBAAsB,CAAC;AAC1C,+DAA+D;AAC/D,eAAO,MAAM,iBAAiB,6CAA8C,CAAC;AAC7E,8FAA8F;AAC9F,eAAO,MAAM,wBAAwB,6BAA8B,CAAC;AACpE,6DAA6D;AAC7D,eAAO,MAAM,KAAK,oBAAqB,CAAC;AACxC,uEAAuE;AACvE,eAAO,MAAM,gBAAgB,
|
|
1
|
+
{"version":3,"file":"keys.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/props/keys.ts"],"names":[],"mappings":"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"}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
* Auto-generated prop descriptions from JSDoc comments.
|
|
3
3
|
* DO NOT EDIT MANUALLY - Run 'npm run props:generate' to regenerate.
|
|
4
4
|
*
|
|
5
|
-
* Generated on: 2026-01-
|
|
5
|
+
* Generated on: 2026-01-14T16:53:43.904Z
|
|
6
6
|
*/
|
|
7
7
|
export interface PropDescription {
|
|
8
8
|
description: string;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import type { BaseProps, SizeProps, HideProps, ItemsProps, JustifyProps, PositionProps, DisplayProps, OverflowProps, WrapProps, GapProps, FlexDirectionProps, ReverseProps, BreakpointProps, AppearanceProps, BorderProps, ShadowProps, RingProps, ShapeProps, VariantProps, TransparentProps, ResponsiveProps } from './props';
|
|
2
|
+
import type { BaseProps, SizeProps, HideProps, ItemsProps, JustifyProps, PositionProps, DisplayProps, OverflowProps, WrapProps, GapProps, FlexDirectionProps, ReverseProps, BreakpointProps, AppearanceProps, BorderProps, ShadowProps, RingProps, ShapeProps, VariantProps, TransparentProps, ResponsiveProps, TextAlignProps } from './props';
|
|
3
3
|
/** Row component props */
|
|
4
|
-
export type RowProps = BaseProps & SizeProps & HideProps & ItemsProps & JustifyProps & PositionProps & DisplayProps & OverflowProps & WrapProps & GapProps & FlexDirectionProps & ReverseProps & BreakpointProps & AppearanceProps & BorderProps & ShadowProps & RingProps & ShapeProps & VariantProps & TransparentProps & ResponsiveProps & Omit<React.HTMLAttributes<HTMLDivElement>, 'className' | 'children'> & {
|
|
4
|
+
export type RowProps = BaseProps & SizeProps & HideProps & ItemsProps & JustifyProps & PositionProps & DisplayProps & OverflowProps & WrapProps & GapProps & FlexDirectionProps & ReverseProps & BreakpointProps & AppearanceProps & BorderProps & ShadowProps & RingProps & ShapeProps & VariantProps & TransparentProps & ResponsiveProps & TextAlignProps & Omit<React.HTMLAttributes<HTMLDivElement>, 'className' | 'children'> & {
|
|
5
5
|
/** Custom HTML tag or React component to render as */
|
|
6
6
|
tag?: React.ElementType;
|
|
7
7
|
};
|
|
@@ -42,7 +42,7 @@ export type RowProps = BaseProps & SizeProps & HideProps & ItemsProps & JustifyP
|
|
|
42
42
|
*
|
|
43
43
|
* @see {@link RowProps} for all available props
|
|
44
44
|
*/
|
|
45
|
-
export declare const Row: React.ForwardRefExoticComponent<BaseProps & SizeProps & HideProps & ItemsProps & JustifyProps & PositionProps & DisplayProps & OverflowProps & WrapProps & GapProps & FlexDirectionProps & ReverseProps & BreakpointProps & AppearanceProps & BorderProps & ShadowProps & RingProps & ShapeProps & VariantProps & TransparentProps & ResponsiveProps & Omit<React.HTMLAttributes<HTMLDivElement>, "className" | "children"> & {
|
|
45
|
+
export declare const Row: React.ForwardRefExoticComponent<BaseProps & SizeProps & HideProps & ItemsProps & JustifyProps & PositionProps & DisplayProps & OverflowProps & WrapProps & GapProps & FlexDirectionProps & ReverseProps & BreakpointProps & AppearanceProps & BorderProps & ShadowProps & RingProps & ShapeProps & VariantProps & TransparentProps & ResponsiveProps & TextAlignProps & Omit<React.HTMLAttributes<HTMLDivElement>, "className" | "children"> & {
|
|
46
46
|
/** Custom HTML tag or React component to render as */
|
|
47
47
|
tag?: React.ElementType;
|
|
48
48
|
} & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"row.d.ts","sourceRoot":"","sources":["../../../src/components/ui/row.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,EACV,SAAS,EACT,SAAS,EACT,SAAS,EACT,UAAU,EACV,YAAY,EACZ,aAAa,EACb,YAAY,EACZ,aAAa,EACb,SAAS,EACT,QAAQ,EACR,kBAAkB,EAClB,YAAY,EACZ,eAAe,EACf,eAAe,EACf,WAAW,EACX,WAAW,EACX,SAAS,EACT,UAAU,EACV,YAAY,EACZ,gBAAgB,EAChB,eAAe,
|
|
1
|
+
{"version":3,"file":"row.d.ts","sourceRoot":"","sources":["../../../src/components/ui/row.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,EACV,SAAS,EACT,SAAS,EACT,SAAS,EACT,UAAU,EACV,YAAY,EACZ,aAAa,EACb,YAAY,EACZ,aAAa,EACb,SAAS,EACT,QAAQ,EACR,kBAAkB,EAClB,YAAY,EACZ,eAAe,EACf,eAAe,EACf,WAAW,EACX,WAAW,EACX,SAAS,EACT,UAAU,EACV,YAAY,EACZ,gBAAgB,EAChB,eAAe,EACf,cAAc,EACf,MAAM,SAAS,CAAC;AAIjB,0BAA0B;AAC1B,MAAM,MAAM,QAAQ,GAAG,SAAS,GAC9B,SAAS,GACT,SAAS,GACT,UAAU,GACV,YAAY,GACZ,aAAa,GACb,YAAY,GACZ,aAAa,GACb,SAAS,GACT,QAAQ,GACR,kBAAkB,GAClB,YAAY,GACZ,eAAe,GACf,eAAe,GACf,WAAW,GACX,WAAW,GACX,SAAS,GACT,UAAU,GACV,YAAY,GACZ,gBAAgB,GAChB,eAAe,GACf,cAAc,GACd,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,WAAW,GAAG,UAAU,CAAC,GAAG;IACvE,sDAAsD;IACtD,GAAG,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;CACzB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoCG;AACH,eAAO,MAAM,GAAG;IAzCd,sDAAsD;UAChD,KAAK,CAAC,WAAW;wCA6CxB,CAAC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import type { BaseProps, SizeProps, HideProps, ItemsProps, JustifyProps, PositionProps, DisplayProps, OverflowProps, WrapProps, GapProps, FlexDirectionProps, ReverseProps, BreakpointProps, PaddingProps, AppearanceProps, BorderProps, ShadowProps, RingProps, ShapeProps, VariantProps, TransparentProps, ResponsiveProps } from './props';
|
|
2
|
+
import type { BaseProps, SizeProps, HideProps, ItemsProps, JustifyProps, PositionProps, DisplayProps, OverflowProps, WrapProps, GapProps, FlexDirectionProps, ReverseProps, BreakpointProps, PaddingProps, AppearanceProps, BorderProps, ShadowProps, RingProps, ShapeProps, VariantProps, TransparentProps, ResponsiveProps, TextAlignProps } from './props';
|
|
3
3
|
/** Stack component props */
|
|
4
|
-
export type StackProps = BaseProps & SizeProps & HideProps & ItemsProps & JustifyProps & PositionProps & DisplayProps & OverflowProps & WrapProps & GapProps & FlexDirectionProps & ReverseProps & BreakpointProps & PaddingProps & AppearanceProps & BorderProps & ShadowProps & RingProps & ShapeProps & VariantProps & TransparentProps & ResponsiveProps & Omit<React.HTMLAttributes<HTMLDivElement>, 'className' | 'children'> & {
|
|
4
|
+
export type StackProps = BaseProps & SizeProps & HideProps & ItemsProps & JustifyProps & PositionProps & DisplayProps & OverflowProps & WrapProps & GapProps & FlexDirectionProps & ReverseProps & BreakpointProps & PaddingProps & AppearanceProps & BorderProps & ShadowProps & RingProps & ShapeProps & VariantProps & TransparentProps & ResponsiveProps & TextAlignProps & Omit<React.HTMLAttributes<HTMLDivElement>, 'className' | 'children'> & {
|
|
5
5
|
/** Custom HTML tag or React component to render as */
|
|
6
6
|
tag?: React.ElementType;
|
|
7
7
|
};
|
|
@@ -42,7 +42,7 @@ export type StackProps = BaseProps & SizeProps & HideProps & ItemsProps & Justif
|
|
|
42
42
|
*
|
|
43
43
|
* @see {@link StackProps} for all available props
|
|
44
44
|
*/
|
|
45
|
-
export declare const Stack: React.ForwardRefExoticComponent<BaseProps & SizeProps & HideProps & ItemsProps & JustifyProps & PositionProps & DisplayProps & OverflowProps & WrapProps & GapProps & FlexDirectionProps & ReverseProps & BreakpointProps & PaddingProps & AppearanceProps & BorderProps & ShadowProps & RingProps & ShapeProps & VariantProps & TransparentProps & ResponsiveProps & Omit<React.HTMLAttributes<HTMLDivElement>, "className" | "children"> & {
|
|
45
|
+
export declare const Stack: React.ForwardRefExoticComponent<BaseProps & SizeProps & HideProps & ItemsProps & JustifyProps & PositionProps & DisplayProps & OverflowProps & WrapProps & GapProps & FlexDirectionProps & ReverseProps & BreakpointProps & PaddingProps & AppearanceProps & BorderProps & ShadowProps & RingProps & ShapeProps & VariantProps & TransparentProps & ResponsiveProps & TextAlignProps & Omit<React.HTMLAttributes<HTMLDivElement>, "className" | "children"> & {
|
|
46
46
|
/** Custom HTML tag or React component to render as */
|
|
47
47
|
tag?: React.ElementType;
|
|
48
48
|
} & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"stack.d.ts","sourceRoot":"","sources":["../../../src/components/ui/stack.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,EACV,SAAS,EACT,SAAS,EACT,SAAS,EACT,UAAU,EACV,YAAY,EACZ,aAAa,EACb,YAAY,EACZ,aAAa,EACb,SAAS,EACT,QAAQ,EACR,kBAAkB,EAClB,YAAY,EACZ,eAAe,EACf,YAAY,EACZ,eAAe,EACf,WAAW,EACX,WAAW,EACX,SAAS,EACT,UAAU,EACV,YAAY,EACZ,gBAAgB,EAChB,eAAe,
|
|
1
|
+
{"version":3,"file":"stack.d.ts","sourceRoot":"","sources":["../../../src/components/ui/stack.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,EACV,SAAS,EACT,SAAS,EACT,SAAS,EACT,UAAU,EACV,YAAY,EACZ,aAAa,EACb,YAAY,EACZ,aAAa,EACb,SAAS,EACT,QAAQ,EACR,kBAAkB,EAClB,YAAY,EACZ,eAAe,EACf,YAAY,EACZ,eAAe,EACf,WAAW,EACX,WAAW,EACX,SAAS,EACT,UAAU,EACV,YAAY,EACZ,gBAAgB,EAChB,eAAe,EACf,cAAc,EACf,MAAM,SAAS,CAAC;AAIjB,4BAA4B;AAC5B,MAAM,MAAM,UAAU,GAAG,SAAS,GAChC,SAAS,GACT,SAAS,GACT,UAAU,GACV,YAAY,GACZ,aAAa,GACb,YAAY,GACZ,aAAa,GACb,SAAS,GACT,QAAQ,GACR,kBAAkB,GAClB,YAAY,GACZ,eAAe,GACf,YAAY,GACZ,eAAe,GACf,WAAW,GACX,WAAW,GACX,SAAS,GACT,UAAU,GACV,YAAY,GACZ,gBAAgB,GAChB,eAAe,GACf,cAAc,GACd,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,WAAW,GAAG,UAAU,CAAC,GAAG;IACvE,sDAAsD;IACtD,GAAG,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;CACzB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoCG;AACH,eAAO,MAAM,KAAK;IAzChB,sDAAsD;UAChD,KAAK,CAAC,WAAW;wCA8CxB,CAAC"}
|
|
@@ -8,6 +8,7 @@ import { RingTheme } from "./layout/ringTheme";
|
|
|
8
8
|
import { RadiusTheme } from "./layout/radiusTheme";
|
|
9
9
|
import { SimpleConsumerTheme } from "./appearance/simpleConsumerTheme";
|
|
10
10
|
import { ShadowAppearanceTheme } from "./appearance/shadowAppearanceTheme";
|
|
11
|
+
import { TextAlignTheme } from "./typography/textAlignTheme";
|
|
11
12
|
export interface ColTheme extends BaseComponentTheme {
|
|
12
13
|
size: {
|
|
13
14
|
gap: GapTheme;
|
|
@@ -26,6 +27,9 @@ export interface ColTheme extends BaseComponentTheme {
|
|
|
26
27
|
ring: SimpleConsumerTheme;
|
|
27
28
|
shadow: ShadowAppearanceTheme;
|
|
28
29
|
};
|
|
30
|
+
typography: {
|
|
31
|
+
textAlign: TextAlignTheme;
|
|
32
|
+
};
|
|
29
33
|
}
|
|
30
34
|
export declare const defaultColTheme: ComponentTheme<ColProps, ColTheme>;
|
|
31
35
|
//# sourceMappingURL=colTheme.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"colTheme.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/theme/colTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACzD,OAAO,EAAE,kBAAkB,EAAE,cAAc,EAAwB,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AACxH,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAEvC,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AACvE,OAAO,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;
|
|
1
|
+
{"version":3,"file":"colTheme.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/theme/colTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACzD,OAAO,EAAE,kBAAkB,EAAE,cAAc,EAAwB,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AACxH,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAEvC,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AACvE,OAAO,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AAC3E,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAI7D,MAAM,WAAW,QAAS,SAAQ,kBAAkB;IAClD,IAAI,EAAE;QACJ,GAAG,EAAE,QAAQ,CAAC;KACf,CAAC;IACF,MAAM,EAAE,mBAAmB,GAAG;QAC5B,IAAI,EAAE,SAAS,CAAC;QAChB,SAAS,EAAE,cAAc,CAAC;QAC1B,MAAM,EAAE,WAAW,CAAC;QACpB,IAAI,EAAE,SAAS,CAAC;QAChB,MAAM,EAAE,WAAW,CAAC;KACrB,CAAC;IACF,UAAU,EAAE;QACV,UAAU,EAAE,mBAAmB,CAAC;QAChC,IAAI,EAAE,mBAAmB,CAAC;QAC1B,MAAM,EAAE,mBAAmB,CAAC;QAC5B,IAAI,EAAE,mBAAmB,CAAC;QAC1B,MAAM,EAAE,qBAAqB,CAAC;KAC/B,CAAC;IACF,UAAU,EAAE;QACV,SAAS,EAAE,cAAc,CAAC;KAC3B,CAAC;CACH;AAED,eAAO,MAAM,eAAe,oCA8B3B,CAAC"}
|
|
@@ -9,6 +9,7 @@ import { RingTheme } from "./layout/ringTheme";
|
|
|
9
9
|
import { RadiusTheme } from "./layout/radiusTheme";
|
|
10
10
|
import { SimpleConsumerTheme } from "./appearance/simpleConsumerTheme";
|
|
11
11
|
import { ShadowAppearanceTheme } from "./appearance/shadowAppearanceTheme";
|
|
12
|
+
import { TextAlignTheme } from "./typography/textAlignTheme";
|
|
12
13
|
export interface RowTheme extends BaseComponentTheme {
|
|
13
14
|
size: {
|
|
14
15
|
gap: GapTheme;
|
|
@@ -28,6 +29,9 @@ export interface RowTheme extends BaseComponentTheme {
|
|
|
28
29
|
ring: SimpleConsumerTheme;
|
|
29
30
|
shadow: ShadowAppearanceTheme;
|
|
30
31
|
};
|
|
32
|
+
typography: {
|
|
33
|
+
textAlign: TextAlignTheme;
|
|
34
|
+
};
|
|
31
35
|
}
|
|
32
36
|
export declare const defaultRowTheme: ComponentTheme<RowProps, RowTheme>;
|
|
33
37
|
//# sourceMappingURL=rowTheme.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"rowTheme.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/theme/rowTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,kBAAkB,EAAE,cAAc,EAAwB,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AACxH,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAEvC,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACzD,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AACvE,OAAO,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;
|
|
1
|
+
{"version":3,"file":"rowTheme.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/theme/rowTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,kBAAkB,EAAE,cAAc,EAAwB,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AACxH,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAEvC,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACzD,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AACvE,OAAO,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AAC3E,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAI7D,MAAM,WAAW,QAAS,SAAQ,kBAAkB;IAClD,IAAI,EAAE;QACJ,GAAG,EAAE,QAAQ,CAAC;QACd,UAAU,EAAE,eAAe,CAAC;KAC7B,CAAC;IACF,MAAM,EAAE,mBAAmB,GAAG;QAC5B,IAAI,EAAE,SAAS,CAAC;QAChB,SAAS,EAAE,cAAc,CAAC;QAC1B,MAAM,EAAE,WAAW,CAAC;QACpB,IAAI,EAAE,SAAS,CAAC;QAChB,MAAM,EAAE,WAAW,CAAC;KACrB,CAAC;IACF,UAAU,EAAE;QACV,UAAU,EAAE,mBAAmB,CAAC;QAChC,IAAI,EAAE,mBAAmB,CAAC;QAC1B,MAAM,EAAE,mBAAmB,CAAC;QAC5B,IAAI,EAAE,mBAAmB,CAAC;QAC1B,MAAM,EAAE,qBAAqB,CAAC;KAC/B,CAAC;IACF,UAAU,EAAE;QACV,SAAS,EAAE,cAAc,CAAC;KAC3B,CAAC;CACH;AAED,eAAO,MAAM,eAAe,oCA+B3B,CAAC"}
|
|
@@ -11,6 +11,7 @@ import { RingTheme } from "./layout/ringTheme";
|
|
|
11
11
|
import { RadiusTheme } from "./layout/radiusTheme";
|
|
12
12
|
import { SimpleConsumerTheme } from "./appearance/simpleConsumerTheme";
|
|
13
13
|
import { ShadowAppearanceTheme } from "./appearance/shadowAppearanceTheme";
|
|
14
|
+
import { TextAlignTheme } from "./typography/textAlignTheme";
|
|
14
15
|
export interface StackTheme extends BaseComponentTheme {
|
|
15
16
|
size: {
|
|
16
17
|
px: PxTheme;
|
|
@@ -32,6 +33,9 @@ export interface StackTheme extends BaseComponentTheme {
|
|
|
32
33
|
ring: SimpleConsumerTheme;
|
|
33
34
|
shadow: ShadowAppearanceTheme;
|
|
34
35
|
};
|
|
36
|
+
typography: {
|
|
37
|
+
textAlign: TextAlignTheme;
|
|
38
|
+
};
|
|
35
39
|
}
|
|
36
40
|
export declare const defaultStackTheme: ComponentTheme<StackProps, StackTheme>;
|
|
37
41
|
//# sourceMappingURL=stackTheme.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"stackTheme.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/theme/stackTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,kBAAkB,EAAE,cAAc,EAAwB,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AACxH,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAE3C,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AACzC,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AACzC,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AACvE,OAAO,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;
|
|
1
|
+
{"version":3,"file":"stackTheme.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/theme/stackTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,kBAAkB,EAAE,cAAc,EAAwB,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AACxH,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAE3C,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AACzC,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AACzC,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AACvE,OAAO,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AAC3E,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAI7D,MAAM,WAAW,UAAW,SAAQ,kBAAkB;IACpD,IAAI,EAAE;QACJ,EAAE,EAAE,OAAO,CAAC;QACZ,EAAE,EAAE,OAAO,CAAC;QACZ,GAAG,EAAE,QAAQ,CAAC;QACd,UAAU,EAAE,eAAe,CAAC;KAC7B,CAAC;IACF,MAAM,EAAE,mBAAmB,GAAG;QAC5B,IAAI,EAAE,SAAS,CAAC;QAChB,SAAS,EAAE,cAAc,CAAC;QAC1B,MAAM,EAAE,WAAW,CAAC;QACpB,IAAI,EAAE,SAAS,CAAC;QAChB,MAAM,EAAE,WAAW,CAAC;KACrB,CAAC;IACF,UAAU,EAAE;QACV,UAAU,EAAE,mBAAmB,CAAC;QAChC,IAAI,EAAE,mBAAmB,CAAC;QAC1B,MAAM,EAAE,mBAAmB,CAAC;QAC5B,IAAI,EAAE,mBAAmB,CAAC;QAC1B,MAAM,EAAE,qBAAqB,CAAC;KAC/B,CAAC;IACF,UAAU,EAAE;QACV,SAAS,EAAE,cAAc,CAAC;KAC3B,CAAC;CACH;AAED,eAAO,MAAM,iBAAiB,wCAiC7B,CAAC"}
|
|
@@ -7,8 +7,8 @@ export type TypographyProps = BaseProps & FontWeightProps & FontStyleProps & Tex
|
|
|
7
7
|
/** Custom HTML tag or React component to render as */
|
|
8
8
|
tag?: React.ElementType;
|
|
9
9
|
};
|
|
10
|
-
/** Link component props
|
|
11
|
-
export type LinkProps = BaseProps & FontWeightProps & FontStyleProps & TextDecorationProps & TextTransformProps & FontFamilyProps & TextAlignProps & SizeProps & HideProps & ItemsProps & JustifyProps & PositionProps & DisplayProps & OverflowProps & VariantProps & Omit<React.HTMLAttributes<HTMLSpanElement>, 'className' | 'children'> & Partial<Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'className' | 'children'>> & {
|
|
10
|
+
/** Link component props */
|
|
11
|
+
export type LinkProps = BaseProps & FontWeightProps & FontStyleProps & TextDecorationProps & TextTransformProps & FontFamilyProps & TextAlignProps & SizeProps & HideProps & ItemsProps & JustifyProps & PositionProps & DisplayProps & OverflowProps & AppearanceProps & VariantProps & TransparentProps & ResponsiveProps & Omit<React.HTMLAttributes<HTMLSpanElement>, 'className' | 'children'> & Partial<Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'className' | 'children'>> & {
|
|
12
12
|
/** URL to navigate to */
|
|
13
13
|
href?: string;
|
|
14
14
|
/** Custom HTML tag or React component to render as */
|
|
@@ -159,8 +159,8 @@ export declare const Text: React.ForwardRefExoticComponent<BaseProps & FontWeigh
|
|
|
159
159
|
/**
|
|
160
160
|
* An anchor link component (a).
|
|
161
161
|
*
|
|
162
|
-
* Renders a hyperlink with hover underline effect.
|
|
163
|
-
*
|
|
162
|
+
* Renders a hyperlink with hover underline effect. Supports appearance props
|
|
163
|
+
* for custom color styling. Use for navigation links and clickable text.
|
|
164
164
|
*
|
|
165
165
|
* @example
|
|
166
166
|
* ```tsx
|
|
@@ -184,7 +184,7 @@ export declare const Text: React.ForwardRefExoticComponent<BaseProps & FontWeigh
|
|
|
184
184
|
*
|
|
185
185
|
* @see {@link LinkProps} for all available props
|
|
186
186
|
*/
|
|
187
|
-
export declare const Link: React.ForwardRefExoticComponent<BaseProps & FontWeightProps & FontStyleProps & TextDecorationProps & TextTransformProps & FontFamilyProps & TextAlignProps & SizeProps & HideProps & ItemsProps & JustifyProps & PositionProps & DisplayProps & OverflowProps & VariantProps & Omit<React.HTMLAttributes<HTMLSpanElement>, "className" | "children"> & Partial<Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, "className" | "children">> & {
|
|
187
|
+
export declare const Link: React.ForwardRefExoticComponent<BaseProps & FontWeightProps & FontStyleProps & TextDecorationProps & TextTransformProps & FontFamilyProps & TextAlignProps & SizeProps & HideProps & ItemsProps & JustifyProps & PositionProps & DisplayProps & OverflowProps & AppearanceProps & VariantProps & TransparentProps & ResponsiveProps & Omit<React.HTMLAttributes<HTMLSpanElement>, "className" | "children"> & Partial<Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, "className" | "children">> & {
|
|
188
188
|
/** URL to navigate to */
|
|
189
189
|
href?: string;
|
|
190
190
|
/** Custom HTML tag or React component to render as */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"typography.d.ts","sourceRoot":"","sources":["../../../src/components/ui/typography.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,EACV,SAAS,EACT,eAAe,EACf,cAAc,EACd,mBAAmB,EACnB,kBAAkB,EAClB,eAAe,EACf,cAAc,EACd,SAAS,EACT,SAAS,EACT,UAAU,EACV,YAAY,EACZ,aAAa,EACb,YAAY,EACZ,aAAa,EACb,eAAe,EACf,YAAY,EACZ,cAAc,EACd,YAAY,EACZ,gBAAgB,EAChB,eAAe,EAChB,MAAM,SAAS,CAAC;AAIjB,sFAAsF;AACtF,MAAM,MAAM,eAAe,GAAG,SAAS,GACrC,eAAe,GACf,cAAc,GACd,mBAAmB,GACnB,kBAAkB,GAClB,eAAe,GACf,cAAc,GACd,SAAS,GACT,SAAS,GACT,UAAU,GACV,YAAY,GACZ,aAAa,GACb,YAAY,GACZ,aAAa,GACb,eAAe,GACf,YAAY,GACZ,gBAAgB,GAChB,eAAe,GACf,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,EAAE,WAAW,GAAG,UAAU,CAAC,GACrE,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,WAAW,GAAG,UAAU,CAAC,CAAC,GAAG;IACzF,2DAA2D;IAC3D,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,sDAAsD;IACtD,GAAG,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;CACzB,CAAC;AAEF,
|
|
1
|
+
{"version":3,"file":"typography.d.ts","sourceRoot":"","sources":["../../../src/components/ui/typography.tsx"],"names":[],"mappings":"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"}
|
package/dist/index.esm.js
CHANGED
|
@@ -45,8 +45,12 @@ const VISUAL_DECORATION = ['shadow', 'ring', 'focusVisible'];
|
|
|
45
45
|
const VISUAL_DECORATION_LAYOUT = ['shadow', 'ring'];
|
|
46
46
|
/** Shape properties for border radius and corner rounding */
|
|
47
47
|
const SHAPE = ['shape'];
|
|
48
|
+
/** Text alignment property for block-level elements */
|
|
49
|
+
const TEXT_ALIGN = ['textAlign'];
|
|
50
|
+
/** Core typography styling properties (excluding text alignment) */
|
|
51
|
+
const TYPOGRAPHY_STYLE_CORE = ['fontWeight', 'fontStyle', 'textDecoration', 'textTransform', 'fontFamily'];
|
|
48
52
|
/** Typography styling properties for text appearance and formatting */
|
|
49
|
-
const TYPOGRAPHY_STYLE = [
|
|
53
|
+
const TYPOGRAPHY_STYLE = [...TYPOGRAPHY_STYLE_CORE, ...TEXT_ALIGN];
|
|
50
54
|
/** List-specific styling properties for bullet points and numbering */
|
|
51
55
|
const LIST_STYLE = ['listStyle'];
|
|
52
56
|
/** Variant properties for filled/outline styling modes */
|
|
@@ -178,11 +182,11 @@ const GRID_CATEGORIES = [...LAYOUT_FULL, ...VISUAL_LAYOUT, ...VARIANT, ...COMMON
|
|
|
178
182
|
/** Categories for container layout components */
|
|
179
183
|
const CONTAINER_CATEGORIES = [...LAYOUT_FULL, ...VISUAL_LAYOUT, ...VARIANT, ...COMMON_MODIFIERS];
|
|
180
184
|
/** Categories for column layout components */
|
|
181
|
-
const COL_CATEGORIES = [...LAYOUT_FULL, ...VISUAL_LAYOUT, ...VARIANT, ...COMMON_MODIFIERS];
|
|
185
|
+
const COL_CATEGORIES = [...LAYOUT_FULL, ...VISUAL_LAYOUT, ...VARIANT, ...COMMON_MODIFIERS, ...TEXT_ALIGN];
|
|
182
186
|
/** Categories for row layout components with responsive breakpoints */
|
|
183
|
-
const ROW_CATEGORIES = [...LAYOUT_FULL, ...BREAKPOINT, ...VISUAL_LAYOUT, ...VARIANT, ...COMMON_MODIFIERS];
|
|
187
|
+
const ROW_CATEGORIES = [...LAYOUT_FULL, ...BREAKPOINT, ...VISUAL_LAYOUT, ...VARIANT, ...COMMON_MODIFIERS, ...TEXT_ALIGN];
|
|
184
188
|
/** Categories for stack layout components with responsive and padding support */
|
|
185
|
-
const STACK_CATEGORIES = [...LAYOUT_FULL, ...BREAKPOINT, ...PADDING, ...VISUAL_LAYOUT, ...VARIANT, ...COMMON_MODIFIERS];
|
|
189
|
+
const STACK_CATEGORIES = [...LAYOUT_FULL, ...BREAKPOINT, ...PADDING, ...VISUAL_LAYOUT, ...VARIANT, ...COMMON_MODIFIERS, ...TEXT_ALIGN];
|
|
186
190
|
/** Categories for card components with full typography and layout support */
|
|
187
191
|
const CARD_CATEGORIES = [...TYPOGRAPHY_FULL, ...LAYOUT_FULL, ...BREAKPOINT, ...VISUAL_LAYOUT, ...PADDING, ...VARIANT, ...COMMON_MODIFIERS];
|
|
188
192
|
/** Categories for divider components with basic layout and visual properties */
|
|
@@ -237,7 +241,7 @@ const ComponentCategories = {
|
|
|
237
241
|
* Auto-generated prop descriptions from JSDoc comments.
|
|
238
242
|
* DO NOT EDIT MANUALLY - Run 'npm run props:generate' to regenerate.
|
|
239
243
|
*
|
|
240
|
-
* Generated on: 2026-01-
|
|
244
|
+
* Generated on: 2026-01-14T16:53:43.904Z
|
|
241
245
|
*/
|
|
242
246
|
const PropDescriptions = {
|
|
243
247
|
"appearance": {
|
|
@@ -4973,7 +4977,7 @@ const defaultCardTheme = new ComponentTheme("div", "vane-card", {
|
|
|
4973
4977
|
ring: new SimpleConsumerTheme({ base: ringConsumerClass }, 'ring'),
|
|
4974
4978
|
},
|
|
4975
4979
|
typography: defaultTypographyThemes,
|
|
4976
|
-
}, themeDefaults.card, CARD_CATEGORIES,
|
|
4980
|
+
}, themeDefaults.card, CARD_CATEGORIES, (props) => props.href ? "a" : "div", 'layout');
|
|
4977
4981
|
|
|
4978
4982
|
const defaultRowTheme = new ComponentTheme("div", "vane-row", {
|
|
4979
4983
|
size: {
|
|
@@ -4994,7 +4998,10 @@ const defaultRowTheme = new ComponentTheme("div", "vane-row", {
|
|
|
4994
4998
|
border: new SimpleConsumerTheme({ base: borderConsumerClass }, 'border'),
|
|
4995
4999
|
ring: new SimpleConsumerTheme({ base: ringConsumerClass }, 'ring'),
|
|
4996
5000
|
shadow: ShadowAppearanceTheme.createLayoutTheme(),
|
|
4997
|
-
}
|
|
5001
|
+
},
|
|
5002
|
+
typography: {
|
|
5003
|
+
textAlign: new TextAlignTheme(),
|
|
5004
|
+
},
|
|
4998
5005
|
}, themeDefaults.row, ROW_CATEGORIES, undefined, 'layout');
|
|
4999
5006
|
|
|
5000
5007
|
const defaultDividerTheme = new ComponentTheme("div", "vane-divider h-(--bw) w-full", {
|
|
@@ -5087,7 +5094,10 @@ const defaultColTheme = new ComponentTheme("div", "vane-col", {
|
|
|
5087
5094
|
border: new SimpleConsumerTheme({ base: borderConsumerClass }, 'border'),
|
|
5088
5095
|
ring: new SimpleConsumerTheme({ base: ringConsumerClass }, 'ring'),
|
|
5089
5096
|
shadow: ShadowAppearanceTheme.createLayoutTheme(),
|
|
5090
|
-
}
|
|
5097
|
+
},
|
|
5098
|
+
typography: {
|
|
5099
|
+
textAlign: new TextAlignTheme(),
|
|
5100
|
+
},
|
|
5091
5101
|
}, themeDefaults.col, COL_CATEGORIES, undefined, 'layout');
|
|
5092
5102
|
|
|
5093
5103
|
const defaultStackTheme = new ComponentTheme("div", "vane-stack", {
|
|
@@ -5111,7 +5121,10 @@ const defaultStackTheme = new ComponentTheme("div", "vane-stack", {
|
|
|
5111
5121
|
border: new SimpleConsumerTheme({ base: borderConsumerClass }, 'border'),
|
|
5112
5122
|
ring: new SimpleConsumerTheme({ base: ringConsumerClass }, 'ring'),
|
|
5113
5123
|
shadow: ShadowAppearanceTheme.createLayoutTheme(),
|
|
5114
|
-
}
|
|
5124
|
+
},
|
|
5125
|
+
typography: {
|
|
5126
|
+
textAlign: new TextAlignTheme(),
|
|
5127
|
+
},
|
|
5115
5128
|
}, themeDefaults.stack, STACK_CATEGORIES, undefined, 'layout');
|
|
5116
5129
|
|
|
5117
5130
|
const defaultSectionTheme = new ComponentTheme("div", "vane-section w-full", {
|
|
@@ -6329,8 +6342,8 @@ Text.displayName = 'Text';
|
|
|
6329
6342
|
/**
|
|
6330
6343
|
* An anchor link component (a).
|
|
6331
6344
|
*
|
|
6332
|
-
* Renders a hyperlink with hover underline effect.
|
|
6333
|
-
*
|
|
6345
|
+
* Renders a hyperlink with hover underline effect. Supports appearance props
|
|
6346
|
+
* for custom color styling. Use for navigation links and clickable text.
|
|
6334
6347
|
*
|
|
6335
6348
|
* @example
|
|
6336
6349
|
* ```tsx
|
|
@@ -6436,5 +6449,5 @@ const List = forwardRef(function List(props, ref) {
|
|
|
6436
6449
|
});
|
|
6437
6450
|
List.displayName = 'List';
|
|
6438
6451
|
|
|
6439
|
-
export { ACTIVE, APPEARANCE_CATEGORY, BADGE_CATEGORIES, BASE, BORDER, BORDER_KEYS, BREAKPOINT, BUTTON_CATEGORIES, Badge, Button, CARD_CATEGORIES, CHECKBOX_CATEGORIES, CHIP_CATEGORIES, CODE_CATEGORIES, COL_CATEGORIES, COMMON_MODIFIERS, COMPONENT, COMPONENT_PROPS_CATEGORY, CONTAINER_CATEGORIES, Card, Checkbox, Chip, Code, Col, ComponentCategories, ComponentKeys, Container, DIVIDER_CATEGORIES, Divider, FOCUS, FOCUS_VISIBLE, GRID_CATEGORIES, Grid2, Grid3, Grid4, Grid5, Grid6, HOVER, IMG_CATEGORIES, INPUT_CATEGORIES, INTERACTIVE_CATEGORIES, Img, Input, LABEL_CATEGORIES, LAYOUT_CORE, LAYOUT_FLEX, LAYOUT_FULL, LIST_CATEGORIES, LIST_STYLE, Label, Link, List, ListItem, MODE_VALUES, ModeKeys, PADDING, PageTitle, PropDescriptions, RESPONSIVE, RESPONSIVE_BREAKPOINT_KEYS, ROW_CATEGORIES, Row, SECTION_CATEGORIES, SHAPE, STACK_CATEGORIES, Section, SectionTitle, Stack, TRANSPARENT, TYPOGRAPHY_CATEGORIES, TYPOGRAPHY_FULL, TYPOGRAPHY_STYLE, Text, ThemeProvider, Title, VARIANT, VISUAL_CORE, VISUAL_DECORATION, VISUAL_DECORATION_LAYOUT, VISUAL_FULL, VISUAL_LAYOUT, defaultTheme, getCategoryDescription, getCategoryName, getPropDescription, themeDefaults, useTheme };
|
|
6452
|
+
export { ACTIVE, APPEARANCE_CATEGORY, BADGE_CATEGORIES, BASE, BORDER, BORDER_KEYS, BREAKPOINT, BUTTON_CATEGORIES, Badge, Button, CARD_CATEGORIES, CHECKBOX_CATEGORIES, CHIP_CATEGORIES, CODE_CATEGORIES, COL_CATEGORIES, COMMON_MODIFIERS, COMPONENT, COMPONENT_PROPS_CATEGORY, CONTAINER_CATEGORIES, Card, Checkbox, Chip, Code, Col, ComponentCategories, ComponentKeys, Container, DIVIDER_CATEGORIES, Divider, FOCUS, FOCUS_VISIBLE, GRID_CATEGORIES, Grid2, Grid3, Grid4, Grid5, Grid6, HOVER, IMG_CATEGORIES, INPUT_CATEGORIES, INTERACTIVE_CATEGORIES, Img, Input, LABEL_CATEGORIES, LAYOUT_CORE, LAYOUT_FLEX, LAYOUT_FULL, LIST_CATEGORIES, LIST_STYLE, Label, Link, List, ListItem, MODE_VALUES, ModeKeys, PADDING, PageTitle, PropDescriptions, RESPONSIVE, RESPONSIVE_BREAKPOINT_KEYS, ROW_CATEGORIES, Row, SECTION_CATEGORIES, SHAPE, STACK_CATEGORIES, Section, SectionTitle, Stack, TEXT_ALIGN, TRANSPARENT, TYPOGRAPHY_CATEGORIES, TYPOGRAPHY_FULL, TYPOGRAPHY_STYLE, TYPOGRAPHY_STYLE_CORE, Text, ThemeProvider, Title, VARIANT, VISUAL_CORE, VISUAL_DECORATION, VISUAL_DECORATION_LAYOUT, VISUAL_FULL, VISUAL_LAYOUT, defaultTheme, getCategoryDescription, getCategoryName, getPropDescription, themeDefaults, useTheme };
|
|
6440
6453
|
//# sourceMappingURL=index.esm.js.map
|