@mindlogic-ai/logician-ui 5.0.0-alpha.0 → 5.0.0-alpha.10

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 (444) hide show
  1. package/MIGRATION-5.0.md +18 -18
  2. package/codemods/5.0/button-variants.js +1 -0
  3. package/codemods/5.0/codemods.test.ts +1 -0
  4. package/dist/components/Avatar/Avatar.d.ts +68 -11
  5. package/dist/components/Avatar/Avatar.d.ts.map +1 -1
  6. package/dist/components/Avatar/Avatar.js +38 -5
  7. package/dist/components/Avatar/Avatar.js.map +1 -1
  8. package/dist/components/Avatar/Avatar.mjs +37 -5
  9. package/dist/components/Avatar/Avatar.mjs.map +1 -1
  10. package/dist/components/Avatar/index.d.ts +2 -2
  11. package/dist/components/Avatar/index.d.ts.map +1 -1
  12. package/dist/components/Badge/Badge.d.ts.map +1 -1
  13. package/dist/components/Badge/Badge.js +5 -3
  14. package/dist/components/Badge/Badge.js.map +1 -1
  15. package/dist/components/Badge/Badge.mjs +5 -3
  16. package/dist/components/Badge/Badge.mjs.map +1 -1
  17. package/dist/components/Badge/Badge.types.d.ts +7 -5
  18. package/dist/components/Badge/Badge.types.d.ts.map +1 -1
  19. package/dist/components/Banner/Banner.types.d.ts +24 -1
  20. package/dist/components/Banner/Banner.types.d.ts.map +1 -1
  21. package/dist/components/BottomSheet/BottomSheet.styles.d.ts +2 -2
  22. package/dist/components/Button/Button.d.ts.map +1 -1
  23. package/dist/components/Button/Button.js +10 -2
  24. package/dist/components/Button/Button.js.map +1 -1
  25. package/dist/components/Button/Button.legacy.d.ts.map +1 -1
  26. package/dist/components/Button/Button.legacy.js +1 -0
  27. package/dist/components/Button/Button.legacy.js.map +1 -1
  28. package/dist/components/Button/Button.legacy.mjs +1 -0
  29. package/dist/components/Button/Button.legacy.mjs.map +1 -1
  30. package/dist/components/Button/Button.mjs +10 -2
  31. package/dist/components/Button/Button.mjs.map +1 -1
  32. package/dist/components/Button/Button.styles.d.ts.map +1 -1
  33. package/dist/components/Button/Button.styles.js +18 -0
  34. package/dist/components/Button/Button.styles.js.map +1 -1
  35. package/dist/components/Button/Button.styles.mjs +18 -0
  36. package/dist/components/Button/Button.styles.mjs.map +1 -1
  37. package/dist/components/Button/Button.types.d.ts +5 -3
  38. package/dist/components/Button/Button.types.d.ts.map +1 -1
  39. package/dist/components/Card/Card.types.d.ts +12 -0
  40. package/dist/components/Card/Card.types.d.ts.map +1 -1
  41. package/dist/components/ColorMode/ColorModeToggle.d.ts +7 -2
  42. package/dist/components/ColorMode/ColorModeToggle.d.ts.map +1 -1
  43. package/dist/components/ColorMode/ColorModeToggle.js +8 -3
  44. package/dist/components/ColorMode/ColorModeToggle.js.map +1 -1
  45. package/dist/components/ColorMode/ColorModeToggle.mjs +8 -3
  46. package/dist/components/ColorMode/ColorModeToggle.mjs.map +1 -1
  47. package/dist/components/Confetti/Confetti.types.d.ts +5 -1
  48. package/dist/components/Confetti/Confetti.types.d.ts.map +1 -1
  49. package/dist/components/Confetti/confettiColors.d.ts +5 -5
  50. package/dist/components/Confetti/confettiColors.js +5 -5
  51. package/dist/components/Confetti/confettiColors.mjs +5 -5
  52. package/dist/components/ErrorFallback/ErrorFallback.types.d.ts +6 -0
  53. package/dist/components/ErrorFallback/ErrorFallback.types.d.ts.map +1 -1
  54. package/dist/components/Form/FormModalFooter/FormModalFooter.d.ts +1 -1
  55. package/dist/components/Form/FormModalFooter/FormModalFooter.d.ts.map +1 -1
  56. package/dist/components/Form/FormModalFooter/FormModalFooter.js +2 -2
  57. package/dist/components/Form/FormModalFooter/FormModalFooter.js.map +1 -1
  58. package/dist/components/Form/FormModalFooter/FormModalFooter.mjs +2 -2
  59. package/dist/components/Form/FormModalFooter/FormModalFooter.mjs.map +1 -1
  60. package/dist/components/Form/FormModalFooter/FormModalFooter.types.d.ts +11 -1
  61. package/dist/components/Form/FormModalFooter/FormModalFooter.types.d.ts.map +1 -1
  62. package/dist/components/Form/FormSection/CollapsibleFormSection.js +1 -0
  63. package/dist/components/Form/FormSection/CollapsibleFormSection.js.map +1 -1
  64. package/dist/components/Form/FormSection/CollapsibleFormSection.mjs +1 -0
  65. package/dist/components/Form/FormSection/CollapsibleFormSection.mjs.map +1 -1
  66. package/dist/components/LineGraph/LineGraph.d.ts.map +1 -1
  67. package/dist/components/LineGraph/LineGraph.js +4 -5
  68. package/dist/components/LineGraph/LineGraph.js.map +1 -1
  69. package/dist/components/LineGraph/LineGraph.mjs +5 -6
  70. package/dist/components/LineGraph/LineGraph.mjs.map +1 -1
  71. package/dist/components/LineGraph/LineGraph.types.d.ts +12 -2
  72. package/dist/components/LineGraph/LineGraph.types.d.ts.map +1 -1
  73. package/dist/components/LineGraph/seriesColors.d.ts +12 -6
  74. package/dist/components/LineGraph/seriesColors.d.ts.map +1 -1
  75. package/dist/components/LineGraph/seriesColors.js +8 -7
  76. package/dist/components/LineGraph/seriesColors.js.map +1 -1
  77. package/dist/components/LineGraph/seriesColors.mjs +8 -7
  78. package/dist/components/LineGraph/seriesColors.mjs.map +1 -1
  79. package/dist/components/Masonry/Masonry.types.d.ts +8 -3
  80. package/dist/components/Masonry/Masonry.types.d.ts.map +1 -1
  81. package/dist/components/Menu/MenuItem.types.d.ts +8 -0
  82. package/dist/components/Menu/MenuItem.types.d.ts.map +1 -1
  83. package/dist/components/Modal/ModalCloseButton.d.ts +1 -1
  84. package/dist/components/Modal/ModalCloseButton.js +1 -1
  85. package/dist/components/Modal/ModalCloseButton.mjs +1 -1
  86. package/dist/components/Pagination/Pagination.d.ts +11 -10
  87. package/dist/components/Pagination/Pagination.d.ts.map +1 -1
  88. package/dist/components/Pagination/Pagination.js +11 -10
  89. package/dist/components/Pagination/Pagination.js.map +1 -1
  90. package/dist/components/Pagination/Pagination.mjs +11 -10
  91. package/dist/components/Pagination/Pagination.mjs.map +1 -1
  92. package/dist/components/ProgressBar/ProgressBar.types.d.ts +9 -0
  93. package/dist/components/ProgressBar/ProgressBar.types.d.ts.map +1 -1
  94. package/dist/components/RadialProgress/RadialProgress.types.d.ts +21 -1
  95. package/dist/components/RadialProgress/RadialProgress.types.d.ts.map +1 -1
  96. package/dist/components/SeeMoreButton/SeeMoreButton.types.d.ts +8 -0
  97. package/dist/components/SeeMoreButton/SeeMoreButton.types.d.ts.map +1 -1
  98. package/dist/components/SegmentedControl/SegmentedControl.d.ts.map +1 -1
  99. package/dist/components/SegmentedControl/SegmentedControl.js +6 -7
  100. package/dist/components/SegmentedControl/SegmentedControl.js.map +1 -1
  101. package/dist/components/SegmentedControl/SegmentedControl.mjs +6 -7
  102. package/dist/components/SegmentedControl/SegmentedControl.mjs.map +1 -1
  103. package/dist/components/SegmentedProgressBar/SegmentedProgressBar.types.d.ts +2 -0
  104. package/dist/components/SegmentedProgressBar/SegmentedProgressBar.types.d.ts.map +1 -1
  105. package/dist/components/Select/Select.d.ts +5 -1
  106. package/dist/components/Select/Select.d.ts.map +1 -1
  107. package/dist/components/Select/Select.js +2 -2
  108. package/dist/components/Select/Select.js.map +1 -1
  109. package/dist/components/Select/Select.mjs +3 -3
  110. package/dist/components/Select/Select.mjs.map +1 -1
  111. package/dist/components/Select/Select.styles.d.ts +38 -0
  112. package/dist/components/Select/Select.styles.d.ts.map +1 -1
  113. package/dist/components/Select/Select.styles.js +35 -0
  114. package/dist/components/Select/Select.styles.js.map +1 -1
  115. package/dist/components/Select/Select.styles.mjs +35 -2
  116. package/dist/components/Select/Select.styles.mjs.map +1 -1
  117. package/dist/components/Select/Select.types.d.ts +10 -0
  118. package/dist/components/Select/Select.types.d.ts.map +1 -1
  119. package/dist/components/Select/SelectField.d.ts +1 -1
  120. package/dist/components/Select/SelectField.d.ts.map +1 -1
  121. package/dist/components/Select/SelectField.js +3 -2
  122. package/dist/components/Select/SelectField.js.map +1 -1
  123. package/dist/components/Select/SelectField.mjs +3 -2
  124. package/dist/components/Select/SelectField.mjs.map +1 -1
  125. package/dist/components/Select/index.d.ts +1 -0
  126. package/dist/components/Select/index.d.ts.map +1 -1
  127. package/dist/components/Toast/Toast.styles.d.ts +6 -2
  128. package/dist/components/Toast/Toast.styles.d.ts.map +1 -1
  129. package/dist/components/Toast/Toast.styles.js +18 -10
  130. package/dist/components/Toast/Toast.styles.js.map +1 -1
  131. package/dist/components/Toast/Toast.styles.mjs +18 -10
  132. package/dist/components/Toast/Toast.styles.mjs.map +1 -1
  133. package/dist/components/Typography/Caption.d.ts.map +1 -1
  134. package/dist/components/Typography/Caption.js +1 -1
  135. package/dist/components/Typography/Caption.js.map +1 -1
  136. package/dist/components/Typography/Caption.mjs +1 -1
  137. package/dist/components/Typography/Caption.mjs.map +1 -1
  138. package/dist/components/Typography/H1.d.ts.map +1 -1
  139. package/dist/components/Typography/H1.js +1 -1
  140. package/dist/components/Typography/H1.js.map +1 -1
  141. package/dist/components/Typography/H1.mjs +1 -1
  142. package/dist/components/Typography/H1.mjs.map +1 -1
  143. package/dist/components/Typography/H2.d.ts.map +1 -1
  144. package/dist/components/Typography/H2.js +1 -1
  145. package/dist/components/Typography/H2.js.map +1 -1
  146. package/dist/components/Typography/H2.mjs +1 -1
  147. package/dist/components/Typography/H2.mjs.map +1 -1
  148. package/dist/components/Typography/H3.d.ts.map +1 -1
  149. package/dist/components/Typography/H3.js +1 -1
  150. package/dist/components/Typography/H3.js.map +1 -1
  151. package/dist/components/Typography/H3.mjs +1 -1
  152. package/dist/components/Typography/H3.mjs.map +1 -1
  153. package/dist/components/Typography/H4.d.ts.map +1 -1
  154. package/dist/components/Typography/H4.js +1 -1
  155. package/dist/components/Typography/H4.js.map +1 -1
  156. package/dist/components/Typography/H4.mjs +1 -1
  157. package/dist/components/Typography/H4.mjs.map +1 -1
  158. package/dist/components/Typography/H5.d.ts.map +1 -1
  159. package/dist/components/Typography/H5.js +1 -1
  160. package/dist/components/Typography/H5.js.map +1 -1
  161. package/dist/components/Typography/H5.mjs +1 -1
  162. package/dist/components/Typography/H5.mjs.map +1 -1
  163. package/dist/components/Typography/Link.d.ts.map +1 -1
  164. package/dist/components/Typography/Link.js +1 -1
  165. package/dist/components/Typography/Link.js.map +1 -1
  166. package/dist/components/Typography/Link.mjs +1 -1
  167. package/dist/components/Typography/Link.mjs.map +1 -1
  168. package/dist/components/Typography/Overline.d.ts.map +1 -1
  169. package/dist/components/Typography/Overline.js +1 -1
  170. package/dist/components/Typography/Overline.js.map +1 -1
  171. package/dist/components/Typography/Overline.mjs +1 -1
  172. package/dist/components/Typography/Overline.mjs.map +1 -1
  173. package/dist/components/Typography/Subtext.d.ts.map +1 -1
  174. package/dist/components/Typography/Subtext.js +1 -1
  175. package/dist/components/Typography/Subtext.js.map +1 -1
  176. package/dist/components/Typography/Subtext.mjs +1 -1
  177. package/dist/components/Typography/Subtext.mjs.map +1 -1
  178. package/dist/components/Typography/Subtitle.d.ts.map +1 -1
  179. package/dist/components/Typography/Subtitle.js +1 -1
  180. package/dist/components/Typography/Subtitle.js.map +1 -1
  181. package/dist/components/Typography/Subtitle.mjs +1 -1
  182. package/dist/components/Typography/Subtitle.mjs.map +1 -1
  183. package/dist/components/Typography/Text.d.ts.map +1 -1
  184. package/dist/components/Typography/Text.js +1 -1
  185. package/dist/components/Typography/Text.js.map +1 -1
  186. package/dist/components/Typography/Text.mjs +1 -1
  187. package/dist/components/Typography/Text.mjs.map +1 -1
  188. package/dist/hooks/useLanguage.d.ts +5 -0
  189. package/dist/hooks/useLanguage.d.ts.map +1 -1
  190. package/dist/hooks/useLanguage.js +7 -3
  191. package/dist/hooks/useLanguage.js.map +1 -1
  192. package/dist/hooks/useLanguage.mjs +7 -4
  193. package/dist/hooks/useLanguage.mjs.map +1 -1
  194. package/dist/hooks/useTranslate.d.ts.map +1 -1
  195. package/dist/hooks/useTranslate.js +8 -5
  196. package/dist/hooks/useTranslate.js.map +1 -1
  197. package/dist/hooks/useTranslate.mjs +8 -5
  198. package/dist/hooks/useTranslate.mjs.map +1 -1
  199. package/dist/index.js +1 -0
  200. package/dist/index.js.map +1 -1
  201. package/dist/index.mjs +1 -1
  202. package/dist/theme/colors.d.ts +2 -2
  203. package/dist/theme/colors.d.ts.map +1 -1
  204. package/dist/theme/colors.js +36 -2
  205. package/dist/theme/colors.js.map +1 -1
  206. package/dist/theme/colors.mjs +37 -3
  207. package/dist/theme/colors.mjs.map +1 -1
  208. package/dist/theme/global.d.ts.map +1 -1
  209. package/dist/theme/global.js +18 -0
  210. package/dist/theme/global.js.map +1 -1
  211. package/dist/theme/global.mjs +18 -0
  212. package/dist/theme/global.mjs.map +1 -1
  213. package/dist/theme/index.d.ts.map +1 -1
  214. package/dist/theme/index.js +2 -0
  215. package/dist/theme/index.js.map +1 -1
  216. package/dist/theme/index.mjs +2 -0
  217. package/dist/theme/index.mjs.map +1 -1
  218. package/dist/theme/palette.generated.d.ts +98 -0
  219. package/dist/theme/palette.generated.d.ts.map +1 -1
  220. package/dist/theme/palette.generated.js +99 -0
  221. package/dist/theme/palette.generated.js.map +1 -1
  222. package/dist/theme/palette.generated.mjs +99 -1
  223. package/dist/theme/palette.generated.mjs.map +1 -1
  224. package/dist/theme/paletteSwatches.d.ts +20 -0
  225. package/dist/theme/paletteSwatches.d.ts.map +1 -1
  226. package/dist/theme/recipes/avatar.d.ts +30 -0
  227. package/dist/theme/recipes/avatar.d.ts.map +1 -0
  228. package/dist/theme/recipes/avatar.js +96 -0
  229. package/dist/theme/recipes/avatar.js.map +1 -0
  230. package/dist/theme/recipes/avatar.mjs +94 -0
  231. package/dist/theme/recipes/avatar.mjs.map +1 -0
  232. package/dist/translations/Defaults.translations.json.js +9 -0
  233. package/dist/translations/Defaults.translations.json.js.map +1 -1
  234. package/dist/translations/Defaults.translations.json.mjs +9 -1
  235. package/dist/translations/Defaults.translations.json.mjs.map +1 -1
  236. package/package.json +1 -1
  237. package/src/components/Accordion/Accordion.stories.tsx +85 -0
  238. package/src/components/Accordion/Accordion.usage.mdx +200 -0
  239. package/src/components/Appear/Appear.usage.mdx +107 -0
  240. package/src/components/Avatar/Avatar.recipe.test.tsx +171 -0
  241. package/src/components/Avatar/Avatar.stories.tsx +199 -24
  242. package/src/components/Avatar/Avatar.tsx +112 -21
  243. package/src/components/Avatar/Avatar.usage.mdx +185 -0
  244. package/src/components/Avatar/index.tsx +8 -1
  245. package/src/components/Badge/Badge.stories.tsx +193 -3
  246. package/src/components/Badge/Badge.tsx +5 -3
  247. package/src/components/Badge/Badge.types.ts +7 -5
  248. package/src/components/Badge/Badge.usage.mdx +265 -0
  249. package/src/components/Banner/Banner.stories.tsx +152 -2
  250. package/src/components/Banner/Banner.types.ts +30 -1
  251. package/src/components/Banner/Banner.usage.mdx +233 -0
  252. package/src/components/BottomSheet/BottomSheet.stories.tsx +168 -1
  253. package/src/components/BottomSheet/BottomSheet.test.tsx +2 -1
  254. package/src/components/BottomSheet/BottomSheet.usage.mdx +216 -0
  255. package/src/components/Breadcrumb/Breadcrumb.stories.tsx +59 -0
  256. package/src/components/Breadcrumb/Breadcrumb.usage.mdx +181 -0
  257. package/src/components/Button/Button.legacy.ts +1 -0
  258. package/src/components/Button/Button.stories.tsx +287 -3
  259. package/src/components/Button/Button.styles.ts +18 -0
  260. package/src/components/Button/Button.tsx +15 -2
  261. package/src/components/Button/Button.types.ts +5 -2
  262. package/src/components/Button/Button.usage.mdx +342 -0
  263. package/src/components/Button/Button.variants.test.tsx +9 -0
  264. package/src/components/Card/Card.stories.tsx +106 -0
  265. package/src/components/Card/Card.types.ts +12 -0
  266. package/src/components/Card/Card.usage.mdx +216 -0
  267. package/src/components/Checkbox/Checkbox.stories.tsx +140 -13
  268. package/src/components/Checkbox/Checkbox.usage.mdx +214 -0
  269. package/src/components/Chip/Chip.usage.mdx +78 -0
  270. package/src/components/Code/Code.stories.tsx +60 -0
  271. package/src/components/Code/Code.usage.mdx +187 -0
  272. package/src/components/CodeTabs/CodeTabs.stories.tsx +53 -0
  273. package/src/components/CodeTabs/CodeTabs.usage.mdx +176 -0
  274. package/src/components/Collapsible/Collapsible.stories.tsx +58 -0
  275. package/src/components/Collapsible/Collapsible.usage.mdx +173 -0
  276. package/src/components/ColorMode/ColorMode.stories.tsx +50 -0
  277. package/src/components/ColorMode/ColorMode.usage.mdx +135 -0
  278. package/src/components/ColorMode/ColorModeToggle.tsx +10 -3
  279. package/src/components/Confetti/Confetti.types.ts +5 -1
  280. package/src/components/Confetti/Confetti.usage.mdx +111 -0
  281. package/src/components/Confetti/confettiColors.ts +5 -5
  282. package/src/components/Container/Container.stories.tsx +32 -0
  283. package/src/components/Container/Container.usage.mdx +130 -0
  284. package/src/components/CopyableCode/CopyableCode.stories.tsx +62 -0
  285. package/src/components/CopyableCode/CopyableCode.usage.mdx +168 -0
  286. package/src/components/CountBadge/CountBadge.stories.tsx +69 -0
  287. package/src/components/CountBadge/CountBadge.usage.mdx +215 -0
  288. package/src/components/CountUp/CountUp.usage.mdx +107 -0
  289. package/src/components/DatePicker/DatePicker.usage.mdx +177 -0
  290. package/src/components/DatePicker/RangeDatePicker.stories.tsx +87 -3
  291. package/src/components/ErrorFallback/ErrorFallback.types.ts +6 -0
  292. package/src/components/ErrorFallback/ErrorFallback.usage.mdx +127 -0
  293. package/src/components/ExpandableText/ExpandableText.stories.tsx +55 -0
  294. package/src/components/ExpandableText/ExpandableText.usage.mdx +176 -0
  295. package/src/components/FileInput/FileInput.stories.tsx +38 -1
  296. package/src/components/FileInput/FileInput.usage.mdx +178 -0
  297. package/src/components/FileItem/FileItem.stories.tsx +71 -0
  298. package/src/components/FileItem/FileItem.usage.mdx +180 -0
  299. package/src/components/FileList/FileList.stories.tsx +25 -0
  300. package/src/components/FileList/FileList.usage.mdx +165 -0
  301. package/src/components/FlyTo/FlyTo.usage.mdx +99 -0
  302. package/src/components/Form/Form.stories.tsx +149 -0
  303. package/src/components/Form/Form.usage.mdx +203 -0
  304. package/src/components/Form/FormModalFooter/FormModalFooter.stories.tsx +1 -1
  305. package/src/components/Form/FormModalFooter/FormModalFooter.test.tsx +19 -1
  306. package/src/components/Form/FormModalFooter/FormModalFooter.tsx +2 -0
  307. package/src/components/Form/FormModalFooter/FormModalFooter.types.ts +11 -1
  308. package/src/components/FormControl/FormControl.stories.tsx +35 -0
  309. package/src/components/FormControl/FormControl.usage.mdx +128 -0
  310. package/src/components/FormIntegration/FormIntegration.usage.mdx +158 -0
  311. package/src/components/FormLabel/FormLabel.stories.tsx +71 -0
  312. package/src/components/FormLabel/FormLabel.usage.mdx +125 -0
  313. package/src/components/Icon/Icon.stories.tsx +61 -1
  314. package/src/components/Icon/Icon.usage.mdx +158 -0
  315. package/src/components/IconButton/IconButton.stories.tsx +209 -5
  316. package/src/components/IconButton/IconButton.usage.mdx +273 -0
  317. package/src/components/InfoSprinkle/InfoSprinkle.stories.tsx +77 -1
  318. package/src/components/InfoSprinkle/InfoSprinkle.usage.mdx +189 -0
  319. package/src/components/InlineCode/InlineCode.stories.tsx +75 -0
  320. package/src/components/InlineCode/InlineCode.usage.mdx +142 -0
  321. package/src/components/Input/Input.stories.tsx +180 -0
  322. package/src/components/Input/Input.usage.mdx +278 -0
  323. package/src/components/LineGraph/LineGraph.stories.tsx +112 -0
  324. package/src/components/LineGraph/LineGraph.tsx +4 -5
  325. package/src/components/LineGraph/LineGraph.types.ts +12 -2
  326. package/src/components/LineGraph/LineGraph.usage.mdx +186 -0
  327. package/src/components/LineGraph/seriesColors.test.ts +11 -10
  328. package/src/components/LineGraph/seriesColors.ts +18 -14
  329. package/src/components/Loaders/Loaders.stories.tsx +93 -0
  330. package/src/components/Loaders/Loaders.usage.mdx +180 -0
  331. package/src/components/LogicianProvider/LogicianProvider.usage.mdx +98 -0
  332. package/src/components/Markdown/Markdown.stories.tsx +53 -0
  333. package/src/components/Markdown/Markdown.usage.mdx +182 -0
  334. package/src/components/Masonry/Masonry.stories.tsx +63 -1
  335. package/src/components/Masonry/Masonry.types.ts +8 -3
  336. package/src/components/Masonry/Masonry.usage.mdx +142 -0
  337. package/src/components/MaxLengthIndicator/MaxLengthIndicator.stories.tsx +57 -0
  338. package/src/components/MaxLengthIndicator/MaxLengthIndicator.usage.mdx +125 -0
  339. package/src/components/Menu/Menu.stories.tsx +146 -2
  340. package/src/components/Menu/Menu.usage.mdx +230 -0
  341. package/src/components/Menu/MenuItem.types.ts +8 -0
  342. package/src/components/Modal/Modal.stories.tsx +177 -1
  343. package/src/components/Modal/Modal.usage.mdx +262 -0
  344. package/src/components/Modal/ModalCloseButton.tsx +1 -1
  345. package/src/components/MonthPicker/MonthPicker.stories.tsx +30 -0
  346. package/src/components/MonthPicker/MonthPicker.usage.mdx +191 -0
  347. package/src/components/Pagination/Pagination.stories.tsx +90 -1
  348. package/src/components/Pagination/Pagination.tsx +11 -10
  349. package/src/components/Pagination/Pagination.usage.mdx +186 -0
  350. package/src/components/PasswordInput/PasswordInput.stories.tsx +51 -0
  351. package/src/components/PasswordInput/PasswordInput.usage.mdx +193 -0
  352. package/src/components/PinInput/PinInput.stories.tsx +91 -0
  353. package/src/components/PinInput/PinInput.usage.mdx +194 -0
  354. package/src/components/Popover/Popover.stories.tsx +104 -1
  355. package/src/components/Popover/Popover.usage.mdx +197 -0
  356. package/src/components/ProgressBar/ProgressBar.stories.tsx +92 -1
  357. package/src/components/ProgressBar/ProgressBar.types.ts +9 -0
  358. package/src/components/ProgressBar/ProgressBar.usage.mdx +210 -0
  359. package/src/components/Pulse/Pulse.usage.mdx +102 -0
  360. package/src/components/RadialProgress/RadialProgress.stories.tsx +74 -1
  361. package/src/components/RadialProgress/RadialProgress.types.ts +21 -1
  362. package/src/components/RadialProgress/RadialProgress.usage.mdx +153 -0
  363. package/src/components/Radio/Radio.stories.tsx +119 -0
  364. package/src/components/Radio/Radio.usage.mdx +187 -0
  365. package/src/components/Reveal/Reveal.usage.mdx +105 -0
  366. package/src/components/ScaledContext/ScaledContext.usage.mdx +111 -0
  367. package/src/components/SeeMoreButton/SeeMoreButton.stories.tsx +146 -2
  368. package/src/components/SeeMoreButton/SeeMoreButton.types.ts +8 -0
  369. package/src/components/SeeMoreButton/SeeMoreButton.usage.mdx +213 -0
  370. package/src/components/SegmentedControl/SegmentedControl.stories.tsx +69 -0
  371. package/src/components/SegmentedControl/SegmentedControl.tsx +6 -7
  372. package/src/components/SegmentedControl/SegmentedControl.usage.mdx +209 -0
  373. package/src/components/SegmentedProgressBar/SegmentedProgressBar.stories.tsx +54 -0
  374. package/src/components/SegmentedProgressBar/SegmentedProgressBar.types.ts +2 -0
  375. package/src/components/SegmentedProgressBar/SegmentedProgressBar.usage.mdx +145 -0
  376. package/src/components/Select/Comparison.stories.tsx +19 -0
  377. package/src/components/Select/Select.stories.tsx +264 -1
  378. package/src/components/Select/Select.styles.ts +36 -1
  379. package/src/components/Select/Select.tsx +13 -3
  380. package/src/components/Select/Select.types.ts +11 -0
  381. package/src/components/Select/Select.usage.mdx +278 -0
  382. package/src/components/Select/SelectField.tsx +7 -3
  383. package/src/components/Select/index.ts +1 -0
  384. package/src/components/Shake/Shake.usage.mdx +107 -0
  385. package/src/components/Slider/Slider.stories.tsx +116 -0
  386. package/src/components/Slider/Slider.usage.mdx +179 -0
  387. package/src/components/Spinner/Spinner.stories.tsx +64 -0
  388. package/src/components/Spinner/Spinner.usage.mdx +136 -0
  389. package/src/components/SwapTransition/SwapTransition.usage.mdx +102 -0
  390. package/src/components/Switch/Switch.stories.tsx +131 -6
  391. package/src/components/Switch/Switch.usage.mdx +199 -0
  392. package/src/components/Table/Table.stories.tsx +159 -1
  393. package/src/components/Table/Table.usage.mdx +235 -0
  394. package/src/components/Tabs/Tabs.stories.tsx +86 -0
  395. package/src/components/Tabs/Tabs.usage.mdx +219 -0
  396. package/src/components/Tag/Tag.stories.tsx +181 -4
  397. package/src/components/Tag/Tag.usage.mdx +257 -0
  398. package/src/components/Textarea/Textarea.stories.tsx +113 -0
  399. package/src/components/Textarea/Textarea.usage.mdx +186 -0
  400. package/src/components/Toast/Toast.stories.tsx +185 -3
  401. package/src/components/Toast/Toast.styles.ts +18 -10
  402. package/src/components/Toast/Toast.usage.mdx +265 -0
  403. package/src/components/Tooltip/Tooltip.stories.tsx +86 -1
  404. package/src/components/Tooltip/Tooltip.usage.mdx +211 -0
  405. package/src/components/Tree/Tree.stories.tsx +89 -0
  406. package/src/components/Tree/Tree.usage.mdx +207 -0
  407. package/src/components/Typography/Caption.tsx +0 -1
  408. package/src/components/Typography/H1.tsx +0 -1
  409. package/src/components/Typography/H2.tsx +0 -1
  410. package/src/components/Typography/H3.tsx +0 -1
  411. package/src/components/Typography/H4.tsx +0 -1
  412. package/src/components/Typography/H5.tsx +0 -1
  413. package/src/components/Typography/Link.tsx +0 -1
  414. package/src/components/Typography/Overline.tsx +0 -1
  415. package/src/components/Typography/Subtext.tsx +0 -1
  416. package/src/components/Typography/Subtitle.tsx +0 -1
  417. package/src/components/Typography/Text.tsx +0 -1
  418. package/src/components/Typography/Typography.stories.tsx +117 -0
  419. package/src/components/Typography/Typography.usage.mdx +257 -0
  420. package/src/components/Workflow/Workflow.usage.mdx +199 -0
  421. package/src/components/noRawScales.test.ts +5 -1
  422. package/src/foundations/BrandAssets.mdx +637 -0
  423. package/src/foundations/BrandAssets.stories.tsx +680 -0
  424. package/src/foundations/BrandColour.mdx +364 -0
  425. package/src/foundations/BrandColour.stories.tsx +334 -0
  426. package/src/guidelines/ComponentPageTemplate.mdx +84 -0
  427. package/src/guidelines/FeedbackActions.mdx +162 -23
  428. package/src/guidelines/_components/Lang.tsx +175 -0
  429. package/src/guidelines/_components/TokenTable.tsx +136 -0
  430. package/src/hooks/useLanguage.ts +8 -3
  431. package/src/hooks/useTranslate.test.tsx +46 -0
  432. package/src/hooks/useTranslate.ts +7 -5
  433. package/src/theme/BazePalette.stories.tsx +111 -1
  434. package/src/theme/Palette.stories.tsx +2 -2
  435. package/src/theme/SemanticTokens.mdx +87 -2
  436. package/src/theme/claude.md +16 -7
  437. package/src/theme/colors.ts +51 -6
  438. package/src/theme/contrast.test.ts +59 -3
  439. package/src/theme/global.ts +19 -0
  440. package/src/theme/index.ts +2 -0
  441. package/src/theme/palette.generated.ts +99 -0
  442. package/src/theme/paletteSwatches.ts +35 -0
  443. package/src/theme/recipes/avatar.ts +92 -0
  444. package/src/translations/Defaults.translations.json +7 -0
@@ -1 +1 @@
1
- {"version":3,"file":"SeeMoreButton.types.d.ts","sourceRoot":"","sources":["../../../src/components/SeeMoreButton/SeeMoreButton.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAGzC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAE7D;;;GAGG;AACH,MAAM,MAAM,qBAAqB,GAAG,IAAI,CACtC,cAAc,EACd,SAAS,GAAG,eAAe,CAC5B,GAAG;IACF,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF;;;GAGG;AACH,MAAM,MAAM,kBAAkB,CAAC,QAAQ,SAAS,WAAW,GAAG,QAAQ,IACpE,gBAAgB,CAAC,QAAQ,EAAE,qBAAqB,CAAC,CAAC"}
1
+ {"version":3,"file":"SeeMoreButton.types.d.ts","sourceRoot":"","sources":["../../../src/components/SeeMoreButton/SeeMoreButton.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAGzC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAE7D;;;GAGG;AACH,MAAM,MAAM,qBAAqB,GAAG,IAAI,CACtC,cAAc,EACd,SAAS,GAAG,eAAe,CAC5B,GAAG;IACF;;;OAGG;IACH,YAAY,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,QAAQ,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF;;;GAGG;AACH,MAAM,MAAM,kBAAkB,CAAC,QAAQ,SAAS,WAAW,GAAG,QAAQ,IACpE,gBAAgB,CAAC,QAAQ,EAAE,qBAAqB,CAAC,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"SegmentedControl.d.ts","sourceRoot":"","sources":["../../../src/components/SegmentedControl/SegmentedControl.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAKhD,OAAO,EACL,sBAAsB,EAEvB,MAAM,0BAA0B,CAAC;AAkBlC,eAAO,MAAM,gBAAgB;;;;kDAmI3B,CAAC"}
1
+ {"version":3,"file":"SegmentedControl.d.ts","sourceRoot":"","sources":["../../../src/components/SegmentedControl/SegmentedControl.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAKhD,OAAO,EACL,sBAAsB,EAEvB,MAAM,0BAA0B,CAAC;AAkBlC,eAAO,MAAM,gBAAgB;;;;kDAkI3B,CAAC"}
@@ -40,18 +40,17 @@ const SegmentedControl = React.forwardRef(function SegmentedControl(props, ref)
40
40
  onSelect(details.value);
41
41
  }
42
42
  }, size: size,
43
- // Track is bg.subtle (gray.50 light) and the selected indicator rides on
44
- // `bg.raised` — a raised neutral surface that resolves white in light and
45
- // the lightest neutral (gray.1100) in dark, so the thumb reads as lifted
46
- // above the track in both modes (`bg.surface` could not: its dark value is
47
- // darker than the track). The indicator also gains a shadow: an md drop
43
+ // Track is bg.subtle and the selected indicator rides on `bg.raised` — a
44
+ // raised neutral surface that resolves white in light and a lighter
45
+ // neutral than the track in dark, so the thumb reads as lifted
46
+ // above the track in both modes. The indicator also gains a shadow: an md drop
48
47
  // shadow in light, and in dark — where a drop shadow is invisible on a
49
48
  // dark canvas — a soft ambient shadow + a translucent-white hairline edge.
50
49
  //
51
50
  // The track itself only contrasts where the page wash is darker (light) or
52
51
  // lighter (dark) than the fill. It vanishes when the page matches the
53
- // track: a `bg.sunken` list/overview page is gray.50 in light — identical
54
- // to the bg.subtle track — and a `bg.surface` card is lighter than the
52
+ // track: a `bg.sunken` list/overview page has the same light value as
53
+ // the bg.subtle track — and a `bg.surface` card is lighter than the
55
54
  // track in dark. In either case the control would read as floating text,
56
55
  // so a hairline ring defines its bounds on *any* background: a neutral
57
56
  // `border.default` ring in light, a translucent-white ring in dark. (The
@@ -1 +1 @@
1
- {"version":3,"file":"SegmentedControl.js","sources":["../../../src/components/SegmentedControl/SegmentedControl.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsxs","SegmentGroup","mergeCss","_jsx","indicatorTravel"],"mappings":"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"}
1
+ {"version":3,"file":"SegmentedControl.js","sources":["../../../src/components/SegmentedControl/SegmentedControl.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsxs","SegmentGroup","mergeCss","_jsx","indicatorTravel"],"mappings":"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"}
@@ -38,18 +38,17 @@ const SegmentedControl = forwardRef(function SegmentedControl(props, ref) {
38
38
  onSelect(details.value);
39
39
  }
40
40
  }, size: size,
41
- // Track is bg.subtle (gray.50 light) and the selected indicator rides on
42
- // `bg.raised` — a raised neutral surface that resolves white in light and
43
- // the lightest neutral (gray.1100) in dark, so the thumb reads as lifted
44
- // above the track in both modes (`bg.surface` could not: its dark value is
45
- // darker than the track). The indicator also gains a shadow: an md drop
41
+ // Track is bg.subtle and the selected indicator rides on `bg.raised` — a
42
+ // raised neutral surface that resolves white in light and a lighter
43
+ // neutral than the track in dark, so the thumb reads as lifted
44
+ // above the track in both modes. The indicator also gains a shadow: an md drop
46
45
  // shadow in light, and in dark — where a drop shadow is invisible on a
47
46
  // dark canvas — a soft ambient shadow + a translucent-white hairline edge.
48
47
  //
49
48
  // The track itself only contrasts where the page wash is darker (light) or
50
49
  // lighter (dark) than the fill. It vanishes when the page matches the
51
- // track: a `bg.sunken` list/overview page is gray.50 in light — identical
52
- // to the bg.subtle track — and a `bg.surface` card is lighter than the
50
+ // track: a `bg.sunken` list/overview page has the same light value as
51
+ // the bg.subtle track — and a `bg.surface` card is lighter than the
53
52
  // track in dark. In either case the control would read as floating text,
54
53
  // so a hairline ring defines its bounds on *any* background: a neutral
55
54
  // `border.default` ring in light, a translucent-white ring in dark. (The
@@ -1 +1 @@
1
- {"version":3,"file":"SegmentedControl.mjs","sources":["../../../src/components/SegmentedControl/SegmentedControl.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"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"}
1
+ {"version":3,"file":"SegmentedControl.mjs","sources":["../../../src/components/SegmentedControl/SegmentedControl.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"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"}
@@ -1,9 +1,11 @@
1
1
  import { BoxProps } from '@chakra-ui/react';
2
2
  import { ProgressBarProps } from '../ProgressBar/ProgressBar.types';
3
3
  export type SegmentedProgressBarProps = BoxProps & {
4
+ /** The whole; each segment's width is `value / max`. */
4
5
  max: number;
5
6
  };
6
7
  export type ProgressSegmentProps = ProgressBarProps & {
8
+ /** This part's amount, in the same unit as the bar's `max`. */
7
9
  value: number;
8
10
  };
9
11
  //# sourceMappingURL=SegmentedProgressBar.types.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"SegmentedProgressBar.types.d.ts","sourceRoot":"","sources":["../../../src/components/SegmentedProgressBar/SegmentedProgressBar.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAE5C,OAAO,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAC;AAEpE,MAAM,MAAM,yBAAyB,GAAG,QAAQ,GAAG;IACjD,GAAG,EAAE,MAAM,CAAC;CACb,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,gBAAgB,GAAG;IACpD,KAAK,EAAE,MAAM,CAAC;CACf,CAAC"}
1
+ {"version":3,"file":"SegmentedProgressBar.types.d.ts","sourceRoot":"","sources":["../../../src/components/SegmentedProgressBar/SegmentedProgressBar.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAE5C,OAAO,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAC;AAEpE,MAAM,MAAM,yBAAyB,GAAG,QAAQ,GAAG;IACjD,wDAAwD;IACxD,GAAG,EAAE,MAAM,CAAC;CACb,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,gBAAgB,GAAG;IACpD,+DAA+D;IAC/D,KAAK,EAAE,MAAM,CAAC;CACf,CAAC"}
@@ -1,4 +1,8 @@
1
1
  import { Select as ChakraSelect } from '@chakra-ui/react';
2
+ import type { SelectVariant } from './Select.types';
3
+ export interface SelectTriggerProps extends ChakraSelect.TriggerProps {
4
+ variant?: SelectVariant;
5
+ }
2
6
  /**
3
7
  * Compound Select primitives — Chakra's `Select` namespace with the Logician
4
8
  * design-system styling baked into the visual parts (`Trigger`, `Content`,
@@ -12,7 +16,7 @@ export declare const Select: {
12
16
  Context: <T extends unknown>(props: import("@ark-ui/react").SelectContextProps<T>) => import("react").ReactNode;
13
17
  Label: import("react").ForwardRefExoticComponent<ChakraSelect.LabelProps & import("react").RefAttributes<HTMLLabelElement>>;
14
18
  Control: import("react").ForwardRefExoticComponent<ChakraSelect.ControlProps & import("react").RefAttributes<HTMLDivElement>>;
15
- Trigger: import("react").ForwardRefExoticComponent<ChakraSelect.TriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
19
+ Trigger: import("react").ForwardRefExoticComponent<SelectTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
16
20
  ValueText: import("react").ForwardRefExoticComponent<ChakraSelect.ValueTextProps & import("react").RefAttributes<HTMLSpanElement>>;
17
21
  IndicatorGroup: import("react").ForwardRefExoticComponent<ChakraSelect.IndicatorGroupProps & import("react").RefAttributes<HTMLDivElement>>;
18
22
  Indicator: import("react").ForwardRefExoticComponent<ChakraSelect.IndicatorProps & import("react").RefAttributes<HTMLDivElement>>;
@@ -1 +1 @@
1
- {"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,kBAAkB,CAAC;AA0D1D;;;;;;GAMG;AACH,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;CAoBlB,CAAC"}
1
+ {"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAW1D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAEpD,MAAM,WAAW,kBAAmB,SAAQ,YAAY,CAAC,YAAY;IACnE,OAAO,CAAC,EAAE,aAAa,CAAC;CACzB;AAqDD;;;;;;GAMG;AACH,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;CAoBlB,CAAC"}
@@ -7,8 +7,8 @@ var react = require('@chakra-ui/react');
7
7
  var mergeCss = require('../../utils/mergeCss.js');
8
8
  var Select_styles = require('./Select.styles.js');
9
9
 
10
- const Trigger = React.forwardRef(function SelectTrigger({ css, ...props }, ref) {
11
- return (jsxRuntime.jsx(react.Select.Trigger, { ref: ref, ...props, css: mergeCss.mergeCss(Select_styles.triggerStyles, css) }));
10
+ const Trigger = React.forwardRef(function SelectTrigger({ css, variant = 'outline', ...props }, ref) {
11
+ return (jsxRuntime.jsx(react.Select.Trigger, { ref: ref, ...props, css: mergeCss.mergeCss(Select_styles.triggerStyles, variant === 'ghost' && Select_styles.ghostTriggerStyles, css) }));
12
12
  });
13
13
  const Content = React.forwardRef(function SelectContent({ css, ...props }, ref) {
14
14
  return (jsxRuntime.jsx(react.Select.Content, { ref: ref,
@@ -1 +1 @@
1
- {"version":3,"file":"Select.js","sources":["../../../src/components/Select/Select.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsx","ChakraSelect","mergeCss","triggerStyles","contentStyles","itemStyles","indicatorStyles"],"mappings":";;;;;;;;;AAYA,MAAM,OAAO,GAAGA,gBAAU,CACxB,SAAS,aAAa,CAAC,EAAE,GAAG,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAA;IAC3C,QACEC,eAACC,YAAY,CAAC,OAAO,EAAA,EACnB,GAAG,EAAE,GAAG,EAAA,GACJ,KAAK,EACT,GAAG,EAAEC,iBAAQ,CAACC,2BAAa,EAAE,GAAG,CAAC,EAAA,CACjC;AAEN,CAAC,CACF;AAED,MAAM,OAAO,GAAGJ,gBAAU,CACxB,SAAS,aAAa,CAAC,EAAE,GAAG,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAA;IAC3C,QACEC,eAACC,YAAY,CAAC,OAAO,EAAA,EACnB,GAAG,EAAE,GAAG;;;AAGR,QAAA,cAAc,EAAC,mBAAmB,EAAA,GAC9B,KAAK,EACT,GAAG,EAAEC,iBAAQ,CAACE,2BAAa,EAAE,GAAG,CAAC,EAAA,CACjC;AAEN,CAAC,CACF;AAED,MAAM,IAAI,GAAGL,gBAAU,CACrB,SAAS,UAAU,CAAC,EAAE,GAAG,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAA;IACxC,QACEC,eAACC,YAAY,CAAC,IAAI,EAAA,EAAC,GAAG,EAAE,GAAG,EAAA,GAAM,KAAK,EAAE,GAAG,EAAEC,iBAAQ,CAACG,wBAAU,EAAE,GAAG,CAAC,EAAA,CAAI;AAE9E,CAAC,CACF;AAED,MAAM,SAAS,GAAGN,gBAAU,CAC1B,SAAS,eAAe,CAAC,EAAE,GAAG,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAA;IAC7C,QACEC,eAACC,YAAY,CAAC,SAAS,EAAA,EACrB,GAAG,EAAE,GAAG,EAAA,GACJ,KAAK,EACT,GAAG,EAAEC,iBAAQ,CAACI,6BAAe,EAAE,GAAG,CAAC,EAAA,CACnC;AAEN,CAAC,CACF;AAED;;;;;;AAMG;AACI,MAAM,MAAM,GAAG;IACpB,IAAI,EAAEL,YAAY,CAAC,IAAI;IACvB,aAAa,EAAEA,YAAY,CAAC,aAAa;IACzC,OAAO,EAAEA,YAAY,CAAC,OAAO;IAC7B,KAAK,EAAEA,YAAY,CAAC,KAAK;IACzB,OAAO,EAAEA,YAAY,CAAC,OAAO;IAC7B,OAAO;IACP,SAAS,EAAEA,YAAY,CAAC,SAAS;IACjC,cAAc,EAAEA,YAAY,CAAC,cAAc;IAC3C,SAAS;IACT,YAAY,EAAEA,YAAY,CAAC,YAAY;IACvC,YAAY,EAAEA,YAAY,CAAC,YAAY;IACvC,UAAU,EAAEA,YAAY,CAAC,UAAU;IACnC,OAAO;IACP,SAAS,EAAEA,YAAY,CAAC,SAAS;IACjC,cAAc,EAAEA,YAAY,CAAC,cAAc;IAC3C,IAAI;IACJ,QAAQ,EAAEA,YAAY,CAAC,QAAQ;IAC/B,aAAa,EAAEA,YAAY,CAAC,aAAa;IACzC,WAAW,EAAEA,YAAY,CAAC,WAAW;;;;;"}
1
+ {"version":3,"file":"Select.js","sources":["../../../src/components/Select/Select.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsx","ChakraSelect","mergeCss","triggerStyles","ghostTriggerStyles","contentStyles","itemStyles","indicatorStyles"],"mappings":";;;;;;;;;AAkBA,MAAM,OAAO,GAAGA,gBAAU,CACxB,SAAS,aAAa,CAAC,EAAE,GAAG,EAAE,OAAO,GAAG,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAA;AAChE,IAAA,QACEC,cAAA,CAACC,YAAY,CAAC,OAAO,EAAA,EACnB,GAAG,EAAE,GAAG,EAAA,GACJ,KAAK,EACT,GAAG,EAAEC,iBAAQ,CACXC,2BAAa,EACb,OAAO,KAAK,OAAO,IAAIC,gCAAkB,EACzC,GAAG,CACJ,EAAA,CACD;AAEN,CAAC,CACF;AAED,MAAM,OAAO,GAAGL,gBAAU,CACxB,SAAS,aAAa,CAAC,EAAE,GAAG,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAA;IAC3C,QACEC,eAACC,YAAY,CAAC,OAAO,EAAA,EACnB,GAAG,EAAE,GAAG;;;AAGR,QAAA,cAAc,EAAC,mBAAmB,EAAA,GAC9B,KAAK,EACT,GAAG,EAAEC,iBAAQ,CAACG,2BAAa,EAAE,GAAG,CAAC,EAAA,CACjC;AAEN,CAAC,CACF;AAED,MAAM,IAAI,GAAGN,gBAAU,CACrB,SAAS,UAAU,CAAC,EAAE,GAAG,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAA;IACxC,QACEC,eAACC,YAAY,CAAC,IAAI,EAAA,EAAC,GAAG,EAAE,GAAG,EAAA,GAAM,KAAK,EAAE,GAAG,EAAEC,iBAAQ,CAACI,wBAAU,EAAE,GAAG,CAAC,EAAA,CAAI;AAE9E,CAAC,CACF;AAED,MAAM,SAAS,GAAGP,gBAAU,CAC1B,SAAS,eAAe,CAAC,EAAE,GAAG,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAA;IAC7C,QACEC,eAACC,YAAY,CAAC,SAAS,EAAA,EACrB,GAAG,EAAE,GAAG,EAAA,GACJ,KAAK,EACT,GAAG,EAAEC,iBAAQ,CAACK,6BAAe,EAAE,GAAG,CAAC,EAAA,CACnC;AAEN,CAAC,CACF;AAED;;;;;;AAMG;AACI,MAAM,MAAM,GAAG;IACpB,IAAI,EAAEN,YAAY,CAAC,IAAI;IACvB,aAAa,EAAEA,YAAY,CAAC,aAAa;IACzC,OAAO,EAAEA,YAAY,CAAC,OAAO;IAC7B,KAAK,EAAEA,YAAY,CAAC,KAAK;IACzB,OAAO,EAAEA,YAAY,CAAC,OAAO;IAC7B,OAAO;IACP,SAAS,EAAEA,YAAY,CAAC,SAAS;IACjC,cAAc,EAAEA,YAAY,CAAC,cAAc;IAC3C,SAAS;IACT,YAAY,EAAEA,YAAY,CAAC,YAAY;IACvC,YAAY,EAAEA,YAAY,CAAC,YAAY;IACvC,UAAU,EAAEA,YAAY,CAAC,UAAU;IACnC,OAAO;IACP,SAAS,EAAEA,YAAY,CAAC,SAAS;IACjC,cAAc,EAAEA,YAAY,CAAC,cAAc;IAC3C,IAAI;IACJ,QAAQ,EAAEA,YAAY,CAAC,QAAQ;IAC/B,aAAa,EAAEA,YAAY,CAAC,aAAa;IACzC,WAAW,EAAEA,YAAY,CAAC,WAAW;;;;;"}
@@ -3,10 +3,10 @@ import { jsx } from 'react/jsx-runtime';
3
3
  import { forwardRef } from 'react';
4
4
  import { Select as Select$1 } from '@chakra-ui/react';
5
5
  import { mergeCss } from '../../utils/mergeCss.mjs';
6
- import { triggerStyles, contentStyles, itemStyles, indicatorStyles } from './Select.styles.mjs';
6
+ import { ghostTriggerStyles, triggerStyles, contentStyles, itemStyles, indicatorStyles } from './Select.styles.mjs';
7
7
 
8
- const Trigger = forwardRef(function SelectTrigger({ css, ...props }, ref) {
9
- return (jsx(Select$1.Trigger, { ref: ref, ...props, css: mergeCss(triggerStyles, css) }));
8
+ const Trigger = forwardRef(function SelectTrigger({ css, variant = 'outline', ...props }, ref) {
9
+ return (jsx(Select$1.Trigger, { ref: ref, ...props, css: mergeCss(triggerStyles, variant === 'ghost' && ghostTriggerStyles, css) }));
10
10
  });
11
11
  const Content = forwardRef(function SelectContent({ css, ...props }, ref) {
12
12
  return (jsx(Select$1.Content, { ref: ref,
@@ -1 +1 @@
1
- {"version":3,"file":"Select.mjs","sources":["../../../src/components/Select/Select.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraSelect"],"mappings":";;;;;;;AAYA,MAAM,OAAO,GAAG,UAAU,CACxB,SAAS,aAAa,CAAC,EAAE,GAAG,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAA;IAC3C,QACEA,IAACC,QAAY,CAAC,OAAO,EAAA,EACnB,GAAG,EAAE,GAAG,EAAA,GACJ,KAAK,EACT,GAAG,EAAE,QAAQ,CAAC,aAAa,EAAE,GAAG,CAAC,EAAA,CACjC;AAEN,CAAC,CACF;AAED,MAAM,OAAO,GAAG,UAAU,CACxB,SAAS,aAAa,CAAC,EAAE,GAAG,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAA;IAC3C,QACED,IAACC,QAAY,CAAC,OAAO,EAAA,EACnB,GAAG,EAAE,GAAG;;;AAGR,QAAA,cAAc,EAAC,mBAAmB,EAAA,GAC9B,KAAK,EACT,GAAG,EAAE,QAAQ,CAAC,aAAa,EAAE,GAAG,CAAC,EAAA,CACjC;AAEN,CAAC,CACF;AAED,MAAM,IAAI,GAAG,UAAU,CACrB,SAAS,UAAU,CAAC,EAAE,GAAG,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAA;IACxC,QACED,IAACC,QAAY,CAAC,IAAI,EAAA,EAAC,GAAG,EAAE,GAAG,EAAA,GAAM,KAAK,EAAE,GAAG,EAAE,QAAQ,CAAC,UAAU,EAAE,GAAG,CAAC,EAAA,CAAI;AAE9E,CAAC,CACF;AAED,MAAM,SAAS,GAAG,UAAU,CAC1B,SAAS,eAAe,CAAC,EAAE,GAAG,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAA;IAC7C,QACED,IAACC,QAAY,CAAC,SAAS,EAAA,EACrB,GAAG,EAAE,GAAG,EAAA,GACJ,KAAK,EACT,GAAG,EAAE,QAAQ,CAAC,eAAe,EAAE,GAAG,CAAC,EAAA,CACnC;AAEN,CAAC,CACF;AAED;;;;;;AAMG;AACI,MAAM,MAAM,GAAG;IACpB,IAAI,EAAEA,QAAY,CAAC,IAAI;IACvB,aAAa,EAAEA,QAAY,CAAC,aAAa;IACzC,OAAO,EAAEA,QAAY,CAAC,OAAO;IAC7B,KAAK,EAAEA,QAAY,CAAC,KAAK;IACzB,OAAO,EAAEA,QAAY,CAAC,OAAO;IAC7B,OAAO;IACP,SAAS,EAAEA,QAAY,CAAC,SAAS;IACjC,cAAc,EAAEA,QAAY,CAAC,cAAc;IAC3C,SAAS;IACT,YAAY,EAAEA,QAAY,CAAC,YAAY;IACvC,YAAY,EAAEA,QAAY,CAAC,YAAY;IACvC,UAAU,EAAEA,QAAY,CAAC,UAAU;IACnC,OAAO;IACP,SAAS,EAAEA,QAAY,CAAC,SAAS;IACjC,cAAc,EAAEA,QAAY,CAAC,cAAc;IAC3C,IAAI;IACJ,QAAQ,EAAEA,QAAY,CAAC,QAAQ;IAC/B,aAAa,EAAEA,QAAY,CAAC,aAAa;IACzC,WAAW,EAAEA,QAAY,CAAC,WAAW;;;;;"}
1
+ {"version":3,"file":"Select.mjs","sources":["../../../src/components/Select/Select.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraSelect"],"mappings":";;;;;;;AAkBA,MAAM,OAAO,GAAG,UAAU,CACxB,SAAS,aAAa,CAAC,EAAE,GAAG,EAAE,OAAO,GAAG,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAA;AAChE,IAAA,QACEA,GAAA,CAACC,QAAY,CAAC,OAAO,EAAA,EACnB,GAAG,EAAE,GAAG,EAAA,GACJ,KAAK,EACT,GAAG,EAAE,QAAQ,CACX,aAAa,EACb,OAAO,KAAK,OAAO,IAAI,kBAAkB,EACzC,GAAG,CACJ,EAAA,CACD;AAEN,CAAC,CACF;AAED,MAAM,OAAO,GAAG,UAAU,CACxB,SAAS,aAAa,CAAC,EAAE,GAAG,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAA;IAC3C,QACED,IAACC,QAAY,CAAC,OAAO,EAAA,EACnB,GAAG,EAAE,GAAG;;;AAGR,QAAA,cAAc,EAAC,mBAAmB,EAAA,GAC9B,KAAK,EACT,GAAG,EAAE,QAAQ,CAAC,aAAa,EAAE,GAAG,CAAC,EAAA,CACjC;AAEN,CAAC,CACF;AAED,MAAM,IAAI,GAAG,UAAU,CACrB,SAAS,UAAU,CAAC,EAAE,GAAG,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAA;IACxC,QACED,IAACC,QAAY,CAAC,IAAI,EAAA,EAAC,GAAG,EAAE,GAAG,EAAA,GAAM,KAAK,EAAE,GAAG,EAAE,QAAQ,CAAC,UAAU,EAAE,GAAG,CAAC,EAAA,CAAI;AAE9E,CAAC,CACF;AAED,MAAM,SAAS,GAAG,UAAU,CAC1B,SAAS,eAAe,CAAC,EAAE,GAAG,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAA;IAC7C,QACED,IAACC,QAAY,CAAC,SAAS,EAAA,EACrB,GAAG,EAAE,GAAG,EAAA,GACJ,KAAK,EACT,GAAG,EAAE,QAAQ,CAAC,eAAe,EAAE,GAAG,CAAC,EAAA,CACnC;AAEN,CAAC,CACF;AAED;;;;;;AAMG;AACI,MAAM,MAAM,GAAG;IACpB,IAAI,EAAEA,QAAY,CAAC,IAAI;IACvB,aAAa,EAAEA,QAAY,CAAC,aAAa;IACzC,OAAO,EAAEA,QAAY,CAAC,OAAO;IAC7B,KAAK,EAAEA,QAAY,CAAC,KAAK;IACzB,OAAO,EAAEA,QAAY,CAAC,OAAO;IAC7B,OAAO;IACP,SAAS,EAAEA,QAAY,CAAC,SAAS;IACjC,cAAc,EAAEA,QAAY,CAAC,cAAc;IAC3C,SAAS;IACT,YAAY,EAAEA,QAAY,CAAC,YAAY;IACvC,YAAY,EAAEA,QAAY,CAAC,YAAY;IACvC,UAAU,EAAEA,QAAY,CAAC,UAAU;IACnC,OAAO;IACP,SAAS,EAAEA,QAAY,CAAC,SAAS;IACjC,cAAc,EAAEA,QAAY,CAAC,cAAc;IAC3C,IAAI;IACJ,QAAQ,EAAEA,QAAY,CAAC,QAAQ;IAC/B,aAAa,EAAEA,QAAY,CAAC,aAAa;IACzC,WAAW,EAAEA,QAAY,CAAC,WAAW;;;;;"}
@@ -45,6 +45,35 @@ export declare const triggerStyles: {
45
45
  '--focus-color': string;
46
46
  '--error-color': string;
47
47
  };
48
+ /**
49
+ * `variant="ghost"` delta on top of `triggerStyles`, for dense rows (settings
50
+ * lists) where a column of bordered triggers outweighs the card around them.
51
+ * No border at rest; hover brings back `border.control`, focus/open keep the
52
+ * normal ring, and an invalid field keeps its red border at rest so an error
53
+ * is never hidden. The chevron identifies the control (`fg.muted`, well over
54
+ * the 3:1 non-text floor), which is what lets the resting border go.
55
+ */
56
+ export declare const ghostTriggerStyles: {
57
+ bg: string;
58
+ borderColor: string;
59
+ pe: string;
60
+ '& [data-part=value-text]': {
61
+ maxW: string;
62
+ whiteSpace: string;
63
+ };
64
+ _hover: {
65
+ borderColor: string;
66
+ };
67
+ _disabled: {
68
+ cursor: string;
69
+ fontWeight: string;
70
+ bg: "transparent";
71
+ color: "disabled.fg";
72
+ borderColor: "transparent";
73
+ opacity: 1;
74
+ boxShadow: "none";
75
+ };
76
+ };
48
77
  /** Combobox text input — the typeable control. */
49
78
  export declare const inputStyles: {
50
79
  bg: string;
@@ -87,6 +116,15 @@ export declare const contentStyles: {
87
116
  boxShadow: string;
88
117
  padding: string;
89
118
  };
119
+ /**
120
+ * Dropdown panel for a ghost trigger — at least as wide as the trigger, but
121
+ * grown to the longest option, since a content-sized trigger is often
122
+ * narrower than the options it opens.
123
+ */
124
+ export declare const ghostContentStyles: {
125
+ width: string;
126
+ minW: string;
127
+ };
90
128
  /** Individual option for both Select and Combobox. */
91
129
  export declare const itemStyles: {
92
130
  borderRadius: string;
@@ -1 +1 @@
1
- {"version":3,"file":"Select.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.styles.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AA+BH,8CAA8C;AAC9C,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAOzB,CAAC;AAEF,kDAAkD;AAClD,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAEvB,CAAC;AAEF,mDAAmD;AACnD,eAAO,MAAM,aAAa;;;;;;;CAOzB,CAAC;AAEF,sDAAsD;AACtD,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;CAWtB,CAAC;AAEF,yEAAyE;AACzE,eAAO,MAAM,eAAe;;CAE3B,CAAC"}
1
+ {"version":3,"file":"Select.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.styles.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AA+BH,8CAA8C;AAC9C,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAOzB,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;CAe9B,CAAC;AAEF,kDAAkD;AAClD,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAEvB,CAAC;AAEF,mDAAmD;AACnD,eAAO,MAAM,aAAa;;;;;;;CAOzB,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,kBAAkB;;;CAG9B,CAAC;AAEF,sDAAsD;AACtD,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;CAWtB,CAAC;AAEF,yEAAyE;AACzE,eAAO,MAAM,eAAe;;CAE3B,CAAC"}
@@ -46,6 +46,30 @@ const triggerStyles = {
46
46
  boxShadow: '0 0 0 1px var(--chakra-colors-primary-main)',
47
47
  },
48
48
  };
49
+ /**
50
+ * `variant="ghost"` delta on top of `triggerStyles`, for dense rows (settings
51
+ * lists) where a column of bordered triggers outweighs the card around them.
52
+ * No border at rest; hover brings back `border.control`, focus/open keep the
53
+ * normal ring, and an invalid field keeps its red border at rest so an error
54
+ * is never hidden. The chevron identifies the control (`fg.muted`, well over
55
+ * the 3:1 non-text floor), which is what lets the resting border go.
56
+ */
57
+ const ghostTriggerStyles = {
58
+ bg: 'transparent',
59
+ borderColor: 'transparent',
60
+ // Content-sized: Chakra caps the value at `maxW: 80%` of the trigger and
61
+ // overlays the chevron, which is circular once the trigger sizes to the
62
+ // value — it truncates to "앱 …". Lift the cap and reserve the chevron's
63
+ // room (indicator group = icon + padding on both sides) instead.
64
+ pe: 'calc(var(--select-trigger-padding-x) * 2 + 1rem)',
65
+ '& [data-part=value-text]': { maxW: 'none', whiteSpace: 'nowrap' },
66
+ _hover: { borderColor: 'border.control' },
67
+ _disabled: {
68
+ ...disabledControl.disabledText,
69
+ cursor: 'not-allowed',
70
+ fontWeight: 'semibold',
71
+ },
72
+ };
49
73
  /** Combobox text input — the typeable control. */
50
74
  const inputStyles = {
51
75
  ...fieldBase,
@@ -59,6 +83,15 @@ const contentStyles = {
59
83
  boxShadow: '0px 5px 20px 0px rgba(0, 0, 0, 0.10)',
60
84
  padding: '4px',
61
85
  };
86
+ /**
87
+ * Dropdown panel for a ghost trigger — at least as wide as the trigger, but
88
+ * grown to the longest option, since a content-sized trigger is often
89
+ * narrower than the options it opens.
90
+ */
91
+ const ghostContentStyles = {
92
+ width: 'max-content',
93
+ minW: 'var(--reference-width)',
94
+ };
62
95
  /** Individual option for both Select and Combobox. */
63
96
  const itemStyles = {
64
97
  borderRadius: '4px',
@@ -78,6 +111,8 @@ const indicatorStyles = {
78
111
  };
79
112
 
80
113
  exports.contentStyles = contentStyles;
114
+ exports.ghostContentStyles = ghostContentStyles;
115
+ exports.ghostTriggerStyles = ghostTriggerStyles;
81
116
  exports.indicatorStyles = indicatorStyles;
82
117
  exports.inputStyles = inputStyles;
83
118
  exports.itemStyles = itemStyles;
@@ -1 +1 @@
1
- {"version":3,"file":"Select.styles.js","sources":["../../../src/components/Select/Select.styles.ts"],"sourcesContent":[null],"names":["disabledControl"],"mappings":";;;;;AAAA;;;;;;;;AAQG;AAIH,MAAM,SAAS,GAAG;AAChB,IAAA,eAAe,EAAE,mCAAmC;AACpD,IAAA,eAAe,EAAE,mCAAmC;CACrD;AAED,MAAM,SAAS,GAAG;AAChB,IAAA,GAAG,SAAS;AACZ,IAAA,EAAE,EAAE,YAAY;AAChB,IAAA,KAAK,EAAE,YAAY;AACnB,IAAA,WAAW,EAAE,gBAAgB;AAC7B,IAAA,MAAM,EAAE,EAAE,WAAW,EAAE,SAAS,EAAE;AAClC,IAAA,MAAM,EAAE;AACN,QAAA,WAAW,EAAE,cAAc;AAC3B,QAAA,SAAS,EAAE,6CAA6C;AACzD,KAAA;AACD,IAAA,QAAQ,EAAE;AACR,QAAA,WAAW,EAAE,cAAc;AAC3B,QAAA,MAAM,EAAE,EAAE,WAAW,EAAE,cAAc,EAAE;AACvC,QAAA,MAAM,EAAE,EAAE,WAAW,EAAE,cAAc,EAAE;AACxC,KAAA;AACD,IAAA,SAAS,EAAE;AACT,QAAA,GAAGA,+BAAe;AAClB,QAAA,MAAM,EAAE,aAAa;AACrB,QAAA,UAAU,EAAE,UAAU;AACvB,KAAA;CACF;AAED;AACO,MAAM,aAAa,GAAG;AAC3B,IAAA,GAAG,SAAS;AACZ,IAAA,MAAM,EAAE,SAAS;AACjB,IAAA,KAAK,EAAE;AACL,QAAA,WAAW,EAAE,cAAc;AAC3B,QAAA,SAAS,EAAE,6CAA6C;AACzD,KAAA;;AAGH;AACO,MAAM,WAAW,GAAG;AACzB,IAAA,GAAG,SAAS;;AAGd;AACO,MAAM,aAAa,GAAG;AAC3B,IAAA,EAAE,EAAE,YAAY;AAChB,IAAA,WAAW,EAAE,gBAAgB;AAC7B,IAAA,WAAW,EAAE,KAAK;AAClB,IAAA,YAAY,EAAE,KAAK;AACnB,IAAA,SAAS,EAAE,sCAAsC;AACjD,IAAA,OAAO,EAAE,KAAK;;AAGhB;AACO,MAAM,UAAU,GAAG;AACxB,IAAA,YAAY,EAAE,KAAK;AACnB,IAAA,MAAM,EAAE,SAAS;AACjB,IAAA,KAAK,EAAE,YAAY;AACnB,IAAA,YAAY,EAAE,EAAE,EAAE,EAAE,cAAc,EAAE;AACpC,IAAA,QAAQ,EAAE;AACR,QAAA,EAAE,EAAE,kBAAkB;AACtB,QAAA,KAAK,EAAE,YAAY;AACnB,QAAA,UAAU,EAAE,MAAM;AACnB,KAAA;IACD,SAAS,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,EAAE,aAAa,EAAE;;AAG1D;AACO,MAAM,eAAe,GAAG;AAC7B,IAAA,KAAK,EAAE,UAAU;;;;;;;;;"}
1
+ {"version":3,"file":"Select.styles.js","sources":["../../../src/components/Select/Select.styles.ts"],"sourcesContent":[null],"names":["disabledControl","disabledText"],"mappings":";;;;;AAAA;;;;;;;;AAQG;AAIH,MAAM,SAAS,GAAG;AAChB,IAAA,eAAe,EAAE,mCAAmC;AACpD,IAAA,eAAe,EAAE,mCAAmC;CACrD;AAED,MAAM,SAAS,GAAG;AAChB,IAAA,GAAG,SAAS;AACZ,IAAA,EAAE,EAAE,YAAY;AAChB,IAAA,KAAK,EAAE,YAAY;AACnB,IAAA,WAAW,EAAE,gBAAgB;AAC7B,IAAA,MAAM,EAAE,EAAE,WAAW,EAAE,SAAS,EAAE;AAClC,IAAA,MAAM,EAAE;AACN,QAAA,WAAW,EAAE,cAAc;AAC3B,QAAA,SAAS,EAAE,6CAA6C;AACzD,KAAA;AACD,IAAA,QAAQ,EAAE;AACR,QAAA,WAAW,EAAE,cAAc;AAC3B,QAAA,MAAM,EAAE,EAAE,WAAW,EAAE,cAAc,EAAE;AACvC,QAAA,MAAM,EAAE,EAAE,WAAW,EAAE,cAAc,EAAE;AACxC,KAAA;AACD,IAAA,SAAS,EAAE;AACT,QAAA,GAAGA,+BAAe;AAClB,QAAA,MAAM,EAAE,aAAa;AACrB,QAAA,UAAU,EAAE,UAAU;AACvB,KAAA;CACF;AAED;AACO,MAAM,aAAa,GAAG;AAC3B,IAAA,GAAG,SAAS;AACZ,IAAA,MAAM,EAAE,SAAS;AACjB,IAAA,KAAK,EAAE;AACL,QAAA,WAAW,EAAE,cAAc;AAC3B,QAAA,SAAS,EAAE,6CAA6C;AACzD,KAAA;;AAGH;;;;;;;AAOG;AACI,MAAM,kBAAkB,GAAG;AAChC,IAAA,EAAE,EAAE,aAAa;AACjB,IAAA,WAAW,EAAE,aAAa;;;;;AAK1B,IAAA,EAAE,EAAE,kDAAkD;IACtD,0BAA0B,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE;AAClE,IAAA,MAAM,EAAE,EAAE,WAAW,EAAE,gBAAgB,EAAE;AACzC,IAAA,SAAS,EAAE;AACT,QAAA,GAAGC,4BAAY;AACf,QAAA,MAAM,EAAE,aAAa;AACrB,QAAA,UAAU,EAAE,UAAU;AACvB,KAAA;;AAGH;AACO,MAAM,WAAW,GAAG;AACzB,IAAA,GAAG,SAAS;;AAGd;AACO,MAAM,aAAa,GAAG;AAC3B,IAAA,EAAE,EAAE,YAAY;AAChB,IAAA,WAAW,EAAE,gBAAgB;AAC7B,IAAA,WAAW,EAAE,KAAK;AAClB,IAAA,YAAY,EAAE,KAAK;AACnB,IAAA,SAAS,EAAE,sCAAsC;AACjD,IAAA,OAAO,EAAE,KAAK;;AAGhB;;;;AAIG;AACI,MAAM,kBAAkB,GAAG;AAChC,IAAA,KAAK,EAAE,aAAa;AACpB,IAAA,IAAI,EAAE,wBAAwB;;AAGhC;AACO,MAAM,UAAU,GAAG;AACxB,IAAA,YAAY,EAAE,KAAK;AACnB,IAAA,MAAM,EAAE,SAAS;AACjB,IAAA,KAAK,EAAE,YAAY;AACnB,IAAA,YAAY,EAAE,EAAE,EAAE,EAAE,cAAc,EAAE;AACpC,IAAA,QAAQ,EAAE;AACR,QAAA,EAAE,EAAE,kBAAkB;AACtB,QAAA,KAAK,EAAE,YAAY;AACnB,QAAA,UAAU,EAAE,MAAM;AACnB,KAAA;IACD,SAAS,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,EAAE,aAAa,EAAE;;AAG1D;AACO,MAAM,eAAe,GAAG;AAC7B,IAAA,KAAK,EAAE,UAAU;;;;;;;;;;;"}
@@ -1,5 +1,5 @@
1
1
  "use client";
2
- import { disabledControl } from '../../utils/disabledControl.mjs';
2
+ import { disabledControl, disabledText } from '../../utils/disabledControl.mjs';
3
3
 
4
4
  /**
5
5
  * Shared style objects for the Select and Combobox components.
@@ -44,6 +44,30 @@ const triggerStyles = {
44
44
  boxShadow: '0 0 0 1px var(--chakra-colors-primary-main)',
45
45
  },
46
46
  };
47
+ /**
48
+ * `variant="ghost"` delta on top of `triggerStyles`, for dense rows (settings
49
+ * lists) where a column of bordered triggers outweighs the card around them.
50
+ * No border at rest; hover brings back `border.control`, focus/open keep the
51
+ * normal ring, and an invalid field keeps its red border at rest so an error
52
+ * is never hidden. The chevron identifies the control (`fg.muted`, well over
53
+ * the 3:1 non-text floor), which is what lets the resting border go.
54
+ */
55
+ const ghostTriggerStyles = {
56
+ bg: 'transparent',
57
+ borderColor: 'transparent',
58
+ // Content-sized: Chakra caps the value at `maxW: 80%` of the trigger and
59
+ // overlays the chevron, which is circular once the trigger sizes to the
60
+ // value — it truncates to "앱 …". Lift the cap and reserve the chevron's
61
+ // room (indicator group = icon + padding on both sides) instead.
62
+ pe: 'calc(var(--select-trigger-padding-x) * 2 + 1rem)',
63
+ '& [data-part=value-text]': { maxW: 'none', whiteSpace: 'nowrap' },
64
+ _hover: { borderColor: 'border.control' },
65
+ _disabled: {
66
+ ...disabledText,
67
+ cursor: 'not-allowed',
68
+ fontWeight: 'semibold',
69
+ },
70
+ };
47
71
  /** Combobox text input — the typeable control. */
48
72
  const inputStyles = {
49
73
  ...fieldBase,
@@ -57,6 +81,15 @@ const contentStyles = {
57
81
  boxShadow: '0px 5px 20px 0px rgba(0, 0, 0, 0.10)',
58
82
  padding: '4px',
59
83
  };
84
+ /**
85
+ * Dropdown panel for a ghost trigger — at least as wide as the trigger, but
86
+ * grown to the longest option, since a content-sized trigger is often
87
+ * narrower than the options it opens.
88
+ */
89
+ const ghostContentStyles = {
90
+ width: 'max-content',
91
+ minW: 'var(--reference-width)',
92
+ };
60
93
  /** Individual option for both Select and Combobox. */
61
94
  const itemStyles = {
62
95
  borderRadius: '4px',
@@ -75,5 +108,5 @@ const indicatorStyles = {
75
108
  color: 'fg.muted',
76
109
  };
77
110
 
78
- export { contentStyles, indicatorStyles, inputStyles, itemStyles, triggerStyles };
111
+ export { contentStyles, ghostContentStyles, ghostTriggerStyles, indicatorStyles, inputStyles, itemStyles, triggerStyles };
79
112
  //# sourceMappingURL=Select.styles.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"Select.styles.mjs","sources":["../../../src/components/Select/Select.styles.ts"],"sourcesContent":[null],"names":[],"mappings":";;;AAAA;;;;;;;;AAQG;AAIH,MAAM,SAAS,GAAG;AAChB,IAAA,eAAe,EAAE,mCAAmC;AACpD,IAAA,eAAe,EAAE,mCAAmC;CACrD;AAED,MAAM,SAAS,GAAG;AAChB,IAAA,GAAG,SAAS;AACZ,IAAA,EAAE,EAAE,YAAY;AAChB,IAAA,KAAK,EAAE,YAAY;AACnB,IAAA,WAAW,EAAE,gBAAgB;AAC7B,IAAA,MAAM,EAAE,EAAE,WAAW,EAAE,SAAS,EAAE;AAClC,IAAA,MAAM,EAAE;AACN,QAAA,WAAW,EAAE,cAAc;AAC3B,QAAA,SAAS,EAAE,6CAA6C;AACzD,KAAA;AACD,IAAA,QAAQ,EAAE;AACR,QAAA,WAAW,EAAE,cAAc;AAC3B,QAAA,MAAM,EAAE,EAAE,WAAW,EAAE,cAAc,EAAE;AACvC,QAAA,MAAM,EAAE,EAAE,WAAW,EAAE,cAAc,EAAE;AACxC,KAAA;AACD,IAAA,SAAS,EAAE;AACT,QAAA,GAAG,eAAe;AAClB,QAAA,MAAM,EAAE,aAAa;AACrB,QAAA,UAAU,EAAE,UAAU;AACvB,KAAA;CACF;AAED;AACO,MAAM,aAAa,GAAG;AAC3B,IAAA,GAAG,SAAS;AACZ,IAAA,MAAM,EAAE,SAAS;AACjB,IAAA,KAAK,EAAE;AACL,QAAA,WAAW,EAAE,cAAc;AAC3B,QAAA,SAAS,EAAE,6CAA6C;AACzD,KAAA;;AAGH;AACO,MAAM,WAAW,GAAG;AACzB,IAAA,GAAG,SAAS;;AAGd;AACO,MAAM,aAAa,GAAG;AAC3B,IAAA,EAAE,EAAE,YAAY;AAChB,IAAA,WAAW,EAAE,gBAAgB;AAC7B,IAAA,WAAW,EAAE,KAAK;AAClB,IAAA,YAAY,EAAE,KAAK;AACnB,IAAA,SAAS,EAAE,sCAAsC;AACjD,IAAA,OAAO,EAAE,KAAK;;AAGhB;AACO,MAAM,UAAU,GAAG;AACxB,IAAA,YAAY,EAAE,KAAK;AACnB,IAAA,MAAM,EAAE,SAAS;AACjB,IAAA,KAAK,EAAE,YAAY;AACnB,IAAA,YAAY,EAAE,EAAE,EAAE,EAAE,cAAc,EAAE;AACpC,IAAA,QAAQ,EAAE;AACR,QAAA,EAAE,EAAE,kBAAkB;AACtB,QAAA,KAAK,EAAE,YAAY;AACnB,QAAA,UAAU,EAAE,MAAM;AACnB,KAAA;IACD,SAAS,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,EAAE,aAAa,EAAE;;AAG1D;AACO,MAAM,eAAe,GAAG;AAC7B,IAAA,KAAK,EAAE,UAAU;;;;;"}
1
+ {"version":3,"file":"Select.styles.mjs","sources":["../../../src/components/Select/Select.styles.ts"],"sourcesContent":[null],"names":[],"mappings":";;;AAAA;;;;;;;;AAQG;AAIH,MAAM,SAAS,GAAG;AAChB,IAAA,eAAe,EAAE,mCAAmC;AACpD,IAAA,eAAe,EAAE,mCAAmC;CACrD;AAED,MAAM,SAAS,GAAG;AAChB,IAAA,GAAG,SAAS;AACZ,IAAA,EAAE,EAAE,YAAY;AAChB,IAAA,KAAK,EAAE,YAAY;AACnB,IAAA,WAAW,EAAE,gBAAgB;AAC7B,IAAA,MAAM,EAAE,EAAE,WAAW,EAAE,SAAS,EAAE;AAClC,IAAA,MAAM,EAAE;AACN,QAAA,WAAW,EAAE,cAAc;AAC3B,QAAA,SAAS,EAAE,6CAA6C;AACzD,KAAA;AACD,IAAA,QAAQ,EAAE;AACR,QAAA,WAAW,EAAE,cAAc;AAC3B,QAAA,MAAM,EAAE,EAAE,WAAW,EAAE,cAAc,EAAE;AACvC,QAAA,MAAM,EAAE,EAAE,WAAW,EAAE,cAAc,EAAE;AACxC,KAAA;AACD,IAAA,SAAS,EAAE;AACT,QAAA,GAAG,eAAe;AAClB,QAAA,MAAM,EAAE,aAAa;AACrB,QAAA,UAAU,EAAE,UAAU;AACvB,KAAA;CACF;AAED;AACO,MAAM,aAAa,GAAG;AAC3B,IAAA,GAAG,SAAS;AACZ,IAAA,MAAM,EAAE,SAAS;AACjB,IAAA,KAAK,EAAE;AACL,QAAA,WAAW,EAAE,cAAc;AAC3B,QAAA,SAAS,EAAE,6CAA6C;AACzD,KAAA;;AAGH;;;;;;;AAOG;AACI,MAAM,kBAAkB,GAAG;AAChC,IAAA,EAAE,EAAE,aAAa;AACjB,IAAA,WAAW,EAAE,aAAa;;;;;AAK1B,IAAA,EAAE,EAAE,kDAAkD;IACtD,0BAA0B,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE;AAClE,IAAA,MAAM,EAAE,EAAE,WAAW,EAAE,gBAAgB,EAAE;AACzC,IAAA,SAAS,EAAE;AACT,QAAA,GAAG,YAAY;AACf,QAAA,MAAM,EAAE,aAAa;AACrB,QAAA,UAAU,EAAE,UAAU;AACvB,KAAA;;AAGH;AACO,MAAM,WAAW,GAAG;AACzB,IAAA,GAAG,SAAS;;AAGd;AACO,MAAM,aAAa,GAAG;AAC3B,IAAA,EAAE,EAAE,YAAY;AAChB,IAAA,WAAW,EAAE,gBAAgB;AAC7B,IAAA,WAAW,EAAE,KAAK;AAClB,IAAA,YAAY,EAAE,KAAK;AACnB,IAAA,SAAS,EAAE,sCAAsC;AACjD,IAAA,OAAO,EAAE,KAAK;;AAGhB;;;;AAIG;AACI,MAAM,kBAAkB,GAAG;AAChC,IAAA,KAAK,EAAE,aAAa;AACpB,IAAA,IAAI,EAAE,wBAAwB;;AAGhC;AACO,MAAM,UAAU,GAAG;AACxB,IAAA,YAAY,EAAE,KAAK;AACnB,IAAA,MAAM,EAAE,SAAS;AACjB,IAAA,KAAK,EAAE,YAAY;AACnB,IAAA,YAAY,EAAE,EAAE,EAAE,EAAE,cAAc,EAAE;AACpC,IAAA,QAAQ,EAAE;AACR,QAAA,EAAE,EAAE,kBAAkB;AACtB,QAAA,KAAK,EAAE,YAAY;AACnB,QAAA,UAAU,EAAE,MAAM;AACnB,KAAA;IACD,SAAS,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,EAAE,aAAa,EAAE;;AAG1D;AACO,MAAM,eAAe,GAAG;AAC7B,IAAA,KAAK,EAAE,UAAU;;;;;"}
@@ -1,5 +1,10 @@
1
1
  import type { ReactNode } from 'react';
2
2
  export type SelectSize = 'xs' | 'sm' | 'md' | 'lg';
3
+ /**
4
+ * `outline` (default) — the bordered trigger shared with Input and Textarea.
5
+ * `ghost` — no border at rest, shown on hover/focus; for dense settings rows.
6
+ */
7
+ export type SelectVariant = 'outline' | 'ghost';
3
8
  export interface SelectOption<T = string> {
4
9
  label: string;
5
10
  value: T;
@@ -42,6 +47,11 @@ interface FieldBaseProps<T> {
42
47
  width?: string | number;
43
48
  }
44
49
  export interface SelectFieldProps<T = string> extends FieldBaseProps<T> {
50
+ /**
51
+ * Trigger look. `ghost` drops the resting border and sizes the field to its
52
+ * content (`width` defaults to `auto` instead of `full`).
53
+ */
54
+ variant?: SelectVariant;
45
55
  /**
46
56
  * Deal the options in one after another when the list opens.
47
57
  *
@@ -1 +1 @@
1
- {"version":3,"file":"Select.types.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEnD,MAAM,WAAW,YAAY,CAAC,CAAC,GAAG,MAAM;IACtC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,CAAC,CAAC;IACT,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,UAAU,cAAc,CAAC,CAAC;IACxB,wCAAwC;IACxC,OAAO,EAAE,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC;IAC3B,iCAAiC;IACjC,KAAK,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC;IACjB,4CAA4C;IAC5C,YAAY,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC;IACxB,+EAA+E;IAC/E,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,GAAG,IAAI,KAAK,IAAI,CAAC;IACrC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iDAAiD;IACjD,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;;;;;;;;;;;;OAcG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACzB;AAED,MAAM,WAAW,gBAAgB,CAAC,CAAC,GAAG,MAAM,CAAE,SAAQ,cAAc,CAAC,CAAC,CAAC;IACrE;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,kBAAkB,CAAC,CAAC,GAAG,MAAM,CAAE,SAAQ,cAAc,CAAC,CAAC,CAAC;IACvE,4DAA4D;IAC5D,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB"}
1
+ {"version":3,"file":"Select.types.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEnD;;;GAGG;AACH,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,OAAO,CAAC;AAEhD,MAAM,WAAW,YAAY,CAAC,CAAC,GAAG,MAAM;IACtC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,CAAC,CAAC;IACT,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,UAAU,cAAc,CAAC,CAAC;IACxB,wCAAwC;IACxC,OAAO,EAAE,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC;IAC3B,iCAAiC;IACjC,KAAK,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC;IACjB,4CAA4C;IAC5C,YAAY,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC;IACxB,+EAA+E;IAC/E,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,GAAG,IAAI,KAAK,IAAI,CAAC;IACrC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iDAAiD;IACjD,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;;;;;;;;;;;;OAcG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACzB;AAED,MAAM,WAAW,gBAAgB,CAAC,CAAC,GAAG,MAAM,CAAE,SAAQ,cAAc,CAAC,CAAC,CAAC;IACrE;;;OAGG;IACH,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,kBAAkB,CAAC,CAAC,GAAG,MAAM,CAAE,SAAQ,cAAc,CAAC,CAAC,CAAC;IACvE,4DAA4D;IAC5D,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB"}
@@ -7,5 +7,5 @@ import { SelectFieldProps } from './Select.types';
7
7
  * For multi-select, grouped options or custom layouts, compose the `Select`
8
8
  * primitives directly.
9
9
  */
10
- export declare function SelectField<T = string>({ options, value, defaultValue, onChange, placeholder, label, ariaLabel, size, invalid, disabled, readOnly, required, name, width, stagger, }: SelectFieldProps<T>): import("react/jsx-runtime").JSX.Element;
10
+ export declare function SelectField<T = string>({ options, value, defaultValue, onChange, placeholder, label, ariaLabel, size, invalid, disabled, readOnly, required, name, variant, width, stagger, }: SelectFieldProps<T>): import("react/jsx-runtime").JSX.Element;
11
11
  //# sourceMappingURL=SelectField.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"SelectField.d.ts","sourceRoot":"","sources":["../../../src/components/Select/SelectField.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAElD;;;;;;;GAOG;AACH,wBAAgB,WAAW,CAAC,CAAC,GAAG,MAAM,EAAE,EACtC,OAAO,EACP,KAAK,EACL,YAAY,EACZ,QAAQ,EACR,WAAW,EACX,KAAK,EACL,SAAS,EACT,IAAW,EACX,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,IAAI,EACJ,KAAc,EACd,OAAe,GAChB,EAAE,gBAAgB,CAAC,CAAC,CAAC,2CA0ErB"}
1
+ {"version":3,"file":"SelectField.d.ts","sourceRoot":"","sources":["../../../src/components/Select/SelectField.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAElD;;;;;;;GAOG;AACH,wBAAgB,WAAW,CAAC,CAAC,GAAG,MAAM,EAAE,EACtC,OAAO,EACP,KAAK,EACL,YAAY,EACZ,QAAQ,EACR,WAAW,EACX,KAAK,EACL,SAAS,EACT,IAAW,EACX,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,IAAI,EACJ,OAAmB,EACnB,KAA6C,EAC7C,OAAe,GAChB,EAAE,gBAAgB,CAAC,CAAC,CAAC,2CA4ErB"}
@@ -6,6 +6,7 @@ var React = require('react');
6
6
  var react = require('@chakra-ui/react');
7
7
  var staggerProps = require('../../utils/staggerProps.js');
8
8
  var Select = require('./Select.js');
9
+ var Select_styles = require('./Select.styles.js');
9
10
 
10
11
  /**
11
12
  * Single-select dropdown with the Logician design-system styling applied.
@@ -15,7 +16,7 @@ var Select = require('./Select.js');
15
16
  * For multi-select, grouped options or custom layouts, compose the `Select`
16
17
  * primitives directly.
17
18
  */
18
- function SelectField({ options, value, defaultValue, onChange, placeholder, label, ariaLabel, size = 'md', invalid, disabled, readOnly, required, name, width = 'full', stagger = false, }) {
19
+ function SelectField({ options, value, defaultValue, onChange, placeholder, label, ariaLabel, size = 'md', invalid, disabled, readOnly, required, name, variant = 'outline', width = variant === 'ghost' ? 'auto' : 'full', stagger = false, }) {
19
20
  const collection = React.useMemo(() => react.createListCollection({
20
21
  items: options,
21
22
  itemToValue: (item) => String(item.value),
@@ -26,7 +27,7 @@ function SelectField({ options, value, defaultValue, onChange, placeholder, labe
26
27
  return (jsxRuntime.jsxs(Select.Select.Root, { collection: collection, size: size, width: width, invalid: invalid, disabled: disabled, readOnly: readOnly, required: required, name: name, value: value === undefined ? undefined : toKeys(value), defaultValue: defaultValue === undefined ? undefined : toKeys(defaultValue), onValueChange: (details) => {
27
28
  const selected = details.items[0];
28
29
  onChange?.(selected ? selected.value : null);
29
- }, children: [jsxRuntime.jsx(Select.Select.HiddenSelect, {}), label != null ? (jsxRuntime.jsx(Select.Select.Label, { children: label })) : ((ariaLabel ?? placeholder) && (jsxRuntime.jsx(Select.Select.Label, { srOnly: true, children: ariaLabel ?? placeholder }))), jsxRuntime.jsxs(Select.Select.Control, { children: [jsxRuntime.jsx(Select.Select.Trigger, { children: jsxRuntime.jsx(Select.Select.ValueText, { placeholder: placeholder }) }), jsxRuntime.jsx(Select.Select.IndicatorGroup, { children: jsxRuntime.jsx(Select.Select.Indicator, {}) })] }), jsxRuntime.jsx(react.Portal, { children: jsxRuntime.jsx(Select.Select.Positioner, { children: jsxRuntime.jsx(Select.Select.Content, { children: options.map((option, index) => (jsxRuntime.jsxs(Select.Select.Item, { item: option, ...(stagger ? staggerProps.staggerProps(index) : {}), children: [jsxRuntime.jsx(Select.Select.ItemText, { children: option.label }), jsxRuntime.jsx(Select.Select.ItemIndicator, {})] }, String(option.value)))) }) }) })] }));
30
+ }, children: [jsxRuntime.jsx(Select.Select.HiddenSelect, {}), label != null ? (jsxRuntime.jsx(Select.Select.Label, { children: label })) : ((ariaLabel ?? placeholder) && (jsxRuntime.jsx(Select.Select.Label, { srOnly: true, children: ariaLabel ?? placeholder }))), jsxRuntime.jsxs(Select.Select.Control, { children: [jsxRuntime.jsx(Select.Select.Trigger, { variant: variant, children: jsxRuntime.jsx(Select.Select.ValueText, { placeholder: placeholder }) }), jsxRuntime.jsx(Select.Select.IndicatorGroup, { children: jsxRuntime.jsx(Select.Select.Indicator, {}) })] }), jsxRuntime.jsx(react.Portal, { children: jsxRuntime.jsx(Select.Select.Positioner, { children: jsxRuntime.jsx(Select.Select.Content, { css: variant === 'ghost' ? Select_styles.ghostContentStyles : undefined, children: options.map((option, index) => (jsxRuntime.jsxs(Select.Select.Item, { item: option, ...(stagger ? staggerProps.staggerProps(index) : {}), children: [jsxRuntime.jsx(Select.Select.ItemText, { children: option.label }), jsxRuntime.jsx(Select.Select.ItemIndicator, {})] }, String(option.value)))) }) }) })] }));
30
31
  }
31
32
 
32
33
  exports.SelectField = SelectField;
@@ -1 +1 @@
1
- {"version":3,"file":"SelectField.js","sources":["../../../src/components/Select/SelectField.tsx"],"sourcesContent":[null],"names":["useMemo","createListCollection","_jsxs","Select","_jsx","Portal","staggerProps"],"mappings":"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"}
1
+ {"version":3,"file":"SelectField.js","sources":["../../../src/components/Select/SelectField.tsx"],"sourcesContent":[null],"names":["useMemo","createListCollection","_jsxs","Select","_jsx","Portal","ghostContentStyles","staggerProps"],"mappings":"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"}
@@ -4,6 +4,7 @@ import { useMemo } from 'react';
4
4
  import { createListCollection, Portal } from '@chakra-ui/react';
5
5
  import { staggerProps } from '../../utils/staggerProps.mjs';
6
6
  import { Select } from './Select.mjs';
7
+ import { ghostContentStyles } from './Select.styles.mjs';
7
8
 
8
9
  /**
9
10
  * Single-select dropdown with the Logician design-system styling applied.
@@ -13,7 +14,7 @@ import { Select } from './Select.mjs';
13
14
  * For multi-select, grouped options or custom layouts, compose the `Select`
14
15
  * primitives directly.
15
16
  */
16
- function SelectField({ options, value, defaultValue, onChange, placeholder, label, ariaLabel, size = 'md', invalid, disabled, readOnly, required, name, width = 'full', stagger = false, }) {
17
+ function SelectField({ options, value, defaultValue, onChange, placeholder, label, ariaLabel, size = 'md', invalid, disabled, readOnly, required, name, variant = 'outline', width = variant === 'ghost' ? 'auto' : 'full', stagger = false, }) {
17
18
  const collection = useMemo(() => createListCollection({
18
19
  items: options,
19
20
  itemToValue: (item) => String(item.value),
@@ -24,7 +25,7 @@ function SelectField({ options, value, defaultValue, onChange, placeholder, labe
24
25
  return (jsxs(Select.Root, { collection: collection, size: size, width: width, invalid: invalid, disabled: disabled, readOnly: readOnly, required: required, name: name, value: value === undefined ? undefined : toKeys(value), defaultValue: defaultValue === undefined ? undefined : toKeys(defaultValue), onValueChange: (details) => {
25
26
  const selected = details.items[0];
26
27
  onChange?.(selected ? selected.value : null);
27
- }, children: [jsx(Select.HiddenSelect, {}), label != null ? (jsx(Select.Label, { children: label })) : ((ariaLabel ?? placeholder) && (jsx(Select.Label, { srOnly: true, children: ariaLabel ?? placeholder }))), jsxs(Select.Control, { children: [jsx(Select.Trigger, { children: jsx(Select.ValueText, { placeholder: placeholder }) }), jsx(Select.IndicatorGroup, { children: jsx(Select.Indicator, {}) })] }), jsx(Portal, { children: jsx(Select.Positioner, { children: jsx(Select.Content, { children: options.map((option, index) => (jsxs(Select.Item, { item: option, ...(stagger ? staggerProps(index) : {}), children: [jsx(Select.ItemText, { children: option.label }), jsx(Select.ItemIndicator, {})] }, String(option.value)))) }) }) })] }));
28
+ }, children: [jsx(Select.HiddenSelect, {}), label != null ? (jsx(Select.Label, { children: label })) : ((ariaLabel ?? placeholder) && (jsx(Select.Label, { srOnly: true, children: ariaLabel ?? placeholder }))), jsxs(Select.Control, { children: [jsx(Select.Trigger, { variant: variant, children: jsx(Select.ValueText, { placeholder: placeholder }) }), jsx(Select.IndicatorGroup, { children: jsx(Select.Indicator, {}) })] }), jsx(Portal, { children: jsx(Select.Positioner, { children: jsx(Select.Content, { css: variant === 'ghost' ? ghostContentStyles : undefined, children: options.map((option, index) => (jsxs(Select.Item, { item: option, ...(stagger ? staggerProps(index) : {}), children: [jsx(Select.ItemText, { children: option.label }), jsx(Select.ItemIndicator, {})] }, String(option.value)))) }) }) })] }));
28
29
  }
29
30
 
30
31
  export { SelectField };
@@ -1 +1 @@
1
- {"version":3,"file":"SelectField.mjs","sources":["../../../src/components/Select/SelectField.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"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"}
1
+ {"version":3,"file":"SelectField.mjs","sources":["../../../src/components/Select/SelectField.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"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"}
@@ -1,5 +1,6 @@
1
1
  export { Combobox } from './Combobox';
2
2
  export { ComboboxField } from './ComboboxField';
3
+ export type { SelectTriggerProps } from './Select';
3
4
  export { Select } from './Select';
4
5
  export type * from './Select.types';
5
6
  export { SelectField } from './SelectField';
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Select/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,mBAAmB,gBAAgB,CAAC;AACpC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EACL,oBAAoB,EACpB,SAAS,EACT,iBAAiB,GAClB,MAAM,kBAAkB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Select/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,YAAY,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AACnD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,mBAAmB,gBAAgB,CAAC;AACpC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EACL,oBAAoB,EACpB,SAAS,EACT,iBAAiB,GAClB,MAAM,kBAAkB,CAAC"}
@@ -5,8 +5,12 @@ import type { ToastStatus } from './Toast.types';
5
5
  *
6
6
  * Each status is bg `{s}.bg` + text `{s}.fg` + a 1px `{s}.border` outline —
7
7
  * `info` reads its own `info.*` family instead of borrowing `primary.*`.
8
- * `neutral` carries no status (it is the default when none is given):
9
- * `border.default` / `bg.surface` / `fg.default`.
8
+ * `neutral` carries no status (it is the default when none is given) and is
9
+ * inverted: the tooltip pair `tooltip.bg` / `tooltip.fg`. A `bg.surface` toast
10
+ * was white on a white canvas in light mode, set apart only by a 1px border
11
+ * and the shadow — a "링크를 복사했어요" confirmation was easy to miss. The
12
+ * tooltip pair already flips per mode (ink in light, cream in dark), so the
13
+ * toast stays the highest-contrast thing on the page in both.
10
14
  */
11
15
  export declare const toastStyles: Record<ToastStatus, BoxProps>;
12
16
  /**
@@ -1 +1 @@
1
- {"version":3,"file":"Toast.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/Toast.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAE5C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAEjD;;;;;;;GAOG;AACH,eAAO,MAAM,WAAW,EAAE,MAAM,CAAC,WAAW,EAAE,QAAQ,CA0BrD,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,WAAW,EAAE,QAAQ,CA+B3D,CAAC;AA0BF,eAAO,MAAM,YAAY,EAAE,MAAM,CAAC,WAAW,EAAE,QAAQ,CA+BtD,CAAC;AAEF,6EAA6E;AAC7E,eAAO,MAAM,sBAAsB,OAAO,CAAC;AAE3C;;;GAGG;AACH,eAAO,MAAM,qBAAqB,OAAO,CAAC"}
1
+ {"version":3,"file":"Toast.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/Toast.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAE5C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAEjD;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,WAAW,EAAE,MAAM,CAAC,WAAW,EAAE,QAAQ,CA0BrD,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,WAAW,EAAE,QAAQ,CAiC3D,CAAC;AA0BF,eAAO,MAAM,YAAY,EAAE,MAAM,CAAC,WAAW,EAAE,QAAQ,CAiCtD,CAAC;AAEF,6EAA6E;AAC7E,eAAO,MAAM,sBAAsB,OAAO,CAAC;AAE3C;;;GAGG;AACH,eAAO,MAAM,qBAAqB,OAAO,CAAC"}