@tosui/react 0.0.1 → 0.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (247) hide show
  1. package/dist/components/Accordion/Accordion.d.ts +37 -0
  2. package/dist/components/Accordion/Accordion.d.ts.map +1 -0
  3. package/dist/components/Accordion/index.d.ts +3 -0
  4. package/dist/components/Accordion/index.d.ts.map +1 -0
  5. package/dist/components/Alert/Alert.d.ts +28 -0
  6. package/dist/components/Alert/Alert.d.ts.map +1 -0
  7. package/dist/components/Alert/index.d.ts +3 -0
  8. package/dist/components/Alert/index.d.ts.map +1 -0
  9. package/dist/components/Avatar/Avatar.d.ts +30 -0
  10. package/dist/components/Avatar/Avatar.d.ts.map +1 -0
  11. package/dist/components/Avatar/index.d.ts +3 -0
  12. package/dist/components/Avatar/index.d.ts.map +1 -0
  13. package/dist/components/Badge/Badge.d.ts +32 -0
  14. package/dist/components/Badge/Badge.d.ts.map +1 -0
  15. package/dist/components/Badge/index.d.ts +3 -0
  16. package/dist/components/Badge/index.d.ts.map +1 -0
  17. package/dist/components/Box/Box.d.ts +28 -28
  18. package/dist/components/Box/Box.d.ts.map +1 -1
  19. package/dist/components/Box/borders/borders.d.ts +18 -0
  20. package/dist/components/Box/borders/borders.d.ts.map +1 -0
  21. package/dist/components/Box/colors/colors.d.ts +14 -0
  22. package/dist/components/Box/colors/colors.d.ts.map +1 -0
  23. package/dist/components/Box/display/display.d.ts +14 -0
  24. package/dist/components/Box/display/display.d.ts.map +1 -0
  25. package/dist/components/Box/flexbox/flexbox.d.ts +26 -0
  26. package/dist/components/Box/flexbox/flexbox.d.ts.map +1 -0
  27. package/dist/components/Box/grid/grid.d.ts +12 -0
  28. package/dist/components/Box/grid/grid.d.ts.map +1 -0
  29. package/dist/components/Box/inset/inset.d.ts +21 -0
  30. package/dist/components/Box/inset/inset.d.ts.map +1 -0
  31. package/dist/components/Box/interactions/interactions.d.ts +14 -0
  32. package/dist/components/Box/interactions/interactions.d.ts.map +1 -0
  33. package/dist/components/Box/margin/margin.d.ts +21 -0
  34. package/dist/components/Box/margin/margin.d.ts.map +1 -0
  35. package/dist/components/Box/opacity/opacity.d.ts +14 -0
  36. package/dist/components/Box/opacity/opacity.d.ts.map +1 -0
  37. package/dist/components/Box/overflow/overflow.d.ts +16 -0
  38. package/dist/components/Box/overflow/overflow.d.ts.map +1 -0
  39. package/dist/components/Box/padding/padding.d.ts +21 -0
  40. package/dist/components/Box/padding/padding.d.ts.map +1 -0
  41. package/dist/components/Box/position/position.d.ts +14 -0
  42. package/dist/components/Box/position/position.d.ts.map +1 -0
  43. package/dist/components/Box/reset/reset.d.ts +2 -0
  44. package/dist/components/Box/reset/reset.d.ts.map +1 -0
  45. package/dist/components/Box/roundness/roundness.d.ts +18 -0
  46. package/dist/components/Box/roundness/roundness.d.ts.map +1 -0
  47. package/dist/components/Box/shadows/shadows.d.ts +14 -0
  48. package/dist/components/Box/shadows/shadows.d.ts.map +1 -0
  49. package/dist/components/Box/shared/constants.d.ts +16 -0
  50. package/dist/components/Box/shared/constants.d.ts.map +1 -0
  51. package/dist/components/Box/shared/index.d.ts +4 -0
  52. package/dist/components/Box/shared/index.d.ts.map +1 -0
  53. package/dist/components/Box/shared/spacing.d.ts +10 -0
  54. package/dist/components/Box/shared/spacing.d.ts.map +1 -0
  55. package/dist/components/Box/shared/types.d.ts +7 -0
  56. package/dist/components/Box/shared/types.d.ts.map +1 -0
  57. package/dist/components/Box/sizing/sizing.d.ts +20 -0
  58. package/dist/components/Box/sizing/sizing.d.ts.map +1 -0
  59. package/dist/components/Box/text/text.d.ts +14 -0
  60. package/dist/components/Box/text/text.d.ts.map +1 -0
  61. package/dist/components/Box/typography/typography.d.ts +16 -0
  62. package/dist/components/Box/typography/typography.d.ts.map +1 -0
  63. package/dist/components/Box/zIndex/zIndex.d.ts +14 -0
  64. package/dist/components/Box/zIndex/zIndex.d.ts.map +1 -0
  65. package/dist/components/Breadcrumb/Breadcrumb.d.ts +34 -0
  66. package/dist/components/Breadcrumb/Breadcrumb.d.ts.map +1 -0
  67. package/dist/components/Breadcrumb/index.d.ts +3 -0
  68. package/dist/components/Breadcrumb/index.d.ts.map +1 -0
  69. package/dist/components/Button/Button.d.ts +30 -0
  70. package/dist/components/Button/Button.d.ts.map +1 -0
  71. package/dist/components/Button/index.d.ts +2 -0
  72. package/dist/components/Button/index.d.ts.map +1 -0
  73. package/dist/components/Card/Card.d.ts +56 -0
  74. package/dist/components/Card/Card.d.ts.map +1 -0
  75. package/dist/components/Card/index.d.ts +3 -0
  76. package/dist/components/Card/index.d.ts.map +1 -0
  77. package/dist/components/Checkbox/Checkbox.d.ts +37 -0
  78. package/dist/components/Checkbox/Checkbox.d.ts.map +1 -0
  79. package/dist/components/Checkbox/index.d.ts +3 -0
  80. package/dist/components/Checkbox/index.d.ts.map +1 -0
  81. package/dist/components/Code/Code.d.ts +27 -0
  82. package/dist/components/Code/Code.d.ts.map +1 -0
  83. package/dist/components/Code/index.d.ts +2 -0
  84. package/dist/components/Code/index.d.ts.map +1 -0
  85. package/dist/components/Container/Container.d.ts +26 -0
  86. package/dist/components/Container/Container.d.ts.map +1 -0
  87. package/dist/components/Container/index.d.ts +2 -0
  88. package/dist/components/Container/index.d.ts.map +1 -0
  89. package/dist/components/Divider/Divider.d.ts +25 -0
  90. package/dist/components/Divider/Divider.d.ts.map +1 -0
  91. package/dist/components/Divider/index.d.ts +2 -0
  92. package/dist/components/Divider/index.d.ts.map +1 -0
  93. package/dist/components/Flex/Flex.d.ts +46 -0
  94. package/dist/components/Flex/Flex.d.ts.map +1 -0
  95. package/dist/components/Flex/index.d.ts +2 -0
  96. package/dist/components/Flex/index.d.ts.map +1 -0
  97. package/dist/components/FormField/FormField.d.ts +31 -0
  98. package/dist/components/FormField/FormField.d.ts.map +1 -0
  99. package/dist/components/FormField/index.d.ts +3 -0
  100. package/dist/components/FormField/index.d.ts.map +1 -0
  101. package/dist/components/Grid/Grid.d.ts +40 -0
  102. package/dist/components/Grid/Grid.d.ts.map +1 -0
  103. package/dist/components/Grid/index.d.ts +2 -0
  104. package/dist/components/Grid/index.d.ts.map +1 -0
  105. package/dist/components/HStack/HStack.d.ts +18 -0
  106. package/dist/components/HStack/HStack.d.ts.map +1 -0
  107. package/dist/components/HStack/index.d.ts +2 -0
  108. package/dist/components/HStack/index.d.ts.map +1 -0
  109. package/dist/components/IconButton/IconButton.d.ts +36 -0
  110. package/dist/components/IconButton/IconButton.d.ts.map +1 -0
  111. package/dist/components/IconButton/index.d.ts +3 -0
  112. package/dist/components/IconButton/index.d.ts.map +1 -0
  113. package/dist/components/Image/Image.d.ts +31 -0
  114. package/dist/components/Image/Image.d.ts.map +1 -0
  115. package/dist/components/Image/index.d.ts +3 -0
  116. package/dist/components/Image/index.d.ts.map +1 -0
  117. package/dist/components/Input/Input.d.ts +28 -0
  118. package/dist/components/Input/Input.d.ts.map +1 -0
  119. package/dist/components/Input/index.d.ts +2 -0
  120. package/dist/components/Input/index.d.ts.map +1 -0
  121. package/dist/components/Label/Label.d.ts +26 -0
  122. package/dist/components/Label/Label.d.ts.map +1 -0
  123. package/dist/components/Label/index.d.ts +2 -0
  124. package/dist/components/Label/index.d.ts.map +1 -0
  125. package/dist/components/Link/Link.d.ts +24 -0
  126. package/dist/components/Link/Link.d.ts.map +1 -0
  127. package/dist/components/Link/index.d.ts +3 -0
  128. package/dist/components/Link/index.d.ts.map +1 -0
  129. package/dist/components/List/List.d.ts +48 -0
  130. package/dist/components/List/List.d.ts.map +1 -0
  131. package/dist/components/List/index.d.ts +3 -0
  132. package/dist/components/List/index.d.ts.map +1 -0
  133. package/dist/components/Menu/Menu.d.ts +61 -0
  134. package/dist/components/Menu/Menu.d.ts.map +1 -0
  135. package/dist/components/Menu/index.d.ts +3 -0
  136. package/dist/components/Menu/index.d.ts.map +1 -0
  137. package/dist/components/Modal/Modal.d.ts +60 -0
  138. package/dist/components/Modal/Modal.d.ts.map +1 -0
  139. package/dist/components/Modal/index.d.ts +3 -0
  140. package/dist/components/Modal/index.d.ts.map +1 -0
  141. package/dist/components/Pagination/Pagination.d.ts +26 -0
  142. package/dist/components/Pagination/Pagination.d.ts.map +1 -0
  143. package/dist/components/Pagination/index.d.ts +3 -0
  144. package/dist/components/Pagination/index.d.ts.map +1 -0
  145. package/dist/components/Popover/Popover.d.ts +52 -0
  146. package/dist/components/Popover/Popover.d.ts.map +1 -0
  147. package/dist/components/Popover/index.d.ts +3 -0
  148. package/dist/components/Popover/index.d.ts.map +1 -0
  149. package/dist/components/Progress/Progress.d.ts +30 -0
  150. package/dist/components/Progress/Progress.d.ts.map +1 -0
  151. package/dist/components/Progress/index.d.ts +3 -0
  152. package/dist/components/Progress/index.d.ts.map +1 -0
  153. package/dist/components/Radio/Radio.d.ts +34 -0
  154. package/dist/components/Radio/Radio.d.ts.map +1 -0
  155. package/dist/components/Radio/index.d.ts +3 -0
  156. package/dist/components/Radio/index.d.ts.map +1 -0
  157. package/dist/components/Select/Select.d.ts +29 -0
  158. package/dist/components/Select/Select.d.ts.map +1 -0
  159. package/dist/components/Select/index.d.ts +3 -0
  160. package/dist/components/Select/index.d.ts.map +1 -0
  161. package/dist/components/Skeleton/Skeleton.d.ts +30 -0
  162. package/dist/components/Skeleton/Skeleton.d.ts.map +1 -0
  163. package/dist/components/Skeleton/index.d.ts +3 -0
  164. package/dist/components/Skeleton/index.d.ts.map +1 -0
  165. package/dist/components/Spacer/Spacer.d.ts +15 -0
  166. package/dist/components/Spacer/Spacer.d.ts.map +1 -0
  167. package/dist/components/Spacer/index.d.ts +2 -0
  168. package/dist/components/Spacer/index.d.ts.map +1 -0
  169. package/dist/components/Spinner/Spinner.d.ts +16 -0
  170. package/dist/components/Spinner/Spinner.d.ts.map +1 -0
  171. package/dist/components/Spinner/index.d.ts +2 -0
  172. package/dist/components/Spinner/index.d.ts.map +1 -0
  173. package/dist/components/Stack/Stack.d.ts +30 -0
  174. package/dist/components/Stack/Stack.d.ts.map +1 -0
  175. package/dist/components/Stack/index.d.ts +2 -0
  176. package/dist/components/Stack/index.d.ts.map +1 -0
  177. package/dist/components/Switch/Switch.d.ts +33 -0
  178. package/dist/components/Switch/Switch.d.ts.map +1 -0
  179. package/dist/components/Switch/index.d.ts +3 -0
  180. package/dist/components/Switch/index.d.ts.map +1 -0
  181. package/dist/components/Tabs/Tabs.d.ts +62 -0
  182. package/dist/components/Tabs/Tabs.d.ts.map +1 -0
  183. package/dist/components/Tabs/index.d.ts +3 -0
  184. package/dist/components/Tabs/index.d.ts.map +1 -0
  185. package/dist/components/Text/Text.d.ts +1 -1
  186. package/dist/components/Text/Text.d.ts.map +1 -1
  187. package/dist/components/Textarea/Textarea.d.ts +33 -0
  188. package/dist/components/Textarea/Textarea.d.ts.map +1 -0
  189. package/dist/components/Textarea/index.d.ts +2 -0
  190. package/dist/components/Textarea/index.d.ts.map +1 -0
  191. package/dist/components/Tooltip/Tooltip.d.ts +36 -0
  192. package/dist/components/Tooltip/Tooltip.d.ts.map +1 -0
  193. package/dist/components/Tooltip/index.d.ts +3 -0
  194. package/dist/components/Tooltip/index.d.ts.map +1 -0
  195. package/dist/components/VStack/VStack.d.ts +18 -0
  196. package/dist/components/VStack/VStack.d.ts.map +1 -0
  197. package/dist/components/VStack/index.d.ts +2 -0
  198. package/dist/components/VStack/index.d.ts.map +1 -0
  199. package/dist/index.css +1 -4721
  200. package/dist/index.d.ts +40 -1
  201. package/dist/index.d.ts.map +1 -1
  202. package/dist/index.js +5431 -2326
  203. package/dist/index.js.map +1 -1
  204. package/dist/utils/{breakpoints.stylex.d.ts → breakpoints.d.ts} +1 -13
  205. package/dist/utils/breakpoints.d.ts.map +1 -0
  206. package/package.json +10 -16
  207. package/dist/components/Box/styleParts/borders.d.ts +0 -97
  208. package/dist/components/Box/styleParts/borders.d.ts.map +0 -1
  209. package/dist/components/Box/styleParts/colors.d.ts +0 -288
  210. package/dist/components/Box/styleParts/colors.d.ts.map +0 -1
  211. package/dist/components/Box/styleParts/display.d.ts +0 -54
  212. package/dist/components/Box/styleParts/display.d.ts.map +0 -1
  213. package/dist/components/Box/styleParts/flexbox.d.ts +0 -174
  214. package/dist/components/Box/styleParts/flexbox.d.ts.map +0 -1
  215. package/dist/components/Box/styleParts/grid.d.ts +0 -45
  216. package/dist/components/Box/styleParts/grid.d.ts.map +0 -1
  217. package/dist/components/Box/styleParts/inset.d.ts +0 -22
  218. package/dist/components/Box/styleParts/inset.d.ts.map +0 -1
  219. package/dist/components/Box/styleParts/interactions.d.ts +0 -128
  220. package/dist/components/Box/styleParts/interactions.d.ts.map +0 -1
  221. package/dist/components/Box/styleParts/margin.d.ts +0 -22
  222. package/dist/components/Box/styleParts/margin.d.ts.map +0 -1
  223. package/dist/components/Box/styleParts/opacity.d.ts +0 -34
  224. package/dist/components/Box/styleParts/opacity.d.ts.map +0 -1
  225. package/dist/components/Box/styleParts/overflow.d.ts +0 -55
  226. package/dist/components/Box/styleParts/overflow.d.ts.map +0 -1
  227. package/dist/components/Box/styleParts/padding.d.ts +0 -22
  228. package/dist/components/Box/styleParts/padding.d.ts.map +0 -1
  229. package/dist/components/Box/styleParts/position.d.ts +0 -39
  230. package/dist/components/Box/styleParts/position.d.ts.map +0 -1
  231. package/dist/components/Box/styleParts/reset.d.ts +0 -28
  232. package/dist/components/Box/styleParts/reset.d.ts.map +0 -1
  233. package/dist/components/Box/styleParts/roundness.d.ts +0 -83
  234. package/dist/components/Box/styleParts/roundness.d.ts.map +0 -1
  235. package/dist/components/Box/styleParts/shadows.d.ts +0 -34
  236. package/dist/components/Box/styleParts/shadows.d.ts.map +0 -1
  237. package/dist/components/Box/styleParts/sizing.d.ts +0 -25
  238. package/dist/components/Box/styleParts/sizing.d.ts.map +0 -1
  239. package/dist/components/Box/styleParts/text.d.ts +0 -66
  240. package/dist/components/Box/styleParts/text.d.ts.map +0 -1
  241. package/dist/components/Box/styleParts/types.d.ts +0 -2
  242. package/dist/components/Box/styleParts/types.d.ts.map +0 -1
  243. package/dist/components/Box/styleParts/typography.d.ts +0 -130
  244. package/dist/components/Box/styleParts/typography.d.ts.map +0 -1
  245. package/dist/components/Box/styleParts/zIndex.d.ts +0 -49
  246. package/dist/components/Box/styleParts/zIndex.d.ts.map +0 -1
  247. package/dist/utils/breakpoints.stylex.d.ts.map +0 -1
@@ -0,0 +1,16 @@
1
+ export declare const RESPONSIVE_KEYS: readonly ["base", "sm", "md", "lg", "xl", "2xl"];
2
+ export declare const STATE_SUFFIXES: {
3
+ readonly base: "";
4
+ readonly hover: "-h";
5
+ readonly focus: "-f";
6
+ readonly active: "-a";
7
+ readonly disabled: "-d";
8
+ };
9
+ export declare const STATE_CLASS_SUFFIXES: {
10
+ readonly base: "";
11
+ readonly hover: ":h";
12
+ readonly focus: ":f";
13
+ readonly active: ":a";
14
+ readonly disabled: ":d";
15
+ };
16
+ //# sourceMappingURL=constants.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/components/Box/shared/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,eAAe,kDAAmD,CAAC;AAEhF,eAAO,MAAM,cAAc;;;;;;CAMjB,CAAC;AAEX,eAAO,MAAM,oBAAoB;;;;;;CAMvB,CAAC"}
@@ -0,0 +1,4 @@
1
+ export * from './constants';
2
+ export * from './types';
3
+ export * from './spacing';
4
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Box/shared/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC"}
@@ -0,0 +1,10 @@
1
+ /**
2
+ * Converts a spacing value to a CSS value string.
3
+ * Used by margin, padding, and sizing style helpers.
4
+ *
5
+ * - Numbers are multiplied by the spacing unit (4px)
6
+ * - Strings are passed through as-is (for custom values like "100%")
7
+ * - 0 returns "0" (no unit needed)
8
+ */
9
+ export declare function getRawValue(value?: string | number): string | undefined;
10
+ //# sourceMappingURL=spacing.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"spacing.d.ts","sourceRoot":"","sources":["../../../../src/components/Box/shared/spacing.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,wBAAgB,WAAW,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,SAAS,CAKvE"}
@@ -0,0 +1,7 @@
1
+ import { STATE_CLASS_SUFFIXES } from './constants';
2
+ export type StateKey = keyof typeof STATE_CLASS_SUFFIXES;
3
+ export type StyleResult = {
4
+ className: string;
5
+ style: Record<string, string>;
6
+ };
7
+ //# sourceMappingURL=types.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/Box/shared/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAExD,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,oBAAoB,CAAC;AAIzD,MAAM,MAAM,WAAW,GAAG;IACxB,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CAC/B,CAAC"}
@@ -0,0 +1,20 @@
1
+ import { ResponsiveValue } from '../../../utils/breakpoints';
2
+ import { StyleResult } from '../shared';
3
+ type SizingValue = string | number;
4
+ export type SizingProps = {
5
+ w?: ResponsiveValue<SizingValue>;
6
+ h?: ResponsiveValue<SizingValue>;
7
+ minW?: ResponsiveValue<SizingValue>;
8
+ maxW?: ResponsiveValue<SizingValue>;
9
+ minH?: ResponsiveValue<SizingValue>;
10
+ maxH?: ResponsiveValue<SizingValue>;
11
+ };
12
+ export type SizingStateProps = {
13
+ _hover?: SizingProps;
14
+ _focus?: SizingProps;
15
+ _active?: SizingProps;
16
+ _disabled?: SizingProps;
17
+ };
18
+ export declare function getSizingStyles(props: SizingProps & SizingStateProps): StyleResult;
19
+ export {};
20
+ //# sourceMappingURL=sizing.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"sizing.d.ts","sourceRoot":"","sources":["../../../../src/components/Box/sizing/sizing.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAC3D,OAAO,EAKL,KAAK,WAAW,EAEjB,MAAM,WAAW,CAAC;AAInB,KAAK,WAAW,GAAG,MAAM,GAAG,MAAM,CAAC;AAGnC,MAAM,MAAM,WAAW,GAAG;IACxB,CAAC,CAAC,EAAE,eAAe,CAAC,WAAW,CAAC,CAAC;IACjC,CAAC,CAAC,EAAE,eAAe,CAAC,WAAW,CAAC,CAAC;IACjC,IAAI,CAAC,EAAE,eAAe,CAAC,WAAW,CAAC,CAAC;IACpC,IAAI,CAAC,EAAE,eAAe,CAAC,WAAW,CAAC,CAAC;IACpC,IAAI,CAAC,EAAE,eAAe,CAAC,WAAW,CAAC,CAAC;IACpC,IAAI,CAAC,EAAE,eAAe,CAAC,WAAW,CAAC,CAAC;CACrC,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,SAAS,CAAC,EAAE,WAAW,CAAC;CACzB,CAAC;AAuEF,wBAAgB,eAAe,CAC7B,KAAK,EAAE,WAAW,GAAG,gBAAgB,GACpC,WAAW,CAyBb"}
@@ -0,0 +1,14 @@
1
+ import { StyleResult } from '../shared';
2
+ export type TextAlignValue = "left" | "center" | "right" | "justify";
3
+ export type WhiteSpaceValue = "normal" | "nowrap" | "pre" | "pre-line" | "pre-wrap";
4
+ export type TextDecorationValue = "none" | "underline" | "line-through";
5
+ export type TextStyleProps = {
6
+ textAlign?: TextAlignValue;
7
+ whiteSpace?: WhiteSpaceValue;
8
+ textDecoration?: TextDecorationValue;
9
+ };
10
+ export type TextStyleStateProps = {
11
+ _hover?: TextStyleProps;
12
+ };
13
+ export declare function getTextStyles(props: TextStyleProps & TextStyleStateProps): StyleResult;
14
+ //# sourceMappingURL=text.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"text.d.ts","sourceRoot":"","sources":["../../../../src/components/Box/text/text.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,WAAW,EACjB,MAAM,WAAW,CAAC;AAInB,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC;AACrE,MAAM,MAAM,eAAe,GAAG,QAAQ,GAAG,QAAQ,GAAG,KAAK,GAAG,UAAU,GAAG,UAAU,CAAC;AACpF,MAAM,MAAM,mBAAmB,GAAG,MAAM,GAAG,WAAW,GAAG,cAAc,CAAC;AAExE,MAAM,MAAM,cAAc,GAAG;IAC3B,SAAS,CAAC,EAAE,cAAc,CAAC;IAC3B,UAAU,CAAC,EAAE,eAAe,CAAC;IAC7B,cAAc,CAAC,EAAE,mBAAmB,CAAC;CACtC,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC,MAAM,CAAC,EAAE,cAAc,CAAC;CACzB,CAAC;AAiDF,wBAAgB,aAAa,CAC3B,KAAK,EAAE,cAAc,GAAG,mBAAmB,GAC1C,WAAW,CAUb"}
@@ -0,0 +1,16 @@
1
+ export type FontSizeValue = "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl";
2
+ export type FontFamilyValue = "body" | "heading" | "mono";
3
+ export type FontWeightValue = "normal" | "medium" | "semibold" | "bold";
4
+ export type LineHeightValue = "tight" | "normal" | "relaxed";
5
+ export type TypographyProps = {
6
+ fontSize?: FontSizeValue;
7
+ fontFamily?: FontFamilyValue;
8
+ fontWeight?: FontWeightValue;
9
+ lineHeight?: LineHeightValue;
10
+ };
11
+ type StyleResult = {
12
+ className: string;
13
+ };
14
+ export declare function getTypographyStyles(props: TypographyProps): StyleResult;
15
+ export {};
16
+ //# sourceMappingURL=typography.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"typography.d.ts","sourceRoot":"","sources":["../../../../src/components/Box/typography/typography.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,aAAa,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,CAAC;AAC7F,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,SAAS,GAAG,MAAM,CAAC;AAC1D,MAAM,MAAM,eAAe,GAAG,QAAQ,GAAG,QAAQ,GAAG,UAAU,GAAG,MAAM,CAAC;AACxE,MAAM,MAAM,eAAe,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS,CAAC;AAE7D,MAAM,MAAM,eAAe,GAAG;IAC5B,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB,UAAU,CAAC,EAAE,eAAe,CAAC;IAC7B,UAAU,CAAC,EAAE,eAAe,CAAC;IAC7B,UAAU,CAAC,EAAE,eAAe,CAAC;CAC9B,CAAC;AAEF,KAAK,WAAW,GAAG;IACjB,SAAS,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,eAAe,GAAG,WAAW,CA0BvE"}
@@ -0,0 +1,14 @@
1
+ import { ResponsiveValue } from '../../../utils/breakpoints';
2
+ import { StyleResult } from '../shared';
3
+ export type ZIndexValue = "base" | "behind" | "dropdown" | "sticky" | "modal" | "toast" | "tooltip";
4
+ export type ZIndexProps = {
5
+ zIndex?: ResponsiveValue<ZIndexValue>;
6
+ };
7
+ export type ZIndexStateProps = {
8
+ _hover?: ZIndexProps;
9
+ _focus?: ZIndexProps;
10
+ _active?: ZIndexProps;
11
+ _disabled?: ZIndexProps;
12
+ };
13
+ export declare function getZIndexStyles(props: ZIndexProps & ZIndexStateProps): StyleResult;
14
+ //# sourceMappingURL=zIndex.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"zIndex.d.ts","sourceRoot":"","sources":["../../../../src/components/Box/zIndex/zIndex.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAC3D,OAAO,EAIL,KAAK,WAAW,EACjB,MAAM,WAAW,CAAC;AAInB,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,QAAQ,GAAG,UAAU,GAAG,QAAQ,GAAG,OAAO,GAAG,OAAO,GAAG,SAAS,CAAC;AAEpG,MAAM,MAAM,WAAW,GAAG;IACxB,MAAM,CAAC,EAAE,eAAe,CAAC,WAAW,CAAC,CAAC;CACvC,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,SAAS,CAAC,EAAE,WAAW,CAAC;CACzB,CAAC;AAiDF,wBAAgB,eAAe,CAC7B,KAAK,EAAE,WAAW,GAAG,gBAAgB,GACpC,WAAW,CAmBb"}
@@ -0,0 +1,34 @@
1
+ import { ReactNode } from 'react';
2
+ export type BreadcrumbProps = {
3
+ /** Separator between items */
4
+ separator?: ReactNode;
5
+ /** Additional class name */
6
+ className?: string;
7
+ /** Breadcrumb items */
8
+ children?: ReactNode;
9
+ };
10
+ export type BreadcrumbItemProps = {
11
+ /** Link href (if not current page) */
12
+ href?: string;
13
+ /** Is current page (last item) - set automatically */
14
+ isCurrentPage?: boolean;
15
+ /** Additional class name */
16
+ className?: string;
17
+ /** Item content */
18
+ children?: ReactNode;
19
+ };
20
+ /**
21
+ * Breadcrumb - Navigation trail container
22
+ *
23
+ * Renders BreadcrumbItem children with separators between them.
24
+ * Automatically marks the last item as current page.
25
+ */
26
+ export declare function Breadcrumb({ separator, className, children, }: BreadcrumbProps): import("react/jsx-runtime").JSX.Element;
27
+ /**
28
+ * BreadcrumbItem - Individual breadcrumb link or text
29
+ *
30
+ * Renders as a link if href is provided, otherwise as text.
31
+ * The last item is automatically marked as current page.
32
+ */
33
+ export declare function BreadcrumbItem({ href, isCurrentPage, className, children, }: BreadcrumbItemProps): import("react/jsx-runtime").JSX.Element;
34
+ //# sourceMappingURL=Breadcrumb.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Breadcrumb.d.ts","sourceRoot":"","sources":["../../../src/components/Breadcrumb/Breadcrumb.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,SAAS,EAIf,MAAM,OAAO,CAAC;AASf,MAAM,MAAM,eAAe,GAAG;IAC5B,8BAA8B;IAC9B,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,4BAA4B;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uBAAuB;IACvB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC,sCAAsC;IACtC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,sDAAsD;IACtD,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,4BAA4B;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mBAAmB;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAMF;;;;;GAKG;AACH,wBAAgB,UAAU,CAAC,EACzB,SAAe,EACf,SAAS,EACT,QAAQ,GACT,EAAE,eAAe,2CAwCjB;AAED;;;;;GAKG;AACH,wBAAgB,cAAc,CAAC,EAC7B,IAAI,EACJ,aAAqB,EACrB,SAAS,EACT,QAAQ,GACT,EAAE,mBAAmB,2CA0BrB"}
@@ -0,0 +1,3 @@
1
+ export { Breadcrumb, BreadcrumbItem } from './Breadcrumb';
2
+ export type { BreadcrumbProps, BreadcrumbItemProps } from './Breadcrumb';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Breadcrumb/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAC1D,YAAY,EAAE,eAAe,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC"}
@@ -0,0 +1,30 @@
1
+ import { ElementType, ReactNode } from 'react';
2
+ import { Polymorphic } from '../../types/Polymorphic';
3
+ import { BoxOwnProps } from '../Box/Box';
4
+ export type ButtonVariant = "solid" | "outline" | "ghost";
5
+ export type ButtonSize = "sm" | "md" | "lg";
6
+ export type ButtonColorScheme = "primary" | "accent" | "success" | "warning" | "error" | "info";
7
+ export type ButtonOwnProps = Omit<BoxOwnProps, "as"> & {
8
+ variant?: ButtonVariant;
9
+ size?: ButtonSize;
10
+ colorScheme?: ButtonColorScheme;
11
+ disabled?: boolean;
12
+ loading?: boolean;
13
+ fullWidth?: boolean;
14
+ leftIcon?: ReactNode;
15
+ rightIcon?: ReactNode;
16
+ };
17
+ export type ButtonProps<T extends ElementType = "button"> = Polymorphic<T, ButtonOwnProps>;
18
+ /**
19
+ * Button - Interactive button component
20
+ *
21
+ * A polymorphic button component that provides:
22
+ * - Default element: <button>
23
+ * - Variants: solid (default), outline, ghost
24
+ * - Sizes: sm, md (default), lg
25
+ * - Loading state with spinner
26
+ * - Icon support (left and right)
27
+ * - Full width option
28
+ */
29
+ export declare function Button<T extends ElementType = "button">({ as, variant, size, colorScheme, disabled, loading, fullWidth, leftIcon, rightIcon, children, className, style, bg, color, borderColor, ...rest }: ButtonProps<T>): import("react/jsx-runtime").JSX.Element;
30
+ //# sourceMappingURL=Button.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,WAAW,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzD,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,EAAO,KAAK,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAQ7D,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,CAAC;AAC1D,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAC5C,MAAM,MAAM,iBAAiB,GACzB,SAAS,GACT,QAAQ,GACR,SAAS,GACT,SAAS,GACT,OAAO,GACP,MAAM,CAAC;AAEX,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC,GAAG;IACrD,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,WAAW,CAAC,EAAE,iBAAiB,CAAC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,WAAW,CAAC,CAAC,SAAS,WAAW,GAAG,QAAQ,IAAI,WAAW,CACrE,CAAC,EACD,cAAc,CACf,CAAC;AAkEF;;;;;;;;;;GAUG;AACH,wBAAgB,MAAM,CAAC,CAAC,SAAS,WAAW,GAAG,QAAQ,EAAE,EACvD,EAAE,EACF,OAAiB,EACjB,IAAW,EACX,WAAuB,EACvB,QAAgB,EAChB,OAAe,EACf,SAAiB,EACjB,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,SAAS,EACT,KAAK,EAEL,EAAE,EACF,KAAK,EACL,WAAW,EACX,GAAG,IAAI,EACR,EAAE,WAAW,CAAC,CAAC,CAAC,2CA+EhB"}
@@ -0,0 +1,2 @@
1
+ export { Button, type ButtonProps, type ButtonOwnProps, type ButtonVariant, type ButtonSize, type ButtonColorScheme, } from './Button';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,MAAM,EACN,KAAK,WAAW,EAChB,KAAK,cAAc,EACnB,KAAK,aAAa,EAClB,KAAK,UAAU,EACf,KAAK,iBAAiB,GACvB,MAAM,UAAU,CAAC"}
@@ -0,0 +1,56 @@
1
+ import { ReactNode } from 'react';
2
+ import { ShadowValue } from '../Box/shadows/shadows';
3
+ export type CardProps = {
4
+ /** Shadow level */
5
+ shadow?: ShadowValue;
6
+ /** Additional class name */
7
+ className?: string;
8
+ /** Card content */
9
+ children?: ReactNode;
10
+ };
11
+ export type CardHeaderProps = {
12
+ /** Additional class name */
13
+ className?: string;
14
+ /** Header content */
15
+ children?: ReactNode;
16
+ };
17
+ export type CardBodyProps = {
18
+ /** Additional class name */
19
+ className?: string;
20
+ /** Body content */
21
+ children?: ReactNode;
22
+ };
23
+ export type CardFooterProps = {
24
+ /** Additional class name */
25
+ className?: string;
26
+ /** Footer content */
27
+ children?: ReactNode;
28
+ };
29
+ /**
30
+ * Card - Content container
31
+ *
32
+ * A flexible content container with:
33
+ * - Surface background with border
34
+ * - Optional shadow elevation
35
+ * - Composable Header/Body/Footer sections
36
+ */
37
+ export declare function Card({ shadow, className, children, }: CardProps): import("react/jsx-runtime").JSX.Element;
38
+ /**
39
+ * CardHeader - Optional header section
40
+ *
41
+ * Use inside Card for header content with bottom border.
42
+ */
43
+ export declare function CardHeader({ className, children }: CardHeaderProps): import("react/jsx-runtime").JSX.Element;
44
+ /**
45
+ * CardBody - Main content section
46
+ *
47
+ * Use inside Card for main content with padding.
48
+ */
49
+ export declare function CardBody({ className, children }: CardBodyProps): import("react/jsx-runtime").JSX.Element;
50
+ /**
51
+ * CardFooter - Optional footer section
52
+ *
53
+ * Use inside Card for footer content with top border.
54
+ */
55
+ export declare function CardFooter({ className, children }: CardFooterProps): import("react/jsx-runtime").JSX.Element;
56
+ //# sourceMappingURL=Card.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../src/components/Card/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAC;AAOpE,MAAM,MAAM,SAAS,GAAG;IACtB,mBAAmB;IACnB,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,4BAA4B;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mBAAmB;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC5B,4BAA4B;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qBAAqB;IACrB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG;IAC1B,4BAA4B;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mBAAmB;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC5B,4BAA4B;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qBAAqB;IACrB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAMF;;;;;;;GAOG;AACH,wBAAgB,IAAI,CAAC,EACnB,MAAa,EACb,SAAS,EACT,QAAQ,GACT,EAAE,SAAS,2CAcX;AAED;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,eAAe,2CAYlE;AAED;;;;GAIG;AACH,wBAAgB,QAAQ,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,aAAa,2CAM9D;AAED;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,eAAe,2CAYlE"}
@@ -0,0 +1,3 @@
1
+ export { Card, CardHeader, CardBody, CardFooter } from './Card';
2
+ export type { CardProps, CardHeaderProps, CardBodyProps, CardFooterProps, } from './Card';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Card/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AAChE,YAAY,EACV,SAAS,EACT,eAAe,EACf,aAAa,EACb,eAAe,GAChB,MAAM,QAAQ,CAAC"}
@@ -0,0 +1,37 @@
1
+ import { InputHTMLAttributes } from 'react';
2
+ export type CheckboxSize = "sm" | "md" | "lg";
3
+ export type CheckboxProps = Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "type"> & {
4
+ /** Checkbox size affecting box dimensions */
5
+ size?: CheckboxSize;
6
+ /** Whether the checkbox is disabled */
7
+ disabled?: boolean;
8
+ /** Whether the checkbox is in an invalid state */
9
+ isInvalid?: boolean;
10
+ /** Controlled checked state */
11
+ isChecked?: boolean;
12
+ /** Optional label text displayed to the right */
13
+ label?: string;
14
+ };
15
+ /**
16
+ * Checkbox - Toggle checkbox component
17
+ *
18
+ * A styled checkbox component that provides:
19
+ * - Sizes: sm, md (default), lg
20
+ * - Custom styled box with checkmark
21
+ * - Optional inline label
22
+ * - Disabled and invalid states
23
+ * - Focus ring styling
24
+ */
25
+ export declare const Checkbox: import('react').ForwardRefExoticComponent<Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "type"> & {
26
+ /** Checkbox size affecting box dimensions */
27
+ size?: CheckboxSize;
28
+ /** Whether the checkbox is disabled */
29
+ disabled?: boolean;
30
+ /** Whether the checkbox is in an invalid state */
31
+ isInvalid?: boolean;
32
+ /** Controlled checked state */
33
+ isChecked?: boolean;
34
+ /** Optional label text displayed to the right */
35
+ label?: string;
36
+ } & import('react').RefAttributes<HTMLInputElement>>;
37
+ //# sourceMappingURL=Checkbox.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,mBAAmB,EAAc,MAAM,OAAO,CAAC;AAS7D,MAAM,MAAM,YAAY,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE9C,MAAM,MAAM,aAAa,GAAG,IAAI,CAC9B,mBAAmB,CAAC,gBAAgB,CAAC,EACrC,MAAM,GAAG,MAAM,CAChB,GAAG;IACF,6CAA6C;IAC7C,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,uCAAuC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kDAAkD;IAClD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,+BAA+B;IAC/B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,iDAAiD;IACjD,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAgBF;;;;;;;;;GASG;AACH,eAAO,MAAM,QAAQ;IApCnB,6CAA6C;WACtC,YAAY;IACnB,uCAAuC;eAC5B,OAAO;IAClB,kDAAkD;gBACtC,OAAO;IACnB,+BAA+B;gBACnB,OAAO;IACnB,iDAAiD;YACzC,MAAM;oDA2Ff,CAAC"}
@@ -0,0 +1,3 @@
1
+ export { Checkbox } from './Checkbox';
2
+ export type { CheckboxProps, CheckboxSize } from './Checkbox';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC"}
@@ -0,0 +1,27 @@
1
+ import { ElementType } from 'react';
2
+ import { BoxOwnProps } from '../Box/Box';
3
+ import { Polymorphic } from '../../types/Polymorphic';
4
+ type FontSize = "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl";
5
+ type Color = "foreground" | "foreground-muted" | "foreground-subtle" | "foreground-inverted" | "foreground-inverted-muted" | "foreground-inverted-subtle" | "accent" | "accent-emphasis" | "primary" | "primary-emphasis" | "success" | "success-emphasis" | "warning" | "warning-emphasis" | "error" | "error-emphasis" | "info" | "info-emphasis";
6
+ export type CodeVariant = "plain" | "subtle";
7
+ export type CodeOwnProps = Omit<BoxOwnProps, "fontSize" | "fontFamily" | "color" | "bg" | "rounded" | "px"> & {
8
+ /** Font size */
9
+ size?: FontSize;
10
+ /** Text color */
11
+ color?: Color;
12
+ /** Visual variant: plain (no background) or subtle (surface background) */
13
+ variant?: CodeVariant;
14
+ };
15
+ export type CodeProps<T extends ElementType = "code"> = Polymorphic<T, CodeOwnProps>;
16
+ /**
17
+ * Code - Inline code styling component
18
+ *
19
+ * Built on top of Box with code-specific conveniences:
20
+ * - Default element: <code>
21
+ * - Always uses monospace font family
22
+ * - Variants: plain (no background) or subtle (surface background with rounded corners)
23
+ * - Can be changed to any element via `as` prop
24
+ */
25
+ export declare function Code<T extends ElementType = "code">({ as, size, color, variant, ...rest }: CodeProps<T>): import("react/jsx-runtime").JSX.Element;
26
+ export {};
27
+ //# sourceMappingURL=Code.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Code.d.ts","sourceRoot":"","sources":["../../../src/components/Code/Code.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAO,KAAK,WAAW,EAAE,MAAM,YAAY,CAAC;AACnD,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAEvD,KAAK,QAAQ,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,CAAC;AACjF,KAAK,KAAK,GACN,YAAY,GACZ,kBAAkB,GAClB,mBAAmB,GACnB,qBAAqB,GACrB,2BAA2B,GAC3B,4BAA4B,GAC5B,QAAQ,GACR,iBAAiB,GACjB,SAAS,GACT,kBAAkB,GAClB,SAAS,GACT,kBAAkB,GAClB,SAAS,GACT,kBAAkB,GAClB,OAAO,GACP,gBAAgB,GAChB,MAAM,GACN,eAAe,CAAC;AAEpB,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,QAAQ,CAAC;AAE7C,MAAM,MAAM,YAAY,GAAG,IAAI,CAC7B,WAAW,EACX,UAAU,GAAG,YAAY,GAAG,OAAO,GAAG,IAAI,GAAG,SAAS,GAAG,IAAI,CAC9D,GAAG;IACF,gBAAgB;IAChB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,iBAAiB;IACjB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,2EAA2E;IAC3E,OAAO,CAAC,EAAE,WAAW,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,SAAS,CAAC,CAAC,SAAS,WAAW,GAAG,MAAM,IAAI,WAAW,CACjE,CAAC,EACD,YAAY,CACb,CAAC;AAEF;;;;;;;;GAQG;AACH,wBAAgB,IAAI,CAAC,CAAC,SAAS,WAAW,GAAG,MAAM,EAAE,EACnD,EAAE,EACF,IAAI,EACJ,KAAK,EACL,OAAiB,EACjB,GAAG,IAAI,EACR,EAAE,SAAS,CAAC,CAAC,CAAC,2CAgBd"}
@@ -0,0 +1,2 @@
1
+ export { Code, type CodeProps, type CodeOwnProps, type CodeVariant } from './Code';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Code/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,KAAK,YAAY,EAAE,KAAK,WAAW,EAAE,MAAM,QAAQ,CAAC"}
@@ -0,0 +1,26 @@
1
+ import { ElementType } from 'react';
2
+ import { Polymorphic } from '../../types/Polymorphic';
3
+ import { BoxOwnProps } from '../Box/Box';
4
+ /** Container size preset */
5
+ export type ContainerSize = "sm" | "md" | "lg" | "xl" | "2xl" | "full";
6
+ export type ContainerOwnProps = Omit<BoxOwnProps, "maxW" | "mx"> & {
7
+ /** Max-width preset: sm=640px, md=768px, lg=1024px, xl=1280px, 2xl=1536px, full=100% (default: lg) */
8
+ size?: ContainerSize;
9
+ /** Center children using flexbox (default: false) */
10
+ centerContent?: boolean;
11
+ /** Horizontal padding (default: 4 = 16px) */
12
+ px?: BoxOwnProps["px"];
13
+ };
14
+ export type ContainerProps<T extends ElementType = "div"> = Polymorphic<T, ContainerOwnProps>;
15
+ /**
16
+ * Container - Max-width centered content wrapper
17
+ *
18
+ * A polymorphic container for constraining content width:
19
+ * - Default element: <div>
20
+ * - Size presets: sm (640px), md (768px), lg (1024px), xl (1280px), 2xl (1536px), full (100%)
21
+ * - Default: lg (1024px max-width)
22
+ * - Centered horizontally with mx="auto"
23
+ * - Optional centerContent to center children vertically with flex
24
+ */
25
+ export declare function Container<T extends ElementType = "div">({ as, size, centerContent, px, children, ...rest }: ContainerProps<T>): import("react/jsx-runtime").JSX.Element;
26
+ //# sourceMappingURL=Container.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Container.d.ts","sourceRoot":"","sources":["../../../src/components/Container/Container.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,EAAO,KAAK,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAM7D,4BAA4B;AAC5B,MAAM,MAAM,aAAa,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,GAAG,MAAM,CAAC;AAEvE,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAAC,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC,GAAG;IACjE,sGAAsG;IACtG,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,qDAAqD;IACrD,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,6CAA6C;IAC7C,EAAE,CAAC,EAAE,WAAW,CAAC,IAAI,CAAC,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,cAAc,CAAC,CAAC,SAAS,WAAW,GAAG,KAAK,IAAI,WAAW,CACrE,CAAC,EACD,iBAAiB,CAClB,CAAC;AAmBF;;;;;;;;;GASG;AACH,wBAAgB,SAAS,CAAC,CAAC,SAAS,WAAW,GAAG,KAAK,EAAE,EACvD,EAAE,EACF,IAAW,EACX,aAAqB,EACrB,EAAM,EACN,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,cAAc,CAAC,CAAC,CAAC,2CAmBnB"}
@@ -0,0 +1,2 @@
1
+ export { Container, type ContainerSize, type ContainerOwnProps, type ContainerProps, } from './Container';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Container/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EACT,KAAK,aAAa,EAClB,KAAK,iBAAiB,EACtB,KAAK,cAAc,GACpB,MAAM,aAAa,CAAC"}
@@ -0,0 +1,25 @@
1
+ import { ElementType } from 'react';
2
+ import { Polymorphic } from '../../types/Polymorphic';
3
+ import { BoxOwnProps } from '../Box/Box';
4
+ /** Divider color using semantic border color tokens */
5
+ export type DividerColor = "border" | "border-muted" | "primary" | "accent" | "success" | "warning" | "error" | "info";
6
+ export type DividerOwnProps = Omit<BoxOwnProps, "w" | "h" | "bg" | "color"> & {
7
+ /** Divider orientation (default: "horizontal") */
8
+ orientation?: "horizontal" | "vertical";
9
+ /** Divider color token (default: "border-muted") */
10
+ color?: DividerColor;
11
+ /** Divider thickness in pixels 1-4 (default: 1) */
12
+ thickness?: 1 | 2 | 3 | 4;
13
+ };
14
+ export type DividerProps<T extends ElementType = "hr"> = Polymorphic<T, DividerOwnProps>;
15
+ /**
16
+ * Divider - Visual separator between content sections
17
+ *
18
+ * A polymorphic divider component that provides:
19
+ * - Default element: <hr> for horizontal, <div> for vertical
20
+ * - Orientations: horizontal (default), vertical
21
+ * - Customizable color and thickness
22
+ * - Proper accessibility attributes (role="separator", aria-orientation)
23
+ */
24
+ export declare function Divider<T extends ElementType = "hr">({ as, orientation, color, thickness, style, ...rest }: DividerProps<T>): import("react/jsx-runtime").JSX.Element;
25
+ //# sourceMappingURL=Divider.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Divider.d.ts","sourceRoot":"","sources":["../../../src/components/Divider/Divider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,EAAO,KAAK,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAM7D,uDAAuD;AACvD,MAAM,MAAM,YAAY,GACpB,QAAQ,GACR,cAAc,GACd,SAAS,GACT,QAAQ,GACR,SAAS,GACT,SAAS,GACT,OAAO,GACP,MAAM,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,WAAW,EAAE,GAAG,GAAG,GAAG,GAAG,IAAI,GAAG,OAAO,CAAC,GAAG;IAC5E,kDAAkD;IAClD,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC,oDAAoD;IACpD,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,mDAAmD;IACnD,SAAS,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,YAAY,CAAC,CAAC,SAAS,WAAW,GAAG,IAAI,IAAI,WAAW,CAClE,CAAC,EACD,eAAe,CAChB,CAAC;AAqBF;;;;;;;;GAQG;AACH,wBAAgB,OAAO,CAAC,CAAC,SAAS,WAAW,GAAG,IAAI,EAAE,EACpD,EAAE,EACF,WAA0B,EAC1B,KAAsB,EACtB,SAAa,EACb,KAAK,EACL,GAAG,IAAI,EACR,EAAE,YAAY,CAAC,CAAC,CAAC,2CAuBjB"}
@@ -0,0 +1,2 @@
1
+ export { Divider, type DividerColor, type DividerProps, type DividerOwnProps, } from './Divider';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Divider/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,OAAO,EACP,KAAK,YAAY,EACjB,KAAK,YAAY,EACjB,KAAK,eAAe,GACrB,MAAM,WAAW,CAAC"}
@@ -0,0 +1,46 @@
1
+ import { ElementType } from 'react';
2
+ import { Polymorphic } from '../../types/Polymorphic';
3
+ import { BoxOwnProps } from '../Box/Box';
4
+ import { FlexDirectionValue, JustifyContentValue, AlignItemsValue, AlignSelfValue, FlexWrapValue, SpacingValue } from '../Box/flexbox/flexbox';
5
+ export type FlexOwnProps = Omit<BoxOwnProps, "display" | "flexDirection" | "justifyContent" | "alignItems" | "alignSelf" | "flexWrap" | "gap" | "gapRow" | "gapColumn" | "flexBasis" | "flexGrow" | "flexShrink"> & {
6
+ /** Flex direction: row (default), column, row-reverse, column-reverse */
7
+ direction?: FlexDirectionValue;
8
+ /** Flex wrapping: nowrap (default), wrap, wrap-reverse */
9
+ wrap?: FlexWrapValue;
10
+ /** Justify content along the main axis */
11
+ justify?: JustifyContentValue;
12
+ /** Align items along the cross axis */
13
+ align?: AlignItemsValue;
14
+ /** Align content when there are multiple lines */
15
+ alignContent?: JustifyContentValue;
16
+ /** Gap between children (0-32 spacing multiplier or string) */
17
+ gap?: SpacingValue;
18
+ /** Row gap between children (0-32 spacing multiplier or string) */
19
+ gapRow?: SpacingValue;
20
+ /** Column gap between children (0-32 spacing multiplier or string) */
21
+ gapColumn?: SpacingValue;
22
+ /** Flex basis of the container */
23
+ basis?: string;
24
+ /** Flex grow of the container */
25
+ grow?: number;
26
+ /** Flex shrink of the container */
27
+ shrink?: number;
28
+ /** Align self within parent flex container */
29
+ alignSelf?: AlignSelfValue;
30
+ };
31
+ export type FlexProps<T extends ElementType = "div"> = Polymorphic<T, FlexOwnProps>;
32
+ /**
33
+ * Flex - Explicit flexbox layout component
34
+ *
35
+ * A polymorphic flex container with shorthand props:
36
+ * - Default element: <div>
37
+ * - Always renders with display="flex"
38
+ * - direction -> flexDirection (default: row)
39
+ * - wrap -> flexWrap
40
+ * - justify -> justifyContent
41
+ * - align -> alignItems
42
+ * - gap, gapRow, gapColumn
43
+ * - basis, grow, shrink -> flexBasis, flexGrow, flexShrink
44
+ */
45
+ export declare function Flex<T extends ElementType = "div">({ as, direction, wrap, justify, align, alignContent, gap, gapRow, gapColumn, basis, grow, shrink, alignSelf, children, ...rest }: FlexProps<T>): import("react/jsx-runtime").JSX.Element;
46
+ //# sourceMappingURL=Flex.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Flex.d.ts","sourceRoot":"","sources":["../../../src/components/Flex/Flex.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,EAAO,KAAK,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAC7D,OAAO,KAAK,EACV,kBAAkB,EAClB,mBAAmB,EACnB,eAAe,EACf,cAAc,EACd,aAAa,EACb,YAAY,EACb,MAAM,kCAAkC,CAAC;AAM1C,MAAM,MAAM,YAAY,GAAG,IAAI,CAC7B,WAAW,EACT,SAAS,GACT,eAAe,GACf,gBAAgB,GAChB,YAAY,GACZ,WAAW,GACX,UAAU,GACV,KAAK,GACL,QAAQ,GACR,WAAW,GACX,WAAW,GACX,UAAU,GACV,YAAY,CACf,GAAG;IACF,yEAAyE;IACzE,SAAS,CAAC,EAAE,kBAAkB,CAAC;IAC/B,0DAA0D;IAC1D,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,0CAA0C;IAC1C,OAAO,CAAC,EAAE,mBAAmB,CAAC;IAC9B,uCAAuC;IACvC,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB,kDAAkD;IAClD,YAAY,CAAC,EAAE,mBAAmB,CAAC;IACnC,+DAA+D;IAC/D,GAAG,CAAC,EAAE,YAAY,CAAC;IACnB,mEAAmE;IACnE,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,sEAAsE;IACtE,SAAS,CAAC,EAAE,YAAY,CAAC;IACzB,kCAAkC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iCAAiC;IACjC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,mCAAmC;IACnC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,8CAA8C;IAC9C,SAAS,CAAC,EAAE,cAAc,CAAC;CAC5B,CAAC;AAEF,MAAM,MAAM,SAAS,CAAC,CAAC,SAAS,WAAW,GAAG,KAAK,IAAI,WAAW,CAChE,CAAC,EACD,YAAY,CACb,CAAC;AAMF;;;;;;;;;;;;GAYG;AACH,wBAAgB,IAAI,CAAC,CAAC,SAAS,WAAW,GAAG,KAAK,EAAE,EAClD,EAAE,EACF,SAAS,EACT,IAAI,EACJ,OAAO,EACP,KAAK,EACL,YAAY,EACZ,GAAG,EACH,MAAM,EACN,SAAS,EACT,KAAK,EACL,IAAI,EACJ,MAAM,EACN,SAAS,EACT,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,SAAS,CAAC,CAAC,CAAC,2CAsBd"}
@@ -0,0 +1,2 @@
1
+ export { Flex, type FlexOwnProps, type FlexProps } from './Flex';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Flex/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,KAAK,YAAY,EAAE,KAAK,SAAS,EAAE,MAAM,QAAQ,CAAC"}
@@ -0,0 +1,31 @@
1
+ import { ReactNode } from 'react';
2
+ export type FormFieldProps = {
3
+ /** Label text displayed above the control */
4
+ label: string;
5
+ /** Helper text displayed below the control (hidden when isInvalid) */
6
+ helperText?: string;
7
+ /** Error message displayed when isInvalid (replaces helperText) */
8
+ errorMessage?: string;
9
+ /** Whether the field is required (shows asterisk) */
10
+ isRequired?: boolean;
11
+ /** Whether the field is in an invalid state */
12
+ isInvalid?: boolean;
13
+ /** Whether the field is disabled */
14
+ disabled?: boolean;
15
+ /** Custom ID for the field (auto-generated if not provided) */
16
+ id?: string;
17
+ /** The form control to render */
18
+ children: ReactNode;
19
+ };
20
+ /**
21
+ * FormField - Form field wrapper component
22
+ *
23
+ * A composition component that provides:
24
+ * - Label with required indicator
25
+ * - Helper text for descriptions
26
+ * - Error message for validation
27
+ * - State propagation to child controls (isInvalid, disabled)
28
+ * - Accessible aria-describedby linking
29
+ */
30
+ export declare function FormField({ label, helperText, errorMessage, isRequired, isInvalid, disabled, id: providedId, children, }: FormFieldProps): import("react/jsx-runtime").JSX.Element;
31
+ //# sourceMappingURL=FormField.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"FormField.d.ts","sourceRoot":"","sources":["../../../src/components/FormField/FormField.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAiD,MAAM,OAAO,CAAC;AAStF,MAAM,MAAM,cAAc,GAAG;IAC3B,6CAA6C;IAC7C,KAAK,EAAE,MAAM,CAAC;IACd,sEAAsE;IACtE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,mEAAmE;IACnE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,qDAAqD;IACrD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,+CAA+C;IAC/C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,oCAAoC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,+DAA+D;IAC/D,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,iCAAiC;IACjC,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAMF;;;;;;;;;GASG;AACH,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,UAAU,EACV,YAAY,EACZ,UAAkB,EAClB,SAAiB,EACjB,QAAgB,EAChB,EAAE,EAAE,UAAU,EACd,QAAQ,GACT,EAAE,cAAc,2CAkDhB"}
@@ -0,0 +1,3 @@
1
+ export { FormField } from './FormField';
2
+ export type { FormFieldProps } from './FormField';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/FormField/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC"}