@newtonedev/components 0.1.12 → 0.1.14

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 (227) hide show
  1. package/dist/_COMPONENT_TEMPLATE/ComponentName.styles.d.ts +4 -3
  2. package/dist/_COMPONENT_TEMPLATE/ComponentName.styles.d.ts.map +1 -1
  3. package/dist/_COMPONENT_TEMPLATE/ComponentName.types.d.ts +1 -1
  4. package/dist/_COMPONENT_TEMPLATE/ComponentName.types.d.ts.map +1 -1
  5. package/dist/composites/actions/Button/Button.d.ts +11 -1
  6. package/dist/composites/actions/Button/Button.d.ts.map +1 -1
  7. package/dist/composites/actions/Button/Button.styles.d.ts +1 -1
  8. package/dist/composites/actions/Button/Button.styles.d.ts.map +1 -1
  9. package/dist/composites/actions/Button/Button.types.d.ts +11 -1
  10. package/dist/composites/actions/Button/Button.types.d.ts.map +1 -1
  11. package/dist/composites/branding/LogoMonogram/LogoMonogram.d.ts +10 -0
  12. package/dist/composites/branding/LogoMonogram/LogoMonogram.d.ts.map +1 -0
  13. package/dist/composites/branding/LogoMonogram/LogoMonogram.types.d.ts +35 -0
  14. package/dist/composites/branding/LogoMonogram/LogoMonogram.types.d.ts.map +1 -0
  15. package/dist/composites/branding/LogoMonogram/index.d.ts +3 -0
  16. package/dist/composites/branding/LogoMonogram/index.d.ts.map +1 -0
  17. package/dist/composites/branding/LogoWordmark/LogoWordmark.d.ts +9 -0
  18. package/dist/composites/branding/LogoWordmark/LogoWordmark.d.ts.map +1 -0
  19. package/dist/composites/branding/LogoWordmark/LogoWordmark.types.d.ts +26 -0
  20. package/dist/composites/branding/LogoWordmark/LogoWordmark.types.d.ts.map +1 -0
  21. package/dist/composites/branding/LogoWordmark/index.d.ts +3 -0
  22. package/dist/composites/branding/LogoWordmark/index.d.ts.map +1 -0
  23. package/dist/composites/display/Chip/Chip.d.ts +25 -0
  24. package/dist/composites/display/Chip/Chip.d.ts.map +1 -0
  25. package/dist/composites/display/Chip/Chip.styles.d.ts +29 -0
  26. package/dist/composites/display/Chip/Chip.styles.d.ts.map +1 -0
  27. package/dist/composites/display/Chip/Chip.types.d.ts +63 -0
  28. package/dist/composites/display/Chip/Chip.types.d.ts.map +1 -0
  29. package/dist/composites/display/Chip/index.d.ts +3 -0
  30. package/dist/composites/display/Chip/index.d.ts.map +1 -0
  31. package/dist/composites/form-controls/Select/Select.d.ts.map +1 -1
  32. package/dist/composites/form-controls/Select/Select.styles.d.ts +2 -2
  33. package/dist/composites/form-controls/Select/Select.styles.d.ts.map +1 -1
  34. package/dist/composites/form-controls/Select/SelectOption.d.ts.map +1 -1
  35. package/dist/composites/form-controls/TextInput/TextInput.d.ts.map +1 -1
  36. package/dist/composites/form-controls/TextInput/TextInput.styles.d.ts +2 -2
  37. package/dist/composites/form-controls/TextInput/TextInput.styles.d.ts.map +1 -1
  38. package/dist/composites/form-controls/Toggle/Toggle.d.ts.map +1 -1
  39. package/dist/composites/form-controls/Toggle/Toggle.styles.d.ts +2 -2
  40. package/dist/composites/form-controls/Toggle/Toggle.styles.d.ts.map +1 -1
  41. package/dist/composites/layout/AppShell/AppShell.d.ts.map +1 -1
  42. package/dist/composites/layout/AppShell/AppShell.styles.d.ts +2 -2
  43. package/dist/composites/layout/AppShell/AppShell.styles.d.ts.map +1 -1
  44. package/dist/composites/layout/Card/Card.d.ts.map +1 -1
  45. package/dist/composites/layout/Card/Card.styles.d.ts +2 -2
  46. package/dist/composites/layout/Card/Card.styles.d.ts.map +1 -1
  47. package/dist/composites/layout/Card/Card.types.d.ts +1 -1
  48. package/dist/composites/layout/Card/Card.types.d.ts.map +1 -1
  49. package/dist/composites/layout/ContentCard/ContentCard.d.ts +33 -0
  50. package/dist/composites/layout/ContentCard/ContentCard.d.ts.map +1 -0
  51. package/dist/composites/layout/ContentCard/ContentCard.styles.d.ts +10 -0
  52. package/dist/composites/layout/ContentCard/ContentCard.styles.d.ts.map +1 -0
  53. package/dist/composites/layout/ContentCard/ContentCard.types.d.ts +52 -0
  54. package/dist/composites/layout/ContentCard/ContentCard.types.d.ts.map +1 -0
  55. package/dist/composites/layout/ContentCard/index.d.ts +3 -0
  56. package/dist/composites/layout/ContentCard/index.d.ts.map +1 -0
  57. package/dist/composites/layout/Divider/Divider.d.ts +25 -0
  58. package/dist/composites/layout/Divider/Divider.d.ts.map +1 -0
  59. package/dist/composites/layout/Divider/Divider.styles.d.ts +8 -0
  60. package/dist/composites/layout/Divider/Divider.styles.d.ts.map +1 -0
  61. package/dist/composites/layout/Divider/Divider.types.d.ts +25 -0
  62. package/dist/composites/layout/Divider/Divider.types.d.ts.map +1 -0
  63. package/dist/composites/layout/Divider/index.d.ts +3 -0
  64. package/dist/composites/layout/Divider/index.d.ts.map +1 -0
  65. package/dist/composites/layout/Navbar/Navbar.d.ts.map +1 -1
  66. package/dist/composites/layout/Navbar/Navbar.styles.d.ts +4 -2
  67. package/dist/composites/layout/Navbar/Navbar.styles.d.ts.map +1 -1
  68. package/dist/composites/layout/Sidebar/Sidebar.d.ts.map +1 -1
  69. package/dist/composites/layout/Sidebar/Sidebar.styles.d.ts +4 -2
  70. package/dist/composites/layout/Sidebar/Sidebar.styles.d.ts.map +1 -1
  71. package/dist/composites/overlays/Popover/Popover.d.ts.map +1 -1
  72. package/dist/composites/overlays/Popover/Popover.styles.d.ts +2 -2
  73. package/dist/composites/overlays/Popover/Popover.styles.d.ts.map +1 -1
  74. package/dist/composites/range-inputs/ColorScaleSlider/ColorScaleSlider.d.ts +1 -1
  75. package/dist/composites/range-inputs/ColorScaleSlider/ColorScaleSlider.d.ts.map +1 -1
  76. package/dist/composites/range-inputs/ColorScaleSlider/ColorScaleSlider.styles.d.ts +1 -1
  77. package/dist/composites/range-inputs/ColorScaleSlider/ColorScaleSlider.styles.d.ts.map +1 -1
  78. package/dist/composites/range-inputs/ColorScaleSlider/ColorScaleSlider.types.d.ts +2 -0
  79. package/dist/composites/range-inputs/ColorScaleSlider/ColorScaleSlider.types.d.ts.map +1 -1
  80. package/dist/composites/range-inputs/HueSlider/HueSlider.d.ts +3 -4
  81. package/dist/composites/range-inputs/HueSlider/HueSlider.d.ts.map +1 -1
  82. package/dist/composites/range-inputs/HueSlider/HueSlider.styles.d.ts +3 -3
  83. package/dist/composites/range-inputs/HueSlider/HueSlider.styles.d.ts.map +1 -1
  84. package/dist/composites/range-inputs/Slider/Slider.styles.d.ts +1 -1
  85. package/dist/composites/range-inputs/Slider/Slider.styles.d.ts.map +1 -1
  86. package/dist/index.cjs +1609 -1693
  87. package/dist/index.cjs.map +1 -1
  88. package/dist/index.d.ts +22 -24
  89. package/dist/index.d.ts.map +1 -1
  90. package/dist/index.js +1454 -1621
  91. package/dist/index.js.map +1 -1
  92. package/dist/primitives/Frame/Frame.d.ts +1 -35
  93. package/dist/primitives/Frame/Frame.d.ts.map +1 -1
  94. package/dist/primitives/Frame/Frame.styles.d.ts +13 -3
  95. package/dist/primitives/Frame/Frame.styles.d.ts.map +1 -1
  96. package/dist/primitives/Frame/Frame.types.d.ts +99 -1
  97. package/dist/primitives/Frame/Frame.types.d.ts.map +1 -1
  98. package/dist/primitives/Frame/Frame.utils.d.ts +1 -1
  99. package/dist/primitives/Frame/Frame.utils.d.ts.map +1 -1
  100. package/dist/primitives/Frame/index.d.ts +1 -1
  101. package/dist/primitives/Frame/index.d.ts.map +1 -1
  102. package/dist/primitives/Icon/Icon.d.ts.map +1 -1
  103. package/dist/primitives/Icon/Icon.types.d.ts +2 -2
  104. package/dist/primitives/Icon/Icon.types.d.ts.map +1 -1
  105. package/dist/primitives/Text/Text.d.ts +6 -4
  106. package/dist/primitives/Text/Text.d.ts.map +1 -1
  107. package/dist/primitives/Text/Text.spans.d.ts.map +1 -1
  108. package/dist/primitives/Text/Text.types.d.ts +4 -7
  109. package/dist/primitives/Text/Text.types.d.ts.map +1 -1
  110. package/dist/primitives/Wrapper/Wrapper.d.ts +1 -1
  111. package/dist/primitives/Wrapper/Wrapper.d.ts.map +1 -1
  112. package/dist/primitives/Wrapper/Wrapper.styles.d.ts +10 -2
  113. package/dist/primitives/Wrapper/Wrapper.styles.d.ts.map +1 -1
  114. package/dist/primitives/Wrapper/Wrapper.types.d.ts +31 -1
  115. package/dist/primitives/Wrapper/Wrapper.types.d.ts.map +1 -1
  116. package/package.json +3 -2
  117. package/src/_COMPONENT_TEMPLATE/ComponentName.styles.ts +4 -4
  118. package/src/_COMPONENT_TEMPLATE/ComponentName.tsx +2 -2
  119. package/src/_COMPONENT_TEMPLATE/ComponentName.types.ts +1 -1
  120. package/src/composites/actions/Button/Button.styles.ts +72 -55
  121. package/src/composites/actions/Button/Button.tsx +35 -14
  122. package/src/composites/actions/Button/Button.types.ts +13 -1
  123. package/src/composites/branding/LogoMonogram/LogoMonogram.tsx +29 -0
  124. package/src/composites/branding/LogoMonogram/LogoMonogram.types.ts +35 -0
  125. package/src/composites/branding/LogoMonogram/index.ts +2 -0
  126. package/src/composites/branding/LogoWordmark/LogoWordmark.tsx +29 -0
  127. package/src/composites/branding/LogoWordmark/LogoWordmark.types.ts +25 -0
  128. package/src/composites/branding/LogoWordmark/index.ts +2 -0
  129. package/src/composites/display/Chip/Chip.styles.ts +189 -0
  130. package/src/composites/display/Chip/Chip.tsx +97 -0
  131. package/src/composites/display/Chip/Chip.types.ts +74 -0
  132. package/src/composites/display/Chip/index.ts +2 -0
  133. package/src/composites/form-controls/Select/Select.styles.ts +10 -10
  134. package/src/composites/form-controls/Select/Select.tsx +9 -7
  135. package/src/composites/form-controls/Select/SelectOption.tsx +10 -8
  136. package/src/composites/form-controls/TextInput/TextInput.styles.ts +12 -9
  137. package/src/composites/form-controls/TextInput/TextInput.tsx +7 -5
  138. package/src/composites/form-controls/Toggle/Toggle.styles.ts +10 -7
  139. package/src/composites/form-controls/Toggle/Toggle.tsx +4 -3
  140. package/src/composites/layout/AppShell/AppShell.styles.ts +8 -4
  141. package/src/composites/layout/AppShell/AppShell.tsx +6 -2
  142. package/src/composites/layout/Card/Card.styles.ts +10 -5
  143. package/src/composites/layout/Card/Card.tsx +4 -3
  144. package/src/composites/layout/Card/Card.types.ts +1 -1
  145. package/src/composites/layout/ContentCard/ContentCard.styles.ts +44 -0
  146. package/src/composites/layout/ContentCard/ContentCard.tsx +71 -0
  147. package/src/composites/layout/ContentCard/ContentCard.types.ts +60 -0
  148. package/src/composites/layout/ContentCard/index.ts +2 -0
  149. package/src/composites/layout/Divider/Divider.styles.ts +30 -0
  150. package/src/composites/layout/Divider/Divider.tsx +46 -0
  151. package/src/composites/layout/Divider/Divider.types.ts +28 -0
  152. package/src/composites/layout/Divider/index.ts +2 -0
  153. package/src/composites/layout/Navbar/Navbar.styles.ts +7 -5
  154. package/src/composites/layout/Navbar/Navbar.tsx +4 -3
  155. package/src/composites/layout/Sidebar/Sidebar.styles.ts +7 -5
  156. package/src/composites/layout/Sidebar/Sidebar.tsx +4 -3
  157. package/src/composites/overlays/Popover/Popover.styles.ts +7 -5
  158. package/src/composites/overlays/Popover/Popover.tsx +4 -3
  159. package/src/composites/range-inputs/ColorScaleSlider/ColorScaleSlider.styles.ts +4 -5
  160. package/src/composites/range-inputs/ColorScaleSlider/ColorScaleSlider.tsx +6 -2
  161. package/src/composites/range-inputs/ColorScaleSlider/ColorScaleSlider.types.ts +2 -0
  162. package/src/composites/range-inputs/HueSlider/HueSlider.styles.ts +13 -20
  163. package/src/composites/range-inputs/HueSlider/HueSlider.tsx +7 -8
  164. package/src/composites/range-inputs/Slider/Slider.styles.ts +8 -9
  165. package/src/composites/range-inputs/Slider/Slider.tsx +1 -1
  166. package/src/index.ts +108 -61
  167. package/src/primitives/Frame/Frame.styles.ts +55 -11
  168. package/src/primitives/Frame/Frame.tsx +140 -142
  169. package/src/primitives/Frame/Frame.types.ts +119 -1
  170. package/src/primitives/Frame/Frame.utils.ts +1 -1
  171. package/src/primitives/Frame/index.ts +4 -0
  172. package/src/primitives/Icon/Icon.tsx +9 -7
  173. package/src/primitives/Icon/Icon.types.ts +2 -2
  174. package/src/primitives/Text/Text.spans.ts +9 -5
  175. package/src/primitives/Text/Text.tsx +33 -22
  176. package/src/primitives/Text/Text.types.ts +4 -7
  177. package/src/primitives/Wrapper/Wrapper.styles.ts +33 -1
  178. package/src/primitives/Wrapper/Wrapper.tsx +23 -4
  179. package/src/primitives/Wrapper/Wrapper.types.ts +45 -0
  180. package/dist/fonts/GoogleFontLoader.d.ts +0 -20
  181. package/dist/fonts/GoogleFontLoader.d.ts.map +0 -1
  182. package/dist/fonts/IconFontLoader.d.ts +0 -13
  183. package/dist/fonts/IconFontLoader.d.ts.map +0 -1
  184. package/dist/fonts/SelfHostedFontLoader.d.ts +0 -14
  185. package/dist/fonts/SelfHostedFontLoader.d.ts.map +0 -1
  186. package/dist/fonts/buildGoogleFontsUrl.d.ts +0 -2
  187. package/dist/fonts/buildGoogleFontsUrl.d.ts.map +0 -1
  188. package/dist/fonts/measureFont.d.ts +0 -19
  189. package/dist/fonts/measureFont.d.ts.map +0 -1
  190. package/dist/fonts/reportQueue.d.ts +0 -7
  191. package/dist/fonts/reportQueue.d.ts.map +0 -1
  192. package/dist/fonts/useLocalCalibration.d.ts +0 -19
  193. package/dist/fonts/useLocalCalibration.d.ts.map +0 -1
  194. package/dist/fonts/useTypographyCalibrations.d.ts +0 -11
  195. package/dist/fonts/useTypographyCalibrations.d.ts.map +0 -1
  196. package/dist/theme/FrameContext.d.ts +0 -26
  197. package/dist/theme/FrameContext.d.ts.map +0 -1
  198. package/dist/theme/NewtoneProvider.d.ts +0 -40
  199. package/dist/theme/NewtoneProvider.d.ts.map +0 -1
  200. package/dist/theme/defaults.d.ts +0 -8
  201. package/dist/theme/defaults.d.ts.map +0 -1
  202. package/dist/theme/types.d.ts +0 -156
  203. package/dist/theme/types.d.ts.map +0 -1
  204. package/dist/theme/useBreakpoint.d.ts +0 -9
  205. package/dist/theme/useBreakpoint.d.ts.map +0 -1
  206. package/dist/tokens/computeTokens.d.ts +0 -151
  207. package/dist/tokens/computeTokens.d.ts.map +0 -1
  208. package/dist/tokens/types.d.ts +0 -162
  209. package/dist/tokens/types.d.ts.map +0 -1
  210. package/dist/tokens/useTokens.d.ts +0 -26
  211. package/dist/tokens/useTokens.d.ts.map +0 -1
  212. package/src/fonts/GoogleFontLoader.tsx +0 -80
  213. package/src/fonts/IconFontLoader.tsx +0 -51
  214. package/src/fonts/SelfHostedFontLoader.tsx +0 -44
  215. package/src/fonts/buildGoogleFontsUrl.ts +0 -2
  216. package/src/fonts/measureFont.ts +0 -55
  217. package/src/fonts/reportQueue.ts +0 -54
  218. package/src/fonts/useLocalCalibration.ts +0 -97
  219. package/src/fonts/useTypographyCalibrations.ts +0 -15
  220. package/src/theme/FrameContext.tsx +0 -31
  221. package/src/theme/NewtoneProvider.tsx +0 -84
  222. package/src/theme/defaults.ts +0 -71
  223. package/src/theme/types.ts +0 -191
  224. package/src/theme/useBreakpoint.ts +0 -14
  225. package/src/tokens/computeTokens.ts +0 -516
  226. package/src/tokens/types.ts +0 -146
  227. package/src/tokens/useTokens.ts +0 -62
@@ -1,10 +1,11 @@
1
- import type { ResolvedTokens } from '../tokens/types';
1
+ import type { ResolvedTokens, ColorGamut } from 'newtone-api';
2
2
  /**
3
3
  * Pure style computation function.
4
4
  *
5
5
  * Rules:
6
6
  * - Always use StyleSheet.create() — never plain JS objects
7
7
  * - Colors from tokens only — never hardcoded hex (except shadows: '#000')
8
+ * - Use `[gamut]` indexing on TokenColor values (never `.srgb` or `.p3` directly)
8
9
  * - Shadows via RN properties (shadowColor, shadowOffset, shadowOpacity, shadowRadius, elevation)
9
10
  * NEVER use boxShadow as a CSS string
10
11
  * - For web-only CSS (boxShadow, gridTemplateColumns, etc.):
@@ -12,9 +13,9 @@ import type { ResolvedTokens } from '../tokens/types';
12
13
  * - Every section must have a plain-language inline comment explaining what
13
14
  * the style achieves visually, not just the CSS property name
14
15
  */
15
- export declare function getComponentNameStyles(tokens: ResolvedTokens): {
16
+ export declare function getComponentNameStyles(tokens: ResolvedTokens, gamut: ColorGamut): {
16
17
  container: {
17
- backgroundColor: string;
18
+ backgroundColor: any;
18
19
  borderRadius: number;
19
20
  padding: number;
20
21
  };
@@ -1 +1 @@
1
- {"version":3,"file":"ComponentName.styles.d.ts","sourceRoot":"","sources":["../../src/_COMPONENT_TEMPLATE/ComponentName.styles.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEtD;;;;;;;;;;;;GAYG;AACH,wBAAgB,sBAAsB,CAAC,MAAM,EAAE,cAAc;;;;;;EAW5D"}
1
+ {"version":3,"file":"ComponentName.styles.d.ts","sourceRoot":"","sources":["../../src/_COMPONENT_TEMPLATE/ComponentName.styles.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAE9D;;;;;;;;;;;;;GAaG;AACH,wBAAgB,sBAAsB,CAAC,MAAM,EAAE,cAAc,EAAE,KAAK,EAAE,UAAU;;;;;;EAW/E"}
@@ -1,5 +1,5 @@
1
1
  import type { View, ViewStyle } from 'react-native';
2
- import type { ElevationLevel } from '../theme/types';
2
+ import type { ElevationLevel } from 'newtone-api';
3
3
  /**
4
4
  * Props for ComponentName — [one-line description of what this component does].
5
5
  *
@@ -1 +1 @@
1
- {"version":3,"file":"ComponentName.types.d.ts","sourceRoot":"","sources":["../../src/_COMPONENT_TEMPLATE/ComponentName.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAErD;;;;;;;;;;;;;;;;;;GAkBG;AACH,MAAM,WAAW,kBAAkB;IACjC;;;;;;;OAOG;IACH,QAAQ,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEpC,kDAAkD;IAClD,QAAQ,CAAC,KAAK,CAAC,EAAE,SAAS,CAAC;IAE3B,wDAAwD;IACxD,QAAQ,CAAC,SAAS,CAAC,EAAE,cAAc,CAAC;IAEpC,wDAAwD;IACxD,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAI5B,iFAAiF;IACjF,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC;IAEzB,mFAAmF;IACnF,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAE3B,0CAA0C;IAC1C,QAAQ,CAAC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;CAChC"}
1
+ {"version":3,"file":"ComponentName.types.d.ts","sourceRoot":"","sources":["../../src/_COMPONENT_TEMPLATE/ComponentName.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAElD;;;;;;;;;;;;;;;;;;GAkBG;AACH,MAAM,WAAW,kBAAkB;IACjC;;;;;;;OAOG;IACH,QAAQ,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEpC,kDAAkD;IAClD,QAAQ,CAAC,KAAK,CAAC,EAAE,SAAS,CAAC;IAE3B,wDAAwD;IACxD,QAAQ,CAAC,SAAS,CAAC,EAAE,cAAc,CAAC;IAEpC,wDAAwD;IACxD,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAI5B,iFAAiF;IACjF,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC;IAEzB,mFAAmF;IACnF,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAE3B,0CAA0C;IAC1C,QAAQ,CAAC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;CAChC"}
@@ -32,6 +32,16 @@ import type { ButtonProps } from './Button.types';
32
32
  * ```tsx
33
33
  * <Button icon="delete" variant="tertiary" semantic="neutral" size="sm" onPress={handleDelete} />
34
34
  * ```
35
+ *
36
+ * @example
37
+ * ```tsx
38
+ * <Button variant="link" semantic="accent" onPress={handleNav}>Learn more</Button>
39
+ * ```
40
+ *
41
+ * @example
42
+ * ```tsx
43
+ * <Button loading onPress={handleSubmit}>Saving...</Button>
44
+ * ```
35
45
  */
36
- export declare function Button({ children, icon, iconPosition, variant, semantic, size, disabled, style, textStyle, ...pressableProps }: ButtonProps): React.JSX.Element;
46
+ export declare function Button({ children, icon, iconPosition, variant, semantic, size, disabled, loading, fullWidth, style, textStyle, ...pressableProps }: ButtonProps): React.JSX.Element;
37
47
  //# sourceMappingURL=Button.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/composites/actions/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAOlD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,wBAAgB,MAAM,CAAC,EACrB,QAAQ,EACR,IAAI,EACJ,YAAqB,EACrB,OAAmB,EACnB,QAAoB,EACpB,IAAW,EACX,QAAgB,EAChB,KAAK,EACL,SAAS,EACT,GAAG,cAAc,EAClB,EAAE,WAAW,qBAkEb"}
1
+ {"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/composites/actions/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAOlD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0CG;AACH,wBAAgB,MAAM,CAAC,EACrB,QAAQ,EACR,IAAI,EACJ,YAAqB,EACrB,OAAmB,EACnB,QAAoB,EACpB,IAAW,EACX,QAAgB,EAChB,OAAe,EACf,SAAiB,EACjB,KAAK,EACL,SAAS,EACT,GAAG,cAAc,EAClB,EAAE,WAAW,qBA2Eb"}
@@ -1,4 +1,4 @@
1
- import type { UseTokensResult } from '../../../tokens/useTokens';
1
+ import type { UseTokensResult } from 'newtone-api';
2
2
  import type { ButtonVariant, ButtonSemantic, ButtonSize } from './Button.types';
3
3
  import type { TextSize } from '../../../primitives/Text/Text.types';
4
4
  /**
@@ -1 +1 @@
1
- {"version":3,"file":"Button.styles.d.ts","sourceRoot":"","sources":["../../../../src/composites/actions/Button/Button.styles.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAEjE,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAChF,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,qCAAqC,CAAC;AAEpE;;GAEG;AACH,MAAM,WAAW,YAAY;IAC3B,aAAa,EAAE;QACb,EAAE,EAAE,MAAM,CAAC;QACX,SAAS,EAAE,MAAM,CAAC;QAClB,SAAS,EAAE,MAAM,CAAC;QAClB,SAAS,EAAE,MAAM,CAAC;QAClB,SAAS,EAAE,MAAM,CAAC;QAClB,WAAW,EAAE,MAAM,CAAC;QACpB,WAAW,CAAC,EAAE,MAAM,CAAC;KACtB,CAAC;IACF,UAAU,EAAE;QACV,OAAO,EAAE,MAAM,CAAC;QAChB,GAAG,EAAE,MAAM,CAAC;QACZ,YAAY,EAAE,MAAM,CAAC;QACrB,QAAQ,EAAE,QAAQ,CAAC;QACnB,QAAQ,EAAE,MAAM,CAAC;KAClB,CAAC;CACH;AAED;;GAEG;AACH,MAAM,WAAW,aAAa;IAC5B,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;CACvB;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,oBAAoB,CAClC,IAAI,EAAE,UAAU,EAChB,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,YAAY,EAAE,MAAM,GAAG,OAAO,GAC7B,aAAa,CAyDf;AAgBD;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,eAAe,CAC7B,OAAO,EAAE,aAAa,EACtB,QAAQ,EAAE,cAAc,EACxB,IAAI,EAAE,UAAU,EAChB,QAAQ,EAAE,OAAO,EACjB,MAAM,EAAE,eAAe,GACtB,YAAY,CAiBd"}
1
+ {"version":3,"file":"Button.styles.d.ts","sourceRoot":"","sources":["../../../../src/composites/actions/Button/Button.styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAChF,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,qCAAqC,CAAC;AAEpE;;GAEG;AACH,MAAM,WAAW,YAAY;IAC3B,aAAa,EAAE;QACb,EAAE,EAAE,MAAM,CAAC;QACX,SAAS,EAAE,MAAM,CAAC;QAClB,SAAS,EAAE,MAAM,CAAC;QAClB,SAAS,EAAE,MAAM,CAAC;QAClB,SAAS,EAAE,MAAM,CAAC;QAClB,WAAW,EAAE,MAAM,CAAC;QACpB,WAAW,CAAC,EAAE,MAAM,CAAC;KACtB,CAAC;IACF,UAAU,EAAE;QACV,OAAO,EAAE,MAAM,CAAC;QAChB,GAAG,EAAE,MAAM,CAAC;QACZ,YAAY,EAAE,MAAM,CAAC;QACrB,QAAQ,EAAE,QAAQ,CAAC;QACnB,QAAQ,EAAE,MAAM,CAAC;KAClB,CAAC;CACH;AAED;;GAEG;AACH,MAAM,WAAW,aAAa;IAC5B,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;CACvB;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,oBAAoB,CAClC,IAAI,EAAE,UAAU,EAChB,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,YAAY,EAAE,MAAM,GAAG,OAAO,GAC7B,aAAa,CAyDf;AAWD;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,eAAe,CAC7B,OAAO,EAAE,aAAa,EACtB,QAAQ,EAAE,cAAc,EACxB,IAAI,EAAE,UAAU,EAChB,QAAQ,EAAE,OAAO,EACjB,MAAM,EAAE,eAAe,GACtB,YAAY,CAiBd"}
@@ -2,7 +2,7 @@ import type { PressableProps, ViewStyle, TextStyle } from 'react-native';
2
2
  /**
3
3
  * Visual type for the Button component (describes visual weight)
4
4
  */
5
- export type ButtonVariant = 'primary' | 'secondary' | 'tertiary';
5
+ export type ButtonVariant = 'primary' | 'secondary' | 'tertiary' | 'link';
6
6
  /**
7
7
  * Semantic meaning for the Button component (describes color purpose)
8
8
  */
@@ -54,6 +54,16 @@ export interface ButtonProps extends Omit<PressableProps, 'children' | 'style'>
54
54
  * @default false
55
55
  */
56
56
  readonly disabled?: boolean;
57
+ /**
58
+ * Loading state — disables interaction and dims content.
59
+ * @default false
60
+ */
61
+ readonly loading?: boolean;
62
+ /**
63
+ * Full-width mode — stretches button to fill container width.
64
+ * @default false
65
+ */
66
+ readonly fullWidth?: boolean;
57
67
  /**
58
68
  * Custom style overrides for container
59
69
  */
@@ -1 +1 @@
1
- {"version":3,"file":"Button.types.d.ts","sourceRoot":"","sources":["../../../../src/composites/actions/Button/Button.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzE;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,WAAW,GAAG,UAAU,CAAC;AAEjE;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;AAEpF;;GAEG;AACH,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE5C;;GAEG;AACH,MAAM,MAAM,kBAAkB,GAAG,MAAM,GAAG,OAAO,CAAC;AAElD;;GAEG;AACH,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,cAAc,EAAE,UAAU,GAAG,OAAO,CAAC;IAC7E;;;OAGG;IACH,QAAQ,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEpC;;;OAGG;IACH,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IAEvB;;;OAGG;IACH,QAAQ,CAAC,YAAY,CAAC,EAAE,kBAAkB,CAAC;IAE3C;;;OAGG;IACH,QAAQ,CAAC,OAAO,CAAC,EAAE,aAAa,CAAC;IAEjC;;;OAGG;IACH,QAAQ,CAAC,QAAQ,CAAC,EAAE,cAAc,CAAC;IAEnC;;;OAGG;IACH,QAAQ,CAAC,IAAI,CAAC,EAAE,UAAU,CAAC;IAE3B;;;OAGG;IACH,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAE5B;;OAEG;IACH,QAAQ,CAAC,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;IAEzC;;OAEG;IACH,QAAQ,CAAC,SAAS,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;CAC9C"}
1
+ {"version":3,"file":"Button.types.d.ts","sourceRoot":"","sources":["../../../../src/composites/actions/Button/Button.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzE;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,MAAM,CAAC;AAE1E;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;AAEpF;;GAEG;AACH,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE5C;;GAEG;AACH,MAAM,MAAM,kBAAkB,GAAG,MAAM,GAAG,OAAO,CAAC;AAElD;;GAEG;AACH,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,cAAc,EAAE,UAAU,GAAG,OAAO,CAAC;IAC7E;;;OAGG;IACH,QAAQ,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEpC;;;OAGG;IACH,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IAEvB;;;OAGG;IACH,QAAQ,CAAC,YAAY,CAAC,EAAE,kBAAkB,CAAC;IAE3C;;;OAGG;IACH,QAAQ,CAAC,OAAO,CAAC,EAAE,aAAa,CAAC;IAEjC;;;OAGG;IACH,QAAQ,CAAC,QAAQ,CAAC,EAAE,cAAc,CAAC;IAEnC;;;OAGG;IACH,QAAQ,CAAC,IAAI,CAAC,EAAE,UAAU,CAAC;IAE3B;;;OAGG;IACH,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAE5B;;;OAGG;IACH,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC;IAE3B;;;OAGG;IACH,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAC;IAE7B;;OAEG;IACH,QAAQ,CAAC,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;IAEzC;;OAEG;IACH,QAAQ,CAAC,SAAS,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;CAC9C"}
@@ -0,0 +1,10 @@
1
+ import React from 'react';
2
+ import type { LogoMonogramProps } from './LogoMonogram.types';
3
+ /**
4
+ * Newtone monogram — the "N" symbol mark rendered as an SVG.
5
+ *
6
+ * The fill color is derived from `colorValue` (0 = black, 255 = white),
7
+ * allowing smooth animated transitions between light and dark contexts.
8
+ */
9
+ export declare function LogoMonogram({ colorValue, size }: LogoMonogramProps): React.JSX.Element;
10
+ //# sourceMappingURL=LogoMonogram.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"LogoMonogram.d.ts","sourceRoot":"","sources":["../../../../src/composites/branding/LogoMonogram/LogoMonogram.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAE9D;;;;;GAKG;AACH,wBAAgB,YAAY,CAAC,EAAE,UAAc,EAAE,IAAS,EAAE,EAAE,iBAAiB,qBAmB5E"}
@@ -0,0 +1,35 @@
1
+ /**
2
+ * Props for LogoMonogram — the Newtone "N" symbol mark.
3
+ *
4
+ * Renders a single-color SVG monogram that scales to the given size.
5
+ * The `colorValue` prop controls the grayscale fill, enabling smooth
6
+ * transitions between light and dark backgrounds.
7
+ *
8
+ * @example
9
+ * ```tsx
10
+ * <LogoMonogram colorValue={0} />
11
+ * ```
12
+ *
13
+ * @example
14
+ * ```tsx
15
+ * <LogoMonogram colorValue={255} size={48} />
16
+ * ```
17
+ */
18
+ export interface LogoMonogramProps {
19
+ /**
20
+ * Grayscale fill value (0–255).
21
+ *
22
+ * - `0` produces black (for light backgrounds)
23
+ * - `255` produces white (for dark backgrounds)
24
+ *
25
+ * @default 0
26
+ */
27
+ readonly colorValue?: number;
28
+ /**
29
+ * Width and height of the SVG in pixels.
30
+ *
31
+ * @default 32
32
+ */
33
+ readonly size?: number;
34
+ }
35
+ //# sourceMappingURL=LogoMonogram.types.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"LogoMonogram.types.d.ts","sourceRoot":"","sources":["../../../../src/composites/branding/LogoMonogram/LogoMonogram.types.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,WAAW,iBAAiB;IAChC;;;;;;;OAOG;IACH,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC;IAE7B;;;;OAIG;IACH,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;CACxB"}
@@ -0,0 +1,3 @@
1
+ export { LogoMonogram } from './LogoMonogram';
2
+ export type { LogoMonogramProps } from './LogoMonogram.types';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/composites/branding/LogoMonogram/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,YAAY,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC"}
@@ -0,0 +1,9 @@
1
+ import React from 'react';
2
+ import type { LogoWordmarkProps } from './LogoWordmark.types';
3
+ /**
4
+ * Newtone wordmark — the full "NEWTONE" text rendered as an SVG.
5
+ *
6
+ * Fixed height of 32px with proportional width derived from the viewBox.
7
+ */
8
+ export declare function LogoWordmark({ fill }: LogoWordmarkProps): React.JSX.Element;
9
+ //# sourceMappingURL=LogoWordmark.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"LogoWordmark.d.ts","sourceRoot":"","sources":["../../../../src/composites/branding/LogoWordmark/LogoWordmark.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAE9D;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,EAAE,IAAc,EAAE,EAAE,iBAAiB,qBAoBjE"}
@@ -0,0 +1,26 @@
1
+ /**
2
+ * Props for LogoWordmark — the full "NEWTONE" text logo.
3
+ *
4
+ * Renders an SVG wordmark at a fixed 32px height with configurable fill color.
5
+ *
6
+ * @example
7
+ * ```tsx
8
+ * <LogoWordmark />
9
+ * ```
10
+ *
11
+ * @example
12
+ * ```tsx
13
+ * <LogoWordmark fill="white" />
14
+ * ```
15
+ */
16
+ export interface LogoWordmarkProps {
17
+ /**
18
+ * Fill color for the wordmark paths.
19
+ *
20
+ * Accepts any valid CSS color string (hex, rgb, named color).
21
+ *
22
+ * @default "black"
23
+ */
24
+ readonly fill?: string;
25
+ }
26
+ //# sourceMappingURL=LogoWordmark.types.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"LogoWordmark.types.d.ts","sourceRoot":"","sources":["../../../../src/composites/branding/LogoWordmark/LogoWordmark.types.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AACH,MAAM,WAAW,iBAAiB;IAChC;;;;;;OAMG;IACH,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;CACxB"}
@@ -0,0 +1,3 @@
1
+ export { LogoWordmark } from './LogoWordmark';
2
+ export type { LogoWordmarkProps } from './LogoWordmark.types';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/composites/branding/LogoWordmark/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,YAAY,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC"}
@@ -0,0 +1,25 @@
1
+ import React from 'react';
2
+ import type { ChipProps } from './Chip.types';
3
+ /**
4
+ * Chip — A pill-shaped label for tags, filters, badges, and status indicators.
5
+ *
6
+ * **Composition Architecture:**
7
+ * - Pressable (RN primitive) — handles interaction (when onPress is provided)
8
+ * - Wrapper (primitive) — handles layout (direction, gap, padding, alignment)
9
+ * - Icon (primitive) — handles optional leading icon
10
+ * - Text (primitive) — handles typography with theme tokens
11
+ *
12
+ * @example
13
+ * ```tsx
14
+ * // Static label
15
+ * <Chip>Design Systems</Chip>
16
+ *
17
+ * // Interactive filter chip
18
+ * <Chip selected={isActive} onPress={() => toggle()}>Color Science</Chip>
19
+ *
20
+ * // With icon
21
+ * <Chip icon="check" semantic="success">Verified</Chip>
22
+ * ```
23
+ */
24
+ export declare function Chip({ children, variant, size, semantic, selected, onPress, disabled, icon, style, }: ChipProps): React.JSX.Element;
25
+ //# sourceMappingURL=Chip.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["../../../../src/composites/display/Chip/Chip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAO9C;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,IAAI,CAAC,EACnB,QAAQ,EACR,OAAkB,EAClB,IAAW,EACX,QAAoB,EACpB,QAAgB,EAChB,OAAO,EACP,QAAgB,EAChB,IAAI,EACJ,KAAK,GACN,EAAE,SAAS,qBAwDX"}
@@ -0,0 +1,29 @@
1
+ import type { UseTokensResult } from 'newtone-api';
2
+ import type { ChipVariant, ChipSemantic, ChipSize } from './Chip.types';
3
+ import type { TextRole } from '../../../primitives/Text';
4
+ /**
5
+ * Configuration returned by getChipConfig
6
+ */
7
+ export interface ChipConfig {
8
+ colors: {
9
+ bg: string;
10
+ hoveredBg: string;
11
+ pressedBg: string;
12
+ textColor: string;
13
+ iconColor: string;
14
+ borderWidth: number;
15
+ borderColor: string;
16
+ };
17
+ sizeTokens: {
18
+ paddingX: number;
19
+ paddingY: number;
20
+ gap: number;
21
+ textRole: TextRole;
22
+ iconSize: number;
23
+ };
24
+ }
25
+ /**
26
+ * Compute chip configuration based on variant, semantic, size, and state.
27
+ */
28
+ export declare function getChipConfig(variant: ChipVariant, semantic: ChipSemantic, size: ChipSize, selected: boolean, disabled: boolean, tokens: UseTokensResult): ChipConfig;
29
+ //# sourceMappingURL=Chip.styles.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Chip.styles.d.ts","sourceRoot":"","sources":["../../../../src/composites/display/Chip/Chip.styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AAEzD;;GAEG;AACH,MAAM,WAAW,UAAU;IACzB,MAAM,EAAE;QACN,EAAE,EAAE,MAAM,CAAC;QACX,SAAS,EAAE,MAAM,CAAC;QAClB,SAAS,EAAE,MAAM,CAAC;QAClB,SAAS,EAAE,MAAM,CAAC;QAClB,SAAS,EAAE,MAAM,CAAC;QAClB,WAAW,EAAE,MAAM,CAAC;QACpB,WAAW,EAAE,MAAM,CAAC;KACrB,CAAC;IACF,UAAU,EAAE;QACV,QAAQ,EAAE,MAAM,CAAC;QACjB,QAAQ,EAAE,MAAM,CAAC;QACjB,GAAG,EAAE,MAAM,CAAC;QACZ,QAAQ,EAAE,QAAQ,CAAC;QACnB,QAAQ,EAAE,MAAM,CAAC;KAClB,CAAC;CACH;AAqJD;;GAEG;AACH,wBAAgB,aAAa,CAC3B,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,YAAY,EACtB,IAAI,EAAE,QAAQ,EACd,QAAQ,EAAE,OAAO,EACjB,QAAQ,EAAE,OAAO,EACjB,MAAM,EAAE,eAAe,GACtB,UAAU,CAKZ"}
@@ -0,0 +1,63 @@
1
+ import type { ViewStyle } from 'react-native';
2
+ /**
3
+ * Visual variant for the Chip component
4
+ */
5
+ export type ChipVariant = 'filled' | 'tinted' | 'outlined';
6
+ /**
7
+ * Semantic meaning for the Chip component (describes color purpose)
8
+ */
9
+ export type ChipSemantic = 'neutral' | 'accent' | 'success' | 'error' | 'warning';
10
+ /**
11
+ * Size presets for the Chip component
12
+ */
13
+ export type ChipSize = 'sm' | 'md';
14
+ /**
15
+ * Props for the Chip component
16
+ */
17
+ export interface ChipProps {
18
+ /**
19
+ * Chip label content.
20
+ */
21
+ readonly children: React.ReactNode;
22
+ /**
23
+ * Visual variant (describes visual treatment)
24
+ * @default 'tinted'
25
+ */
26
+ readonly variant?: ChipVariant;
27
+ /**
28
+ * Size preset
29
+ * @default 'md'
30
+ */
31
+ readonly size?: ChipSize;
32
+ /**
33
+ * Semantic meaning (describes color purpose)
34
+ * @default 'neutral'
35
+ */
36
+ readonly semantic?: ChipSemantic;
37
+ /**
38
+ * Selected state — overrides appearance to "strong" with bold weight.
39
+ * Useful for filter bars and toggle groups.
40
+ * @default false
41
+ */
42
+ readonly selected?: boolean;
43
+ /**
44
+ * Press handler — makes the chip interactive.
45
+ * When provided, the chip renders as a Pressable.
46
+ */
47
+ readonly onPress?: () => void;
48
+ /**
49
+ * Disabled state
50
+ * @default false
51
+ */
52
+ readonly disabled?: boolean;
53
+ /**
54
+ * Material Symbol icon name (e.g. 'check', 'close').
55
+ * Renders a leading icon before the label.
56
+ */
57
+ readonly icon?: string;
58
+ /**
59
+ * Custom style overrides for container
60
+ */
61
+ readonly style?: ViewStyle | ViewStyle[];
62
+ }
63
+ //# sourceMappingURL=Chip.types.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Chip.types.d.ts","sourceRoot":"","sources":["../../../../src/composites/display/Chip/Chip.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C;;GAEG;AACH,MAAM,MAAM,WAAW,GAAG,QAAQ,GAAG,QAAQ,GAAG,UAAU,CAAC;AAE3D;;GAEG;AACH,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;AAElF;;GAEG;AACH,MAAM,MAAM,QAAQ,GAAG,IAAI,GAAG,IAAI,CAAC;AAEnC;;GAEG;AACH,MAAM,WAAW,SAAS;IACxB;;OAEG;IACH,QAAQ,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAEnC;;;OAGG;IACH,QAAQ,CAAC,OAAO,CAAC,EAAE,WAAW,CAAC;IAE/B;;;OAGG;IACH,QAAQ,CAAC,IAAI,CAAC,EAAE,QAAQ,CAAC;IAEzB;;;OAGG;IACH,QAAQ,CAAC,QAAQ,CAAC,EAAE,YAAY,CAAC;IAEjC;;;;OAIG;IACH,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAE5B;;;OAGG;IACH,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAE9B;;;OAGG;IACH,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAE5B;;;OAGG;IACH,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IAEvB;;OAEG;IACH,QAAQ,CAAC,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;CAC1C"}
@@ -0,0 +1,3 @@
1
+ export { Chip } from './Chip';
2
+ export type { ChipProps, ChipVariant, ChipSemantic, ChipSize } from './Chip.types';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/composites/display/Chip/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,YAAY,EAAE,SAAS,EAAE,WAAW,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../../src/composites/form-controls/Select/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,WAAW,EAAgB,MAAM,gBAAgB,CAAC;AAuBhE,wBAAgB,MAAM,CAAC,EACrB,OAAO,EACP,KAAK,EACL,aAAa,EACb,KAAK,EACL,WAAW,EACX,QAAgB,EAChB,YAAY,EACZ,WAAW,EACX,IAAW,EACX,KAAK,GACN,EAAE,WAAW,qBAiHb"}
1
+ {"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../../src/composites/form-controls/Select/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,WAAW,EAAgB,MAAM,gBAAgB,CAAC;AAsBhE,wBAAgB,MAAM,CAAC,EACrB,OAAO,EACP,KAAK,EACL,aAAa,EACb,KAAK,EACL,WAAW,EACX,QAAgB,EAChB,YAAY,EACZ,WAAW,EACX,IAAW,EACX,KAAK,GACN,EAAE,WAAW,qBAoHb"}
@@ -1,5 +1,5 @@
1
- import type { ResolvedTokens } from '../../../tokens/types';
2
- export declare function getSelectStyles(tokens: ResolvedTokens, disabled: boolean, size: 'sm' | 'md', isOpen: boolean): {
1
+ import type { ResolvedTokens, ThemeName, AppearanceName } from 'newtone-api';
2
+ export declare function getSelectStyles(tokens: ResolvedTokens, disabled: boolean, size: 'sm' | 'md', isOpen: boolean, theme?: ThemeName, appearance?: AppearanceName): {
3
3
  container: {
4
4
  gap: number;
5
5
  zIndex: number;
@@ -1 +1 @@
1
- {"version":3,"file":"Select.styles.d.ts","sourceRoot":"","sources":["../../../../src/composites/form-controls/Select/Select.styles.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAE5D,wBAAgB,eAAe,CAC7B,MAAM,EAAE,cAAc,EACtB,QAAQ,EAAE,OAAO,EACjB,IAAI,EAAE,IAAI,GAAG,IAAI,EACjB,MAAM,EAAE,OAAO;;;;;;;;oBAiBgD,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oBAiCH,GAAG;;;;;;;;EASnE"}
1
+ {"version":3,"file":"Select.styles.d.ts","sourceRoot":"","sources":["../../../../src/composites/form-controls/Select/Select.styles.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAoB,SAAS,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAE/F,wBAAgB,eAAe,CAC7B,MAAM,EAAE,cAAc,EACtB,QAAQ,EAAE,OAAO,EACjB,IAAI,EAAE,IAAI,GAAG,IAAI,EACjB,MAAM,EAAE,OAAO,EACf,KAAK,GAAE,SAAqB,EAC5B,UAAU,GAAE,cAAuB;;;;;;;;oBAkB4B,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oBA+BH,GAAG;;;;;;;;EASnE"}
@@ -1 +1 @@
1
- {"version":3,"file":"SelectOption.d.ts","sourceRoot":"","sources":["../../../../src/composites/form-controls/Select/SelectOption.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,YAAY,IAAI,gBAAgB,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAKpF,UAAU,oBAAoB;IAC5B,QAAQ,CAAC,MAAM,EAAE,gBAAgB,CAAC;IAClC,QAAQ,CAAC,UAAU,EAAE,OAAO,CAAC;IAC7B,QAAQ,CAAC,SAAS,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,QAAQ,EAAE,MAAM,IAAI,CAAC;IAC9B,QAAQ,CAAC,YAAY,CAAC,EAAE,WAAW,CAAC,cAAc,CAAC,CAAC;IACpD,QAAQ,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC;CAC5B;AAED,wBAAgB,eAAe,CAAC,EAC9B,MAAM,EACN,UAAU,EACV,SAAS,EACT,QAAQ,EACR,YAAY,EACZ,IAAI,GACL,EAAE,oBAAoB,qBAgFtB"}
1
+ {"version":3,"file":"SelectOption.d.ts","sourceRoot":"","sources":["../../../../src/composites/form-controls/Select/SelectOption.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,YAAY,IAAI,gBAAgB,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAIpF,UAAU,oBAAoB;IAC5B,QAAQ,CAAC,MAAM,EAAE,gBAAgB,CAAC;IAClC,QAAQ,CAAC,UAAU,EAAE,OAAO,CAAC;IAC7B,QAAQ,CAAC,SAAS,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,QAAQ,EAAE,MAAM,IAAI,CAAC;IAC9B,QAAQ,CAAC,YAAY,CAAC,EAAE,WAAW,CAAC,cAAc,CAAC,CAAC;IACpD,QAAQ,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC;CAC5B;AAED,wBAAgB,eAAe,CAAC,EAC9B,MAAM,EACN,UAAU,EACV,SAAS,EACT,QAAQ,EACR,YAAY,EACZ,IAAI,GACL,EAAE,oBAAoB,qBAmFtB"}
@@ -1 +1 @@
1
- {"version":3,"file":"TextInput.d.ts","sourceRoot":"","sources":["../../../../src/composites/form-controls/TextInput/TextInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAKxD,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,QAAgB,EAChB,KAAK,EACL,GAAG,cAAc,EAClB,EAAE,cAAc,qBAmBhB"}
1
+ {"version":3,"file":"TextInput.d.ts","sourceRoot":"","sources":["../../../../src/composites/form-controls/TextInput/TextInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAIxD,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,QAAgB,EAChB,KAAK,EACL,GAAG,cAAc,EAClB,EAAE,cAAc,qBAsBhB"}
@@ -1,5 +1,5 @@
1
- import type { ResolvedTokens } from '../../../tokens/types';
2
- export declare function getTextInputStyles(tokens: ResolvedTokens, disabled: boolean): {
1
+ import type { ResolvedTokens, ThemeName, AppearanceName } from 'newtone-api';
2
+ export declare function getTextInputStyles(tokens: ResolvedTokens, disabled: boolean, theme?: ThemeName, appearance?: AppearanceName): {
3
3
  container: {
4
4
  gap: number;
5
5
  };
@@ -1 +1 @@
1
- {"version":3,"file":"TextInput.styles.d.ts","sourceRoot":"","sources":["../../../../src/composites/form-controls/TextInput/TextInput.styles.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAE5D,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,cAAc,EAAE,QAAQ,EAAE,OAAO;;;;;;;oBAQX,GAAG;;;;;;;;;;;;;;;EAkBnE"}
1
+ {"version":3,"file":"TextInput.styles.d.ts","sourceRoot":"","sources":["../../../../src/composites/form-controls/TextInput/TextInput.styles.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAoB,SAAS,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAE/F,wBAAgB,kBAAkB,CAChC,MAAM,EAAE,cAAc,EACtB,QAAQ,EAAE,OAAO,EACjB,KAAK,GAAE,SAAqB,EAC5B,UAAU,GAAE,cAAuB;;;;;;;oBAU4B,GAAG;;;;;;;;;;;;;;;EAgBnE"}
@@ -1 +1 @@
1
- {"version":3,"file":"Toggle.d.ts","sourceRoot":"","sources":["../../../../src/composites/form-controls/Toggle/Toggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAIlD,wBAAgB,MAAM,CAAC,EACrB,KAAK,EACL,aAAa,EACb,KAAK,EACL,QAAgB,EAChB,KAAK,GACN,EAAE,WAAW,qBA6Bb"}
1
+ {"version":3,"file":"Toggle.d.ts","sourceRoot":"","sources":["../../../../src/composites/form-controls/Toggle/Toggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAIlD,wBAAgB,MAAM,CAAC,EACrB,KAAK,EACL,aAAa,EACb,KAAK,EACL,QAAgB,EAChB,KAAK,GACN,EAAE,WAAW,qBA8Bb"}
@@ -1,5 +1,5 @@
1
- import type { ResolvedTokens } from '../../../tokens/types';
2
- export declare function getToggleStyles(tokens: ResolvedTokens, value: boolean, disabled: boolean): {
1
+ import type { ResolvedTokens, ThemeName, AppearanceName } from 'newtone-api';
2
+ export declare function getToggleStyles(tokens: ResolvedTokens, value: boolean, disabled: boolean, theme?: ThemeName, appearance?: AppearanceName): {
3
3
  container: {
4
4
  flexDirection: "row";
5
5
  alignItems: "center";
@@ -1 +1 @@
1
- {"version":3,"file":"Toggle.styles.d.ts","sourceRoot":"","sources":["../../../../src/composites/form-controls/Toggle/Toggle.styles.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAO5D,wBAAgB,eAAe,CAC7B,MAAM,EAAE,cAAc,EACtB,KAAK,EAAE,OAAO,EACd,QAAQ,EAAE,OAAO;;;;;;;;;;oBAY8C,GAAG;;;;;;;;;;;;;;;;;;EAqBnE"}
1
+ {"version":3,"file":"Toggle.styles.d.ts","sourceRoot":"","sources":["../../../../src/composites/form-controls/Toggle/Toggle.styles.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAoB,SAAS,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAO/F,wBAAgB,eAAe,CAC7B,MAAM,EAAE,cAAc,EACtB,KAAK,EAAE,OAAO,EACd,QAAQ,EAAE,OAAO,EACjB,KAAK,GAAE,SAAqB,EAC5B,UAAU,GAAE,cAAuB;;;;;;;;;;oBAc4B,GAAG;;;;;;;;;;;;;;;;;;EAqBnE"}
@@ -1 +1 @@
1
- {"version":3,"file":"AppShell.d.ts","sourceRoot":"","sources":["../../../../src/composites/layout/AppShell/AppShell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAItD,wBAAgB,QAAQ,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,aAAa,qBAU5D"}
1
+ {"version":3,"file":"AppShell.d.ts","sourceRoot":"","sources":["../../../../src/composites/layout/AppShell/AppShell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAItD,wBAAgB,QAAQ,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,aAAa,qBAc5D"}
@@ -1,5 +1,5 @@
1
- import type { ResolvedTokens } from '../../../tokens/types';
2
- export declare function getAppShellStyles(tokens: ResolvedTokens): {
1
+ import type { ResolvedTokens, ThemeName, AppearanceName } from 'newtone-api';
2
+ export declare function getAppShellStyles(tokens: ResolvedTokens, theme?: ThemeName, appearance?: AppearanceName): {
3
3
  container: {
4
4
  flex: number;
5
5
  flexDirection: "row";
@@ -1 +1 @@
1
- {"version":3,"file":"AppShell.styles.d.ts","sourceRoot":"","sources":["../../../../src/composites/layout/AppShell/AppShell.styles.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAE5D,wBAAgB,iBAAiB,CAAC,MAAM,EAAE,cAAc;;;;;;;;;;;;;EAevD"}
1
+ {"version":3,"file":"AppShell.styles.d.ts","sourceRoot":"","sources":["../../../../src/composites/layout/AppShell/AppShell.styles.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAoB,SAAS,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAE/F,wBAAgB,iBAAiB,CAC/B,MAAM,EAAE,cAAc,EACtB,KAAK,GAAE,SAAqB,EAC5B,UAAU,GAAE,cAAuB;;;;;;;;;;;;;EAiBpC"}
@@ -1 +1 @@
1
- {"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../../src/composites/layout/Card/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAI9C,wBAAgB,IAAI,CAAC,EACnB,QAAQ,EACR,SAAa,EACb,KAAK,EACL,QAAgB,GACjB,EAAE,SAAS,qBAaX"}
1
+ {"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../../src/composites/layout/Card/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAI9C,wBAAgB,IAAI,CAAC,EACnB,QAAQ,EACR,SAAa,EACb,KAAK,EACL,QAAgB,GACjB,EAAE,SAAS,qBAcX"}
@@ -1,5 +1,5 @@
1
- import type { ResolvedTokens } from '../../../tokens/types';
2
- export declare function getCardStyles(tokens: ResolvedTokens, disabled: boolean): {
1
+ import type { ResolvedTokens, ThemeName, AppearanceName } from 'newtone-api';
2
+ export declare function getCardStyles(tokens: ResolvedTokens, disabled: boolean, theme?: ThemeName, appearance?: AppearanceName): {
3
3
  container: {
4
4
  backgroundColor: string;
5
5
  borderWidth: number;
@@ -1 +1 @@
1
- {"version":3,"file":"Card.styles.d.ts","sourceRoot":"","sources":["../../../../src/composites/layout/Card/Card.styles.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAE5D,wBAAgB,aAAa,CAAC,MAAM,EAAE,cAAc,EAAE,QAAQ,EAAE,OAAO;;;;;;;;;EAWtE"}
1
+ {"version":3,"file":"Card.styles.d.ts","sourceRoot":"","sources":["../../../../src/composites/layout/Card/Card.styles.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAoB,SAAS,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAE/F,wBAAgB,aAAa,CAC3B,MAAM,EAAE,cAAc,EACtB,QAAQ,EAAE,OAAO,EACjB,KAAK,GAAE,SAAqB,EAC5B,UAAU,GAAE,cAAuB;;;;;;;;;EAapC"}
@@ -1,5 +1,5 @@
1
1
  import type { ViewStyle } from 'react-native';
2
- import type { ElevationLevel } from '../../../theme/types';
2
+ import type { ElevationLevel } from 'newtone-api';
3
3
  export interface CardProps {
4
4
  readonly children: React.ReactNode;
5
5
  readonly elevation?: ElevationLevel;
@@ -1 +1 @@
1
- {"version":3,"file":"Card.types.d.ts","sourceRoot":"","sources":["../../../../src/composites/layout/Card/Card.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAE3D,MAAM,WAAW,SAAS;IACxB,QAAQ,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IACnC,QAAQ,CAAC,SAAS,CAAC,EAAE,cAAc,CAAC;IACpC,QAAQ,CAAC,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;IACzC,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;CAC7B"}
1
+ {"version":3,"file":"Card.types.d.ts","sourceRoot":"","sources":["../../../../src/composites/layout/Card/Card.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAElD,MAAM,WAAW,SAAS;IACxB,QAAQ,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IACnC,QAAQ,CAAC,SAAS,CAAC,EAAE,cAAc,CAAC;IACpC,QAAQ,CAAC,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;IACzC,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;CAC7B"}
@@ -0,0 +1,33 @@
1
+ import React from 'react';
2
+ import type { ContentCardProps } from './ContentCard.types';
3
+ /**
4
+ * ContentCard — A content container with three visual treatments.
5
+ *
6
+ * **Variants:**
7
+ * - `elevated` — raised surface with tinted background (hero cards, featured content)
8
+ * - `bordered` — outlined container (related items, previews)
9
+ * - `flat` — bottom-border only (list rows, compact items)
10
+ *
11
+ * Delegates to Frame for layout, elevation, appearance, and interactivity.
12
+ *
13
+ * @example
14
+ * ```tsx
15
+ * // Elevated hero card
16
+ * <ContentCard variant="elevated" href="/articles/intro">
17
+ * <Text role="heading" weight="bold">Featured Article</Text>
18
+ * <Text role="body" color="secondary">Article excerpt...</Text>
19
+ * </ContentCard>
20
+ *
21
+ * // Bordered card
22
+ * <ContentCard variant="bordered" onPress={() => navigate(slug)}>
23
+ * <Text role="body" weight="bold">Related Article</Text>
24
+ * </ContentCard>
25
+ *
26
+ * // Flat list item
27
+ * <ContentCard variant="flat" href={`/articles/${slug}`}>
28
+ * <Text role="body" weight="bold">{title}</Text>
29
+ * </ContentCard>
30
+ * ```
31
+ */
32
+ export declare function ContentCard({ children, variant, href, onPress, padding, gap, disabled, style, }: ContentCardProps): React.JSX.Element;
33
+ //# sourceMappingURL=ContentCard.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ContentCard.d.ts","sourceRoot":"","sources":["../../../../src/composites/layout/ContentCard/ContentCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAK5D;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,OAAoB,EACpB,IAAI,EACJ,OAAO,EACP,OAAY,EACZ,GAAO,EACP,QAAgB,EAChB,KAAK,GACN,EAAE,gBAAgB,qBA0BlB"}
@@ -0,0 +1,10 @@
1
+ import type { ViewStyle } from 'react-native';
2
+ import type { UseTokensResult } from 'newtone-api';
3
+ import type { ContentCardVariant } from './ContentCard.types';
4
+ /**
5
+ * Compute variant-specific styles for ContentCard.
6
+ * Uses `as ViewStyle` for web-only properties (cursor, borderBottomStyle)
7
+ * that react-native-web supports but RN types don't include.
8
+ */
9
+ export declare function getContentCardStyles(variant: ContentCardVariant, isInteractive: boolean, tokens: UseTokensResult): ViewStyle;
10
+ //# sourceMappingURL=ContentCard.styles.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ContentCard.styles.d.ts","sourceRoot":"","sources":["../../../../src/composites/layout/ContentCard/ContentCard.styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAE9D;;;;GAIG;AACH,wBAAgB,oBAAoB,CAClC,OAAO,EAAE,kBAAkB,EAC3B,aAAa,EAAE,OAAO,EACtB,MAAM,EAAE,eAAe,GACtB,SAAS,CA8BX"}