@once-ui-system/core 1.6.3 → 1.7.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 (233) hide show
  1. package/LICENSE.md +21 -0
  2. package/dist/components/Avatar.d.ts +1 -0
  3. package/dist/components/Avatar.d.ts.map +1 -1
  4. package/dist/components/Avatar.js +2 -2
  5. package/dist/components/Avatar.js.map +1 -1
  6. package/dist/components/BlobFx.d.ts +8 -0
  7. package/dist/components/BlobFx.d.ts.map +1 -0
  8. package/dist/components/BlobFx.js +82 -0
  9. package/dist/components/BlobFx.js.map +1 -0
  10. package/dist/components/Button.d.ts +1 -1
  11. package/dist/components/Button.d.ts.map +1 -1
  12. package/dist/components/Button.js +2 -2
  13. package/dist/components/Button.js.map +1 -1
  14. package/dist/components/Button.module.scss +62 -32
  15. package/dist/components/CelebrationFx.d.ts +1 -0
  16. package/dist/components/CelebrationFx.d.ts.map +1 -1
  17. package/dist/components/CelebrationFx.js +7 -3
  18. package/dist/components/CelebrationFx.js.map +1 -1
  19. package/dist/components/ContextMenu.d.ts +1 -0
  20. package/dist/components/ContextMenu.d.ts.map +1 -1
  21. package/dist/components/ContextMenu.js +8 -4
  22. package/dist/components/ContextMenu.js.map +1 -1
  23. package/dist/components/Dialog.d.ts.map +1 -1
  24. package/dist/components/Dialog.js +99 -91
  25. package/dist/components/Dialog.js.map +1 -1
  26. package/dist/components/Dropdown.d.ts +1 -0
  27. package/dist/components/Dropdown.d.ts.map +1 -1
  28. package/dist/components/Dropdown.js +4 -2
  29. package/dist/components/Dropdown.js.map +1 -1
  30. package/dist/components/FadingLettersFx.d.ts +15 -0
  31. package/dist/components/FadingLettersFx.d.ts.map +1 -0
  32. package/dist/components/FadingLettersFx.js +27 -0
  33. package/dist/components/FadingLettersFx.js.map +1 -0
  34. package/dist/components/FadingLettersFx.module.scss +71 -0
  35. package/dist/components/HoloFx.d.ts +1 -0
  36. package/dist/components/HoloFx.d.ts.map +1 -1
  37. package/dist/components/HoloFx.js +10 -3
  38. package/dist/components/HoloFx.js.map +1 -1
  39. package/dist/components/IconButton.d.ts +5 -2
  40. package/dist/components/IconButton.d.ts.map +1 -1
  41. package/dist/components/IconButton.js +6 -4
  42. package/dist/components/IconButton.js.map +1 -1
  43. package/dist/components/IconButton.module.scss +14 -0
  44. package/dist/components/Input.d.ts +3 -1
  45. package/dist/components/Input.d.ts.map +1 -1
  46. package/dist/components/Input.js +18 -5
  47. package/dist/components/Input.js.map +1 -1
  48. package/dist/components/Input.module.scss +38 -3
  49. package/dist/components/Mask.d.ts +1 -0
  50. package/dist/components/Mask.d.ts.map +1 -1
  51. package/dist/components/Mask.js +56 -32
  52. package/dist/components/Mask.js.map +1 -1
  53. package/dist/components/MatrixFx.d.ts +1 -0
  54. package/dist/components/MatrixFx.d.ts.map +1 -1
  55. package/dist/components/MatrixFx.js +8 -1
  56. package/dist/components/MatrixFx.js.map +1 -1
  57. package/dist/components/Media.d.ts +5 -1
  58. package/dist/components/Media.d.ts.map +1 -1
  59. package/dist/components/Media.js +20 -7
  60. package/dist/components/Media.js.map +1 -1
  61. package/dist/components/Modal.d.ts +11 -0
  62. package/dist/components/Modal.d.ts.map +1 -0
  63. package/dist/components/Modal.js +72 -0
  64. package/dist/components/Modal.js.map +1 -0
  65. package/dist/components/NumberInput.d.ts.map +1 -1
  66. package/dist/components/NumberInput.js +1 -1
  67. package/dist/components/NumberInput.js.map +1 -1
  68. package/dist/components/Particle.d.ts +1 -0
  69. package/dist/components/Particle.d.ts.map +1 -1
  70. package/dist/components/Particle.js +86 -78
  71. package/dist/components/Particle.js.map +1 -1
  72. package/dist/components/ScrollContainer.d.ts +9 -0
  73. package/dist/components/ScrollContainer.d.ts.map +1 -0
  74. package/dist/components/ScrollContainer.js +67 -0
  75. package/dist/components/ScrollContainer.js.map +1 -0
  76. package/dist/components/ScrollLock.d.ts.map +1 -1
  77. package/dist/components/ScrollLock.js +4 -91
  78. package/dist/components/ScrollLock.js.map +1 -1
  79. package/dist/components/ServerFlex.d.ts.map +1 -1
  80. package/dist/components/ServerFlex.js +3 -3
  81. package/dist/components/ServerFlex.js.map +1 -1
  82. package/dist/components/ServerGrid.d.ts.map +1 -1
  83. package/dist/components/ServerGrid.js +2 -2
  84. package/dist/components/ServerGrid.js.map +1 -1
  85. package/dist/components/ShineFx.d.ts +1 -0
  86. package/dist/components/ShineFx.d.ts.map +1 -1
  87. package/dist/components/ShineFx.js +5 -2
  88. package/dist/components/ShineFx.js.map +1 -1
  89. package/dist/components/SplitView.d.ts +16 -0
  90. package/dist/components/SplitView.d.ts.map +1 -0
  91. package/dist/components/SplitView.js +80 -0
  92. package/dist/components/SplitView.js.map +1 -0
  93. package/dist/components/SplitView.module.scss +18 -0
  94. package/dist/components/StylePanel.d.ts.map +1 -1
  95. package/dist/components/StylePanel.js +10 -10
  96. package/dist/components/StylePanel.js.map +1 -1
  97. package/dist/components/Textarea.d.ts +2 -0
  98. package/dist/components/Textarea.d.ts.map +1 -1
  99. package/dist/components/Textarea.js +22 -12
  100. package/dist/components/Textarea.js.map +1 -1
  101. package/dist/components/ThemeInit.d.ts.map +1 -1
  102. package/dist/components/ThemeInit.js +39 -40
  103. package/dist/components/ThemeInit.js.map +1 -1
  104. package/dist/components/TiltFx.d.ts +1 -0
  105. package/dist/components/TiltFx.d.ts.map +1 -1
  106. package/dist/components/TiltFx.js +27 -10
  107. package/dist/components/TiltFx.js.map +1 -1
  108. package/dist/components/Timeline.d.ts +1 -1
  109. package/dist/components/Timeline.d.ts.map +1 -1
  110. package/dist/components/Timeline.js +50 -6
  111. package/dist/components/Timeline.js.map +1 -1
  112. package/dist/components/ToggleButton.d.ts +2 -1
  113. package/dist/components/ToggleButton.d.ts.map +1 -1
  114. package/dist/components/ToggleButton.js +3 -3
  115. package/dist/components/ToggleButton.js.map +1 -1
  116. package/dist/components/ToggleButton.module.scss +27 -8
  117. package/dist/components/TypeFx.d.ts.map +1 -1
  118. package/dist/components/TypeFx.js +66 -87
  119. package/dist/components/TypeFx.js.map +1 -1
  120. package/dist/components/WeatherFx.d.ts +1 -0
  121. package/dist/components/WeatherFx.d.ts.map +1 -1
  122. package/dist/components/WeatherFx.js +97 -2
  123. package/dist/components/WeatherFx.js.map +1 -1
  124. package/dist/components/index.d.ts +9 -1
  125. package/dist/components/index.d.ts.map +1 -1
  126. package/dist/components/index.js +9 -1
  127. package/dist/components/index.js.map +1 -1
  128. package/dist/css/styles.css +1 -1
  129. package/dist/css/styles.css.map +1 -1
  130. package/dist/css/tokens.css +1 -1
  131. package/dist/css/tokens.css.map +1 -1
  132. package/dist/data/emoji-data.json +0 -8
  133. package/dist/hooks/index.d.ts +2 -0
  134. package/dist/hooks/index.d.ts.map +1 -1
  135. package/dist/hooks/index.js +2 -0
  136. package/dist/hooks/index.js.map +1 -1
  137. package/dist/hooks/useInViewport.d.ts +3 -0
  138. package/dist/hooks/useInViewport.d.ts.map +1 -0
  139. package/dist/hooks/useInViewport.js +19 -0
  140. package/dist/hooks/useInViewport.js.map +1 -0
  141. package/dist/hooks/useReducedMotion.d.ts +8 -0
  142. package/dist/hooks/useReducedMotion.d.ts.map +1 -0
  143. package/dist/hooks/useReducedMotion.js +44 -0
  144. package/dist/hooks/useReducedMotion.js.map +1 -0
  145. package/dist/interfaces.d.ts +1 -0
  146. package/dist/interfaces.d.ts.map +1 -1
  147. package/dist/internal/dialogState.d.ts +17 -0
  148. package/dist/internal/dialogState.d.ts.map +1 -0
  149. package/dist/internal/dialogState.js +101 -0
  150. package/dist/internal/dialogState.js.map +1 -0
  151. package/dist/internal/scrollLockState.d.ts +15 -0
  152. package/dist/internal/scrollLockState.d.ts.map +1 -0
  153. package/dist/internal/scrollLockState.js +172 -0
  154. package/dist/internal/scrollLockState.js.map +1 -0
  155. package/dist/modules/code/CodeBlock.d.ts +3 -31
  156. package/dist/modules/code/CodeBlock.d.ts.map +1 -1
  157. package/dist/modules/code/CodeBlock.impl.d.ts +34 -0
  158. package/dist/modules/code/CodeBlock.impl.d.ts.map +1 -0
  159. package/dist/modules/code/CodeBlock.impl.js +487 -0
  160. package/dist/modules/code/CodeBlock.impl.js.map +1 -0
  161. package/dist/modules/code/CodeBlock.js +10 -483
  162. package/dist/modules/code/CodeBlock.js.map +1 -1
  163. package/dist/modules/data/BarChart.d.ts +1 -8
  164. package/dist/modules/data/BarChart.d.ts.map +1 -1
  165. package/dist/modules/data/BarChart.impl.d.ts +12 -0
  166. package/dist/modules/data/BarChart.impl.d.ts.map +1 -0
  167. package/dist/modules/data/BarChart.impl.js +137 -0
  168. package/dist/modules/data/BarChart.impl.js.map +1 -0
  169. package/dist/modules/data/BarChart.js +9 -132
  170. package/dist/modules/data/BarChart.js.map +1 -1
  171. package/dist/modules/data/DataTooltip.d.ts +2 -2
  172. package/dist/modules/data/DataTooltip.d.ts.map +1 -1
  173. package/dist/modules/data/Legend.d.ts +1 -1
  174. package/dist/modules/data/Legend.d.ts.map +1 -1
  175. package/dist/modules/data/LineBarChart.d.ts +1 -8
  176. package/dist/modules/data/LineBarChart.d.ts.map +1 -1
  177. package/dist/modules/data/LineBarChart.impl.d.ts +12 -0
  178. package/dist/modules/data/LineBarChart.impl.d.ts.map +1 -0
  179. package/dist/modules/data/LineBarChart.impl.js +142 -0
  180. package/dist/modules/data/LineBarChart.impl.js.map +1 -0
  181. package/dist/modules/data/LineBarChart.js +9 -137
  182. package/dist/modules/data/LineBarChart.js.map +1 -1
  183. package/dist/modules/data/LineChart.d.ts +1 -13
  184. package/dist/modules/data/LineChart.d.ts.map +1 -1
  185. package/dist/modules/data/LineChart.impl.d.ts +17 -0
  186. package/dist/modules/data/LineChart.impl.d.ts.map +1 -0
  187. package/dist/modules/data/LineChart.impl.js +148 -0
  188. package/dist/modules/data/LineChart.impl.js.map +1 -0
  189. package/dist/modules/data/LineChart.js +9 -143
  190. package/dist/modules/data/LineChart.js.map +1 -1
  191. package/dist/modules/data/PieChart.d.ts +4 -16
  192. package/dist/modules/data/PieChart.d.ts.map +1 -1
  193. package/dist/modules/data/PieChart.impl.d.ts +18 -0
  194. package/dist/modules/data/PieChart.impl.d.ts.map +1 -0
  195. package/dist/modules/data/PieChart.impl.js +102 -0
  196. package/dist/modules/data/PieChart.impl.js.map +1 -0
  197. package/dist/modules/data/PieChart.js +11 -97
  198. package/dist/modules/data/PieChart.js.map +1 -1
  199. package/dist/modules/media/MediaUpload.d.ts +2 -20
  200. package/dist/modules/media/MediaUpload.d.ts.map +1 -1
  201. package/dist/modules/media/MediaUpload.impl.d.ts +24 -0
  202. package/dist/modules/media/MediaUpload.impl.d.ts.map +1 -0
  203. package/dist/modules/media/MediaUpload.impl.js +92 -0
  204. package/dist/modules/media/MediaUpload.impl.js.map +1 -0
  205. package/dist/modules/media/MediaUpload.js +10 -88
  206. package/dist/modules/media/MediaUpload.js.map +1 -1
  207. package/dist/modules/navigation/Kbar.d.ts.map +1 -1
  208. package/dist/modules/navigation/Kbar.js +13 -28
  209. package/dist/modules/navigation/Kbar.js.map +1 -1
  210. package/dist/package.json +17 -6
  211. package/dist/styles/size.scss +20 -0
  212. package/dist/styles/typography.scss +8 -40
  213. package/dist/test/dialogTestUtils.d.ts +2 -0
  214. package/dist/test/dialogTestUtils.d.ts.map +1 -0
  215. package/dist/test/dialogTestUtils.js +9 -0
  216. package/dist/test/dialogTestUtils.js.map +1 -0
  217. package/dist/test/setup.d.ts +2 -0
  218. package/dist/test/setup.d.ts.map +1 -0
  219. package/dist/test/setup.js +59 -0
  220. package/dist/test/setup.js.map +1 -0
  221. package/dist/tokens/layout.scss +5 -0
  222. package/dist/utils/MissingDependency.d.ts +7 -0
  223. package/dist/utils/MissingDependency.d.ts.map +1 -0
  224. package/dist/utils/MissingDependency.js +6 -0
  225. package/dist/utils/MissingDependency.js.map +1 -0
  226. package/dist/utils/index.d.ts +1 -0
  227. package/dist/utils/index.d.ts.map +1 -1
  228. package/dist/utils/index.js +1 -0
  229. package/dist/utils/index.js.map +1 -1
  230. package/next-env.d.ts +5 -0
  231. package/package.json +135 -115
  232. package/tsconfig.vitest.json +20 -0
  233. package/vitest.config.ts +19 -0
@@ -51,19 +51,19 @@ const StylePanel = forwardRef(({ ...rest }, ref) => {
51
51
  // Chart mode is handled separately
52
52
  setChartModeValue(chartMode);
53
53
  }, [styleContext, chartMode, mounted]);
54
- return (_jsxs(Column, { fillWidth: true, gap: "16", ref: ref, ...rest, children: [_jsxs(Column, { fillWidth: true, paddingTop: "12", paddingLeft: "16", gap: "4", children: [_jsx(Text, { variant: "heading-strong-s", children: "Page" }), _jsx(Text, { variant: "body-default-s", onBackground: "neutral-weak", children: "Customize page theme" })] }), _jsxs(Column, { fillWidth: true, border: "neutral-alpha-medium", radius: "l-4", children: [_jsxs(Flex, { horizontal: "between", vertical: "center", fillWidth: true, paddingX: "24", paddingY: "16", borderBottom: "neutral-alpha-medium", children: [_jsx(Text, { variant: "label-default-s", children: "Theme" }), _jsx(ThemeSwitcher, {})] }), _jsxs(Flex, { horizontal: "between", vertical: "center", fillWidth: true, paddingX: "24", paddingY: "16", children: [_jsx(Text, { variant: "label-default-s", children: "Shape" }), _jsx(Flex, { gap: "4", children: shapes.map((radius, index) => (_jsx(Flex, { "data-border": shapes[index], center: true, tabIndex: 0, className: classNames(styles.select, mounted && borderValue === radius ? styles.selected : ""), onClick: () => {
54
+ return (_jsxs(Column, { fillWidth: true, gap: "16", ref: ref, ...rest, children: [_jsxs(Column, { fillWidth: true, paddingTop: "12", paddingLeft: "16", gap: "4", children: [_jsx(Text, { variant: "heading-strong-s", onBackground: "neutral-strong", children: "Page" }), _jsx(Text, { variant: "body-default-s", onBackground: "neutral-weak", children: "Customize page theme" })] }), _jsxs(Column, { fillWidth: true, border: "neutral-alpha-medium", radius: "l-4", children: [_jsxs(Flex, { horizontal: "between", vertical: "center", fillWidth: true, paddingX: "24", paddingY: "16", borderBottom: "neutral-alpha-medium", children: [_jsx(Text, { variant: "label-default-s", onBackground: "neutral-strong", children: "Theme" }), _jsx(ThemeSwitcher, {})] }), _jsxs(Flex, { horizontal: "between", vertical: "center", fillWidth: true, paddingX: "24", paddingY: "16", children: [_jsx(Text, { variant: "label-default-s", onBackground: "neutral-strong", children: "Shape" }), _jsx(Flex, { gap: "4", children: shapes.map((radius, index) => (_jsx(Flex, { "data-border": shapes[index], center: true, tabIndex: 0, className: classNames(styles.select, mounted && borderValue === radius ? styles.selected : ""), onClick: () => {
55
55
  styleContext.setStyle({ border: radius });
56
56
  setBorderValue(radius);
57
- }, children: _jsx(IconButton, { variant: "ghost", size: "m", children: _jsx("div", { className: classNames(styles.neutral, styles.swatch) }) }) }, radius))) })] })] }), _jsxs(Column, { fillWidth: true, paddingTop: "12", paddingLeft: "16", gap: "4", children: [_jsx(Text, { variant: "heading-strong-s", children: "Color" }), _jsx(Text, { variant: "body-default-s", onBackground: "neutral-weak", children: "Customize color schemes" })] }), _jsxs(Column, { fillWidth: true, border: "neutral-alpha-medium", radius: "l-4", children: [_jsxs(Flex, { borderBottom: "neutral-alpha-medium", horizontal: "between", vertical: "center", fillWidth: true, paddingX: "24", paddingY: "16", gap: "24", children: [_jsx(Flex, { textVariant: "label-default-s", minWidth: 3, children: "Brand" }), _jsx(Scroller, { minWidth: 0, fitWidth: true, children: colorOptions.brand.map((color, index) => (_jsx(Flex, { marginRight: "2", center: true, tabIndex: 0, className: classNames(styles.select, mounted && brandValue === color ? styles.selected : ""), onClick: () => {
57
+ }, children: _jsx(IconButton, { variant: "ghost", size: "m", children: _jsx("div", { className: classNames(styles.neutral, styles.swatch) }) }) }, radius))) })] })] }), _jsxs(Column, { fillWidth: true, paddingTop: "12", paddingLeft: "16", gap: "4", children: [_jsx(Text, { variant: "heading-strong-s", onBackground: "neutral-strong", children: "Color" }), _jsx(Text, { variant: "body-default-s", onBackground: "neutral-weak", children: "Customize color schemes" })] }), _jsxs(Column, { fillWidth: true, border: "neutral-alpha-medium", radius: "l-4", children: [_jsxs(Flex, { borderBottom: "neutral-alpha-medium", horizontal: "between", vertical: "center", fillWidth: true, paddingX: "24", paddingY: "16", gap: "24", children: [_jsx(Flex, { textVariant: "label-default-s", minWidth: 3, onBackground: "neutral-strong", children: "Brand" }), _jsx(Scroller, { minWidth: 0, fitWidth: true, children: colorOptions.brand.map((color, index) => (_jsx(Flex, { marginRight: "2", center: true, tabIndex: 0, className: classNames(styles.select, mounted && brandValue === color ? styles.selected : ""), onClick: () => {
58
58
  styleContext.setStyle({ brand: color });
59
59
  setBrandValue(color);
60
- }, children: _jsx(IconButton, { variant: "ghost", size: "m", children: _jsx("div", { className: `${styles[color]} ${styles.swatch}` }) }) }, color))) })] }), _jsxs(Flex, { borderBottom: "neutral-alpha-medium", horizontal: "between", vertical: "center", fillWidth: true, paddingX: "24", paddingY: "16", gap: "24", children: [_jsx(Flex, { textVariant: "label-default-s", minWidth: 3, children: "Accent" }), _jsx(Scroller, { minWidth: 0, fitWidth: true, children: colorOptions.accent.map((color, index) => (_jsx(Flex, { marginRight: "2", center: true, tabIndex: 0, className: classNames(styles.select, mounted && accentValue === color ? styles.selected : ""), onClick: () => {
60
+ }, children: _jsx(IconButton, { variant: "ghost", size: "m", children: _jsx("div", { className: `${styles[color]} ${styles.swatch}` }) }) }, color))) })] }), _jsxs(Flex, { borderBottom: "neutral-alpha-medium", horizontal: "between", vertical: "center", fillWidth: true, paddingX: "24", paddingY: "16", gap: "24", children: [_jsx(Flex, { textVariant: "label-default-s", minWidth: 3, onBackground: "neutral-strong", children: "Accent" }), _jsx(Scroller, { minWidth: 0, fitWidth: true, children: colorOptions.accent.map((color, index) => (_jsx(Flex, { marginRight: "2", center: true, tabIndex: 0, className: classNames(styles.select, mounted && accentValue === color ? styles.selected : ""), onClick: () => {
61
61
  styleContext.setStyle({ accent: color });
62
62
  setAccentValue(color);
63
- }, children: _jsx(IconButton, { variant: "ghost", size: "m", children: _jsx("div", { className: `${styles[color]} ${styles.swatch}` }) }) }, color))) })] }), _jsxs(Flex, { horizontal: "between", vertical: "center", fillWidth: true, paddingX: "24", paddingY: "16", gap: "24", children: [_jsx(Flex, { textVariant: "label-default-s", minWidth: 3, children: "Neutral" }), _jsx(Scroller, { minWidth: 0, fitWidth: true, children: colorOptions.neutral.map((color, index) => (_jsx(Flex, { marginRight: "2", center: true, tabIndex: 0, className: classNames(styles.select, mounted && neutralValue === color ? styles.selected : ""), onClick: () => {
63
+ }, children: _jsx(IconButton, { variant: "ghost", size: "m", children: _jsx("div", { className: `${styles[color]} ${styles.swatch}` }) }) }, color))) })] }), _jsxs(Flex, { horizontal: "between", vertical: "center", fillWidth: true, paddingX: "24", paddingY: "16", gap: "24", children: [_jsx(Flex, { textVariant: "label-default-s", minWidth: 3, onBackground: "neutral-strong", children: "Neutral" }), _jsx(Scroller, { minWidth: 0, fitWidth: true, children: colorOptions.neutral.map((color, index) => (_jsx(Flex, { marginRight: "2", center: true, tabIndex: 0, className: classNames(styles.select, mounted && neutralValue === color ? styles.selected : ""), onClick: () => {
64
64
  styleContext.setStyle({ neutral: color });
65
65
  setNeutralValue(color);
66
- }, children: _jsx(IconButton, { variant: "ghost", size: "m", children: _jsx("div", { className: `${styles[color]} ${styles.swatch}` }) }) }, color))) })] })] }), _jsxs(Column, { fillWidth: true, paddingTop: "12", paddingLeft: "16", gap: "4", children: [_jsx(Text, { variant: "heading-strong-s", children: "Solid style" }), _jsx(Text, { variant: "body-default-s", onBackground: "neutral-weak", children: "Customize the appearance of interactive elements" })] }), _jsxs(Column, { fillWidth: true, border: "neutral-alpha-medium", radius: "l-4", children: [_jsxs(Flex, { borderBottom: "neutral-alpha-medium", horizontal: "between", vertical: "center", fillWidth: true, paddingX: "24", paddingY: "16", gap: "24", children: [_jsx(Text, { variant: "label-default-s", children: "Style" }), _jsx(SegmentedControl, { maxWidth: 22, minWidth: 0, buttons: [
66
+ }, children: _jsx(IconButton, { variant: "ghost", size: "m", children: _jsx("div", { className: `${styles[color]} ${styles.swatch}` }) }) }, color))) })] })] }), _jsxs(Column, { fillWidth: true, paddingTop: "12", paddingLeft: "16", gap: "4", children: [_jsx(Text, { variant: "heading-strong-s", onBackground: "neutral-strong", children: "Solid style" }), _jsx(Text, { variant: "body-default-s", onBackground: "neutral-weak", children: "Customize the appearance of interactive elements" })] }), _jsxs(Column, { fillWidth: true, border: "neutral-alpha-medium", radius: "l-4", children: [_jsxs(Flex, { borderBottom: "neutral-alpha-medium", horizontal: "between", vertical: "center", fillWidth: true, paddingX: "24", paddingY: "16", gap: "24", children: [_jsx(Text, { variant: "label-default-s", onBackground: "neutral-strong", children: "Style" }), _jsx(SegmentedControl, { maxWidth: 22, minWidth: 0, buttons: [
67
67
  {
68
68
  size: "l",
69
69
  label: (_jsxs(Flex, { vertical: "center", gap: "12", children: [_jsx(Flex, { "data-solid": "color", border: "brand-strong", solid: "brand-weak", width: "24", height: "24", radius: "s" }), "Color"] })),
@@ -83,7 +83,7 @@ const StylePanel = forwardRef(({ ...rest }, ref) => {
83
83
  styleContext.setStyle({ solid: value });
84
84
  setSolidValue(value);
85
85
  localStorage.setItem("data-solid", value);
86
- }, selected: mounted ? solidValue : undefined, defaultSelected: "contrast" })] }), _jsxs(Flex, { horizontal: "between", vertical: "center", fillWidth: true, paddingX: "24", paddingY: "16", gap: "24", children: [_jsx(Text, { variant: "label-default-s", children: "Effect" }), _jsx(SegmentedControl, { maxWidth: 22, minWidth: 0, buttons: [
86
+ }, selected: mounted ? solidValue : undefined, defaultSelected: "contrast" })] }), _jsxs(Flex, { horizontal: "between", vertical: "center", fillWidth: true, paddingX: "24", paddingY: "16", gap: "24", children: [_jsx(Text, { variant: "label-default-s", onBackground: "neutral-strong", children: "Effect" }), _jsx(SegmentedControl, { maxWidth: 22, minWidth: 0, buttons: [
87
87
  {
88
88
  size: "l",
89
89
  label: (_jsxs(Flex, { vertical: "center", gap: "12", children: [_jsx(Flex, { border: "brand-strong", solid: "brand-weak", width: "24", height: "24", radius: "s" }), "Flat"] })),
@@ -100,7 +100,7 @@ const StylePanel = forwardRef(({ ...rest }, ref) => {
100
100
  styleContext.setStyle({ solidStyle: value });
101
101
  setSolidStyleValue(value);
102
102
  localStorage.setItem("data-solid-style", value);
103
- }, selected: mounted ? solidStyleValue : undefined, defaultSelected: "flat" })] })] }), _jsxs(Column, { fillWidth: true, paddingTop: "12", paddingLeft: "16", gap: "4", children: [_jsx(Text, { variant: "heading-strong-s", children: "Advanced" }), _jsx(Text, { variant: "body-default-s", onBackground: "neutral-weak", children: "Customize advanced styling options" })] }), _jsxs(Column, { fillWidth: true, border: "neutral-alpha-medium", radius: "l-4", children: [_jsxs(Flex, { borderBottom: "neutral-alpha-medium", horizontal: "between", vertical: "center", fillWidth: true, paddingX: "24", paddingY: "16", gap: "24", children: [_jsx(Text, { variant: "label-default-s", children: "Surface" }), _jsx(SegmentedControl, { maxWidth: 22, minWidth: 0, onToggle: (value) => {
103
+ }, selected: mounted ? solidStyleValue : undefined, defaultSelected: "flat" })] })] }), _jsxs(Column, { fillWidth: true, paddingTop: "12", paddingLeft: "16", gap: "4", children: [_jsx(Text, { variant: "heading-strong-s", onBackground: "neutral-strong", children: "Advanced" }), _jsx(Text, { variant: "body-default-s", onBackground: "neutral-weak", children: "Customize advanced styling options" })] }), _jsxs(Column, { fillWidth: true, border: "neutral-alpha-medium", radius: "l-4", children: [_jsxs(Flex, { borderBottom: "neutral-alpha-medium", horizontal: "between", vertical: "center", fillWidth: true, paddingX: "24", paddingY: "16", gap: "24", children: [_jsx(Text, { variant: "label-default-s", onBackground: "neutral-strong", children: "Surface" }), _jsx(SegmentedControl, { maxWidth: 22, minWidth: 0, onToggle: (value) => {
104
104
  styleContext.setStyle({ surface: value });
105
105
  setSurfaceValue(value);
106
106
  }, selected: mounted ? surfaceValue : undefined, defaultSelected: "filled", buttons: [
@@ -114,7 +114,7 @@ const StylePanel = forwardRef(({ ...rest }, ref) => {
114
114
  label: "Translucent",
115
115
  value: "translucent",
116
116
  },
117
- ] })] }), _jsxs(Flex, { borderBottom: "neutral-alpha-medium", horizontal: "between", vertical: "center", fillWidth: true, paddingX: "24", paddingY: "16", gap: "24", children: [_jsx(Text, { variant: "label-default-s", children: "Scaling" }), _jsx(SegmentedControl, { maxWidth: 22, minWidth: 0, onToggle: (value) => {
117
+ ] })] }), _jsxs(Flex, { borderBottom: "neutral-alpha-medium", horizontal: "between", vertical: "center", fillWidth: true, paddingX: "24", paddingY: "16", gap: "24", children: [_jsx(Text, { variant: "label-default-s", onBackground: "neutral-strong", children: "Scaling" }), _jsx(SegmentedControl, { maxWidth: 22, minWidth: 0, onToggle: (value) => {
118
118
  styleContext.setStyle({ scaling: value });
119
119
  setScalingValue(value);
120
120
  }, selected: mounted ? scalingValue : undefined, defaultSelected: "100", buttons: [
@@ -143,7 +143,7 @@ const StylePanel = forwardRef(({ ...rest }, ref) => {
143
143
  label: "110",
144
144
  value: "110",
145
145
  },
146
- ] })] }), _jsxs(Flex, { borderBottom: "neutral-alpha-medium", horizontal: "between", vertical: "center", fillWidth: true, paddingX: "24", paddingY: "16", gap: "24", children: [_jsx(Text, { variant: "label-default-s", children: "Data Style" }), _jsx(SegmentedControl, { maxWidth: 22, minWidth: 0, onToggle: (value) => {
146
+ ] })] }), _jsxs(Flex, { borderBottom: "neutral-alpha-medium", horizontal: "between", vertical: "center", fillWidth: true, paddingX: "24", paddingY: "16", gap: "24", children: [_jsx(Text, { variant: "label-default-s", onBackground: "neutral-strong", children: "Data Style" }), _jsx(SegmentedControl, { maxWidth: 22, minWidth: 0, onToggle: (value) => {
147
147
  setChartOptions({ mode: value });
148
148
  setChartModeValue(value);
149
149
  }, selected: mounted ? chartModeValue : undefined, defaultSelected: "categorical", buttons: [
@@ -162,7 +162,7 @@ const StylePanel = forwardRef(({ ...rest }, ref) => {
162
162
  label: "Sequential",
163
163
  value: "sequential",
164
164
  },
165
- ] })] }), _jsxs(Flex, { horizontal: "between", vertical: "center", fillWidth: true, paddingX: "24", paddingY: "16", gap: "24", children: [_jsx(Text, { variant: "label-default-s", children: "Transition" }), _jsx(SegmentedControl, { maxWidth: 22, minWidth: 0, onToggle: (value) => {
165
+ ] })] }), _jsxs(Flex, { horizontal: "between", vertical: "center", fillWidth: true, paddingX: "24", paddingY: "16", gap: "24", children: [_jsx(Text, { variant: "label-default-s", onBackground: "neutral-strong", children: "Transition" }), _jsx(SegmentedControl, { maxWidth: 22, minWidth: 0, onToggle: (value) => {
166
166
  styleContext.setStyle({ transition: value });
167
167
  setTransitionValue(value);
168
168
  }, selected: mounted ? transitionValue : undefined, defaultSelected: "all", buttons: [
@@ -1 +1 @@
1
- {"version":3,"file":"StylePanel.js","sourceRoot":"","sources":["../../src/components/StylePanel.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACxD,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,gBAAgB,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,GAAG,CAAC;AAC9F,OAAO,EAQL,QAAQ,GACT,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAC7D,OAAO,MAAM,MAAM,0BAA0B,CAAC;AAC9C,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAW,OAAO,EAAE,MAAM,UAAU,CAAC;AAQ5C,MAAM,MAAM,GAAG,CAAC,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,SAAS,CAAC,CAAC;AAE/D,MAAM,YAAY,GAAG;IACnB,KAAK,EAAE,CAAC,GAAG,OAAO,CAAC;IACnB,MAAM,EAAE,CAAC,GAAG,OAAO,CAAC;IACpB,OAAO,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC;CAC3D,CAAC;AAEF,MAAM,UAAU,GAAG,UAAU,CAAkC,CAAC,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,EAAE,EAAE;IAClF,MAAM,YAAY,GAAG,QAAQ,EAAE,CAAC;IAChC,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,eAAe,EAAE,GAAG,YAAY,EAAE,CAAC;IAE5D,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAc,SAAS,CAAC,CAAC;IACvE,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAqB,MAAM,CAAC,CAAC;IACzE,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAqB,QAAQ,CAAC,CAAC;IAC7E,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAA0B,MAAM,CAAC,CAAC;IAClF,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAY,UAAU,CAAC,CAAC;IACpE,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAa,MAAM,CAAC,CAAC;IAC3E,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAe,QAAQ,CAAC,CAAC;IACzE,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAc,KAAK,CAAC,CAAC;IACrE,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAY,aAAa,CAAC,CAAC;IAC/E,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAkB,KAAK,CAAC,CAAC;IAE/E,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE,CAAC;YAClC,MAAM,WAAW,GAAG,YAAY,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC;YACvD,MAAM,gBAAgB,GAAG,YAAY,CAAC,OAAO,CAAC,kBAAkB,CAAC,CAAC;YAElE,IAAI,WAAW;gBAAE,aAAa,CAAC,WAAwB,CAAC,CAAC;YACzD,IAAI,gBAAgB;gBAAE,kBAAkB,CAAC,gBAA8B,CAAC,CAAC;QAC3E,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,SAAS,CAAC,GAAG,EAAE;QACb,UAAU,CAAC,IAAI,CAAC,CAAC;QACjB,IAAI,OAAO,EAAE,CAAC;YACZ,cAAc,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC;YACpC,aAAa,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;YAClC,cAAc,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC;YACpC,eAAe,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;YACtC,eAAe,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;YACtC,eAAe,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;YACtC,kBAAkB,CAAC,YAAY,CAAC,UAAU,CAAC,CAAC;QAC9C,CAAC;QACD,mCAAmC;QACnC,iBAAiB,CAAC,SAAS,CAAC,CAAC;IAC/B,CAAC,EAAE,CAAC,YAAY,EAAE,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC;IAEvC,OAAO,CACL,MAAC,MAAM,IAAC,SAAS,QAAC,GAAG,EAAC,IAAI,EAAC,GAAG,EAAE,GAAG,KAAM,IAAI,aAC3C,MAAC,MAAM,IAAC,SAAS,QAAC,UAAU,EAAC,IAAI,EAAC,WAAW,EAAC,IAAI,EAAC,GAAG,EAAC,GAAG,aACxD,KAAC,IAAI,IAAC,OAAO,EAAC,kBAAkB,qBAAY,EAC5C,KAAC,IAAI,IAAC,OAAO,EAAC,gBAAgB,EAAC,YAAY,EAAC,cAAc,qCAEnD,IACA,EACT,MAAC,MAAM,IAAC,SAAS,QAAC,MAAM,EAAC,sBAAsB,EAAC,MAAM,EAAC,KAAK,aAC1D,MAAC,IAAI,IACH,UAAU,EAAC,SAAS,EACpB,QAAQ,EAAC,QAAQ,EACjB,SAAS,QACT,QAAQ,EAAC,IAAI,EACb,QAAQ,EAAC,IAAI,EACb,YAAY,EAAC,sBAAsB,aAEnC,KAAC,IAAI,IAAC,OAAO,EAAC,iBAAiB,sBAAa,EAC5C,KAAC,aAAa,KAAG,IACZ,EACP,MAAC,IAAI,IAAC,UAAU,EAAC,SAAS,EAAC,QAAQ,EAAC,QAAQ,EAAC,SAAS,QAAC,QAAQ,EAAC,IAAI,EAAC,QAAQ,EAAC,IAAI,aAChF,KAAC,IAAI,IAAC,OAAO,EAAC,iBAAiB,sBAAa,EAC5C,KAAC,IAAI,IAAC,GAAG,EAAC,GAAG,YACV,MAAM,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,CAC7B,KAAC,IAAI,mBACU,MAAM,CAAC,KAAK,CAAC,EAE1B,MAAM,QACN,QAAQ,EAAE,CAAC,EACX,SAAS,EAAE,UAAU,CACnB,MAAM,CAAC,MAAM,EACb,OAAO,IAAI,WAAW,KAAK,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CACzD,EACD,OAAO,EAAE,GAAG,EAAE;wCACZ,YAAY,CAAC,QAAQ,CAAC,EAAE,MAAM,EAAE,MAAqB,EAAE,CAAC,CAAC;wCACzD,cAAc,CAAC,MAAqB,CAAC,CAAC;oCACxC,CAAC,YAED,KAAC,UAAU,IAAC,OAAO,EAAC,OAAO,EAAC,IAAI,EAAC,GAAG,YAClC,cAAK,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,MAAM,CAAC,GAAQ,GACtD,IAdR,MAAM,CAeN,CACR,CAAC,GACG,IACF,IACA,EAET,MAAC,MAAM,IAAC,SAAS,QAAC,UAAU,EAAC,IAAI,EAAC,WAAW,EAAC,IAAI,EAAC,GAAG,EAAC,GAAG,aACxD,KAAC,IAAI,IAAC,OAAO,EAAC,kBAAkB,sBAAa,EAC7C,KAAC,IAAI,IAAC,OAAO,EAAC,gBAAgB,EAAC,YAAY,EAAC,cAAc,wCAEnD,IACA,EACT,MAAC,MAAM,IAAC,SAAS,QAAC,MAAM,EAAC,sBAAsB,EAAC,MAAM,EAAC,KAAK,aAC1D,MAAC,IAAI,IACH,YAAY,EAAC,sBAAsB,EACnC,UAAU,EAAC,SAAS,EACpB,QAAQ,EAAC,QAAQ,EACjB,SAAS,QACT,QAAQ,EAAC,IAAI,EACb,QAAQ,EAAC,IAAI,EACb,GAAG,EAAC,IAAI,aAER,KAAC,IAAI,IAAC,WAAW,EAAC,iBAAiB,EAAC,QAAQ,EAAE,CAAC,sBAExC,EACP,KAAC,QAAQ,IAAC,QAAQ,EAAE,CAAC,EAAE,QAAQ,kBAC5B,YAAY,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CACxC,KAAC,IAAI,IACH,WAAW,EAAC,GAAG,EAEf,MAAM,QACN,QAAQ,EAAE,CAAC,EACX,SAAS,EAAE,UAAU,CACnB,MAAM,CAAC,MAAM,EACb,OAAO,IAAI,UAAU,KAAK,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CACvD,EACD,OAAO,EAAE,GAAG,EAAE;wCACZ,YAAY,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,KAAgB,EAAE,CAAC,CAAC;wCACnD,aAAa,CAAC,KAAgB,CAAC,CAAC;oCAClC,CAAC,YAED,KAAC,UAAU,IAAC,OAAO,EAAC,OAAO,EAAC,IAAI,EAAC,GAAG,YAClC,cAAK,SAAS,EAAE,GAAG,MAAM,CAAC,KAAK,CAAC,IAAI,MAAM,CAAC,MAAM,EAAE,GAAQ,GAChD,IAdR,KAAK,CAeL,CACR,CAAC,GACO,IACN,EAEP,MAAC,IAAI,IACH,YAAY,EAAC,sBAAsB,EACnC,UAAU,EAAC,SAAS,EACpB,QAAQ,EAAC,QAAQ,EACjB,SAAS,QACT,QAAQ,EAAC,IAAI,EACb,QAAQ,EAAC,IAAI,EACb,GAAG,EAAC,IAAI,aAER,KAAC,IAAI,IAAC,WAAW,EAAC,iBAAiB,EAAC,QAAQ,EAAE,CAAC,uBAExC,EACP,KAAC,QAAQ,IAAC,QAAQ,EAAE,CAAC,EAAE,QAAQ,kBAC5B,YAAY,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CACzC,KAAC,IAAI,IACH,WAAW,EAAC,GAAG,EAEf,MAAM,QACN,QAAQ,EAAE,CAAC,EACX,SAAS,EAAE,UAAU,CACnB,MAAM,CAAC,MAAM,EACb,OAAO,IAAI,WAAW,KAAK,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CACxD,EACD,OAAO,EAAE,GAAG,EAAE;wCACZ,YAAY,CAAC,QAAQ,CAAC,EAAE,MAAM,EAAE,KAAgB,EAAE,CAAC,CAAC;wCACpD,cAAc,CAAC,KAAgB,CAAC,CAAC;oCACnC,CAAC,YAED,KAAC,UAAU,IAAC,OAAO,EAAC,OAAO,EAAC,IAAI,EAAC,GAAG,YAClC,cAAK,SAAS,EAAE,GAAG,MAAM,CAAC,KAAK,CAAC,IAAI,MAAM,CAAC,MAAM,EAAE,GAAQ,GAChD,IAdR,KAAK,CAeL,CACR,CAAC,GACO,IACN,EAEP,MAAC,IAAI,IAAC,UAAU,EAAC,SAAS,EAAC,QAAQ,EAAC,QAAQ,EAAC,SAAS,QAAC,QAAQ,EAAC,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAC,GAAG,EAAC,IAAI,aACzF,KAAC,IAAI,IAAC,WAAW,EAAC,iBAAiB,EAAC,QAAQ,EAAE,CAAC,wBAExC,EACP,KAAC,QAAQ,IAAC,QAAQ,EAAE,CAAC,EAAE,QAAQ,kBAC5B,YAAY,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CAC1C,KAAC,IAAI,IACH,WAAW,EAAC,GAAG,EAEf,MAAM,QACN,QAAQ,EAAE,CAAC,EACX,SAAS,EAAE,UAAU,CACnB,MAAM,CAAC,MAAM,EACb,OAAO,IAAI,YAAY,KAAK,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CACzD,EACD,OAAO,EAAE,GAAG,EAAE;wCACZ,YAAY,CAAC,QAAQ,CAAC,EAAE,OAAO,EAAE,KAAqB,EAAE,CAAC,CAAC;wCAC1D,eAAe,CAAC,KAAqB,CAAC,CAAC;oCACzC,CAAC,YAED,KAAC,UAAU,IAAC,OAAO,EAAC,OAAO,EAAC,IAAI,EAAC,GAAG,YAClC,cAAK,SAAS,EAAE,GAAG,MAAM,CAAC,KAAK,CAAC,IAAI,MAAM,CAAC,MAAM,EAAE,GAAQ,GAChD,IAdR,KAAK,CAeL,CACR,CAAC,GACO,IACN,IACA,EAET,MAAC,MAAM,IAAC,SAAS,QAAC,UAAU,EAAC,IAAI,EAAC,WAAW,EAAC,IAAI,EAAC,GAAG,EAAC,GAAG,aACxD,KAAC,IAAI,IAAC,OAAO,EAAC,kBAAkB,4BAAmB,EACnD,KAAC,IAAI,IAAC,OAAO,EAAC,gBAAgB,EAAC,YAAY,EAAC,cAAc,iEAEnD,IACA,EACT,MAAC,MAAM,IAAC,SAAS,QAAC,MAAM,EAAC,sBAAsB,EAAC,MAAM,EAAC,KAAK,aAC1D,MAAC,IAAI,IACH,YAAY,EAAC,sBAAsB,EACnC,UAAU,EAAC,SAAS,EACpB,QAAQ,EAAC,QAAQ,EACjB,SAAS,QACT,QAAQ,EAAC,IAAI,EACb,QAAQ,EAAC,IAAI,EACb,GAAG,EAAC,IAAI,aAER,KAAC,IAAI,IAAC,OAAO,EAAC,iBAAiB,sBAAa,EAC5C,KAAC,gBAAgB,IACf,QAAQ,EAAE,EAAE,EACZ,QAAQ,EAAE,CAAC,EACX,OAAO,EAAE;oCACP;wCACE,IAAI,EAAE,GAAG;wCACT,KAAK,EAAE,CACL,MAAC,IAAI,IAAC,QAAQ,EAAC,QAAQ,EAAC,GAAG,EAAC,IAAI,aAC9B,KAAC,IAAI,kBACQ,OAAO,EAClB,MAAM,EAAC,cAAc,EACrB,KAAK,EAAC,YAAY,EAClB,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,MAAM,EAAC,GAAG,GACV,aAEG,CACR;wCACD,KAAK,EAAE,OAAO;qCACf;oCACD;wCACE,IAAI,EAAE,GAAG;wCACT,KAAK,EAAE,CACL,MAAC,IAAI,IAAC,QAAQ,EAAC,QAAQ,EAAC,GAAG,EAAC,IAAI,aAC9B,KAAC,IAAI,kBACQ,SAAS,EACpB,MAAM,EAAC,cAAc,EACrB,KAAK,EAAC,cAAc,EACpB,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,MAAM,EAAC,GAAG,GACV,eAEG,CACR;wCACD,KAAK,EAAE,SAAS;qCACjB;oCACD;wCACE,IAAI,EAAE,GAAG;wCACT,KAAK,EAAE,CACL,MAAC,IAAI,IAAC,QAAQ,EAAC,QAAQ,EAAC,GAAG,EAAC,IAAI,aAC9B,KAAC,IAAI,kBACQ,UAAU,EACrB,MAAM,EAAC,cAAc,EACrB,KAAK,EAAC,cAAc,EACpB,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,MAAM,EAAC,GAAG,GACV,gBAEG,CACR;wCACD,KAAK,EAAE,UAAU;qCAClB;iCACF,EACD,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;oCAClB,YAAY,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,KAAkB,EAAE,CAAC,CAAC;oCACrD,aAAa,CAAC,KAAkB,CAAC,CAAC;oCAClC,YAAY,CAAC,OAAO,CAAC,YAAY,EAAE,KAAK,CAAC,CAAC;gCAC5C,CAAC,EACD,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,EAC1C,eAAe,EAAC,UAAU,GAC1B,IACG,EACP,MAAC,IAAI,IAAC,UAAU,EAAC,SAAS,EAAC,QAAQ,EAAC,QAAQ,EAAC,SAAS,QAAC,QAAQ,EAAC,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAC,GAAG,EAAC,IAAI,aACzF,KAAC,IAAI,IAAC,OAAO,EAAC,iBAAiB,uBAAc,EAC7C,KAAC,gBAAgB,IACf,QAAQ,EAAE,EAAE,EACZ,QAAQ,EAAE,CAAC,EACX,OAAO,EAAE;oCACP;wCACE,IAAI,EAAE,GAAG;wCACT,KAAK,EAAE,CACL,MAAC,IAAI,IAAC,QAAQ,EAAC,QAAQ,EAAC,GAAG,EAAC,IAAI,aAC9B,KAAC,IAAI,IACH,MAAM,EAAC,cAAc,EACrB,KAAK,EAAC,YAAY,EAClB,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,MAAM,EAAC,GAAG,GACV,YAEG,CACR;wCACD,KAAK,EAAE,MAAM;qCACd;oCACD;wCACE,IAAI,EAAE,GAAG;wCACT,KAAK,EAAE,CACL,MAAC,IAAI,IAAC,QAAQ,EAAC,QAAQ,EAAC,GAAG,EAAC,IAAI,aAC9B,KAAC,IAAI,IACH,MAAM,EAAC,cAAc,EACrB,KAAK,EAAE;wDACL,SAAS,EACP,0FAA0F;qDAC7F,EACD,KAAK,EAAC,YAAY,EAClB,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,MAAM,EAAC,GAAG,GACV,eAEG,CACR;wCACD,KAAK,EAAE,SAAS;qCACjB;iCACF,EACD,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;oCAClB,YAAY,CAAC,QAAQ,CAAC,EAAE,UAAU,EAAE,KAAmB,EAAE,CAAC,CAAC;oCAC3D,kBAAkB,CAAC,KAAmB,CAAC,CAAC;oCACxC,YAAY,CAAC,OAAO,CAAC,kBAAkB,EAAE,KAAK,CAAC,CAAC;gCAClD,CAAC,EACD,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,SAAS,EAC/C,eAAe,EAAC,MAAM,GACtB,IACG,IACA,EACT,MAAC,MAAM,IAAC,SAAS,QAAC,UAAU,EAAC,IAAI,EAAC,WAAW,EAAC,IAAI,EAAC,GAAG,EAAC,GAAG,aACxD,KAAC,IAAI,IAAC,OAAO,EAAC,kBAAkB,yBAAgB,EAChD,KAAC,IAAI,IAAC,OAAO,EAAC,gBAAgB,EAAC,YAAY,EAAC,cAAc,mDAEnD,IACA,EACT,MAAC,MAAM,IAAC,SAAS,QAAC,MAAM,EAAC,sBAAsB,EAAC,MAAM,EAAC,KAAK,aAC1D,MAAC,IAAI,IACH,YAAY,EAAC,sBAAsB,EACnC,UAAU,EAAC,SAAS,EACpB,QAAQ,EAAC,QAAQ,EACjB,SAAS,QACT,QAAQ,EAAC,IAAI,EACb,QAAQ,EAAC,IAAI,EACb,GAAG,EAAC,IAAI,aAER,KAAC,IAAI,IAAC,OAAO,EAAC,iBAAiB,wBAAe,EAC9C,KAAC,gBAAgB,IACf,QAAQ,EAAE,EAAE,EACZ,QAAQ,EAAE,CAAC,EACX,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;oCAClB,YAAY,CAAC,QAAQ,CAAC,EAAE,OAAO,EAAE,KAAqB,EAAE,CAAC,CAAC;oCAC1D,eAAe,CAAC,KAAqB,CAAC,CAAC;gCACzC,CAAC,EACD,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS,EAC5C,eAAe,EAAC,QAAQ,EACxB,OAAO,EAAE;oCACP;wCACE,IAAI,EAAE,GAAG;wCACT,KAAK,EAAE,QAAQ;wCACf,KAAK,EAAE,QAAQ;qCAChB;oCACD;wCACE,IAAI,EAAE,GAAG;wCACT,KAAK,EAAE,aAAa;wCACpB,KAAK,EAAE,aAAa;qCACrB;iCACF,GACD,IACG,EACP,MAAC,IAAI,IACH,YAAY,EAAC,sBAAsB,EACnC,UAAU,EAAC,SAAS,EACpB,QAAQ,EAAC,QAAQ,EACjB,SAAS,QACT,QAAQ,EAAC,IAAI,EACb,QAAQ,EAAC,IAAI,EACb,GAAG,EAAC,IAAI,aAER,KAAC,IAAI,IAAC,OAAO,EAAC,iBAAiB,wBAAe,EAC9C,KAAC,gBAAgB,IACf,QAAQ,EAAE,EAAE,EACZ,QAAQ,EAAE,CAAC,EACX,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;oCAClB,YAAY,CAAC,QAAQ,CAAC,EAAE,OAAO,EAAE,KAAoB,EAAE,CAAC,CAAC;oCACzD,eAAe,CAAC,KAAoB,CAAC,CAAC;gCACxC,CAAC,EACD,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS,EAC5C,eAAe,EAAC,KAAK,EACrB,OAAO,EAAE;oCACP;wCACE,IAAI,EAAE,GAAG;wCACT,KAAK,EAAE,IAAI;wCACX,KAAK,EAAE,IAAI;qCACZ;oCACD;wCACE,IAAI,EAAE,GAAG;wCACT,KAAK,EAAE,IAAI;wCACX,KAAK,EAAE,IAAI;qCACZ;oCACD;wCACE,IAAI,EAAE,GAAG;wCACT,KAAK,EAAE,KAAK;wCACZ,KAAK,EAAE,KAAK;qCACb;oCACD;wCACE,IAAI,EAAE,GAAG;wCACT,KAAK,EAAE,KAAK;wCACZ,KAAK,EAAE,KAAK;qCACb;oCACD;wCACE,IAAI,EAAE,GAAG;wCACT,KAAK,EAAE,KAAK;wCACZ,KAAK,EAAE,KAAK;qCACb;iCACF,GACD,IACG,EACP,MAAC,IAAI,IACH,YAAY,EAAC,sBAAsB,EACnC,UAAU,EAAC,SAAS,EACpB,QAAQ,EAAC,QAAQ,EACjB,SAAS,QACT,QAAQ,EAAC,IAAI,EACb,QAAQ,EAAC,IAAI,EACb,GAAG,EAAC,IAAI,aAER,KAAC,IAAI,IAAC,OAAO,EAAC,iBAAiB,2BAAkB,EACjD,KAAC,gBAAgB,IACf,QAAQ,EAAE,EAAE,EACZ,QAAQ,EAAE,CAAC,EACX,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;oCAClB,eAAe,CAAC,EAAE,IAAI,EAAE,KAAkB,EAAE,CAAC,CAAC;oCAC9C,iBAAiB,CAAC,KAAkB,CAAC,CAAC;gCACxC,CAAC,EACD,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,SAAS,EAC9C,eAAe,EAAC,aAAa,EAC7B,OAAO,EAAE;oCACP;wCACE,IAAI,EAAE,GAAG;wCACT,KAAK,EAAE,aAAa;wCACpB,KAAK,EAAE,aAAa;qCACrB;oCACD;wCACE,IAAI,EAAE,GAAG;wCACT,KAAK,EAAE,WAAW;wCAClB,KAAK,EAAE,WAAW;qCACnB;oCACD;wCACE,IAAI,EAAE,GAAG;wCACT,KAAK,EAAE,YAAY;wCACnB,KAAK,EAAE,YAAY;qCACpB;iCACF,GACD,IACG,EACP,MAAC,IAAI,IAAC,UAAU,EAAC,SAAS,EAAC,QAAQ,EAAC,QAAQ,EAAC,SAAS,QAAC,QAAQ,EAAC,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAC,GAAG,EAAC,IAAI,aACzF,KAAC,IAAI,IAAC,OAAO,EAAC,iBAAiB,2BAAkB,EACjD,KAAC,gBAAgB,IACf,QAAQ,EAAE,EAAE,EACZ,QAAQ,EAAE,CAAC,EACX,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;oCAClB,YAAY,CAAC,QAAQ,CAAC,EAAE,UAAU,EAAE,KAAwB,EAAE,CAAC,CAAC;oCAChE,kBAAkB,CAAC,KAAwB,CAAC,CAAC;gCAC/C,CAAC,EACD,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,SAAS,EAC/C,eAAe,EAAC,KAAK,EACrB,OAAO,EAAE;oCACP;wCACE,IAAI,EAAE,GAAG;wCACT,KAAK,EAAE,KAAK;wCACZ,KAAK,EAAE,KAAK;qCACb;oCACD;wCACE,IAAI,EAAE,GAAG;wCACT,KAAK,EAAE,OAAO;wCACd,KAAK,EAAE,OAAO;qCACf;oCACD;wCACE,IAAI,EAAE,GAAG;wCACT,KAAK,EAAE,OAAO;wCACd,KAAK,EAAE,OAAO;qCACf;oCACD;wCACE,IAAI,EAAE,GAAG;wCACT,KAAK,EAAE,MAAM;wCACb,KAAK,EAAE,MAAM;qCACd;iCACF,GACD,IACG,IACA,IACF,CACV,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC;AACtC,OAAO,EAAE,UAAU,EAAE,CAAC"}
1
+ {"version":3,"file":"StylePanel.js","sourceRoot":"","sources":["../../src/components/StylePanel.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACxD,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,gBAAgB,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,GAAG,CAAC;AAC9F,OAAO,EAQL,QAAQ,GACT,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAC7D,OAAO,MAAM,MAAM,0BAA0B,CAAC;AAC9C,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAW,OAAO,EAAE,MAAM,UAAU,CAAC;AAQ5C,MAAM,MAAM,GAAG,CAAC,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,SAAS,CAAC,CAAC;AAE/D,MAAM,YAAY,GAAG;IACnB,KAAK,EAAE,CAAC,GAAG,OAAO,CAAC;IACnB,MAAM,EAAE,CAAC,GAAG,OAAO,CAAC;IACpB,OAAO,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC;CAC3D,CAAC;AAEF,MAAM,UAAU,GAAG,UAAU,CAAkC,CAAC,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,EAAE,EAAE;IAClF,MAAM,YAAY,GAAG,QAAQ,EAAE,CAAC;IAChC,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,eAAe,EAAE,GAAG,YAAY,EAAE,CAAC;IAE5D,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAc,SAAS,CAAC,CAAC;IACvE,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAqB,MAAM,CAAC,CAAC;IACzE,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAqB,QAAQ,CAAC,CAAC;IAC7E,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAA0B,MAAM,CAAC,CAAC;IAClF,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAY,UAAU,CAAC,CAAC;IACpE,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAa,MAAM,CAAC,CAAC;IAC3E,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAe,QAAQ,CAAC,CAAC;IACzE,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAc,KAAK,CAAC,CAAC;IACrE,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAY,aAAa,CAAC,CAAC;IAC/E,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAkB,KAAK,CAAC,CAAC;IAE/E,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE,CAAC;YAClC,MAAM,WAAW,GAAG,YAAY,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC;YACvD,MAAM,gBAAgB,GAAG,YAAY,CAAC,OAAO,CAAC,kBAAkB,CAAC,CAAC;YAElE,IAAI,WAAW;gBAAE,aAAa,CAAC,WAAwB,CAAC,CAAC;YACzD,IAAI,gBAAgB;gBAAE,kBAAkB,CAAC,gBAA8B,CAAC,CAAC;QAC3E,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,SAAS,CAAC,GAAG,EAAE;QACb,UAAU,CAAC,IAAI,CAAC,CAAC;QACjB,IAAI,OAAO,EAAE,CAAC;YACZ,cAAc,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC;YACpC,aAAa,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;YAClC,cAAc,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC;YACpC,eAAe,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;YACtC,eAAe,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;YACtC,eAAe,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;YACtC,kBAAkB,CAAC,YAAY,CAAC,UAAU,CAAC,CAAC;QAC9C,CAAC;QACD,mCAAmC;QACnC,iBAAiB,CAAC,SAAS,CAAC,CAAC;IAC/B,CAAC,EAAE,CAAC,YAAY,EAAE,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC;IAEvC,OAAO,CACL,MAAC,MAAM,IAAC,SAAS,QAAC,GAAG,EAAC,IAAI,EAAC,GAAG,EAAE,GAAG,KAAM,IAAI,aAC3C,MAAC,MAAM,IAAC,SAAS,QAAC,UAAU,EAAC,IAAI,EAAC,WAAW,EAAC,IAAI,EAAC,GAAG,EAAC,GAAG,aACxD,KAAC,IAAI,IAAC,OAAO,EAAC,kBAAkB,EAAC,YAAY,EAAC,gBAAgB,qBAEvD,EACP,KAAC,IAAI,IAAC,OAAO,EAAC,gBAAgB,EAAC,YAAY,EAAC,cAAc,qCAEnD,IACA,EACT,MAAC,MAAM,IAAC,SAAS,QAAC,MAAM,EAAC,sBAAsB,EAAC,MAAM,EAAC,KAAK,aAC1D,MAAC,IAAI,IACH,UAAU,EAAC,SAAS,EACpB,QAAQ,EAAC,QAAQ,EACjB,SAAS,QACT,QAAQ,EAAC,IAAI,EACb,QAAQ,EAAC,IAAI,EACb,YAAY,EAAC,sBAAsB,aAEnC,KAAC,IAAI,IAAC,OAAO,EAAC,iBAAiB,EAAC,YAAY,EAAC,gBAAgB,sBAAa,EAC1E,KAAC,aAAa,KAAG,IACZ,EACP,MAAC,IAAI,IAAC,UAAU,EAAC,SAAS,EAAC,QAAQ,EAAC,QAAQ,EAAC,SAAS,QAAC,QAAQ,EAAC,IAAI,EAAC,QAAQ,EAAC,IAAI,aAChF,KAAC,IAAI,IAAC,OAAO,EAAC,iBAAiB,EAAC,YAAY,EAAC,gBAAgB,sBAAa,EAC1E,KAAC,IAAI,IAAC,GAAG,EAAC,GAAG,YACV,MAAM,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,CAC7B,KAAC,IAAI,mBACU,MAAM,CAAC,KAAK,CAAC,EAE1B,MAAM,QACN,QAAQ,EAAE,CAAC,EACX,SAAS,EAAE,UAAU,CACnB,MAAM,CAAC,MAAM,EACb,OAAO,IAAI,WAAW,KAAK,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CACzD,EACD,OAAO,EAAE,GAAG,EAAE;wCACZ,YAAY,CAAC,QAAQ,CAAC,EAAE,MAAM,EAAE,MAAqB,EAAE,CAAC,CAAC;wCACzD,cAAc,CAAC,MAAqB,CAAC,CAAC;oCACxC,CAAC,YAED,KAAC,UAAU,IAAC,OAAO,EAAC,OAAO,EAAC,IAAI,EAAC,GAAG,YAClC,cAAK,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,MAAM,CAAC,GAAQ,GACtD,IAdR,MAAM,CAeN,CACR,CAAC,GACG,IACF,IACA,EAET,MAAC,MAAM,IAAC,SAAS,QAAC,UAAU,EAAC,IAAI,EAAC,WAAW,EAAC,IAAI,EAAC,GAAG,EAAC,GAAG,aACxD,KAAC,IAAI,IAAC,OAAO,EAAC,kBAAkB,EAAC,YAAY,EAAC,gBAAgB,sBAEvD,EACP,KAAC,IAAI,IAAC,OAAO,EAAC,gBAAgB,EAAC,YAAY,EAAC,cAAc,wCAEnD,IACA,EACT,MAAC,MAAM,IAAC,SAAS,QAAC,MAAM,EAAC,sBAAsB,EAAC,MAAM,EAAC,KAAK,aAC1D,MAAC,IAAI,IACH,YAAY,EAAC,sBAAsB,EACnC,UAAU,EAAC,SAAS,EACpB,QAAQ,EAAC,QAAQ,EACjB,SAAS,QACT,QAAQ,EAAC,IAAI,EACb,QAAQ,EAAC,IAAI,EACb,GAAG,EAAC,IAAI,aAER,KAAC,IAAI,IAAC,WAAW,EAAC,iBAAiB,EAAC,QAAQ,EAAE,CAAC,EAAE,YAAY,EAAC,gBAAgB,sBAEvE,EACP,KAAC,QAAQ,IAAC,QAAQ,EAAE,CAAC,EAAE,QAAQ,kBAC5B,YAAY,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CACxC,KAAC,IAAI,IACH,WAAW,EAAC,GAAG,EAEf,MAAM,QACN,QAAQ,EAAE,CAAC,EACX,SAAS,EAAE,UAAU,CACnB,MAAM,CAAC,MAAM,EACb,OAAO,IAAI,UAAU,KAAK,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CACvD,EACD,OAAO,EAAE,GAAG,EAAE;wCACZ,YAAY,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,KAAgB,EAAE,CAAC,CAAC;wCACnD,aAAa,CAAC,KAAgB,CAAC,CAAC;oCAClC,CAAC,YAED,KAAC,UAAU,IAAC,OAAO,EAAC,OAAO,EAAC,IAAI,EAAC,GAAG,YAClC,cAAK,SAAS,EAAE,GAAG,MAAM,CAAC,KAAK,CAAC,IAAI,MAAM,CAAC,MAAM,EAAE,GAAQ,GAChD,IAdR,KAAK,CAeL,CACR,CAAC,GACO,IACN,EAEP,MAAC,IAAI,IACH,YAAY,EAAC,sBAAsB,EACnC,UAAU,EAAC,SAAS,EACpB,QAAQ,EAAC,QAAQ,EACjB,SAAS,QACT,QAAQ,EAAC,IAAI,EACb,QAAQ,EAAC,IAAI,EACb,GAAG,EAAC,IAAI,aAER,KAAC,IAAI,IAAC,WAAW,EAAC,iBAAiB,EAAC,QAAQ,EAAE,CAAC,EAAE,YAAY,EAAC,gBAAgB,uBAEvE,EACP,KAAC,QAAQ,IAAC,QAAQ,EAAE,CAAC,EAAE,QAAQ,kBAC5B,YAAY,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CACzC,KAAC,IAAI,IACH,WAAW,EAAC,GAAG,EAEf,MAAM,QACN,QAAQ,EAAE,CAAC,EACX,SAAS,EAAE,UAAU,CACnB,MAAM,CAAC,MAAM,EACb,OAAO,IAAI,WAAW,KAAK,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CACxD,EACD,OAAO,EAAE,GAAG,EAAE;wCACZ,YAAY,CAAC,QAAQ,CAAC,EAAE,MAAM,EAAE,KAAgB,EAAE,CAAC,CAAC;wCACpD,cAAc,CAAC,KAAgB,CAAC,CAAC;oCACnC,CAAC,YAED,KAAC,UAAU,IAAC,OAAO,EAAC,OAAO,EAAC,IAAI,EAAC,GAAG,YAClC,cAAK,SAAS,EAAE,GAAG,MAAM,CAAC,KAAK,CAAC,IAAI,MAAM,CAAC,MAAM,EAAE,GAAQ,GAChD,IAdR,KAAK,CAeL,CACR,CAAC,GACO,IACN,EAEP,MAAC,IAAI,IAAC,UAAU,EAAC,SAAS,EAAC,QAAQ,EAAC,QAAQ,EAAC,SAAS,QAAC,QAAQ,EAAC,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAC,GAAG,EAAC,IAAI,aACzF,KAAC,IAAI,IAAC,WAAW,EAAC,iBAAiB,EAAC,QAAQ,EAAE,CAAC,EAAE,YAAY,EAAC,gBAAgB,wBAEvE,EACP,KAAC,QAAQ,IAAC,QAAQ,EAAE,CAAC,EAAE,QAAQ,kBAC5B,YAAY,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CAC1C,KAAC,IAAI,IACH,WAAW,EAAC,GAAG,EAEf,MAAM,QACN,QAAQ,EAAE,CAAC,EACX,SAAS,EAAE,UAAU,CACnB,MAAM,CAAC,MAAM,EACb,OAAO,IAAI,YAAY,KAAK,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CACzD,EACD,OAAO,EAAE,GAAG,EAAE;wCACZ,YAAY,CAAC,QAAQ,CAAC,EAAE,OAAO,EAAE,KAAqB,EAAE,CAAC,CAAC;wCAC1D,eAAe,CAAC,KAAqB,CAAC,CAAC;oCACzC,CAAC,YAED,KAAC,UAAU,IAAC,OAAO,EAAC,OAAO,EAAC,IAAI,EAAC,GAAG,YAClC,cAAK,SAAS,EAAE,GAAG,MAAM,CAAC,KAAK,CAAC,IAAI,MAAM,CAAC,MAAM,EAAE,GAAQ,GAChD,IAdR,KAAK,CAeL,CACR,CAAC,GACO,IACN,IACA,EAET,MAAC,MAAM,IAAC,SAAS,QAAC,UAAU,EAAC,IAAI,EAAC,WAAW,EAAC,IAAI,EAAC,GAAG,EAAC,GAAG,aACxD,KAAC,IAAI,IAAC,OAAO,EAAC,kBAAkB,EAAC,YAAY,EAAC,gBAAgB,4BAEvD,EACP,KAAC,IAAI,IAAC,OAAO,EAAC,gBAAgB,EAAC,YAAY,EAAC,cAAc,iEAEnD,IACA,EACT,MAAC,MAAM,IAAC,SAAS,QAAC,MAAM,EAAC,sBAAsB,EAAC,MAAM,EAAC,KAAK,aAC1D,MAAC,IAAI,IACH,YAAY,EAAC,sBAAsB,EACnC,UAAU,EAAC,SAAS,EACpB,QAAQ,EAAC,QAAQ,EACjB,SAAS,QACT,QAAQ,EAAC,IAAI,EACb,QAAQ,EAAC,IAAI,EACb,GAAG,EAAC,IAAI,aAER,KAAC,IAAI,IAAC,OAAO,EAAC,iBAAiB,EAAC,YAAY,EAAC,gBAAgB,sBAAa,EAC1E,KAAC,gBAAgB,IACf,QAAQ,EAAE,EAAE,EACZ,QAAQ,EAAE,CAAC,EACX,OAAO,EAAE;oCACP;wCACE,IAAI,EAAE,GAAG;wCACT,KAAK,EAAE,CACL,MAAC,IAAI,IAAC,QAAQ,EAAC,QAAQ,EAAC,GAAG,EAAC,IAAI,aAC9B,KAAC,IAAI,kBACQ,OAAO,EAClB,MAAM,EAAC,cAAc,EACrB,KAAK,EAAC,YAAY,EAClB,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,MAAM,EAAC,GAAG,GACV,aAEG,CACR;wCACD,KAAK,EAAE,OAAO;qCACf;oCACD;wCACE,IAAI,EAAE,GAAG;wCACT,KAAK,EAAE,CACL,MAAC,IAAI,IAAC,QAAQ,EAAC,QAAQ,EAAC,GAAG,EAAC,IAAI,aAC9B,KAAC,IAAI,kBACQ,SAAS,EACpB,MAAM,EAAC,cAAc,EACrB,KAAK,EAAC,cAAc,EACpB,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,MAAM,EAAC,GAAG,GACV,eAEG,CACR;wCACD,KAAK,EAAE,SAAS;qCACjB;oCACD;wCACE,IAAI,EAAE,GAAG;wCACT,KAAK,EAAE,CACL,MAAC,IAAI,IAAC,QAAQ,EAAC,QAAQ,EAAC,GAAG,EAAC,IAAI,aAC9B,KAAC,IAAI,kBACQ,UAAU,EACrB,MAAM,EAAC,cAAc,EACrB,KAAK,EAAC,cAAc,EACpB,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,MAAM,EAAC,GAAG,GACV,gBAEG,CACR;wCACD,KAAK,EAAE,UAAU;qCAClB;iCACF,EACD,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;oCAClB,YAAY,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,KAAkB,EAAE,CAAC,CAAC;oCACrD,aAAa,CAAC,KAAkB,CAAC,CAAC;oCAClC,YAAY,CAAC,OAAO,CAAC,YAAY,EAAE,KAAK,CAAC,CAAC;gCAC5C,CAAC,EACD,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,EAC1C,eAAe,EAAC,UAAU,GAC1B,IACG,EACP,MAAC,IAAI,IAAC,UAAU,EAAC,SAAS,EAAC,QAAQ,EAAC,QAAQ,EAAC,SAAS,QAAC,QAAQ,EAAC,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAC,GAAG,EAAC,IAAI,aACzF,KAAC,IAAI,IAAC,OAAO,EAAC,iBAAiB,EAAC,YAAY,EAAC,gBAAgB,uBAAc,EAC3E,KAAC,gBAAgB,IACf,QAAQ,EAAE,EAAE,EACZ,QAAQ,EAAE,CAAC,EACX,OAAO,EAAE;oCACP;wCACE,IAAI,EAAE,GAAG;wCACT,KAAK,EAAE,CACL,MAAC,IAAI,IAAC,QAAQ,EAAC,QAAQ,EAAC,GAAG,EAAC,IAAI,aAC9B,KAAC,IAAI,IACH,MAAM,EAAC,cAAc,EACrB,KAAK,EAAC,YAAY,EAClB,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,MAAM,EAAC,GAAG,GACV,YAEG,CACR;wCACD,KAAK,EAAE,MAAM;qCACd;oCACD;wCACE,IAAI,EAAE,GAAG;wCACT,KAAK,EAAE,CACL,MAAC,IAAI,IAAC,QAAQ,EAAC,QAAQ,EAAC,GAAG,EAAC,IAAI,aAC9B,KAAC,IAAI,IACH,MAAM,EAAC,cAAc,EACrB,KAAK,EAAE;wDACL,SAAS,EACP,0FAA0F;qDAC7F,EACD,KAAK,EAAC,YAAY,EAClB,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,MAAM,EAAC,GAAG,GACV,eAEG,CACR;wCACD,KAAK,EAAE,SAAS;qCACjB;iCACF,EACD,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;oCAClB,YAAY,CAAC,QAAQ,CAAC,EAAE,UAAU,EAAE,KAAmB,EAAE,CAAC,CAAC;oCAC3D,kBAAkB,CAAC,KAAmB,CAAC,CAAC;oCACxC,YAAY,CAAC,OAAO,CAAC,kBAAkB,EAAE,KAAK,CAAC,CAAC;gCAClD,CAAC,EACD,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,SAAS,EAC/C,eAAe,EAAC,MAAM,GACtB,IACG,IACA,EACT,MAAC,MAAM,IAAC,SAAS,QAAC,UAAU,EAAC,IAAI,EAAC,WAAW,EAAC,IAAI,EAAC,GAAG,EAAC,GAAG,aACxD,KAAC,IAAI,IAAC,OAAO,EAAC,kBAAkB,EAAC,YAAY,EAAC,gBAAgB,yBAEvD,EACP,KAAC,IAAI,IAAC,OAAO,EAAC,gBAAgB,EAAC,YAAY,EAAC,cAAc,mDAEnD,IACA,EACT,MAAC,MAAM,IAAC,SAAS,QAAC,MAAM,EAAC,sBAAsB,EAAC,MAAM,EAAC,KAAK,aAC1D,MAAC,IAAI,IACH,YAAY,EAAC,sBAAsB,EACnC,UAAU,EAAC,SAAS,EACpB,QAAQ,EAAC,QAAQ,EACjB,SAAS,QACT,QAAQ,EAAC,IAAI,EACb,QAAQ,EAAC,IAAI,EACb,GAAG,EAAC,IAAI,aAER,KAAC,IAAI,IAAC,OAAO,EAAC,iBAAiB,EAAC,YAAY,EAAC,gBAAgB,wBAAe,EAC5E,KAAC,gBAAgB,IACf,QAAQ,EAAE,EAAE,EACZ,QAAQ,EAAE,CAAC,EACX,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;oCAClB,YAAY,CAAC,QAAQ,CAAC,EAAE,OAAO,EAAE,KAAqB,EAAE,CAAC,CAAC;oCAC1D,eAAe,CAAC,KAAqB,CAAC,CAAC;gCACzC,CAAC,EACD,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS,EAC5C,eAAe,EAAC,QAAQ,EACxB,OAAO,EAAE;oCACP;wCACE,IAAI,EAAE,GAAG;wCACT,KAAK,EAAE,QAAQ;wCACf,KAAK,EAAE,QAAQ;qCAChB;oCACD;wCACE,IAAI,EAAE,GAAG;wCACT,KAAK,EAAE,aAAa;wCACpB,KAAK,EAAE,aAAa;qCACrB;iCACF,GACD,IACG,EACP,MAAC,IAAI,IACH,YAAY,EAAC,sBAAsB,EACnC,UAAU,EAAC,SAAS,EACpB,QAAQ,EAAC,QAAQ,EACjB,SAAS,QACT,QAAQ,EAAC,IAAI,EACb,QAAQ,EAAC,IAAI,EACb,GAAG,EAAC,IAAI,aAER,KAAC,IAAI,IAAC,OAAO,EAAC,iBAAiB,EAAC,YAAY,EAAC,gBAAgB,wBAAe,EAC5E,KAAC,gBAAgB,IACf,QAAQ,EAAE,EAAE,EACZ,QAAQ,EAAE,CAAC,EACX,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;oCAClB,YAAY,CAAC,QAAQ,CAAC,EAAE,OAAO,EAAE,KAAoB,EAAE,CAAC,CAAC;oCACzD,eAAe,CAAC,KAAoB,CAAC,CAAC;gCACxC,CAAC,EACD,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS,EAC5C,eAAe,EAAC,KAAK,EACrB,OAAO,EAAE;oCACP;wCACE,IAAI,EAAE,GAAG;wCACT,KAAK,EAAE,IAAI;wCACX,KAAK,EAAE,IAAI;qCACZ;oCACD;wCACE,IAAI,EAAE,GAAG;wCACT,KAAK,EAAE,IAAI;wCACX,KAAK,EAAE,IAAI;qCACZ;oCACD;wCACE,IAAI,EAAE,GAAG;wCACT,KAAK,EAAE,KAAK;wCACZ,KAAK,EAAE,KAAK;qCACb;oCACD;wCACE,IAAI,EAAE,GAAG;wCACT,KAAK,EAAE,KAAK;wCACZ,KAAK,EAAE,KAAK;qCACb;oCACD;wCACE,IAAI,EAAE,GAAG;wCACT,KAAK,EAAE,KAAK;wCACZ,KAAK,EAAE,KAAK;qCACb;iCACF,GACD,IACG,EACP,MAAC,IAAI,IACH,YAAY,EAAC,sBAAsB,EACnC,UAAU,EAAC,SAAS,EACpB,QAAQ,EAAC,QAAQ,EACjB,SAAS,QACT,QAAQ,EAAC,IAAI,EACb,QAAQ,EAAC,IAAI,EACb,GAAG,EAAC,IAAI,aAER,KAAC,IAAI,IAAC,OAAO,EAAC,iBAAiB,EAAC,YAAY,EAAC,gBAAgB,2BAAkB,EAC/E,KAAC,gBAAgB,IACf,QAAQ,EAAE,EAAE,EACZ,QAAQ,EAAE,CAAC,EACX,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;oCAClB,eAAe,CAAC,EAAE,IAAI,EAAE,KAAkB,EAAE,CAAC,CAAC;oCAC9C,iBAAiB,CAAC,KAAkB,CAAC,CAAC;gCACxC,CAAC,EACD,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,SAAS,EAC9C,eAAe,EAAC,aAAa,EAC7B,OAAO,EAAE;oCACP;wCACE,IAAI,EAAE,GAAG;wCACT,KAAK,EAAE,aAAa;wCACpB,KAAK,EAAE,aAAa;qCACrB;oCACD;wCACE,IAAI,EAAE,GAAG;wCACT,KAAK,EAAE,WAAW;wCAClB,KAAK,EAAE,WAAW;qCACnB;oCACD;wCACE,IAAI,EAAE,GAAG;wCACT,KAAK,EAAE,YAAY;wCACnB,KAAK,EAAE,YAAY;qCACpB;iCACF,GACD,IACG,EACP,MAAC,IAAI,IAAC,UAAU,EAAC,SAAS,EAAC,QAAQ,EAAC,QAAQ,EAAC,SAAS,QAAC,QAAQ,EAAC,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAC,GAAG,EAAC,IAAI,aACzF,KAAC,IAAI,IAAC,OAAO,EAAC,iBAAiB,EAAC,YAAY,EAAC,gBAAgB,2BAAkB,EAC/E,KAAC,gBAAgB,IACf,QAAQ,EAAE,EAAE,EACZ,QAAQ,EAAE,CAAC,EACX,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;oCAClB,YAAY,CAAC,QAAQ,CAAC,EAAE,UAAU,EAAE,KAAwB,EAAE,CAAC,CAAC;oCAChE,kBAAkB,CAAC,KAAwB,CAAC,CAAC;gCAC/C,CAAC,EACD,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,SAAS,EAC/C,eAAe,EAAC,KAAK,EACrB,OAAO,EAAE;oCACP;wCACE,IAAI,EAAE,GAAG;wCACT,KAAK,EAAE,KAAK;wCACZ,KAAK,EAAE,KAAK;qCACb;oCACD;wCACE,IAAI,EAAE,GAAG;wCACT,KAAK,EAAE,OAAO;wCACd,KAAK,EAAE,OAAO;qCACf;oCACD;wCACE,IAAI,EAAE,GAAG;wCACT,KAAK,EAAE,OAAO;wCACd,KAAK,EAAE,OAAO;qCACf;oCACD;wCACE,IAAI,EAAE,GAAG;wCACT,KAAK,EAAE,MAAM;wCACb,KAAK,EAAE,MAAM;qCACd;iCACF,GACD,IACG,IACA,IACF,CACV,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC;AACtC,OAAO,EAAE,UAAU,EAAE,CAAC"}
@@ -4,6 +4,7 @@ interface TextareaProps extends TextareaHTMLAttributes<HTMLTextAreaElement> {
4
4
  label?: string;
5
5
  placeholder?: string;
6
6
  lines?: number | "auto";
7
+ height?: "xs" | "s" | "m" | "l" | "xl";
7
8
  error?: boolean;
8
9
  errorMessage?: ReactNode;
9
10
  description?: ReactNode;
@@ -14,6 +15,7 @@ interface TextareaProps extends TextareaHTMLAttributes<HTMLTextAreaElement> {
14
15
  characterCount?: boolean;
15
16
  resize?: "horizontal" | "vertical" | "both" | "none";
16
17
  validate?: (value: ReactNode) => ReactNode | null;
18
+ disabled?: boolean;
17
19
  }
18
20
  declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
19
21
  export { Textarea };
@@ -1 +1 @@
1
- {"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../src/components/Textarea.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAIZ,sBAAsB,EAEtB,SAAS,EACV,MAAM,OAAO,CAAC;AAMf,UAAU,aAAc,SAAQ,sBAAsB,CAAC,mBAAmB,CAAC;IACzE,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,MAAM,CAAC,EACH,MAAM,GACN,KAAK,GACL,OAAO,GACP,QAAQ,GACR,MAAM,GACN,UAAU,GACV,WAAW,GACX,cAAc,GACd,aAAa,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,MAAM,CAAC,EAAE,YAAY,GAAG,UAAU,GAAG,MAAM,GAAG,MAAM,CAAC;IACrD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,SAAS,GAAG,IAAI,CAAC;CACnD;AAED,QAAA,MAAM,QAAQ,2FA+Mb,CAAC;AAIF,OAAO,EAAE,QAAQ,EAAE,CAAC;AACpB,YAAY,EAAE,aAAa,EAAE,CAAC"}
1
+ {"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../src/components/Textarea.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAIZ,sBAAsB,EAEtB,SAAS,EACV,MAAM,OAAO,CAAC;AAMf,UAAU,aAAc,SAAQ,sBAAsB,CAAC,mBAAmB,CAAC;IACzE,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,CAAC;IACvC,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,MAAM,CAAC,EACH,MAAM,GACN,KAAK,GACL,OAAO,GACP,QAAQ,GACR,MAAM,GACN,UAAU,GACV,WAAW,GACX,cAAc,GACd,aAAa,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,MAAM,CAAC,EAAE,YAAY,GAAG,UAAU,GAAG,MAAM,GAAG,MAAM,CAAC;IACrD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,SAAS,GAAG,IAAI,CAAC;IAClD,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,QAAA,MAAM,QAAQ,2FAgOb,CAAC;AAIF,OAAO,EAAE,QAAQ,EAAE,CAAC;AACpB,YAAY,EAAE,aAAa,EAAE,CAAC"}
@@ -5,17 +5,18 @@ import classNames from "classnames";
5
5
  import { Column, Row, Text } from ".";
6
6
  import styles from "./Input.module.scss";
7
7
  import { useDebounce } from "../hooks/useDebounce";
8
- const Textarea = forwardRef(({ id, label, placeholder, lines = 3, error = false, errorMessage, description, radius, className, hasPrefix, hasSuffix, characterCount, resize = "vertical", validate, children, onFocus, onBlur, onChange, style, ...props }, ref) => {
8
+ const Textarea = forwardRef(({ id, label, placeholder, lines = 3, height = "m", error = false, errorMessage, description, radius, className, hasPrefix, hasSuffix, characterCount, resize = "vertical", validate, disabled = false, children, onFocus, onBlur, onChange, style, ...props }, ref) => {
9
9
  const [isFocused, setIsFocused] = useState(false);
10
10
  const [isFilled, setIsFilled] = useState(!!props.value);
11
11
  const [validationError, setValidationError] = useState(null);
12
- const [height, setHeight] = useState(undefined);
13
12
  const textareaRef = React.useRef(null);
14
13
  const debouncedValue = useDebounce(props.value, 1000);
15
14
  const adjustHeight = () => {
16
15
  if (textareaRef.current) {
16
+ const scrollY = window.scrollY;
17
17
  textareaRef.current.style.height = "auto";
18
- textareaRef.current.style.height = `${textareaRef.current.scrollHeight}px`; // Set to scroll height
18
+ textareaRef.current.style.height = `${textareaRef.current.scrollHeight}px`;
19
+ window.scrollTo({ top: scrollY });
19
20
  }
20
21
  };
21
22
  const handleChange = (event) => {
@@ -57,13 +58,23 @@ const Textarea = forwardRef(({ id, label, placeholder, lines = 3, error = false,
57
58
  useEffect(() => {
58
59
  validateInput();
59
60
  }, [debouncedValue, validateInput]);
61
+ useEffect(() => {
62
+ setIsFilled(!!props.value);
63
+ }, [props.value]);
60
64
  useEffect(() => {
61
65
  if (lines === "auto") {
62
66
  adjustHeight();
63
67
  }
64
68
  }, [props.value, lines]);
65
69
  const displayError = validationError || errorMessage;
66
- const textareaClassNames = classNames(styles.input, styles.textarea, "font-body", "font-default", "font-m", {
70
+ const fontSizeMap = {
71
+ xs: "font-s",
72
+ s: "font-s",
73
+ m: "font-m",
74
+ l: "font-l",
75
+ xl: "font-xl",
76
+ };
77
+ const textareaClassNames = classNames(styles.input, styles.textarea, "font-body", "font-default", fontSizeMap[height], {
67
78
  [styles.filled]: isFilled,
68
79
  [styles.focused]: isFocused,
69
80
  [styles.withPrefix]: hasPrefix,
@@ -73,7 +84,7 @@ const Textarea = forwardRef(({ id, label, placeholder, lines = 3, error = false,
73
84
  });
74
85
  return (_jsxs(Column, { gap: "8", fillWidth: true, fitHeight: true, className: classNames(className, {
75
86
  [styles.error]: displayError && debouncedValue !== "",
76
- }), children: [_jsxs(Row, { minHeight: placeholder ? "48" : "56", transition: "micro-medium", border: "neutral-medium", background: "neutral-alpha-weak", overflow: "hidden", vertical: "stretch", className: classNames(styles.base, lines !== "auto" && resize !== "none" && styles.textareaBase, radius === "none" ? "radius-none" : radius ? `radius-l-${radius}` : "radius-l"), children: [hasPrefix && (_jsx(Row, { paddingLeft: "12", className: styles.prefix, children: hasPrefix })), _jsxs(Column, { fillWidth: true, children: [_jsx("textarea", { ...props, ref: (node) => {
87
+ }), children: [_jsxs(Row, { minHeight: placeholder ? "48" : "56", transition: "micro-medium", border: "neutral-medium", background: "neutral-alpha-weak", overflow: "hidden", vertical: "stretch", className: classNames(styles.base, height && styles[height], lines !== "auto" && resize !== "none" && styles.textareaBase, radius === "none" ? "radius-none" : radius ? `radius-l-${radius}` : "radius-l"), children: [hasPrefix && (_jsx(Row, { paddingLeft: "12", className: styles.prefix, children: hasPrefix })), _jsxs(Column, { fillWidth: true, children: [_jsx("textarea", { ...props, ref: (node) => {
77
88
  if (typeof ref === "function") {
78
89
  ref(node);
79
90
  }
@@ -82,17 +93,16 @@ const Textarea = forwardRef(({ id, label, placeholder, lines = 3, error = false,
82
93
  }
83
94
  // @ts-ignore
84
95
  textareaRef.current = node;
85
- }, id: id, rows: typeof lines === "number" ? lines : 1, placeholder: placeholder, onFocus: handleFocus, onBlur: handleBlur, className: textareaClassNames + " scrollbar-minimal", "aria-describedby": displayError ? `${id}-error` : undefined, "aria-invalid": !!displayError, style: {
96
+ }, id: id, rows: typeof lines === "number" ? lines : 1, placeholder: placeholder, disabled: disabled, onFocus: handleFocus, onBlur: handleBlur, className: textareaClassNames + " scrollbar-minimal", "aria-describedby": displayError ? `${id}-error` : undefined, "aria-invalid": !!displayError, style: {
86
97
  ...style,
87
98
  resize: lines === "auto" ? "none" : resize,
88
- height: height ? `${height}rem` : "auto",
89
99
  }, onChange: handleChange }), !placeholder && (_jsx(Text, { as: "label", variant: "label-default-m", htmlFor: id, className: classNames(styles.label, styles.textareaLabel, {
90
100
  [styles.floating]: isFocused || isFilled,
91
- }), children: label })), children, characterCount && props.maxLength && (_jsx(Row, { fillWidth: true, paddingLeft: "16", paddingY: "8", className: styles.suffix, children: _jsx(Text, { variant: "label-default-s", onBackground: props.maxLength - String(props.value || '').length <= 5
92
- ? "danger-weak"
93
- : props.maxLength - String(props.value || '').length <= 10
94
- ? "warning-weak"
95
- : "neutral-weak", children: props.maxLength - String(props.value || '').length }) }))] }), hasSuffix && (_jsx(Row, { paddingRight: "12", className: styles.suffix, children: hasSuffix }))] }), displayError && errorMessage !== false && (_jsx(Row, { paddingX: "16", id: `${id}-error`, textVariant: "body-default-s", onBackground: "danger-weak", children: displayError })), description && (_jsx(Row, { paddingX: "16", id: `${id}-description`, textVariant: "body-default-s", onBackground: "neutral-weak", children: description }))] }));
101
+ }), children: label })), children] })] }), characterCount && props.maxLength && (_jsx(Row, { paddingLeft: "16", paddingY: "8", className: styles.suffix, position: "static", children: _jsx(Text, { variant: "label-default-s", onBackground: props.maxLength - String(props.value || '').length <= 5
102
+ ? "danger-weak"
103
+ : props.maxLength - String(props.value || '').length <= 10
104
+ ? "warning-weak"
105
+ : "neutral-weak", children: props.maxLength - String(props.value || '').length }) })), hasSuffix && (_jsx(Row, { paddingRight: "12", className: styles.suffix, children: hasSuffix })), displayError && errorMessage !== false && (_jsx(Row, { paddingX: "16", id: `${id}-error`, textVariant: "body-default-s", onBackground: "danger-weak", children: displayError })), description && (_jsx(Row, { paddingX: "16", id: `${id}-description`, textVariant: "body-default-s", onBackground: "neutral-weak", children: description }))] }));
96
106
  });
97
107
  Textarea.displayName = "Textarea";
98
108
  export { Textarea };
@@ -1 +1 @@
1
- {"version":3,"file":"Textarea.js","sourceRoot":"","sources":["../../src/components/Textarea.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Textarea.js","sourceRoot":"","sources":["../../src/components/Textarea.tsx"],"names":[],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"ThemeInit.d.ts","sourceRoot":"","sources":["../../src/components/ThemeInit.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,UAAU,WAAW;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,MAAM,CAAC;IACtB,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,UAAU,cAAc;IACtB,MAAM,EAAE,WAAW,CAAC;CACrB;AAED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAiD9C,CAAC"}
1
+ {"version":3,"file":"ThemeInit.d.ts","sourceRoot":"","sources":["../../src/components/ThemeInit.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,UAAU,WAAW;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,MAAM,CAAC;IACtB,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,UAAU,cAAc;IACtB,MAAM,EAAE,WAAW,CAAC;CACrB;AAED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAgD9C,CAAC"}
@@ -1,46 +1,45 @@
1
1
  import { jsx as _jsx } from "react/jsx-runtime";
2
2
  export const ThemeInit = ({ config }) => {
3
3
  return (_jsx("script", { id: "theme-init", dangerouslySetInnerHTML: {
4
- __html: `
5
- (function() {
6
- try {
7
- const root = document.documentElement;
8
-
9
- // Set defaults from config
10
- const config = ${JSON.stringify(config)};
11
-
12
- // Apply default values
13
- Object.entries(config).forEach(([key, value]) => {
14
- root.setAttribute('data-' + key, value);
15
- });
16
-
17
- // Resolve theme
18
- const resolveTheme = (themeValue) => {
19
- if (!themeValue || themeValue === 'system') {
20
- return window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
21
- }
22
- return themeValue;
23
- };
24
-
25
- // Apply saved theme or use config default
26
- const savedTheme = localStorage.getItem('data-theme');
27
- // Only override with system preference if explicitly set to 'system'
28
- const resolvedTheme = savedTheme ? resolveTheme(savedTheme) : config.theme === 'system' ? resolveTheme(window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light') : config.theme;
29
- root.setAttribute('data-theme', resolvedTheme);
30
-
31
- // Apply any saved style overrides
32
- const styleKeys = Object.keys(config);
33
- styleKeys.forEach(key => {
34
- const value = localStorage.getItem('data-' + key);
35
- if (value) {
36
- root.setAttribute('data-' + key, value);
37
- }
38
- });
39
- } catch (e) {
40
- console.error('Failed to initialize theme:', e);
41
- document.documentElement.setAttribute('data-theme', 'dark');
42
- }
43
- })();
4
+ __html: `
5
+ (function() {
6
+ try {
7
+ const root = document.documentElement;
8
+ const config = ${JSON.stringify(config)};
9
+
10
+ // Apply config defaults FIRST (prevents FOUC)
11
+ Object.entries(config).forEach(([key, value]) => {
12
+ root.setAttribute('data-' + key, value);
13
+ });
14
+
15
+ const resolveTheme = (themeValue) => {
16
+ if (!themeValue || themeValue === 'system') {
17
+ return window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
18
+ }
19
+ return themeValue;
20
+ };
21
+
22
+ // Priority:
23
+ // 1. localStorage
24
+ // 2. config.theme
25
+ const savedTheme = localStorage.getItem('data-theme');
26
+ const finalTheme = savedTheme ?? config.theme;
27
+
28
+ root.setAttribute('data-theme', resolveTheme(finalTheme));
29
+
30
+ // Apply overrides AFTER theme
31
+ Object.keys(config).forEach(key => {
32
+ const value = localStorage.getItem('data-' + key);
33
+ if (value) {
34
+ root.setAttribute('data-' + key, value);
35
+ }
36
+ });
37
+
38
+ } catch (e) {
39
+ console.error('Failed to initialize theme:', e);
40
+ document.documentElement.setAttribute('data-theme', 'dark');
41
+ }
42
+ })();
44
43
  `,
45
44
  } }));
46
45
  };
@@ -1 +1 @@
1
- {"version":3,"file":"ThemeInit.js","sourceRoot":"","sources":["../../src/components/ThemeInit.tsx"],"names":[],"mappings":";AAoBA,MAAM,CAAC,MAAM,SAAS,GAA6B,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE;IAChE,OAAO,CACL,iBACE,EAAE,EAAC,YAAY,EACf,uBAAuB,EAAE;YACvB,MAAM,EAAE;;;;;;+BAMe,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;SAkC5C;SACF,GACD,CACH,CAAC;AACJ,CAAC,CAAC"}
1
+ {"version":3,"file":"ThemeInit.js","sourceRoot":"","sources":["../../src/components/ThemeInit.tsx"],"names":[],"mappings":";AAoBA,MAAM,CAAC,MAAM,SAAS,GAA6B,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE;IAChE,OAAO,CACL,iBACE,EAAE,EAAC,YAAY,EACf,uBAAuB,EAAE;YACvB,MAAM,EAAE;;;;+BAIe,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;SAmC5C;SACF,GACD,CACH,CAAC;AACJ,CAAC,CAAC"}
@@ -3,6 +3,7 @@ import { Flex } from ".";
3
3
  interface TiltFxProps extends React.ComponentProps<typeof Flex> {
4
4
  children: React.ReactNode;
5
5
  intensity?: number;
6
+ reducedMotion?: boolean | "auto";
6
7
  }
7
8
  declare const TiltFx: React.FC<TiltFxProps>;
8
9
  export { TiltFx };
@@ -1 +1 @@
1
- {"version":3,"file":"TiltFx.d.ts","sourceRoot":"","sources":["../../src/components/TiltFx.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAEtC,OAAO,EAAE,IAAI,EAAE,MAAM,GAAG,CAAC;AAEzB,UAAU,WAAY,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC;IAC7D,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CA4DjC,CAAC;AAEF,OAAO,EAAE,MAAM,EAAE,CAAC"}
1
+ {"version":3,"file":"TiltFx.d.ts","sourceRoot":"","sources":["../../src/components/TiltFx.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAEjD,OAAO,EAAE,IAAI,EAAE,MAAM,GAAG,CAAC;AAGzB,UAAU,WAAY,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC;IAC7D,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;CAClC;AAED,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CA+EjC,CAAC;AAEF,OAAO,EAAE,MAAM,EAAE,CAAC"}
@@ -1,20 +1,29 @@
1
1
  "use client";
2
2
  import { jsx as _jsx } from "react/jsx-runtime";
3
- import { useRef } from "react";
3
+ import { useEffect, useRef } from "react";
4
4
  import styles from "./TiltFx.module.scss";
5
5
  import { Flex } from ".";
6
- const TiltFx = ({ children, intensity = 1, ...rest }) => {
6
+ import { useReducedMotion } from "../hooks/useReducedMotion";
7
+ const TiltFx = ({ children, intensity = 1, reducedMotion = "auto", ...rest }) => {
7
8
  const ref = useRef(null);
8
- let lastCall = 0;
9
- let resetTimeout;
9
+ const lastCallRef = useRef(0);
10
+ const resetTimeoutRef = useRef(null);
11
+ const isTouchDeviceRef = useRef(false);
12
+ const { shouldAnimate } = useReducedMotion(reducedMotion);
13
+ useEffect(() => {
14
+ isTouchDeviceRef.current = "ontouchstart" in window;
15
+ }, []);
10
16
  const handleMouseMove = (e) => {
11
- if ("ontouchstart" in window)
17
+ if (isTouchDeviceRef.current || !shouldAnimate)
12
18
  return;
13
- clearTimeout(resetTimeout);
19
+ if (resetTimeoutRef.current) {
20
+ clearTimeout(resetTimeoutRef.current);
21
+ resetTimeoutRef.current = null;
22
+ }
14
23
  const now = Date.now();
15
- if (now - lastCall < 16)
24
+ if (now - lastCallRef.current < 16)
16
25
  return;
17
- lastCall = now;
26
+ lastCallRef.current = now;
18
27
  const element = ref.current;
19
28
  if (!element)
20
29
  return;
@@ -33,16 +42,24 @@ const TiltFx = ({ children, intensity = 1, ...rest }) => {
33
42
  });
34
43
  };
35
44
  const handleMouseLeave = () => {
36
- if ("ontouchstart" in window)
45
+ if (isTouchDeviceRef.current || !shouldAnimate)
37
46
  return;
38
47
  const element = ref.current;
39
48
  if (element) {
40
- resetTimeout = setTimeout(() => {
49
+ resetTimeoutRef.current = setTimeout(() => {
41
50
  element.style.transform =
42
51
  "perspective(1000px) translate3d(0, 0, 0) rotateX(0deg) rotateY(0deg)";
52
+ resetTimeoutRef.current = null;
43
53
  }, 100);
44
54
  }
45
55
  };
56
+ useEffect(() => {
57
+ return () => {
58
+ if (resetTimeoutRef.current) {
59
+ clearTimeout(resetTimeoutRef.current);
60
+ }
61
+ };
62
+ }, []);
46
63
  return (_jsx(Flex, { ref: ref, overflow: "hidden", className: styles.tiltFx, onMouseMove: handleMouseMove, onMouseLeave: handleMouseLeave, ...rest, children: children }));
47
64
  };
48
65
  export { TiltFx };
@@ -1 +1 @@
1
- {"version":3,"file":"TiltFx.js","sourceRoot":"","sources":["../../src/components/TiltFx.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAc,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,GAAG,CAAC;AAOzB,MAAM,MAAM,GAA0B,CAAC,EAAE,QAAQ,EAAE,SAAS,GAAG,CAAC,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IAC7E,MAAM,GAAG,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IACzC,IAAI,QAAQ,GAAG,CAAC,CAAC;IACjB,IAAI,YAA4B,CAAC;IAEjC,MAAM,eAAe,GAAG,CAAC,CAAmC,EAAE,EAAE;QAC9D,IAAI,cAAc,IAAI,MAAM;YAAE,OAAO;QAErC,YAAY,CAAC,YAAY,CAAC,CAAC;QAE3B,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC;QACvB,IAAI,GAAG,GAAG,QAAQ,GAAG,EAAE;YAAE,OAAO;QAChC,QAAQ,GAAG,GAAG,CAAC;QAEf,MAAM,OAAO,GAAG,GAAG,CAAC,OAAO,CAAC;QAC5B,IAAI,CAAC,OAAO;YAAE,OAAO;QAErB,MAAM,IAAI,GAAG,OAAO,CAAC,qBAAqB,EAAE,CAAC;QAC7C,MAAM,OAAO,GAAG,CAAC,CAAC,OAAO,GAAG,IAAI,CAAC,IAAI,CAAC;QACtC,MAAM,OAAO,GAAG,CAAC,CAAC,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC;QAErC,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC;QAC/B,MAAM,OAAO,GAAG,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC;QAEhC,MAAM,MAAM,GAAG,CAAC,OAAO,GAAG,OAAO,CAAC,GAAG,OAAO,CAAC;QAC7C,MAAM,MAAM,GAAG,CAAC,OAAO,GAAG,OAAO,CAAC,GAAG,OAAO,CAAC;QAE7C,MAAM,OAAO,GAAG,CAAC,MAAM,GAAG,CAAC,GAAG,SAAS,CAAC;QACxC,MAAM,OAAO,GAAG,CAAC,MAAM,GAAG,CAAC,GAAG,SAAS,CAAC;QACxC,MAAM,UAAU,GAAG,EAAE,GAAG,SAAS,CAAC;QAElC,MAAM,CAAC,qBAAqB,CAAC,GAAG,EAAE;YAChC,OAAO,CAAC,KAAK,CAAC,SAAS,GAAG,yCAAyC,UAAU,eAAe,OAAO,gBAAgB,OAAO,MAAM,CAAC;QACnI,CAAC,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,MAAM,gBAAgB,GAAG,GAAG,EAAE;QAC5B,IAAI,cAAc,IAAI,MAAM;YAAE,OAAO;QAErC,MAAM,OAAO,GAAG,GAAG,CAAC,OAAO,CAAC;QAC5B,IAAI,OAAO,EAAE,CAAC;YACZ,YAAY,GAAG,UAAU,CAAC,GAAG,EAAE;gBAC7B,OAAO,CAAC,KAAK,CAAC,SAAS;oBACrB,sEAAsE,CAAC;YAC3E,CAAC,EAAE,GAAG,CAAC,CAAC;QACV,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,IAAI,IACH,GAAG,EAAE,GAAG,EACR,QAAQ,EAAC,QAAQ,EACjB,SAAS,EAAE,MAAM,CAAC,MAAM,EACxB,WAAW,EAAE,eAAe,EAC5B,YAAY,EAAE,gBAAgB,KAC1B,IAAI,YAEP,QAAQ,GACJ,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAE,MAAM,EAAE,CAAC;AAClB,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAC"}
1
+ {"version":3,"file":"TiltFx.js","sourceRoot":"","sources":["../../src/components/TiltFx.tsx"],"names":[],"mappings":"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"}
@@ -8,7 +8,7 @@ export interface TimelineItem {
8
8
  marker?: React.ReactNode;
9
9
  children?: React.ReactNode;
10
10
  }
11
- interface TimelineProps extends Omit<React.ComponentProps<typeof Flex>, 'children'> {
11
+ interface TimelineProps extends Omit<React.ComponentProps<typeof Flex>, "children"> {
12
12
  items: TimelineItem[];
13
13
  alignment?: "left" | "right";
14
14
  size?: TShirtSizes;
@@ -1 +1 @@
1
- {"version":3,"file":"Timeline.d.ts","sourceRoot":"","sources":["../../src/components/Timeline.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAU,IAAI,EAAc,MAAM,GAAG,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAEtC,MAAM,WAAW,YAAY;IAC3B,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,KAAK,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,QAAQ,CAAC;IACpD,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,UAAU,aAAc,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,EAAE,UAAU,CAAC;IACjF,KAAK,EAAE,YAAY,EAAE,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC7B,IAAI,CAAC,EAAE,WAAW,CAAC;CACpB;AAED,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA4GrC,CAAC;AAIF,OAAO,EAAE,QAAQ,EAAE,CAAC"}
1
+ {"version":3,"file":"Timeline.d.ts","sourceRoot":"","sources":["../../src/components/Timeline.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAU,IAAI,EAAc,MAAM,GAAG,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAEtC,MAAM,WAAW,YAAY;IAC3B,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,KAAK,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,QAAQ,CAAC;IACpD,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,UAAU,aAAc,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,EAAE,UAAU,CAAC;IACjF,KAAK,EAAE,YAAY,EAAE,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC7B,IAAI,CAAC,EAAE,WAAW,CAAC;CACpB;AAED,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAkLrC,CAAC;AAIF,OAAO,EAAE,QAAQ,EAAE,CAAC"}
@@ -5,22 +5,66 @@ const Timeline = ({ items, alignment = "left", size = "m", ...flex }) => {
5
5
  // Helper to get color variable for state
6
6
  const getStateColor = (state) => {
7
7
  switch (state) {
8
- case "active": return "var(--brand-solid-strong)";
9
- case "success": return "var(--success-solid-strong)";
10
- case "danger": return "var(--danger-solid-strong)";
11
- default: return "var(--neutral-solid-strong)";
8
+ case "active":
9
+ return "var(--brand-solid-strong)";
10
+ case "success":
11
+ return "var(--success-solid-strong)";
12
+ case "danger":
13
+ return "var(--danger-solid-strong)";
14
+ default:
15
+ return "var(--neutral-solid-strong)";
12
16
  }
13
17
  };
18
+ const dimensionSize = size === "xs" ? "8" : size === "s" ? "24" : size === "m" ? "32" : size === "l" ? "40" : "48";
19
+ const topOffset = size === "xs" ? "20" : size === "s" ? "12" : size === "m" ? "8" : size === "l" ? "4" : "0";
14
20
  return (_jsx(Column, { ...flex, children: items.map((item, index) => {
15
21
  const state = item.state || "default";
16
- const nextState = index < items.length - 1 ? (items[index + 1].state || "default") : state;
22
+ const nextState = index < items.length - 1 ? items[index + 1].state || "default" : state;
17
23
  const currentColor = getStateColor(state);
18
24
  const nextColor = getStateColor(nextState);
19
25
  const isHorizontal = flex.direction === "row";
20
26
  const gradientToNext = isHorizontal
21
27
  ? `linear-gradient(to right, ${currentColor}, ${nextColor})`
22
28
  : `linear-gradient(to bottom, ${currentColor}, ${nextColor})`;
23
- return (_jsxs(Flex, { direction: isHorizontal ? "column" : alignment === "right" ? "row-reverse" : undefined, fillWidth: true, children: [_jsxs(Column, { fillWidth: true, horizontal: "center", marginTop: isHorizontal ? undefined : index === 0 ? (size === "xl" ? "8" : size === "l" ? "12" : size === "m" ? "16" : size === "s" ? "20" : "16") : undefined, vertical: isHorizontal ? "center" : undefined, direction: isHorizontal ? "row" : "column", minWidth: !isHorizontal ? (size === "xs" ? "8" : size === "s" ? "24" : size === "m" ? "32" : size === "l" ? "40" : "48") : undefined, maxWidth: !isHorizontal ? (size === "xs" ? "8" : size === "s" ? "24" : size === "m" ? "32" : size === "l" ? "40" : "48") : undefined, children: [index !== 0 && (_jsx(Line, { vert: !isHorizontal, background: undefined, solid: state === "active" ? "brand-strong" : state === "success" ? "success-strong" : state === "danger" ? "danger-strong" : "neutral-strong", minHeight: flex.direction === "row" ? undefined : "8", maxHeight: flex.direction === "row" ? undefined : "8" })), _jsx(Flex, { fillWidth: true, center: true, radius: "full", solid: state === "active" ? "brand-strong" : state === "success" ? "success-strong" : state === "danger" ? "danger-strong" : undefined, background: state === "default" ? "neutral-weak" : undefined, border: state === "success" ? "success-strong" : state === "danger" ? "danger-strong" : state === "active" ? "brand-strong" : "neutral-strong", minHeight: size === "xs" ? "8" : size === "s" ? "24" : size === "m" ? "32" : size === "l" ? "40" : "48", maxHeight: size === "xs" ? "8" : size === "s" ? "24" : size === "m" ? "32" : size === "l" ? "40" : "48", minWidth: size === "xs" ? "8" : size === "s" ? "24" : size === "m" ? "32" : size === "l" ? "40" : "48", maxWidth: size === "xs" ? "8" : size === "s" ? "24" : size === "m" ? "32" : size === "l" ? "40" : "48", children: item.marker && (_jsx(Flex, { center: true, onSolid: state === "active" ? "brand-strong" : state === "success" ? "success-strong" : state === "danger" ? "danger-strong" : undefined, onBackground: state === "default" ? "neutral-weak" : undefined, textVariant: "label-default-m", children: item.marker })) }), index !== items.length - 1 && (_jsx(Line, { vert: !isHorizontal, background: undefined, style: { background: gradientToNext } }))] }), _jsx(Column, { fillWidth: true, paddingX: "20", paddingTop: "12", paddingBottom: "24", horizontal: isHorizontal && index === 0 ? "start" : isHorizontal && index === items.length - 1 ? "end" : isHorizontal ? "center" : undefined, align: isHorizontal && index === 0 ? "left" : isHorizontal && index === items.length - 1 ? "right" : isHorizontal ? "center" : alignment === "right" ? "right" : undefined, gap: "2", children: _jsxs(_Fragment, { children: [item.label && (_jsx(Text, { variant: "label-default-m", onBackground: state === "danger" ? "danger-weak" : undefined, children: item.label })), item.description && (_jsx(Text, { variant: "body-default-s", onBackground: state === "danger" ? "danger-weak" : "neutral-weak", children: item.description })), item.children] }) })] }, index));
29
+ return (_jsxs(Flex, { direction: isHorizontal ? "column" : alignment === "right" ? "row-reverse" : undefined, fillWidth: true, children: [_jsxs(Column, { fillWidth: true, horizontal: "center", marginTop: isHorizontal ? undefined : index === 0 ? topOffset : undefined, paddingLeft: isHorizontal && index === 0 ? "20" : undefined, paddingRight: isHorizontal && index === items.length - 1 ? "20" : undefined, vertical: isHorizontal ? "center" : undefined, direction: isHorizontal ? "row" : "column", minWidth: !isHorizontal ? dimensionSize : undefined, maxWidth: !isHorizontal ? dimensionSize : undefined, children: [index !== 0 && (_jsx(Line, { vert: !isHorizontal, background: undefined, solid: state === "active"
30
+ ? "brand-strong"
31
+ : state === "success"
32
+ ? "success-strong"
33
+ : state === "danger"
34
+ ? "danger-strong"
35
+ : "neutral-strong", minHeight: isHorizontal ? undefined : topOffset, maxHeight: isHorizontal ? undefined : topOffset })), _jsx(Flex, { fillWidth: true, center: true, radius: "full", solid: state === "active"
36
+ ? "brand-strong"
37
+ : state === "success"
38
+ ? "success-strong"
39
+ : state === "danger"
40
+ ? "danger-strong"
41
+ : undefined, background: state === "default" ? "neutral-weak" : undefined, border: state === "success"
42
+ ? "success-strong"
43
+ : state === "danger"
44
+ ? "danger-strong"
45
+ : state === "active"
46
+ ? "brand-strong"
47
+ : "neutral-strong", minHeight: dimensionSize, maxHeight: dimensionSize, minWidth: dimensionSize, maxWidth: dimensionSize, children: item.marker && (_jsx(Flex, { center: true, onSolid: state === "active"
48
+ ? "brand-strong"
49
+ : state === "success"
50
+ ? "success-strong"
51
+ : state === "danger"
52
+ ? "danger-strong"
53
+ : undefined, onBackground: state === "default" ? "neutral-weak" : undefined, textVariant: "label-default-m", children: item.marker })) }), index !== items.length - 1 && (_jsx(Line, { vert: !isHorizontal, background: undefined, style: { background: gradientToNext } }))] }), _jsx(Column, { fillWidth: true, paddingX: "20", paddingTop: "12", paddingBottom: "24", horizontal: isHorizontal && index === 0
54
+ ? "start"
55
+ : isHorizontal && index === items.length - 1
56
+ ? "end"
57
+ : isHorizontal
58
+ ? "center"
59
+ : undefined, align: isHorizontal && index === 0
60
+ ? "left"
61
+ : isHorizontal && index === items.length - 1
62
+ ? "right"
63
+ : isHorizontal
64
+ ? "center"
65
+ : alignment === "right"
66
+ ? "right"
67
+ : undefined, gap: "2", children: _jsxs(_Fragment, { children: [item.label && (_jsx(Text, { variant: "label-default-m", onBackground: state === "danger" ? "danger-weak" : undefined, children: item.label })), item.description && (_jsx(Text, { variant: "body-default-s", onBackground: state === "danger" ? "danger-weak" : "neutral-weak", children: item.description })), item.children] }) })] }, index));
24
68
  }) }));
25
69
  };
26
70
  Timeline.displayName = "Timeline";