@vaneui/ui 0.3.1-alpha.20251130172447.8795285 → 0.3.1-alpha.20251201144940.b3e097b

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 (99) hide show
  1. package/dist/components/ui/badge.d.ts +36 -2
  2. package/dist/components/ui/badge.d.ts.map +1 -1
  3. package/dist/components/ui/button.d.ts +39 -3
  4. package/dist/components/ui/button.d.ts.map +1 -1
  5. package/dist/components/ui/card.d.ts +43 -2
  6. package/dist/components/ui/card.d.ts.map +1 -1
  7. package/dist/components/ui/checkbox.d.ts +39 -2
  8. package/dist/components/ui/checkbox.d.ts.map +1 -1
  9. package/dist/components/ui/chip.d.ts +36 -2
  10. package/dist/components/ui/chip.d.ts.map +1 -1
  11. package/dist/components/ui/code.d.ts +36 -2
  12. package/dist/components/ui/code.d.ts.map +1 -1
  13. package/dist/components/ui/col.d.ts +41 -2
  14. package/dist/components/ui/col.d.ts.map +1 -1
  15. package/dist/components/ui/container.d.ts +38 -2
  16. package/dist/components/ui/container.d.ts.map +1 -1
  17. package/dist/components/ui/divider.d.ts +32 -2
  18. package/dist/components/ui/divider.d.ts.map +1 -1
  19. package/dist/components/ui/grid.d.ts +117 -10
  20. package/dist/components/ui/grid.d.ts.map +1 -1
  21. package/dist/components/ui/img.d.ts +36 -2
  22. package/dist/components/ui/img.d.ts.map +1 -1
  23. package/dist/components/ui/input.d.ts +36 -2
  24. package/dist/components/ui/input.d.ts.map +1 -1
  25. package/dist/components/ui/label.d.ts +42 -2
  26. package/dist/components/ui/label.d.ts.map +1 -1
  27. package/dist/components/ui/props/keys.d.ts +4 -28
  28. package/dist/components/ui/props/keys.d.ts.map +1 -1
  29. package/dist/components/ui/row.d.ts +40 -2
  30. package/dist/components/ui/row.d.ts.map +1 -1
  31. package/dist/components/ui/section.d.ts +39 -2
  32. package/dist/components/ui/section.d.ts.map +1 -1
  33. package/dist/components/ui/stack.d.ts +40 -2
  34. package/dist/components/ui/stack.d.ts.map +1 -1
  35. package/dist/components/ui/theme/appearance/appearanceTheme.d.ts.map +1 -1
  36. package/dist/components/ui/typography.d.ts +223 -14
  37. package/dist/components/ui/typography.d.ts.map +1 -1
  38. package/dist/index.esm.js +877 -124
  39. package/dist/index.esm.js.map +1 -1
  40. package/dist/index.js +876 -152
  41. package/dist/index.js.map +1 -1
  42. package/dist/ui.css +15 -0
  43. package/package.json +1 -1
  44. package/dist/components/ui/props/appearance.d.ts +0 -3
  45. package/dist/components/ui/props/appearance.d.ts.map +0 -1
  46. package/dist/components/ui/props/border.d.ts +0 -9
  47. package/dist/components/ui/props/border.d.ts.map +0 -1
  48. package/dist/components/ui/props/breakpoint.d.ts +0 -3
  49. package/dist/components/ui/props/breakpoint.d.ts.map +0 -1
  50. package/dist/components/ui/props/display.d.ts +0 -3
  51. package/dist/components/ui/props/display.d.ts.map +0 -1
  52. package/dist/components/ui/props/flexDirection.d.ts +0 -3
  53. package/dist/components/ui/props/flexDirection.d.ts.map +0 -1
  54. package/dist/components/ui/props/focusVisible.d.ts +0 -3
  55. package/dist/components/ui/props/focusVisible.d.ts.map +0 -1
  56. package/dist/components/ui/props/fontFamily.d.ts +0 -3
  57. package/dist/components/ui/props/fontFamily.d.ts.map +0 -1
  58. package/dist/components/ui/props/fontStyle.d.ts +0 -3
  59. package/dist/components/ui/props/fontStyle.d.ts.map +0 -1
  60. package/dist/components/ui/props/fontWeight.d.ts +0 -3
  61. package/dist/components/ui/props/fontWeight.d.ts.map +0 -1
  62. package/dist/components/ui/props/gap.d.ts +0 -3
  63. package/dist/components/ui/props/gap.d.ts.map +0 -1
  64. package/dist/components/ui/props/hide.d.ts +0 -3
  65. package/dist/components/ui/props/hide.d.ts.map +0 -1
  66. package/dist/components/ui/props/items.d.ts +0 -3
  67. package/dist/components/ui/props/items.d.ts.map +0 -1
  68. package/dist/components/ui/props/justify.d.ts +0 -3
  69. package/dist/components/ui/props/justify.d.ts.map +0 -1
  70. package/dist/components/ui/props/listStyle.d.ts +0 -3
  71. package/dist/components/ui/props/listStyle.d.ts.map +0 -1
  72. package/dist/components/ui/props/overflow.d.ts +0 -3
  73. package/dist/components/ui/props/overflow.d.ts.map +0 -1
  74. package/dist/components/ui/props/padding.d.ts +0 -3
  75. package/dist/components/ui/props/padding.d.ts.map +0 -1
  76. package/dist/components/ui/props/position.d.ts +0 -3
  77. package/dist/components/ui/props/position.d.ts.map +0 -1
  78. package/dist/components/ui/props/reverse.d.ts +0 -3
  79. package/dist/components/ui/props/reverse.d.ts.map +0 -1
  80. package/dist/components/ui/props/ring.d.ts +0 -3
  81. package/dist/components/ui/props/ring.d.ts.map +0 -1
  82. package/dist/components/ui/props/shadow.d.ts +0 -3
  83. package/dist/components/ui/props/shadow.d.ts.map +0 -1
  84. package/dist/components/ui/props/shape.d.ts +0 -3
  85. package/dist/components/ui/props/shape.d.ts.map +0 -1
  86. package/dist/components/ui/props/size.d.ts +0 -3
  87. package/dist/components/ui/props/size.d.ts.map +0 -1
  88. package/dist/components/ui/props/textAlign.d.ts +0 -3
  89. package/dist/components/ui/props/textAlign.d.ts.map +0 -1
  90. package/dist/components/ui/props/textDecoration.d.ts +0 -3
  91. package/dist/components/ui/props/textDecoration.d.ts.map +0 -1
  92. package/dist/components/ui/props/textTransform.d.ts +0 -3
  93. package/dist/components/ui/props/textTransform.d.ts.map +0 -1
  94. package/dist/components/ui/props/transparent.d.ts +0 -3
  95. package/dist/components/ui/props/transparent.d.ts.map +0 -1
  96. package/dist/components/ui/props/variant.d.ts +0 -3
  97. package/dist/components/ui/props/variant.d.ts.map +0 -1
  98. package/dist/components/ui/props/wrap.d.ts +0 -3
  99. package/dist/components/ui/props/wrap.d.ts.map +0 -1
@@ -1,27 +1,134 @@
1
+ import React from 'react';
1
2
  import type { BaseProps, SizeProps, HideProps, ItemsProps, JustifyProps, PositionProps, DisplayProps, OverflowProps, WrapProps, GapProps, FlexDirectionProps, ReverseProps, AppearanceProps, TransparentProps, VariantProps } from './props';
2
3
  /** Grid component props */
3
4
  export type GridProps = BaseProps & SizeProps & HideProps & ItemsProps & JustifyProps & PositionProps & DisplayProps & OverflowProps & WrapProps & GapProps & FlexDirectionProps & ReverseProps & AppearanceProps & TransparentProps & VariantProps & Omit<React.HTMLAttributes<HTMLDivElement>, 'className' | 'children'> & {
4
5
  /** Custom HTML tag or React component to render as */
5
6
  tag?: React.ElementType;
6
7
  };
7
- export declare const Grid2: import("react").ForwardRefExoticComponent<BaseProps & SizeProps & HideProps & ItemsProps & JustifyProps & PositionProps & DisplayProps & OverflowProps & WrapProps & GapProps & FlexDirectionProps & ReverseProps & AppearanceProps & TransparentProps & VariantProps & Omit<import("react").HTMLAttributes<HTMLDivElement>, "className" | "children"> & {
8
+ /**
9
+ * A 2-column CSS grid container.
10
+ *
11
+ * Creates a responsive grid with 2 equal-width columns. Grid items automatically
12
+ * fill available columns. Uses CSS Grid for precise layout control.
13
+ *
14
+ * @example
15
+ * ```tsx
16
+ * // Basic 2-column grid
17
+ * <Grid2 gap>
18
+ * <Card>Item 1</Card>
19
+ * <Card>Item 2</Card>
20
+ * <Card>Item 3</Card>
21
+ * <Card>Item 4</Card>
22
+ * </Grid2>
23
+ * ```
24
+ *
25
+ * @example
26
+ * ```tsx
27
+ * // Grid with custom styling
28
+ * <Grid2 gap lg className="auto-rows-fr">
29
+ * <div>Column 1</div>
30
+ * <div>Column 2</div>
31
+ * </Grid2>
32
+ * ```
33
+ *
34
+ * @see {@link GridProps} for all available props
35
+ */
36
+ export declare const Grid2: React.ForwardRefExoticComponent<BaseProps & SizeProps & HideProps & ItemsProps & JustifyProps & PositionProps & DisplayProps & OverflowProps & WrapProps & GapProps & FlexDirectionProps & ReverseProps & AppearanceProps & TransparentProps & VariantProps & Omit<React.HTMLAttributes<HTMLDivElement>, "className" | "children"> & {
8
37
  /** Custom HTML tag or React component to render as */
9
38
  tag?: React.ElementType;
10
- } & import("react").RefAttributes<HTMLDivElement>>;
11
- export declare const Grid3: import("react").ForwardRefExoticComponent<BaseProps & SizeProps & HideProps & ItemsProps & JustifyProps & PositionProps & DisplayProps & OverflowProps & WrapProps & GapProps & FlexDirectionProps & ReverseProps & AppearanceProps & TransparentProps & VariantProps & Omit<import("react").HTMLAttributes<HTMLDivElement>, "className" | "children"> & {
39
+ } & React.RefAttributes<HTMLDivElement>>;
40
+ /**
41
+ * A 3-column CSS grid container.
42
+ *
43
+ * Creates a responsive grid with 3 equal-width columns. Ideal for card
44
+ * layouts and feature displays. Grid items automatically wrap to new rows.
45
+ *
46
+ * @example
47
+ * ```tsx
48
+ * // Basic 3-column grid
49
+ * <Grid3 gap>
50
+ * <Card>Feature 1</Card>
51
+ * <Card>Feature 2</Card>
52
+ * <Card>Feature 3</Card>
53
+ * </Grid3>
54
+ * ```
55
+ *
56
+ * @see {@link GridProps} for all available props
57
+ */
58
+ export declare const Grid3: React.ForwardRefExoticComponent<BaseProps & SizeProps & HideProps & ItemsProps & JustifyProps & PositionProps & DisplayProps & OverflowProps & WrapProps & GapProps & FlexDirectionProps & ReverseProps & AppearanceProps & TransparentProps & VariantProps & Omit<React.HTMLAttributes<HTMLDivElement>, "className" | "children"> & {
12
59
  /** Custom HTML tag or React component to render as */
13
60
  tag?: React.ElementType;
14
- } & import("react").RefAttributes<HTMLDivElement>>;
15
- export declare const Grid4: import("react").ForwardRefExoticComponent<BaseProps & SizeProps & HideProps & ItemsProps & JustifyProps & PositionProps & DisplayProps & OverflowProps & WrapProps & GapProps & FlexDirectionProps & ReverseProps & AppearanceProps & TransparentProps & VariantProps & Omit<import("react").HTMLAttributes<HTMLDivElement>, "className" | "children"> & {
61
+ } & React.RefAttributes<HTMLDivElement>>;
62
+ /**
63
+ * A 4-column CSS grid container.
64
+ *
65
+ * Creates a responsive grid with 4 equal-width columns. Perfect for
66
+ * image galleries or product listings with multiple items per row.
67
+ *
68
+ * @example
69
+ * ```tsx
70
+ * // Basic 4-column grid
71
+ * <Grid4 gap>
72
+ * <Img src="/img1.jpg" alt="1" />
73
+ * <Img src="/img2.jpg" alt="2" />
74
+ * <Img src="/img3.jpg" alt="3" />
75
+ * <Img src="/img4.jpg" alt="4" />
76
+ * </Grid4>
77
+ * ```
78
+ *
79
+ * @see {@link GridProps} for all available props
80
+ */
81
+ export declare const Grid4: React.ForwardRefExoticComponent<BaseProps & SizeProps & HideProps & ItemsProps & JustifyProps & PositionProps & DisplayProps & OverflowProps & WrapProps & GapProps & FlexDirectionProps & ReverseProps & AppearanceProps & TransparentProps & VariantProps & Omit<React.HTMLAttributes<HTMLDivElement>, "className" | "children"> & {
16
82
  /** Custom HTML tag or React component to render as */
17
83
  tag?: React.ElementType;
18
- } & import("react").RefAttributes<HTMLDivElement>>;
19
- export declare const Grid5: import("react").ForwardRefExoticComponent<BaseProps & SizeProps & HideProps & ItemsProps & JustifyProps & PositionProps & DisplayProps & OverflowProps & WrapProps & GapProps & FlexDirectionProps & ReverseProps & AppearanceProps & TransparentProps & VariantProps & Omit<import("react").HTMLAttributes<HTMLDivElement>, "className" | "children"> & {
84
+ } & React.RefAttributes<HTMLDivElement>>;
85
+ /**
86
+ * A 5-column CSS grid container.
87
+ *
88
+ * Creates a responsive grid with 5 equal-width columns. Useful for
89
+ * dense layouts with many small items, like icon grids or tag clouds.
90
+ *
91
+ * @example
92
+ * ```tsx
93
+ * // Basic 5-column grid
94
+ * <Grid5 gap>
95
+ * <Badge>Tag 1</Badge>
96
+ * <Badge>Tag 2</Badge>
97
+ * <Badge>Tag 3</Badge>
98
+ * <Badge>Tag 4</Badge>
99
+ * <Badge>Tag 5</Badge>
100
+ * </Grid5>
101
+ * ```
102
+ *
103
+ * @see {@link GridProps} for all available props
104
+ */
105
+ export declare const Grid5: React.ForwardRefExoticComponent<BaseProps & SizeProps & HideProps & ItemsProps & JustifyProps & PositionProps & DisplayProps & OverflowProps & WrapProps & GapProps & FlexDirectionProps & ReverseProps & AppearanceProps & TransparentProps & VariantProps & Omit<React.HTMLAttributes<HTMLDivElement>, "className" | "children"> & {
20
106
  /** Custom HTML tag or React component to render as */
21
107
  tag?: React.ElementType;
22
- } & import("react").RefAttributes<HTMLDivElement>>;
23
- export declare const Grid6: import("react").ForwardRefExoticComponent<BaseProps & SizeProps & HideProps & ItemsProps & JustifyProps & PositionProps & DisplayProps & OverflowProps & WrapProps & GapProps & FlexDirectionProps & ReverseProps & AppearanceProps & TransparentProps & VariantProps & Omit<import("react").HTMLAttributes<HTMLDivElement>, "className" | "children"> & {
108
+ } & React.RefAttributes<HTMLDivElement>>;
109
+ /**
110
+ * A 6-column CSS grid container.
111
+ *
112
+ * Creates a responsive grid with 6 equal-width columns. Ideal for very
113
+ * dense layouts or dashboard widgets with many small components.
114
+ *
115
+ * @example
116
+ * ```tsx
117
+ * // Basic 6-column grid
118
+ * <Grid6 gap>
119
+ * <Chip>Item 1</Chip>
120
+ * <Chip>Item 2</Chip>
121
+ * <Chip>Item 3</Chip>
122
+ * <Chip>Item 4</Chip>
123
+ * <Chip>Item 5</Chip>
124
+ * <Chip>Item 6</Chip>
125
+ * </Grid6>
126
+ * ```
127
+ *
128
+ * @see {@link GridProps} for all available props
129
+ */
130
+ export declare const Grid6: React.ForwardRefExoticComponent<BaseProps & SizeProps & HideProps & ItemsProps & JustifyProps & PositionProps & DisplayProps & OverflowProps & WrapProps & GapProps & FlexDirectionProps & ReverseProps & AppearanceProps & TransparentProps & VariantProps & Omit<React.HTMLAttributes<HTMLDivElement>, "className" | "children"> & {
24
131
  /** Custom HTML tag or React component to render as */
25
132
  tag?: React.ElementType;
26
- } & import("react").RefAttributes<HTMLDivElement>>;
133
+ } & React.RefAttributes<HTMLDivElement>>;
27
134
  //# sourceMappingURL=grid.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"grid.d.ts","sourceRoot":"","sources":["../../../src/components/ui/grid.tsx"],"names":[],"mappings":"AACA,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,gBAAgB,EAChB,YAAY,EACb,MAAM,SAAS,CAAC;AAIjB,2BAA2B;AAC3B,MAAM,MAAM,SAAS,GAAG,SAAS,GAC/B,SAAS,GACT,SAAS,GACT,UAAU,GACV,YAAY,GACZ,aAAa,GACb,YAAY,GACZ,aAAa,GACb,SAAS,GACT,QAAQ,GACR,kBAAkB,GAClB,YAAY,GACZ,eAAe,GACf,gBAAgB,GAChB,YAAY,GACZ,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,eAAO,MAAM,KAAK;IAJhB,sDAAsD;UAChD,KAAK,CAAC,WAAW;kDAQxB,CAAC;AAEF,eAAO,MAAM,KAAK;IAXhB,sDAAsD;UAChD,KAAK,CAAC,WAAW;kDAexB,CAAC;AAEF,eAAO,MAAM,KAAK;IAlBhB,sDAAsD;UAChD,KAAK,CAAC,WAAW;kDAsBxB,CAAC;AAEF,eAAO,MAAM,KAAK;IAzBhB,sDAAsD;UAChD,KAAK,CAAC,WAAW;kDA6BxB,CAAC;AAEF,eAAO,MAAM,KAAK;IAhChB,sDAAsD;UAChD,KAAK,CAAC,WAAW;kDAoCxB,CAAC"}
1
+ {"version":3,"file":"grid.d.ts","sourceRoot":"","sources":["../../../src/components/ui/grid.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,gBAAgB,EAChB,YAAY,EACb,MAAM,SAAS,CAAC;AAIjB,2BAA2B;AAC3B,MAAM,MAAM,SAAS,GAAG,SAAS,GAC/B,SAAS,GACT,SAAS,GACT,UAAU,GACV,YAAY,GACZ,aAAa,GACb,YAAY,GACZ,aAAa,GACb,SAAS,GACT,QAAQ,GACR,kBAAkB,GAClB,YAAY,GACZ,eAAe,GACf,gBAAgB,GAChB,YAAY,GACZ,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;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,eAAO,MAAM,KAAK;IAhChB,sDAAsD;UAChD,KAAK,CAAC,WAAW;wCAoCxB,CAAC;AAEF;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,KAAK;IAzDhB,sDAAsD;UAChD,KAAK,CAAC,WAAW;wCA6DxB,CAAC;AAEF;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,KAAK;IAnFhB,sDAAsD;UAChD,KAAK,CAAC,WAAW;wCAuFxB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,KAAK;IA9GhB,sDAAsD;UAChD,KAAK,CAAC,WAAW;wCAkHxB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,eAAO,MAAM,KAAK;IA1IhB,sDAAsD;UAChD,KAAK,CAAC,WAAW;wCA8IxB,CAAC"}
@@ -1,11 +1,45 @@
1
+ import React from 'react';
1
2
  import type { BaseProps, SizeProps, HideProps, ItemsProps, JustifyProps, PositionProps, DisplayProps, OverflowProps, AppearanceProps, TransparentProps, BorderProps, ShadowProps, RingProps, ShapeProps, VariantProps } from './props';
2
3
  /** Img component props */
3
4
  export type ImgProps = BaseProps & SizeProps & HideProps & ItemsProps & JustifyProps & PositionProps & DisplayProps & OverflowProps & AppearanceProps & TransparentProps & BorderProps & ShadowProps & RingProps & ShapeProps & VariantProps & Omit<React.ImgHTMLAttributes<HTMLImageElement>, 'className' | 'children'> & {
4
5
  /** Custom HTML tag or React component to render as */
5
6
  tag?: React.ElementType;
6
7
  };
7
- export declare const Img: import("react").ForwardRefExoticComponent<BaseProps & SizeProps & HideProps & ItemsProps & JustifyProps & PositionProps & DisplayProps & OverflowProps & AppearanceProps & TransparentProps & BorderProps & ShadowProps & RingProps & ShapeProps & VariantProps & Omit<import("react").ImgHTMLAttributes<HTMLImageElement>, "className" | "children"> & {
8
+ /**
9
+ * An image component with styling and layout support.
10
+ *
11
+ * Wraps the HTML img element with VaneUI's styling system. Supports all
12
+ * standard image attributes (src, alt, width, height, etc.) plus additional
13
+ * props for borders, shadows, shapes, and positioning.
14
+ *
15
+ * @example
16
+ * ```tsx
17
+ * // Basic image
18
+ * <Img src="/photo.jpg" alt="Description" />
19
+ * ```
20
+ *
21
+ * @example
22
+ * ```tsx
23
+ * // Rounded image with border
24
+ * <Img src="/avatar.jpg" alt="User" pill border primary />
25
+ * ```
26
+ *
27
+ * @example
28
+ * ```tsx
29
+ * // Image with shadow and custom size
30
+ * <Img src="/product.jpg" alt="Product" shadow lg />
31
+ * ```
32
+ *
33
+ * @example
34
+ * ```tsx
35
+ * // Full width responsive image
36
+ * <Img src="/banner.jpg" alt="Banner" className="w-full h-auto" />
37
+ * ```
38
+ *
39
+ * @see {@link ImgProps} for all available props
40
+ */
41
+ export declare const Img: React.ForwardRefExoticComponent<BaseProps & SizeProps & HideProps & ItemsProps & JustifyProps & PositionProps & DisplayProps & OverflowProps & AppearanceProps & TransparentProps & BorderProps & ShadowProps & RingProps & ShapeProps & VariantProps & Omit<React.ImgHTMLAttributes<HTMLImageElement>, "className" | "children"> & {
8
42
  /** Custom HTML tag or React component to render as */
9
43
  tag?: React.ElementType;
10
- } & import("react").RefAttributes<HTMLImageElement>>;
44
+ } & React.RefAttributes<HTMLImageElement>>;
11
45
  //# sourceMappingURL=img.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"img.d.ts","sourceRoot":"","sources":["../../../src/components/ui/img.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,SAAS,EACT,SAAS,EACT,SAAS,EACT,UAAU,EACV,YAAY,EACZ,aAAa,EACb,YAAY,EACZ,aAAa,EACb,eAAe,EACf,gBAAgB,EAChB,WAAW,EACX,WAAW,EACX,SAAS,EACT,UAAU,EACV,YAAY,EACb,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,eAAe,GACf,gBAAgB,GAChB,WAAW,GACX,WAAW,GACX,SAAS,GACT,UAAU,GACV,YAAY,GACZ,IAAI,CAAC,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,EAAE,WAAW,GAAG,UAAU,CAAC,GAAG;IAC5E,sDAAsD;IACtD,GAAG,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;CACzB,CAAC;AAEF,eAAO,MAAM,GAAG;IAJd,sDAAsD;UAChD,KAAK,CAAC,WAAW;oDAWxB,CAAC"}
1
+ {"version":3,"file":"img.d.ts","sourceRoot":"","sources":["../../../src/components/ui/img.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,eAAe,EACf,gBAAgB,EAChB,WAAW,EACX,WAAW,EACX,SAAS,EACT,UAAU,EACV,YAAY,EACb,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,eAAe,GACf,gBAAgB,GAChB,WAAW,GACX,WAAW,GACX,SAAS,GACT,UAAU,GACV,YAAY,GACZ,IAAI,CAAC,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,EAAE,WAAW,GAAG,UAAU,CAAC,GAAG;IAC5E,sDAAsD;IACtD,GAAG,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;CACzB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,eAAO,MAAM,GAAG;IArCd,sDAAsD;UAChD,KAAK,CAAC,WAAW;0CA4CxB,CAAC"}
@@ -1,11 +1,45 @@
1
+ import React from 'react';
1
2
  import type { BaseProps, SizeProps, HideProps, ItemsProps, JustifyProps, PositionProps, DisplayProps, OverflowProps, WrapProps, GapProps, FlexDirectionProps, ReverseProps, AppearanceProps, TransparentProps, BorderProps, ShadowProps, RingProps, FocusVisibleProps, ShapeProps, FontWeightProps, FontStyleProps, TextDecorationProps, TextTransformProps, FontFamilyProps, TextAlignProps, PaddingProps, VariantProps } from './props';
2
3
  /** Input component props */
3
4
  export type InputProps = BaseProps & SizeProps & HideProps & ItemsProps & JustifyProps & PositionProps & DisplayProps & OverflowProps & WrapProps & GapProps & FlexDirectionProps & ReverseProps & AppearanceProps & TransparentProps & BorderProps & ShadowProps & RingProps & FocusVisibleProps & ShapeProps & FontWeightProps & FontStyleProps & TextDecorationProps & TextTransformProps & FontFamilyProps & TextAlignProps & PaddingProps & VariantProps & Omit<React.InputHTMLAttributes<HTMLInputElement>, 'className' | 'children'> & {
4
5
  /** Custom HTML tag or React component to render as */
5
6
  tag?: React.ElementType;
6
7
  };
7
- export declare const Input: import("react").ForwardRefExoticComponent<BaseProps & SizeProps & HideProps & ItemsProps & JustifyProps & PositionProps & DisplayProps & OverflowProps & WrapProps & GapProps & FlexDirectionProps & ReverseProps & AppearanceProps & TransparentProps & BorderProps & ShadowProps & RingProps & FocusVisibleProps & ShapeProps & FontWeightProps & FontStyleProps & TextDecorationProps & TextTransformProps & FontFamilyProps & TextAlignProps & PaddingProps & VariantProps & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "className" | "children"> & {
8
+ /**
9
+ * A text input field component for forms and user data entry.
10
+ *
11
+ * Provides a styled input element with support for all standard HTML input
12
+ * attributes and types. Can be customized with appearances, sizes, and variants
13
+ * to match your design system. Supports all native input types (text, email, password, etc.).
14
+ *
15
+ * @example
16
+ * ```tsx
17
+ * // Basic text input
18
+ * <Input placeholder="Enter your name" />
19
+ * ```
20
+ *
21
+ * @example
22
+ * ```tsx
23
+ * // Email input with primary styling
24
+ * <Input type="email" primary outlined placeholder="Email address" />
25
+ * ```
26
+ *
27
+ * @example
28
+ * ```tsx
29
+ * // Large input with custom styling
30
+ * <Input lg className="w-full" placeholder="Search..." />
31
+ * ```
32
+ *
33
+ * @example
34
+ * ```tsx
35
+ * // Controlled input with state
36
+ * <Input value={value} onChange={(e) => setValue(e.target.value)} />
37
+ * ```
38
+ *
39
+ * @see {@link InputProps} for all available props
40
+ */
41
+ export declare const Input: React.ForwardRefExoticComponent<BaseProps & SizeProps & HideProps & ItemsProps & JustifyProps & PositionProps & DisplayProps & OverflowProps & WrapProps & GapProps & FlexDirectionProps & ReverseProps & AppearanceProps & TransparentProps & BorderProps & ShadowProps & RingProps & FocusVisibleProps & ShapeProps & FontWeightProps & FontStyleProps & TextDecorationProps & TextTransformProps & FontFamilyProps & TextAlignProps & PaddingProps & VariantProps & Omit<React.InputHTMLAttributes<HTMLInputElement>, "className" | "children"> & {
8
42
  /** Custom HTML tag or React component to render as */
9
43
  tag?: React.ElementType;
10
- } & import("react").RefAttributes<HTMLInputElement>>;
44
+ } & React.RefAttributes<HTMLInputElement>>;
11
45
  //# sourceMappingURL=input.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../src/components/ui/input.tsx"],"names":[],"mappings":"AACA,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,gBAAgB,EAChB,WAAW,EACX,WAAW,EACX,SAAS,EACT,iBAAiB,EACjB,UAAU,EACV,eAAe,EACf,cAAc,EACd,mBAAmB,EACnB,kBAAkB,EAClB,eAAe,EACf,cAAc,EACd,YAAY,EACZ,YAAY,EACb,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,gBAAgB,GAChB,WAAW,GACX,WAAW,GACX,SAAS,GACT,iBAAiB,GACjB,UAAU,GACV,eAAe,GACf,cAAc,GACd,mBAAmB,GACnB,kBAAkB,GAClB,eAAe,GACf,cAAc,GACd,YAAY,GACZ,YAAY,GACZ,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,WAAW,GAAG,UAAU,CAAC,GAAG;IAC9E,sDAAsD;IACtD,GAAG,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;CACzB,CAAC;AAEF,eAAO,MAAM,KAAK;IAJhB,sDAAsD;UAChD,KAAK,CAAC,WAAW;oDAQxB,CAAC"}
1
+ {"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../src/components/ui/input.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,gBAAgB,EAChB,WAAW,EACX,WAAW,EACX,SAAS,EACT,iBAAiB,EACjB,UAAU,EACV,eAAe,EACf,cAAc,EACd,mBAAmB,EACnB,kBAAkB,EAClB,eAAe,EACf,cAAc,EACd,YAAY,EACZ,YAAY,EACb,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,gBAAgB,GAChB,WAAW,GACX,WAAW,GACX,SAAS,GACT,iBAAiB,GACjB,UAAU,GACV,eAAe,GACf,cAAc,GACd,mBAAmB,GACnB,kBAAkB,GAClB,eAAe,GACf,cAAc,GACd,YAAY,GACZ,YAAY,GACZ,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,WAAW,GAAG,UAAU,CAAC,GAAG;IAC9E,sDAAsD;IACtD,GAAG,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;CACzB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,eAAO,MAAM,KAAK;IArChB,sDAAsD;UAChD,KAAK,CAAC,WAAW;0CAyCxB,CAAC"}
@@ -1,11 +1,51 @@
1
+ import React from 'react';
1
2
  import type { BaseProps, FontWeightProps, FontStyleProps, TextDecorationProps, TextTransformProps, FontFamilyProps, TextAlignProps, SizeProps, HideProps, ItemsProps, JustifyProps, PositionProps, DisplayProps, OverflowProps, WrapProps, GapProps, FlexDirectionProps, ReverseProps, AppearanceProps, TransparentProps, VariantProps } from './props';
2
3
  /** Label component props */
3
4
  export type LabelProps = BaseProps & FontWeightProps & FontStyleProps & TextDecorationProps & TextTransformProps & FontFamilyProps & TextAlignProps & SizeProps & HideProps & ItemsProps & JustifyProps & PositionProps & DisplayProps & OverflowProps & WrapProps & GapProps & FlexDirectionProps & ReverseProps & AppearanceProps & TransparentProps & VariantProps & Omit<React.LabelHTMLAttributes<HTMLLabelElement>, 'className' | 'children'> & {
4
5
  /** Custom HTML tag or React component to render as */
5
6
  tag?: React.ElementType;
6
7
  };
7
- export declare const Label: import("react").ForwardRefExoticComponent<BaseProps & FontWeightProps & FontStyleProps & TextDecorationProps & TextTransformProps & FontFamilyProps & TextAlignProps & SizeProps & HideProps & ItemsProps & JustifyProps & PositionProps & DisplayProps & OverflowProps & WrapProps & GapProps & FlexDirectionProps & ReverseProps & AppearanceProps & TransparentProps & VariantProps & Omit<import("react").LabelHTMLAttributes<HTMLLabelElement>, "className" | "children"> & {
8
+ /**
9
+ * A label component for form fields and inputs.
10
+ *
11
+ * Renders a semantic HTML label element with typography and styling support.
12
+ * Typically used with form inputs like Input or Checkbox to provide
13
+ * accessible labels. Clicking the label focuses the associated input.
14
+ *
15
+ * @example
16
+ * ```tsx
17
+ * // Basic label
18
+ * <Label htmlFor="email">Email Address</Label>
19
+ * ```
20
+ *
21
+ * @example
22
+ * ```tsx
23
+ * // Label with checkbox
24
+ * <Label>
25
+ * <Checkbox id="terms" />
26
+ * I agree to the terms
27
+ * </Label>
28
+ * ```
29
+ *
30
+ * @example
31
+ * ```tsx
32
+ * // Styled label with custom appearance
33
+ * <Label semibold primary>Username</Label>
34
+ * ```
35
+ *
36
+ * @example
37
+ * ```tsx
38
+ * // Label with input
39
+ * <Label htmlFor="password" className="block mb-2">
40
+ * Password
41
+ * </Label>
42
+ * <Input id="password" type="password" />
43
+ * ```
44
+ *
45
+ * @see {@link LabelProps} for all available props
46
+ */
47
+ export declare const Label: React.ForwardRefExoticComponent<BaseProps & FontWeightProps & FontStyleProps & TextDecorationProps & TextTransformProps & FontFamilyProps & TextAlignProps & SizeProps & HideProps & ItemsProps & JustifyProps & PositionProps & DisplayProps & OverflowProps & WrapProps & GapProps & FlexDirectionProps & ReverseProps & AppearanceProps & TransparentProps & VariantProps & Omit<React.LabelHTMLAttributes<HTMLLabelElement>, "className" | "children"> & {
8
48
  /** Custom HTML tag or React component to render as */
9
49
  tag?: React.ElementType;
10
- } & import("react").RefAttributes<HTMLLabelElement>>;
50
+ } & React.RefAttributes<HTMLLabelElement>>;
11
51
  //# sourceMappingURL=label.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"label.d.ts","sourceRoot":"","sources":["../../../src/components/ui/label.tsx"],"names":[],"mappings":"AACA,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,gBAAgB,EAChB,YAAY,EACb,MAAM,SAAS,CAAC;AAIjB,4BAA4B;AAC5B,MAAM,MAAM,UAAU,GAAG,SAAS,GAChC,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,gBAAgB,GAChB,YAAY,GACZ,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,WAAW,GAAG,UAAU,CAAC,GAAG;IAC9E,sDAAsD;IACtD,GAAG,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;CACzB,CAAC;AAEF,eAAO,MAAM,KAAK;IAJhB,sDAAsD;UAChD,KAAK,CAAC,WAAW;oDAQxB,CAAC"}
1
+ {"version":3,"file":"label.d.ts","sourceRoot":"","sources":["../../../src/components/ui/label.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,gBAAgB,EAChB,YAAY,EACb,MAAM,SAAS,CAAC;AAIjB,4BAA4B;AAC5B,MAAM,MAAM,UAAU,GAAG,SAAS,GAChC,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,gBAAgB,GAChB,YAAY,GACZ,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,WAAW,GAAG,UAAU,CAAC,GAAG;IAC9E,sDAAsD;IACtD,GAAG,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;CACzB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsCG;AACH,eAAO,MAAM,KAAK;IA3ChB,sDAAsD;UAChD,KAAK,CAAC,WAAW;0CA+CxB,CAAC"}
@@ -33,35 +33,7 @@ export declare const APPEARANCE_CATEGORY: readonly ["text", "border", "ring", "s
33
33
  export type AppearanceCategoryKey = typeof APPEARANCE_CATEGORY[number];
34
34
  /** Type for all component category keys */
35
35
  export type ComponentCategoryKey = typeof COMPONENT_PROPS_CATEGORY[number];
36
- export * from './appearance';
37
- export * from './border';
38
- export * from './breakpoint';
39
- export * from './display';
40
- export * from './flexDirection';
41
- export * from './fontFamily';
42
- export * from './fontStyle';
43
- export * from './fontWeight';
44
- export * from './gap';
45
- export * from './hide';
46
- export * from './items';
47
- export * from './justify';
48
- export * from './listStyle';
49
36
  export * from './mode';
50
- export * from './overflow';
51
- export * from './padding';
52
- export * from './position';
53
- export * from './reverse';
54
- export * from './ring';
55
- export * from './shadow';
56
- export * from './focusVisible';
57
- export * from './shape';
58
- export * from './size';
59
- export * from './textAlign';
60
- export * from './textDecoration';
61
- export * from './textTransform';
62
- export * from './transparent';
63
- export * from './variant';
64
- export * from './wrap';
65
37
  /** Component property keys mapping categories to their available values */
66
38
  export declare const ComponentKeys: {
67
39
  /** Color appearance options */
@@ -121,6 +93,10 @@ export declare const ComponentKeys: {
121
93
  /** Flex item wrapping behavior: wrap, no-wrap, or wrap-reverse */
122
94
  readonly wrap: readonly ["flexWrap", "flexNoWrap", "flexWrapReverse"];
123
95
  };
96
+ /** All border side keys (excluding noBorder since it doesn't have a CSS class) */
97
+ export declare const BORDER_KEYS: readonly ["border", "borderT", "borderB", "borderL", "borderR", "borderX", "borderY"];
98
+ /** Type for all border side keys (excluding noBorder) */
99
+ export type BorderKey = typeof BORDER_KEYS[number];
124
100
  /** Interaction state keys for component styling modes */
125
101
  export type ModeKey = typeof import('./mode').ModeKeys.mode[number];
126
102
  /** Size scale keys: xs, sm, md, lg, xl */
@@ -1 +1 @@
1
- {"version":3,"file":"keys.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/props/keys.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"keys.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/props/keys.ts"],"names":[],"mappings":"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"}
@@ -1,11 +1,49 @@
1
+ import React from 'react';
1
2
  import type { BaseProps, SizeProps, HideProps, ItemsProps, JustifyProps, PositionProps, DisplayProps, OverflowProps, WrapProps, GapProps, FlexDirectionProps, ReverseProps, BreakpointProps, AppearanceProps, TransparentProps, BorderProps, ShadowProps, RingProps, ShapeProps, VariantProps } from './props';
2
3
  /** Row component props */
3
4
  export type RowProps = BaseProps & SizeProps & HideProps & ItemsProps & JustifyProps & PositionProps & DisplayProps & OverflowProps & WrapProps & GapProps & FlexDirectionProps & ReverseProps & BreakpointProps & AppearanceProps & TransparentProps & BorderProps & ShadowProps & RingProps & ShapeProps & VariantProps & Omit<React.HTMLAttributes<HTMLDivElement>, 'className' | 'children'> & {
4
5
  /** Custom HTML tag or React component to render as */
5
6
  tag?: React.ElementType;
6
7
  };
7
- export declare const Row: import("react").ForwardRefExoticComponent<BaseProps & SizeProps & HideProps & ItemsProps & JustifyProps & PositionProps & DisplayProps & OverflowProps & WrapProps & GapProps & FlexDirectionProps & ReverseProps & BreakpointProps & AppearanceProps & TransparentProps & BorderProps & ShadowProps & RingProps & ShapeProps & VariantProps & Omit<import("react").HTMLAttributes<HTMLDivElement>, "className" | "children"> & {
8
+ /**
9
+ * A horizontal flex container for arranging elements side-by-side.
10
+ *
11
+ * Arranges children horizontally with consistent spacing. Supports responsive
12
+ * breakpoints to switch to vertical stacking on smaller screens. Uses layout
13
+ * spacing for structural organization.
14
+ *
15
+ * @example
16
+ * ```tsx
17
+ * // Basic horizontal row
18
+ * <Row gap>
19
+ * <Button>Action 1</Button>
20
+ * <Button>Action 2</Button>
21
+ * </Row>
22
+ * ```
23
+ *
24
+ * @example
25
+ * ```tsx
26
+ * // Row with space-between
27
+ * <Row justifyBetween itemsCenter>
28
+ * <Title>Page Header</Title>
29
+ * <Button>CTA</Button>
30
+ * </Row>
31
+ * ```
32
+ *
33
+ * @example
34
+ * ```tsx
35
+ * // Responsive row (stacks on tablets and below)
36
+ * <Row tabletCol gap>
37
+ * <Card>Card 1</Card>
38
+ * <Card>Card 2</Card>
39
+ * <Card>Card 3</Card>
40
+ * </Row>
41
+ * ```
42
+ *
43
+ * @see {@link RowProps} for all available props
44
+ */
45
+ export declare const Row: React.ForwardRefExoticComponent<BaseProps & SizeProps & HideProps & ItemsProps & JustifyProps & PositionProps & DisplayProps & OverflowProps & WrapProps & GapProps & FlexDirectionProps & ReverseProps & BreakpointProps & AppearanceProps & TransparentProps & BorderProps & ShadowProps & RingProps & ShapeProps & VariantProps & Omit<React.HTMLAttributes<HTMLDivElement>, "className" | "children"> & {
8
46
  /** Custom HTML tag or React component to render as */
9
47
  tag?: React.ElementType;
10
- } & import("react").RefAttributes<HTMLDivElement>>;
48
+ } & React.RefAttributes<HTMLDivElement>>;
11
49
  //# sourceMappingURL=row.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"row.d.ts","sourceRoot":"","sources":["../../../src/components/ui/row.tsx"],"names":[],"mappings":"AACA,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,gBAAgB,EAChB,WAAW,EACX,WAAW,EACX,SAAS,EACT,UAAU,EACV,YAAY,EACb,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,gBAAgB,GAChB,WAAW,GACX,WAAW,GACX,SAAS,GACT,UAAU,GACV,YAAY,GACZ,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,eAAO,MAAM,GAAG;IAJd,sDAAsD;UAChD,KAAK,CAAC,WAAW;kDAQxB,CAAC"}
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,gBAAgB,EAChB,WAAW,EACX,WAAW,EACX,SAAS,EACT,UAAU,EACV,YAAY,EACb,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,gBAAgB,GAChB,WAAW,GACX,WAAW,GACX,SAAS,GACT,UAAU,GACV,YAAY,GACZ,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,11 +1,48 @@
1
+ import React from 'react';
1
2
  import type { BaseProps, SizeProps, HideProps, ItemsProps, JustifyProps, PositionProps, DisplayProps, OverflowProps, WrapProps, GapProps, FlexDirectionProps, ReverseProps, AppearanceProps, TransparentProps, BorderProps, ShadowProps, RingProps, ShapeProps, PaddingProps, BreakpointProps, VariantProps } from './props';
2
3
  /** Section component props */
3
4
  export type SectionProps = BaseProps & SizeProps & HideProps & ItemsProps & JustifyProps & PositionProps & DisplayProps & OverflowProps & WrapProps & GapProps & FlexDirectionProps & ReverseProps & AppearanceProps & TransparentProps & BorderProps & ShadowProps & RingProps & ShapeProps & PaddingProps & BreakpointProps & VariantProps & Omit<React.HTMLAttributes<HTMLDivElement>, 'className' | 'children'> & {
4
5
  /** Custom HTML tag or React component to render as */
5
6
  tag?: React.ElementType;
6
7
  };
7
- export declare const Section: import("react").ForwardRefExoticComponent<BaseProps & SizeProps & HideProps & ItemsProps & JustifyProps & PositionProps & DisplayProps & OverflowProps & WrapProps & GapProps & FlexDirectionProps & ReverseProps & AppearanceProps & TransparentProps & BorderProps & ShadowProps & RingProps & ShapeProps & PaddingProps & BreakpointProps & VariantProps & Omit<import("react").HTMLAttributes<HTMLDivElement>, "className" | "children"> & {
8
+ /**
9
+ * A semantic section container for grouping related content.
10
+ *
11
+ * Renders as a semantic HTML section element with generous layout spacing.
12
+ * Use to organize page content into logical sections. Supports responsive
13
+ * flex direction with breakpoint props (mobileCol, tabletCol, etc.).
14
+ *
15
+ * @example
16
+ * ```tsx
17
+ * // Basic section
18
+ * <Section>
19
+ * <SectionTitle>About</SectionTitle>
20
+ * <Text>Section content here.</Text>
21
+ * </Section>
22
+ * ```
23
+ *
24
+ * @example
25
+ * ```tsx
26
+ * // Section with padding and gap
27
+ * <Section padding gap>
28
+ * <Title>Features</Title>
29
+ * <Text>Feature descriptions...</Text>
30
+ * </Section>
31
+ * ```
32
+ *
33
+ * @example
34
+ * ```tsx
35
+ * // Responsive section that stacks on tablets
36
+ * <Section tabletCol gap>
37
+ * <Card>Card 1</Card>
38
+ * <Card>Card 2</Card>
39
+ * </Section>
40
+ * ```
41
+ *
42
+ * @see {@link SectionProps} for all available props
43
+ */
44
+ export declare const Section: React.ForwardRefExoticComponent<BaseProps & SizeProps & HideProps & ItemsProps & JustifyProps & PositionProps & DisplayProps & OverflowProps & WrapProps & GapProps & FlexDirectionProps & ReverseProps & AppearanceProps & TransparentProps & BorderProps & ShadowProps & RingProps & ShapeProps & PaddingProps & BreakpointProps & VariantProps & Omit<React.HTMLAttributes<HTMLDivElement>, "className" | "children"> & {
8
45
  /** Custom HTML tag or React component to render as */
9
46
  tag?: React.ElementType;
10
- } & import("react").RefAttributes<HTMLDivElement>>;
47
+ } & React.RefAttributes<HTMLDivElement>>;
11
48
  //# sourceMappingURL=section.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"section.d.ts","sourceRoot":"","sources":["../../../src/components/ui/section.tsx"],"names":[],"mappings":"AACA,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,gBAAgB,EAChB,WAAW,EACX,WAAW,EACX,SAAS,EACT,UAAU,EACV,YAAY,EACZ,eAAe,EACf,YAAY,EACb,MAAM,SAAS,CAAC;AAIjB,8BAA8B;AAC9B,MAAM,MAAM,YAAY,GAAG,SAAS,GAClC,SAAS,GACT,SAAS,GACT,UAAU,GACV,YAAY,GACZ,aAAa,GACb,YAAY,GACZ,aAAa,GACb,SAAS,GACT,QAAQ,GACR,kBAAkB,GAClB,YAAY,GACZ,eAAe,GACf,gBAAgB,GAChB,WAAW,GACX,WAAW,GACX,SAAS,GACT,UAAU,GACV,YAAY,GACZ,eAAe,GACf,YAAY,GACZ,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,eAAO,MAAM,OAAO;IAJlB,sDAAsD;UAChD,KAAK,CAAC,WAAW;kDAQxB,CAAC"}
1
+ {"version":3,"file":"section.d.ts","sourceRoot":"","sources":["../../../src/components/ui/section.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,gBAAgB,EAChB,WAAW,EACX,WAAW,EACX,SAAS,EACT,UAAU,EACV,YAAY,EACZ,eAAe,EACf,YAAY,EACb,MAAM,SAAS,CAAC;AAIjB,8BAA8B;AAC9B,MAAM,MAAM,YAAY,GAAG,SAAS,GAClC,SAAS,GACT,SAAS,GACT,UAAU,GACV,YAAY,GACZ,aAAa,GACb,YAAY,GACZ,aAAa,GACb,SAAS,GACT,QAAQ,GACR,kBAAkB,GAClB,YAAY,GACZ,eAAe,GACf,gBAAgB,GAChB,WAAW,GACX,WAAW,GACX,SAAS,GACT,UAAU,GACV,YAAY,GACZ,eAAe,GACf,YAAY,GACZ,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AACH,eAAO,MAAM,OAAO;IAxClB,sDAAsD;UAChD,KAAK,CAAC,WAAW;wCA4CxB,CAAC"}
@@ -1,11 +1,49 @@
1
+ import React from 'react';
1
2
  import type { BaseProps, SizeProps, HideProps, ItemsProps, JustifyProps, PositionProps, DisplayProps, OverflowProps, WrapProps, GapProps, FlexDirectionProps, ReverseProps, BreakpointProps, PaddingProps, AppearanceProps, TransparentProps, BorderProps, ShadowProps, RingProps, ShapeProps, VariantProps } from './props';
2
3
  /** Stack component props */
3
4
  export type StackProps = BaseProps & SizeProps & HideProps & ItemsProps & JustifyProps & PositionProps & DisplayProps & OverflowProps & WrapProps & GapProps & FlexDirectionProps & ReverseProps & BreakpointProps & PaddingProps & AppearanceProps & TransparentProps & BorderProps & ShadowProps & RingProps & ShapeProps & VariantProps & Omit<React.HTMLAttributes<HTMLDivElement>, 'className' | 'children'> & {
4
5
  /** Custom HTML tag or React component to render as */
5
6
  tag?: React.ElementType;
6
7
  };
7
- export declare const Stack: import("react").ForwardRefExoticComponent<BaseProps & SizeProps & HideProps & ItemsProps & JustifyProps & PositionProps & DisplayProps & OverflowProps & WrapProps & GapProps & FlexDirectionProps & ReverseProps & BreakpointProps & PaddingProps & AppearanceProps & TransparentProps & BorderProps & ShadowProps & RingProps & ShapeProps & VariantProps & Omit<import("react").HTMLAttributes<HTMLDivElement>, "className" | "children"> & {
8
+ /**
9
+ * A vertical flex container for stacking elements.
10
+ *
11
+ * Arranges children vertically with consistent spacing. Supports responsive
12
+ * breakpoints to switch to horizontal layout on larger screens. Uses layout
13
+ * spacing for structural organization.
14
+ *
15
+ * @example
16
+ * ```tsx
17
+ * // Basic vertical stack
18
+ * <Stack gap>
19
+ * <Button>Button 1</Button>
20
+ * <Button>Button 2</Button>
21
+ * <Button>Button 3</Button>
22
+ * </Stack>
23
+ * ```
24
+ *
25
+ * @example
26
+ * ```tsx
27
+ * // Stack with padding and alignment
28
+ * <Stack padding gap itemsCenter>
29
+ * <Title>Centered Content</Title>
30
+ * <Text>All items are centered</Text>
31
+ * </Stack>
32
+ * ```
33
+ *
34
+ * @example
35
+ * ```tsx
36
+ * // Responsive stack (becomes horizontal on desktop)
37
+ * <Stack desktopCol gap>
38
+ * <Card>Item 1</Card>
39
+ * <Card>Item 2</Card>
40
+ * </Stack>
41
+ * ```
42
+ *
43
+ * @see {@link StackProps} for all available props
44
+ */
45
+ export declare const Stack: React.ForwardRefExoticComponent<BaseProps & SizeProps & HideProps & ItemsProps & JustifyProps & PositionProps & DisplayProps & OverflowProps & WrapProps & GapProps & FlexDirectionProps & ReverseProps & BreakpointProps & PaddingProps & AppearanceProps & TransparentProps & BorderProps & ShadowProps & RingProps & ShapeProps & VariantProps & Omit<React.HTMLAttributes<HTMLDivElement>, "className" | "children"> & {
8
46
  /** Custom HTML tag or React component to render as */
9
47
  tag?: React.ElementType;
10
- } & import("react").RefAttributes<HTMLDivElement>>;
48
+ } & React.RefAttributes<HTMLDivElement>>;
11
49
  //# sourceMappingURL=stack.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"stack.d.ts","sourceRoot":"","sources":["../../../src/components/ui/stack.tsx"],"names":[],"mappings":"AACA,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,gBAAgB,EAChB,WAAW,EACX,WAAW,EACX,SAAS,EACT,UAAU,EACV,YAAY,EACb,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,gBAAgB,GAChB,WAAW,GACX,WAAW,GACX,SAAS,GACT,UAAU,GACV,YAAY,GACZ,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,eAAO,MAAM,KAAK;IAJhB,sDAAsD;UAChD,KAAK,CAAC,WAAW;kDASxB,CAAC"}
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,gBAAgB,EAChB,WAAW,EACX,WAAW,EACX,SAAS,EACT,UAAU,EACV,YAAY,EACb,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,gBAAgB,GAChB,WAAW,GACX,WAAW,GACX,SAAS,GACT,UAAU,GACV,YAAY,GACZ,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"}
@@ -1 +1 @@
1
- {"version":3,"file":"appearanceTheme.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/theme/appearance/appearanceTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAChD,OAAO,EAAE,qBAAqB,EAAE,aAAa,EAAE,cAAc,EAAa,MAAM,aAAa,CAAC;AAC9F,OAAO,EAAiB,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAGpE,qBAAa,eAAgB,SAAQ,SAAU,YAAW,MAAM,CAAC,aAAa,EAAE,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;IACtG,gEAAgE;IAChE,OAAO,EAAG,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;IAClC,uFAAuF;IACvF,MAAM,EAAG,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;IACjC,oFAAoF;IACpF,OAAO,EAAG,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;IAClC,mFAAmF;IACnF,SAAS,EAAG,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;IACpC,kFAAkF;IAClF,QAAQ,EAAG,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;IACnC,oFAAoF;IACpF,OAAO,EAAG,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;IAClC,uFAAuF;IACvF,MAAM,EAAG,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;IACjC,iFAAiF;IACjF,OAAO,EAAG,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;IAClC,gFAAgF;IAChF,IAAI,EAAG,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;IAC/B,qFAAqF;IACrF,IAAI,EAAG,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;IAE/B,OAAO,CAAC,QAAQ,CAAC,kBAAkB,CAAC,CAAyB;IAC7D,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAwB;IACjD,OAAO,CAAC,QAAQ,CAAC,iBAAiB,CAAU;IAE5C,OAAO;IAaP,UAAU,CAAC,aAAa,EAAE,aAAa,GAAG,MAAM,EAAE;IA2ClD,MAAM,CAAC,WAAW,CAChB,GAAG,EAAE,OAAO,CAAC,MAAM,CAAC,OAAO,EAAE,OAAO,CAAC,MAAM,CAAC,aAAa,GAAG,cAAc,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,YAAK,EAC3F,QAAQ,EAAE,qBAAqB,EAC/B,iBAAiB,GAAE,OAAe,GACjC,eAAe;CAenB"}
1
+ {"version":3,"file":"appearanceTheme.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/theme/appearance/appearanceTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAChD,OAAO,EAAE,qBAAqB,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AACnF,OAAO,EAAiB,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAGpE,qBAAa,eAAgB,SAAQ,SAAU,YAAW,MAAM,CAAC,aAAa,EAAE,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;IACtG,gEAAgE;IAChE,OAAO,EAAG,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;IAClC,uFAAuF;IACvF,MAAM,EAAG,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;IACjC,oFAAoF;IACpF,OAAO,EAAG,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;IAClC,mFAAmF;IACnF,SAAS,EAAG,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;IACpC,kFAAkF;IAClF,QAAQ,EAAG,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;IACnC,oFAAoF;IACpF,OAAO,EAAG,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;IAClC,uFAAuF;IACvF,MAAM,EAAG,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;IACjC,iFAAiF;IACjF,OAAO,EAAG,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;IAClC,gFAAgF;IAChF,IAAI,EAAG,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;IAC/B,qFAAqF;IACrF,IAAI,EAAG,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;IAE/B,OAAO,CAAC,QAAQ,CAAC,kBAAkB,CAAC,CAAyB;IAC7D,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAwB;IACjD,OAAO,CAAC,QAAQ,CAAC,iBAAiB,CAAU;IAE5C,OAAO;IAaP,UAAU,CAAC,aAAa,EAAE,aAAa,GAAG,MAAM,EAAE;IA2ClD,MAAM,CAAC,WAAW,CAChB,GAAG,EAAE,OAAO,CAAC,MAAM,CAAC,OAAO,EAAE,OAAO,CAAC,MAAM,CAAC,aAAa,GAAG,cAAc,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,YAAK,EAC3F,QAAQ,EAAE,qBAAqB,EAC/B,iBAAiB,GAAE,OAAe,GACjC,eAAe;CAenB"}