@shipfox/react-ui 0.14.0 → 0.16.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 (562) hide show
  1. package/dist/components/avatar/avatar.js +1 -1
  2. package/dist/components/button-group/button-group.d.ts +17 -0
  3. package/dist/components/button-group/button-group.js +74 -0
  4. package/dist/components/button-group/button-group.stories.js +644 -0
  5. package/dist/components/button-group/index.d.ts +2 -0
  6. package/dist/components/button-group/index.js +3 -0
  7. package/dist/components/code-block/code-block-footer.js +4 -2
  8. package/dist/components/command/command.d.ts +28 -0
  9. package/dist/components/command/command.js +190 -0
  10. package/dist/components/command/command.stories.js +228 -0
  11. package/dist/components/command/index.d.ts +2 -0
  12. package/dist/components/command/index.js +3 -0
  13. package/dist/components/dashboard/components/animated-logo.d.ts +4 -0
  14. package/dist/components/dashboard/components/animated-logo.js +23 -0
  15. package/dist/components/dashboard/components/charts/bar-chart.d.ts +39 -0
  16. package/dist/components/dashboard/components/charts/bar-chart.js +104 -0
  17. package/dist/components/dashboard/components/charts/chart-tooltip.d.ts +14 -0
  18. package/dist/components/dashboard/components/charts/chart-tooltip.js +45 -0
  19. package/dist/components/dashboard/components/charts/colors.d.ts +11 -0
  20. package/dist/components/dashboard/components/charts/colors.js +17 -0
  21. package/dist/components/dashboard/components/charts/index.d.ts +5 -0
  22. package/dist/components/dashboard/components/charts/index.js +6 -0
  23. package/dist/components/dashboard/components/charts/line-chart.d.ts +37 -0
  24. package/dist/components/dashboard/components/charts/line-chart.js +128 -0
  25. package/dist/components/dashboard/components/complete-setup-button.d.ts +4 -0
  26. package/dist/components/dashboard/components/complete-setup-button.js +28 -0
  27. package/dist/components/dashboard/components/dashboard-alert.d.ts +8 -0
  28. package/dist/components/dashboard/components/dashboard-alert.js +24 -0
  29. package/dist/components/dashboard/components/kpi-card.d.ts +15 -0
  30. package/dist/components/dashboard/components/kpi-card.js +77 -0
  31. package/dist/components/dashboard/components/mobile-menu.d.ts +2 -0
  32. package/dist/components/dashboard/components/mobile-menu.js +65 -0
  33. package/dist/components/dashboard/components/mobile-sidebar.d.ts +19 -0
  34. package/dist/components/dashboard/components/mobile-sidebar.js +50 -0
  35. package/dist/components/dashboard/components/organization-selector.d.ts +25 -0
  36. package/dist/components/dashboard/components/organization-selector.js +115 -0
  37. package/dist/components/dashboard/components/sidebar.d.ts +24 -0
  38. package/dist/components/dashboard/components/sidebar.js +218 -0
  39. package/dist/components/dashboard/components/top-menu.d.ts +5 -0
  40. package/dist/components/dashboard/components/top-menu.js +31 -0
  41. package/dist/components/dashboard/components/topbar-button.d.ts +7 -0
  42. package/dist/components/dashboard/components/topbar-button.js +18 -0
  43. package/dist/components/dashboard/components/topbar.d.ts +4 -0
  44. package/dist/components/dashboard/components/topbar.js +62 -0
  45. package/dist/components/dashboard/components/user-profile.d.ts +2 -0
  46. package/dist/components/dashboard/components/user-profile.js +146 -0
  47. package/dist/components/dashboard/context/dashboard-context.d.ts +70 -0
  48. package/dist/components/dashboard/context/dashboard-context.js +175 -0
  49. package/dist/components/dashboard/context/index.d.ts +8 -0
  50. package/dist/components/dashboard/context/index.js +6 -0
  51. package/dist/components/dashboard/context/types.d.ts +50 -0
  52. package/dist/components/dashboard/context/types.js +7 -0
  53. package/dist/components/dashboard/context/utils.d.ts +28 -0
  54. package/dist/components/dashboard/context/utils.js +53 -0
  55. package/dist/components/dashboard/dashboard.d.ts +28 -0
  56. package/dist/components/dashboard/dashboard.js +110 -0
  57. package/dist/components/dashboard/dashboard.stories.js +23 -0
  58. package/dist/components/dashboard/filters/expression-filter-bar.d.ts +42 -0
  59. package/dist/components/dashboard/filters/expression-filter-bar.js +80 -0
  60. package/dist/components/dashboard/filters/index.d.ts +6 -0
  61. package/dist/components/dashboard/filters/index.js +5 -0
  62. package/dist/components/dashboard/index.d.ts +26 -0
  63. package/dist/components/dashboard/index.js +24 -0
  64. package/dist/components/dashboard/pages/analytics-page.d.ts +20 -0
  65. package/dist/components/dashboard/pages/analytics-page.js +258 -0
  66. package/dist/components/dashboard/pages/index.d.ts +6 -0
  67. package/dist/components/dashboard/pages/index.js +6 -0
  68. package/dist/components/dashboard/pages/jobs-page.d.ts +20 -0
  69. package/dist/components/dashboard/pages/jobs-page.js +56 -0
  70. package/dist/components/dashboard/table/index.d.ts +6 -0
  71. package/dist/components/dashboard/table/index.js +5 -0
  72. package/dist/components/dashboard/table/table-wrapper.d.ts +104 -0
  73. package/dist/components/dashboard/table/table-wrapper.js +93 -0
  74. package/dist/components/dashboard/toolbar/filter-button.d.ts +12 -0
  75. package/dist/components/dashboard/toolbar/filter-button.js +124 -0
  76. package/dist/components/dashboard/toolbar/index.d.ts +13 -0
  77. package/dist/components/dashboard/toolbar/index.js +10 -0
  78. package/dist/components/dashboard/toolbar/page-toolbar.d.ts +75 -0
  79. package/dist/components/dashboard/toolbar/page-toolbar.js +208 -0
  80. package/dist/components/dashboard/toolbar/toolbar-actions.d.ts +52 -0
  81. package/dist/components/dashboard/toolbar/toolbar-actions.js +51 -0
  82. package/dist/components/dashboard/toolbar/toolbar-search.d.ts +21 -0
  83. package/dist/components/dashboard/toolbar/toolbar-search.js +123 -0
  84. package/dist/components/dashboard/toolbar/view-dropdown.d.ts +11 -0
  85. package/dist/components/dashboard/toolbar/view-dropdown.js +113 -0
  86. package/dist/components/form/form.stories.js +6 -1
  87. package/dist/components/index.d.ts +8 -0
  88. package/dist/components/index.js +8 -0
  89. package/dist/components/kbd/index.d.ts +2 -0
  90. package/dist/components/kbd/index.js +3 -0
  91. package/dist/components/kbd/kbd.d.ts +7 -0
  92. package/dist/components/kbd/kbd.js +18 -0
  93. package/dist/components/kbd/kbd.stories.js +119 -0
  94. package/dist/components/modal/modal.js +3 -3
  95. package/dist/components/search/index.d.ts +7 -0
  96. package/dist/components/search/index.js +8 -0
  97. package/dist/components/search/search-context.d.ts +11 -0
  98. package/dist/components/search/search-context.js +56 -0
  99. package/dist/components/search/search-inline.d.ts +9 -0
  100. package/dist/components/search/search-inline.js +85 -0
  101. package/dist/components/search/search-modal.d.ts +25 -0
  102. package/dist/components/search/search-modal.js +168 -0
  103. package/dist/components/search/search-trigger.d.ts +9 -0
  104. package/dist/components/search/search-trigger.js +37 -0
  105. package/dist/components/search/search-variants.d.ts +14 -0
  106. package/dist/components/search/search-variants.js +90 -0
  107. package/dist/components/search/search.d.ts +11 -0
  108. package/dist/components/search/search.js +35 -0
  109. package/dist/components/search/search.stories.js +630 -0
  110. package/dist/components/select/index.d.ts +2 -0
  111. package/dist/components/select/index.js +3 -0
  112. package/dist/components/select/select.d.ts +27 -0
  113. package/dist/components/select/select.js +154 -0
  114. package/dist/components/select/select.stories.js +393 -0
  115. package/dist/components/sheet/index.d.ts +2 -0
  116. package/dist/components/sheet/index.js +3 -0
  117. package/dist/components/sheet/sheet.d.ts +33 -0
  118. package/dist/components/sheet/sheet.js +163 -0
  119. package/dist/components/sheet/sheet.stories.js +368 -0
  120. package/dist/components/skeleton/index.d.ts +2 -0
  121. package/dist/components/skeleton/index.js +3 -0
  122. package/dist/components/skeleton/skeleton.d.ts +5 -0
  123. package/dist/components/skeleton/skeleton.js +11 -0
  124. package/dist/components/skeleton/skeleton.stories.js +345 -0
  125. package/dist/components/table/data-table.d.ts +83 -0
  126. package/dist/components/table/data-table.js +164 -0
  127. package/dist/components/table/index.d.ts +6 -0
  128. package/dist/components/table/index.js +6 -0
  129. package/dist/components/table/table-column-header.d.ts +79 -0
  130. package/dist/components/table/table-column-header.js +99 -0
  131. package/dist/components/table/table-pagination.d.ts +53 -0
  132. package/dist/components/table/table-pagination.js +139 -0
  133. package/dist/components/table/table.d.ts +11 -0
  134. package/dist/components/table/table.js +64 -0
  135. package/dist/components/table/table.stories.columns.d.ts +24 -0
  136. package/dist/components/table/table.stories.columns.js +310 -0
  137. package/dist/components/table/table.stories.components.d.ts +14 -0
  138. package/dist/components/table/table.stories.components.js +107 -0
  139. package/dist/components/table/table.stories.data.d.ts +54 -0
  140. package/dist/components/table/table.stories.data.js +122 -0
  141. package/dist/components/table/table.stories.js +302 -0
  142. package/dist/styles.css +1 -1
  143. package/package.json +14 -5
  144. package/.storybook/main.ts +0 -35
  145. package/.storybook/preview.tsx +0 -59
  146. package/.storybook/vitest.setup.ts +0 -4
  147. package/.turbo/turbo-build.log +0 -19
  148. package/.turbo/turbo-check.log +0 -6
  149. package/.turbo/turbo-type.log +0 -5
  150. package/CHANGELOG.md +0 -104
  151. package/argos.config.ts +0 -33
  152. package/dist/build-css-entry.js.map +0 -1
  153. package/dist/colors.stories.conts.d.ts.map +0 -1
  154. package/dist/colors.stories.conts.js.map +0 -1
  155. package/dist/colors.stories.js.map +0 -1
  156. package/dist/components/alert/alert.d.ts.map +0 -1
  157. package/dist/components/alert/alert.js.map +0 -1
  158. package/dist/components/alert/alert.stories.js.map +0 -1
  159. package/dist/components/alert/index.d.ts.map +0 -1
  160. package/dist/components/alert/index.js.map +0 -1
  161. package/dist/components/avatar/avatar-group.d.ts.map +0 -1
  162. package/dist/components/avatar/avatar-group.js.map +0 -1
  163. package/dist/components/avatar/avatar.d.ts.map +0 -1
  164. package/dist/components/avatar/avatar.js.map +0 -1
  165. package/dist/components/avatar/avatar.stories.js.map +0 -1
  166. package/dist/components/avatar/index.d.ts.map +0 -1
  167. package/dist/components/avatar/index.js.map +0 -1
  168. package/dist/components/badge/badge.d.ts.map +0 -1
  169. package/dist/components/badge/badge.js.map +0 -1
  170. package/dist/components/badge/badge.stories.js.map +0 -1
  171. package/dist/components/badge/icon-badge.d.ts.map +0 -1
  172. package/dist/components/badge/icon-badge.js.map +0 -1
  173. package/dist/components/badge/index.d.ts.map +0 -1
  174. package/dist/components/badge/index.js.map +0 -1
  175. package/dist/components/badge/status-badge.d.ts.map +0 -1
  176. package/dist/components/badge/status-badge.js.map +0 -1
  177. package/dist/components/badge/user-badge.d.ts.map +0 -1
  178. package/dist/components/badge/user-badge.js.map +0 -1
  179. package/dist/components/button/button-link.d.ts.map +0 -1
  180. package/dist/components/button/button-link.js.map +0 -1
  181. package/dist/components/button/button-link.stories.js.map +0 -1
  182. package/dist/components/button/button.d.ts.map +0 -1
  183. package/dist/components/button/button.js.map +0 -1
  184. package/dist/components/button/button.stories.js.map +0 -1
  185. package/dist/components/button/icon-button.d.ts.map +0 -1
  186. package/dist/components/button/icon-button.js.map +0 -1
  187. package/dist/components/button/icon-button.stories.js.map +0 -1
  188. package/dist/components/button/index.d.ts.map +0 -1
  189. package/dist/components/button/index.js.map +0 -1
  190. package/dist/components/calendar/calendar.d.ts.map +0 -1
  191. package/dist/components/calendar/calendar.js.map +0 -1
  192. package/dist/components/calendar/index.d.ts.map +0 -1
  193. package/dist/components/calendar/index.js.map +0 -1
  194. package/dist/components/checkbox/checkbox-label.d.ts.map +0 -1
  195. package/dist/components/checkbox/checkbox-label.js.map +0 -1
  196. package/dist/components/checkbox/checkbox-links.d.ts.map +0 -1
  197. package/dist/components/checkbox/checkbox-links.js.map +0 -1
  198. package/dist/components/checkbox/checkbox.d.ts.map +0 -1
  199. package/dist/components/checkbox/checkbox.js.map +0 -1
  200. package/dist/components/checkbox/checkbox.stories.js.map +0 -1
  201. package/dist/components/checkbox/index.d.ts.map +0 -1
  202. package/dist/components/checkbox/index.js.map +0 -1
  203. package/dist/components/code-block/code-block-footer.d.ts.map +0 -1
  204. package/dist/components/code-block/code-block-footer.js.map +0 -1
  205. package/dist/components/code-block/code-block.d.ts.map +0 -1
  206. package/dist/components/code-block/code-block.js.map +0 -1
  207. package/dist/components/code-block/code-block.stories.js.map +0 -1
  208. package/dist/components/code-block/code-content.d.ts.map +0 -1
  209. package/dist/components/code-block/code-content.js.map +0 -1
  210. package/dist/components/code-block/code-copy-button.d.ts.map +0 -1
  211. package/dist/components/code-block/code-copy-button.js.map +0 -1
  212. package/dist/components/code-block/code-tabs.d.ts.map +0 -1
  213. package/dist/components/code-block/code-tabs.js.map +0 -1
  214. package/dist/components/code-block/index.d.ts.map +0 -1
  215. package/dist/components/code-block/index.js.map +0 -1
  216. package/dist/components/confetti/confetti.d.ts.map +0 -1
  217. package/dist/components/confetti/confetti.js.map +0 -1
  218. package/dist/components/confetti/confetti.stories.js.map +0 -1
  219. package/dist/components/confetti/index.d.ts.map +0 -1
  220. package/dist/components/confetti/index.js.map +0 -1
  221. package/dist/components/date-picker/date-picker.d.ts.map +0 -1
  222. package/dist/components/date-picker/date-picker.js.map +0 -1
  223. package/dist/components/date-picker/date-picker.stories.js.map +0 -1
  224. package/dist/components/date-picker/index.d.ts.map +0 -1
  225. package/dist/components/date-picker/index.js.map +0 -1
  226. package/dist/components/date-time-range-picker/date-time-range-picker.d.ts.map +0 -1
  227. package/dist/components/date-time-range-picker/date-time-range-picker.js.map +0 -1
  228. package/dist/components/date-time-range-picker/index.d.ts.map +0 -1
  229. package/dist/components/date-time-range-picker/index.js.map +0 -1
  230. package/dist/components/dot-grid/dot-grid.d.ts.map +0 -1
  231. package/dist/components/dot-grid/dot-grid.js.map +0 -1
  232. package/dist/components/dot-grid/index.d.ts.map +0 -1
  233. package/dist/components/dot-grid/index.js.map +0 -1
  234. package/dist/components/dropdown-menu/dropdown-menu.d.ts.map +0 -1
  235. package/dist/components/dropdown-menu/dropdown-menu.js.map +0 -1
  236. package/dist/components/dropdown-menu/dropdown-menu.stories.js.map +0 -1
  237. package/dist/components/dropdown-menu/index.d.ts.map +0 -1
  238. package/dist/components/dropdown-menu/index.js.map +0 -1
  239. package/dist/components/dynamic-item/dynamic-item.d.ts.map +0 -1
  240. package/dist/components/dynamic-item/dynamic-item.js.map +0 -1
  241. package/dist/components/dynamic-item/dynamic-item.stories.js.map +0 -1
  242. package/dist/components/dynamic-item/index.d.ts.map +0 -1
  243. package/dist/components/dynamic-item/index.js.map +0 -1
  244. package/dist/components/form/form.d.ts.map +0 -1
  245. package/dist/components/form/form.js.map +0 -1
  246. package/dist/components/form/form.stories.js.map +0 -1
  247. package/dist/components/form/index.d.ts.map +0 -1
  248. package/dist/components/form/index.js.map +0 -1
  249. package/dist/components/icon/custom/badge.d.ts.map +0 -1
  250. package/dist/components/icon/custom/badge.js.map +0 -1
  251. package/dist/components/icon/custom/check-circle-solid.d.ts.map +0 -1
  252. package/dist/components/icon/custom/check-circle-solid.js.map +0 -1
  253. package/dist/components/icon/custom/circle-dotted-line.d.ts.map +0 -1
  254. package/dist/components/icon/custom/circle-dotted-line.js.map +0 -1
  255. package/dist/components/icon/custom/component-fill.d.ts.map +0 -1
  256. package/dist/components/icon/custom/component-fill.js.map +0 -1
  257. package/dist/components/icon/custom/component-line.d.ts.map +0 -1
  258. package/dist/components/icon/custom/component-line.js.map +0 -1
  259. package/dist/components/icon/custom/ellipse-mini-solid.d.ts.map +0 -1
  260. package/dist/components/icon/custom/ellipse-mini-solid.js.map +0 -1
  261. package/dist/components/icon/custom/index.d.ts.map +0 -1
  262. package/dist/components/icon/custom/index.js.map +0 -1
  263. package/dist/components/icon/custom/info-tooltip-fill.d.ts.map +0 -1
  264. package/dist/components/icon/custom/info-tooltip-fill.js.map +0 -1
  265. package/dist/components/icon/custom/resize.d.ts.map +0 -1
  266. package/dist/components/icon/custom/resize.js.map +0 -1
  267. package/dist/components/icon/custom/shipfox-logo.d.ts.map +0 -1
  268. package/dist/components/icon/custom/shipfox-logo.js.map +0 -1
  269. package/dist/components/icon/custom/slack-logo.d.ts.map +0 -1
  270. package/dist/components/icon/custom/slack-logo.js.map +0 -1
  271. package/dist/components/icon/custom/spinner.d.ts.map +0 -1
  272. package/dist/components/icon/custom/spinner.js.map +0 -1
  273. package/dist/components/icon/custom/stripe-logo.d.ts.map +0 -1
  274. package/dist/components/icon/custom/stripe-logo.js.map +0 -1
  275. package/dist/components/icon/custom/thunder.d.ts.map +0 -1
  276. package/dist/components/icon/custom/thunder.js.map +0 -1
  277. package/dist/components/icon/custom/x-circle-solid.d.ts.map +0 -1
  278. package/dist/components/icon/custom/x-circle-solid.js.map +0 -1
  279. package/dist/components/icon/icon.d.ts.map +0 -1
  280. package/dist/components/icon/icon.js.map +0 -1
  281. package/dist/components/icon/icon.stories.js.map +0 -1
  282. package/dist/components/icon/index.d.ts.map +0 -1
  283. package/dist/components/icon/index.js.map +0 -1
  284. package/dist/components/icon/remixicon-registry.d.ts.map +0 -1
  285. package/dist/components/icon/remixicon-registry.js.map +0 -1
  286. package/dist/components/index.d.ts.map +0 -1
  287. package/dist/components/index.js.map +0 -1
  288. package/dist/components/inline-tips/index.d.ts.map +0 -1
  289. package/dist/components/inline-tips/index.js.map +0 -1
  290. package/dist/components/inline-tips/inline-tips.d.ts.map +0 -1
  291. package/dist/components/inline-tips/inline-tips.js.map +0 -1
  292. package/dist/components/inline-tips/inline-tips.stories.js.map +0 -1
  293. package/dist/components/input/index.d.ts.map +0 -1
  294. package/dist/components/input/index.js.map +0 -1
  295. package/dist/components/input/input.d.ts.map +0 -1
  296. package/dist/components/input/input.js.map +0 -1
  297. package/dist/components/input/input.stories.js.map +0 -1
  298. package/dist/components/item/index.d.ts.map +0 -1
  299. package/dist/components/item/index.js.map +0 -1
  300. package/dist/components/item/item.d.ts.map +0 -1
  301. package/dist/components/item/item.js.map +0 -1
  302. package/dist/components/item/item.stories.js.map +0 -1
  303. package/dist/components/label/index.d.ts.map +0 -1
  304. package/dist/components/label/index.js.map +0 -1
  305. package/dist/components/label/label.d.ts.map +0 -1
  306. package/dist/components/label/label.js.map +0 -1
  307. package/dist/components/label/label.stories.js.map +0 -1
  308. package/dist/components/modal/index.d.ts.map +0 -1
  309. package/dist/components/modal/index.js.map +0 -1
  310. package/dist/components/modal/modal.d.ts.map +0 -1
  311. package/dist/components/modal/modal.js.map +0 -1
  312. package/dist/components/modal/modal.stories.js.map +0 -1
  313. package/dist/components/moving-border/index.d.ts.map +0 -1
  314. package/dist/components/moving-border/index.js.map +0 -1
  315. package/dist/components/moving-border/moving-border.d.ts.map +0 -1
  316. package/dist/components/moving-border/moving-border.js.map +0 -1
  317. package/dist/components/popover/index.d.ts.map +0 -1
  318. package/dist/components/popover/index.js.map +0 -1
  319. package/dist/components/popover/popover.d.ts.map +0 -1
  320. package/dist/components/popover/popover.js.map +0 -1
  321. package/dist/components/shiny-text/index.d.ts.map +0 -1
  322. package/dist/components/shiny-text/index.js.map +0 -1
  323. package/dist/components/shiny-text/shiny-text.d.ts.map +0 -1
  324. package/dist/components/shiny-text/shiny-text.js.map +0 -1
  325. package/dist/components/tabs/index.d.ts.map +0 -1
  326. package/dist/components/tabs/index.js.map +0 -1
  327. package/dist/components/tabs/tabs.d.ts.map +0 -1
  328. package/dist/components/tabs/tabs.js.map +0 -1
  329. package/dist/components/tabs/tabs.stories.js.map +0 -1
  330. package/dist/components/textarea/index.d.ts.map +0 -1
  331. package/dist/components/textarea/index.js.map +0 -1
  332. package/dist/components/textarea/textarea.d.ts.map +0 -1
  333. package/dist/components/textarea/textarea.js.map +0 -1
  334. package/dist/components/textarea/textarea.stories.js.map +0 -1
  335. package/dist/components/theme/index.d.ts.map +0 -1
  336. package/dist/components/theme/index.js.map +0 -1
  337. package/dist/components/theme/theme-provider.d.ts.map +0 -1
  338. package/dist/components/theme/theme-provider.js.map +0 -1
  339. package/dist/components/toast/index.d.ts.map +0 -1
  340. package/dist/components/toast/index.js.map +0 -1
  341. package/dist/components/toast/toast-custom.d.ts.map +0 -1
  342. package/dist/components/toast/toast-custom.js.map +0 -1
  343. package/dist/components/toast/toast.d.ts.map +0 -1
  344. package/dist/components/toast/toast.js.map +0 -1
  345. package/dist/components/toast/toast.stories.js.map +0 -1
  346. package/dist/components/tooltip/index.d.ts.map +0 -1
  347. package/dist/components/tooltip/index.js.map +0 -1
  348. package/dist/components/tooltip/tooltip.d.ts.map +0 -1
  349. package/dist/components/tooltip/tooltip.js.map +0 -1
  350. package/dist/components/tooltip/tooltip.stories.js.map +0 -1
  351. package/dist/components/typography/code.d.ts.map +0 -1
  352. package/dist/components/typography/code.js.map +0 -1
  353. package/dist/components/typography/code.stories.js.map +0 -1
  354. package/dist/components/typography/header.d.ts.map +0 -1
  355. package/dist/components/typography/header.js.map +0 -1
  356. package/dist/components/typography/header.stories.js.map +0 -1
  357. package/dist/components/typography/index.d.ts.map +0 -1
  358. package/dist/components/typography/index.js.map +0 -1
  359. package/dist/components/typography/text.d.ts.map +0 -1
  360. package/dist/components/typography/text.js.map +0 -1
  361. package/dist/components/typography/text.stories.js.map +0 -1
  362. package/dist/hooks/index.d.ts.map +0 -1
  363. package/dist/hooks/index.js.map +0 -1
  364. package/dist/hooks/useCopy.d.ts.map +0 -1
  365. package/dist/hooks/useCopy.js.map +0 -1
  366. package/dist/hooks/useCopyToClipboard.d.ts.map +0 -1
  367. package/dist/hooks/useCopyToClipboard.js.map +0 -1
  368. package/dist/hooks/useMediaQuery.d.ts.map +0 -1
  369. package/dist/hooks/useMediaQuery.js.map +0 -1
  370. package/dist/hooks/useResolvedTheme.d.ts.map +0 -1
  371. package/dist/hooks/useResolvedTheme.js.map +0 -1
  372. package/dist/hooks/useShikiHighlight.d.ts.map +0 -1
  373. package/dist/hooks/useShikiHighlight.js.map +0 -1
  374. package/dist/hooks/useShikiStyleInjection.d.ts.map +0 -1
  375. package/dist/hooks/useShikiStyleInjection.js.map +0 -1
  376. package/dist/hooks/useTheme.d.ts.map +0 -1
  377. package/dist/hooks/useTheme.js.map +0 -1
  378. package/dist/index.d.ts.map +0 -1
  379. package/dist/index.js.map +0 -1
  380. package/dist/onboarding/sign-in.stories.js.map +0 -1
  381. package/dist/state/theme.d.ts.map +0 -1
  382. package/dist/state/theme.js.map +0 -1
  383. package/dist/utils/avatar.d.ts.map +0 -1
  384. package/dist/utils/avatar.js.map +0 -1
  385. package/dist/utils/clipboard.d.ts.map +0 -1
  386. package/dist/utils/clipboard.js.map +0 -1
  387. package/dist/utils/cn.d.ts.map +0 -1
  388. package/dist/utils/cn.js.map +0 -1
  389. package/dist/utils/date.d.ts.map +0 -1
  390. package/dist/utils/date.js.map +0 -1
  391. package/dist/utils/debounce.d.ts.map +0 -1
  392. package/dist/utils/debounce.js.map +0 -1
  393. package/dist/utils/format/chart.d.ts.map +0 -1
  394. package/dist/utils/format/chart.js.map +0 -1
  395. package/dist/utils/format/date.d.ts.map +0 -1
  396. package/dist/utils/format/date.js.map +0 -1
  397. package/dist/utils/format/duration.d.ts.map +0 -1
  398. package/dist/utils/format/duration.js.map +0 -1
  399. package/dist/utils/format/index.d.ts.map +0 -1
  400. package/dist/utils/format/index.js.map +0 -1
  401. package/dist/utils/format/number.d.ts.map +0 -1
  402. package/dist/utils/format/number.js.map +0 -1
  403. package/dist/utils/index.d.ts.map +0 -1
  404. package/dist/utils/index.js.map +0 -1
  405. package/index.css +0 -970
  406. package/src/assets/illustration-1.svg +0 -92
  407. package/src/assets/illustration-2.svg +0 -14
  408. package/src/assets/illustration-gradient.svg +0 -7049
  409. package/src/build-css-entry.ts +0 -3
  410. package/src/colors.stories.conts.ts +0 -164
  411. package/src/colors.stories.tsx +0 -66
  412. package/src/components/alert/alert.stories.tsx +0 -178
  413. package/src/components/alert/alert.tsx +0 -291
  414. package/src/components/alert/index.ts +0 -1
  415. package/src/components/avatar/avatar-group.tsx +0 -186
  416. package/src/components/avatar/avatar.stories.tsx +0 -179
  417. package/src/components/avatar/avatar.tsx +0 -219
  418. package/src/components/avatar/index.ts +0 -2
  419. package/src/components/badge/badge.stories.tsx +0 -468
  420. package/src/components/badge/badge.tsx +0 -147
  421. package/src/components/badge/icon-badge.tsx +0 -43
  422. package/src/components/badge/index.ts +0 -4
  423. package/src/components/badge/status-badge.tsx +0 -43
  424. package/src/components/badge/user-badge.tsx +0 -34
  425. package/src/components/button/button-link.stories.tsx +0 -86
  426. package/src/components/button/button-link.tsx +0 -76
  427. package/src/components/button/button.stories.tsx +0 -138
  428. package/src/components/button/button.tsx +0 -91
  429. package/src/components/button/icon-button.stories.tsx +0 -228
  430. package/src/components/button/icon-button.tsx +0 -95
  431. package/src/components/button/index.ts +0 -3
  432. package/src/components/calendar/calendar.tsx +0 -90
  433. package/src/components/calendar/index.ts +0 -1
  434. package/src/components/checkbox/checkbox-label.tsx +0 -125
  435. package/src/components/checkbox/checkbox-links.tsx +0 -92
  436. package/src/components/checkbox/checkbox.stories.tsx +0 -391
  437. package/src/components/checkbox/checkbox.tsx +0 -71
  438. package/src/components/checkbox/index.ts +0 -3
  439. package/src/components/code-block/code-block-footer.tsx +0 -190
  440. package/src/components/code-block/code-block.stories.tsx +0 -323
  441. package/src/components/code-block/code-block.tsx +0 -283
  442. package/src/components/code-block/code-content.tsx +0 -63
  443. package/src/components/code-block/code-copy-button.tsx +0 -73
  444. package/src/components/code-block/code-tabs.tsx +0 -170
  445. package/src/components/code-block/index.ts +0 -3
  446. package/src/components/confetti/confetti.stories.tsx +0 -38
  447. package/src/components/confetti/confetti.tsx +0 -140
  448. package/src/components/confetti/index.ts +0 -1
  449. package/src/components/date-picker/date-picker.stories.tsx +0 -230
  450. package/src/components/date-picker/date-picker.tsx +0 -179
  451. package/src/components/date-picker/index.ts +0 -1
  452. package/src/components/date-time-range-picker/date-time-range-picker.tsx +0 -211
  453. package/src/components/date-time-range-picker/index.ts +0 -1
  454. package/src/components/dot-grid/dot-grid.tsx +0 -325
  455. package/src/components/dot-grid/index.ts +0 -1
  456. package/src/components/dropdown-menu/dropdown-menu.stories.tsx +0 -384
  457. package/src/components/dropdown-menu/dropdown-menu.tsx +0 -416
  458. package/src/components/dropdown-menu/index.ts +0 -1
  459. package/src/components/dynamic-item/dynamic-item.stories.tsx +0 -266
  460. package/src/components/dynamic-item/dynamic-item.tsx +0 -74
  461. package/src/components/dynamic-item/index.ts +0 -1
  462. package/src/components/form/form.stories.tsx +0 -500
  463. package/src/components/form/form.tsx +0 -154
  464. package/src/components/form/index.ts +0 -1
  465. package/src/components/icon/custom/badge.tsx +0 -17
  466. package/src/components/icon/custom/check-circle-solid.tsx +0 -24
  467. package/src/components/icon/custom/circle-dotted-line.tsx +0 -17
  468. package/src/components/icon/custom/component-fill.tsx +0 -17
  469. package/src/components/icon/custom/component-line.tsx +0 -17
  470. package/src/components/icon/custom/ellipse-mini-solid.tsx +0 -17
  471. package/src/components/icon/custom/index.ts +0 -14
  472. package/src/components/icon/custom/info-tooltip-fill.tsx +0 -21
  473. package/src/components/icon/custom/resize.tsx +0 -17
  474. package/src/components/icon/custom/shipfox-logo.tsx +0 -20
  475. package/src/components/icon/custom/slack-logo.tsx +0 -35
  476. package/src/components/icon/custom/spinner.tsx +0 -144
  477. package/src/components/icon/custom/stripe-logo.tsx +0 -27
  478. package/src/components/icon/custom/thunder.tsx +0 -17
  479. package/src/components/icon/custom/x-circle-solid.tsx +0 -24
  480. package/src/components/icon/icon.stories.tsx +0 -31
  481. package/src/components/icon/icon.tsx +0 -90
  482. package/src/components/icon/index.ts +0 -1
  483. package/src/components/icon/remixicon-registry.ts +0 -24
  484. package/src/components/index.ts +0 -29
  485. package/src/components/inline-tips/index.ts +0 -1
  486. package/src/components/inline-tips/inline-tips.stories.tsx +0 -131
  487. package/src/components/inline-tips/inline-tips.tsx +0 -132
  488. package/src/components/input/index.ts +0 -1
  489. package/src/components/input/input.stories.tsx +0 -138
  490. package/src/components/input/input.tsx +0 -43
  491. package/src/components/item/index.ts +0 -1
  492. package/src/components/item/item.stories.tsx +0 -159
  493. package/src/components/item/item.tsx +0 -182
  494. package/src/components/label/index.ts +0 -1
  495. package/src/components/label/label.stories.tsx +0 -67
  496. package/src/components/label/label.tsx +0 -15
  497. package/src/components/modal/index.ts +0 -1
  498. package/src/components/modal/modal.stories.tsx +0 -448
  499. package/src/components/modal/modal.tsx +0 -311
  500. package/src/components/moving-border/index.ts +0 -1
  501. package/src/components/moving-border/moving-border.tsx +0 -67
  502. package/src/components/popover/index.ts +0 -1
  503. package/src/components/popover/popover.tsx +0 -60
  504. package/src/components/renovate.json +0 -23
  505. package/src/components/shiny-text/index.ts +0 -1
  506. package/src/components/shiny-text/shiny-text.tsx +0 -21
  507. package/src/components/tabs/index.ts +0 -1
  508. package/src/components/tabs/tabs.stories.tsx +0 -100
  509. package/src/components/tabs/tabs.tsx +0 -380
  510. package/src/components/textarea/index.ts +0 -1
  511. package/src/components/textarea/textarea.stories.tsx +0 -196
  512. package/src/components/textarea/textarea.tsx +0 -42
  513. package/src/components/theme/index.ts +0 -1
  514. package/src/components/theme/theme-provider.tsx +0 -50
  515. package/src/components/toast/index.ts +0 -2
  516. package/src/components/toast/toast-custom.tsx +0 -154
  517. package/src/components/toast/toast.stories.tsx +0 -369
  518. package/src/components/toast/toast.tsx +0 -41
  519. package/src/components/tooltip/index.ts +0 -1
  520. package/src/components/tooltip/tooltip.stories.tsx +0 -284
  521. package/src/components/tooltip/tooltip.tsx +0 -121
  522. package/src/components/typography/code.stories.tsx +0 -36
  523. package/src/components/typography/code.tsx +0 -38
  524. package/src/components/typography/header.stories.tsx +0 -27
  525. package/src/components/typography/header.tsx +0 -41
  526. package/src/components/typography/index.ts +0 -3
  527. package/src/components/typography/text.stories.tsx +0 -67
  528. package/src/components/typography/text.tsx +0 -50
  529. package/src/hooks/index.ts +0 -6
  530. package/src/hooks/useCopy.ts +0 -0
  531. package/src/hooks/useCopyToClipboard.ts +0 -20
  532. package/src/hooks/useMediaQuery.ts +0 -87
  533. package/src/hooks/useResolvedTheme.ts +0 -34
  534. package/src/hooks/useShikiHighlight.ts +0 -140
  535. package/src/hooks/useShikiStyleInjection.ts +0 -34
  536. package/src/hooks/useTheme.ts +0 -10
  537. package/src/index.ts +0 -4
  538. package/src/onboarding/sign-in.stories.tsx +0 -85
  539. package/src/state/theme.ts +0 -15
  540. package/src/utils/avatar.ts +0 -27
  541. package/src/utils/clipboard.ts +0 -4
  542. package/src/utils/cn.ts +0 -6
  543. package/src/utils/date.test.ts +0 -119
  544. package/src/utils/date.ts +0 -99
  545. package/src/utils/debounce.ts +0 -15
  546. package/src/utils/format/chart.ts +0 -16
  547. package/src/utils/format/date.test.ts +0 -65
  548. package/src/utils/format/date.ts +0 -75
  549. package/src/utils/format/duration.test.ts +0 -58
  550. package/src/utils/format/duration.ts +0 -82
  551. package/src/utils/format/index.ts +0 -4
  552. package/src/utils/format/number.test.ts +0 -38
  553. package/src/utils/format/number.ts +0 -33
  554. package/src/utils/index.ts +0 -6
  555. package/test/global.ts +0 -3
  556. package/test/setup.ts +0 -9
  557. package/tsconfig.build.json +0 -19
  558. package/tsconfig.json +0 -11
  559. package/tsconfig.test.json +0 -12
  560. package/vercel.json +0 -8
  561. package/vite.css.config.ts +0 -30
  562. package/vitest.config.ts +0 -44
@@ -0,0 +1,45 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { cn } from '../../../../utils/cn.js';
3
+ export function ChartTooltipContent({ active, label, payload, hoveredDataKey, labelFormatter }) {
4
+ const isVisible = active && payload && payload.length;
5
+ if (!isVisible) return null;
6
+ return /*#__PURE__*/ _jsxs("div", {
7
+ className: cn('flex flex-col gap-4 rounded-8 border border-border-neutral-base', 'bg-background-neutral-overlay p-12 shadow-tooltip'),
8
+ children: [
9
+ /*#__PURE__*/ _jsx("p", {
10
+ className: "text-xs text-foreground-neutral-muted",
11
+ children: labelFormatter ? labelFormatter(String(label)) : label
12
+ }),
13
+ /*#__PURE__*/ _jsx("div", {
14
+ className: "h-px w-full bg-border-neutral-base"
15
+ }),
16
+ /*#__PURE__*/ _jsx("div", {
17
+ className: "flex flex-col gap-4",
18
+ children: payload.map((item, index)=>/*#__PURE__*/ _jsxs("div", {
19
+ className: "flex items-center gap-8",
20
+ style: {
21
+ opacity: hoveredDataKey ? item.dataKey === hoveredDataKey ? 1 : 0.5 : 1
22
+ },
23
+ children: [
24
+ /*#__PURE__*/ _jsx("span", {
25
+ className: "size-8 rounded-full shrink-0",
26
+ style: {
27
+ backgroundColor: item.color
28
+ }
29
+ }),
30
+ item.name && /*#__PURE__*/ _jsx("span", {
31
+ className: "text-xs text-foreground-neutral-subtle",
32
+ children: item.name
33
+ }),
34
+ /*#__PURE__*/ _jsx("span", {
35
+ className: "text-xs text-foreground-neutral-base font-medium ml-auto tabular-nums",
36
+ children: item.value
37
+ })
38
+ ]
39
+ }, item.name ?? index.toString()))
40
+ })
41
+ ]
42
+ });
43
+ }
44
+
45
+ //# sourceMappingURL=chart-tooltip.js.map
@@ -0,0 +1,11 @@
1
+ export declare const chartColors: {
2
+ readonly blue: "var(--color-blue-500)";
3
+ readonly green: "var(--color-green-500)";
4
+ readonly orange: "var(--color-orange-500)";
5
+ readonly purple: "var(--color-purple-500)";
6
+ readonly red: "var(--color-red-500)";
7
+ readonly neutral: "var(--foreground-neutral-muted)";
8
+ };
9
+ export type ChartColor = keyof typeof chartColors;
10
+ export declare const chartColorsList: ("var(--color-blue-500)" | "var(--color-green-500)" | "var(--color-orange-500)" | "var(--color-purple-500)" | "var(--color-red-500)")[];
11
+ //# sourceMappingURL=colors.d.ts.map
@@ -0,0 +1,17 @@
1
+ export const chartColors = {
2
+ blue: 'var(--color-blue-500)',
3
+ green: 'var(--color-green-500)',
4
+ orange: 'var(--color-orange-500)',
5
+ purple: 'var(--color-purple-500)',
6
+ red: 'var(--color-red-500)',
7
+ neutral: 'var(--foreground-neutral-muted)'
8
+ };
9
+ export const chartColorsList = [
10
+ chartColors.blue,
11
+ chartColors.green,
12
+ chartColors.orange,
13
+ chartColors.purple,
14
+ chartColors.red
15
+ ];
16
+
17
+ //# sourceMappingURL=colors.js.map
@@ -0,0 +1,5 @@
1
+ export * from './bar-chart';
2
+ export * from './chart-tooltip';
3
+ export * from './colors';
4
+ export * from './line-chart';
5
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1,6 @@
1
+ export * from './bar-chart.js';
2
+ export * from './chart-tooltip.js';
3
+ export * from './colors.js';
4
+ export * from './line-chart.js';
5
+
6
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1,37 @@
1
+ import type { ComponentProps } from 'react';
2
+ import { type LineProps, LineChart as RechartsLineChart } from 'recharts';
3
+ import { type ChartColor } from './colors';
4
+ export type RechartsLineChartProps = ComponentProps<typeof RechartsLineChart>;
5
+ export interface LineChartLine extends Omit<LineProps, 'dataKey' | 'strokeWidth'> {
6
+ dataKey: string;
7
+ name?: string;
8
+ strokeWidth?: number;
9
+ color?: ChartColor;
10
+ }
11
+ export interface LineChartProps {
12
+ data: RechartsLineChartProps['data'];
13
+ lines: LineChartLine[];
14
+ syncId?: RechartsLineChartProps['syncId'];
15
+ height?: number;
16
+ xAxis?: {
17
+ dataKey?: string;
18
+ tickFormatter?: (value: string) => string;
19
+ hide?: boolean;
20
+ };
21
+ yAxis?: {
22
+ domain?: [number, number];
23
+ ticks?: number[];
24
+ hide?: boolean;
25
+ };
26
+ grid?: {
27
+ vertical?: boolean;
28
+ horizontal?: boolean;
29
+ };
30
+ tooltip?: {
31
+ labelFormatter?: (label: string) => string;
32
+ };
33
+ className?: string;
34
+ title?: string;
35
+ }
36
+ export declare function LineChart({ data, lines, height, xAxis, yAxis, grid, tooltip, className, title, }: LineChartProps): import("react/jsx-runtime").JSX.Element;
37
+ //# sourceMappingURL=line-chart.d.ts.map
@@ -0,0 +1,128 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { useState } from 'react';
3
+ import { CartesianGrid, Line, LineChart as RechartsLineChart, ResponsiveContainer, Tooltip, XAxis, YAxis } from 'recharts';
4
+ import { cn } from '../../../../utils/cn.js';
5
+ import { ChartTooltipContent } from './chart-tooltip.js';
6
+ import { chartColors, chartColorsList } from './colors.js';
7
+ export function LineChart({ data, lines, height = 200, xAxis, yAxis, grid, tooltip, className, title }) {
8
+ const [hoveredDataKey, setHoveredDataKey] = useState(undefined);
9
+ return /*#__PURE__*/ _jsxs("div", {
10
+ className: cn('p-12 rounded-8 bg-background-neutral-base border border-border-neutral-base', className),
11
+ children: [
12
+ title && /*#__PURE__*/ _jsx("p", {
13
+ className: "text-sm font-medium text-foreground-neutral-base mb-12",
14
+ children: title
15
+ }),
16
+ /*#__PURE__*/ _jsx("div", {
17
+ style: {
18
+ height
19
+ },
20
+ children: /*#__PURE__*/ _jsx(ResponsiveContainer, {
21
+ width: "100%",
22
+ height: "100%",
23
+ children: /*#__PURE__*/ _jsxs(RechartsLineChart, {
24
+ data: data,
25
+ margin: {
26
+ top: 8,
27
+ right: 8,
28
+ left: -20,
29
+ bottom: 0
30
+ },
31
+ children: [
32
+ !xAxis?.hide && /*#__PURE__*/ _jsx(XAxis, {
33
+ dataKey: xAxis?.dataKey ?? 'label',
34
+ axisLine: false,
35
+ tickLine: false,
36
+ tick: {
37
+ fill: 'var(--foreground-neutral-muted)',
38
+ fontSize: 12
39
+ },
40
+ tickFormatter: xAxis?.tickFormatter
41
+ }),
42
+ !yAxis?.hide && /*#__PURE__*/ _jsx(YAxis, {
43
+ axisLine: false,
44
+ tickLine: false,
45
+ tick: {
46
+ fill: 'var(--foreground-neutral-muted)',
47
+ fontSize: 12
48
+ },
49
+ domain: yAxis?.domain,
50
+ ticks: yAxis?.ticks
51
+ }),
52
+ /*#__PURE__*/ _jsx(CartesianGrid, {
53
+ strokeDasharray: "3 3",
54
+ stroke: "var(--border-neutral-base)",
55
+ vertical: grid?.vertical ?? false,
56
+ horizontal: grid?.horizontal ?? true
57
+ }),
58
+ /*#__PURE__*/ _jsx(Tooltip, {
59
+ content: (props)=>{
60
+ if (!props.active) return null;
61
+ return /*#__PURE__*/ _jsx(ChartTooltipContent, {
62
+ active: props.active,
63
+ label: props.label,
64
+ payload: props.payload,
65
+ hoveredDataKey: hoveredDataKey,
66
+ labelFormatter: tooltip?.labelFormatter
67
+ });
68
+ }
69
+ }),
70
+ lines.map((line, index)=>{
71
+ const defaultColor = line.color ? chartColors[line.color] : chartColorsList[index % chartColorsList.length];
72
+ const strokeWidth = line.strokeWidth ?? 2;
73
+ const strokeOpacity = hoveredDataKey ? hoveredDataKey === line.dataKey ? 1 : 0.25 : 1;
74
+ const { dataKey, name, ...restLine } = line;
75
+ return /*#__PURE__*/ _jsx(Line, {
76
+ type: "monotone",
77
+ dataKey: dataKey,
78
+ name: name ?? dataKey,
79
+ stroke: defaultColor,
80
+ strokeWidth: strokeWidth,
81
+ strokeOpacity: strokeOpacity,
82
+ dot: false,
83
+ activeDot: {
84
+ r: strokeWidth * 2,
85
+ fill: defaultColor,
86
+ fillOpacity: strokeOpacity,
87
+ stroke: 'var(--background-neutral-base)',
88
+ strokeWidth,
89
+ strokeOpacity,
90
+ onMouseEnter: ()=>setHoveredDataKey(dataKey),
91
+ onMouseLeave: ()=>setHoveredDataKey(undefined)
92
+ },
93
+ onMouseEnter: ()=>setHoveredDataKey(dataKey),
94
+ onMouseLeave: ()=>setHoveredDataKey(undefined),
95
+ isAnimationActive: false,
96
+ ...restLine
97
+ }, dataKey);
98
+ })
99
+ ]
100
+ })
101
+ })
102
+ }),
103
+ lines.length > 0 && /*#__PURE__*/ _jsx("div", {
104
+ className: "flex items-center justify-center gap-16 mt-12",
105
+ children: lines.map((line, index)=>{
106
+ const color = line.color ? chartColors[line.color] : chartColorsList[index % chartColorsList.length];
107
+ return /*#__PURE__*/ _jsxs("div", {
108
+ className: "flex items-center gap-6",
109
+ children: [
110
+ /*#__PURE__*/ _jsx("span", {
111
+ className: "size-8 rounded-full",
112
+ style: {
113
+ backgroundColor: color
114
+ }
115
+ }),
116
+ /*#__PURE__*/ _jsx("span", {
117
+ className: "text-xs text-foreground-neutral-subtle",
118
+ children: line.name ?? line.dataKey
119
+ })
120
+ ]
121
+ }, line.dataKey);
122
+ })
123
+ })
124
+ ]
125
+ });
126
+ }
127
+
128
+ //# sourceMappingURL=line-chart.js.map
@@ -0,0 +1,4 @@
1
+ export declare function CompleteSetupButton({ className }: {
2
+ className?: string;
3
+ }): import("react/jsx-runtime").JSX.Element;
4
+ //# sourceMappingURL=complete-setup-button.d.ts.map
@@ -0,0 +1,28 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { Button } from '../../../components/button/index.js';
3
+ import { ShinyText } from '../../../components/shiny-text/index.js';
4
+ import { useResolvedTheme } from '../../../hooks/useResolvedTheme.js';
5
+ import { ShipfoxLoader } from 'shipfox-loader-react';
6
+ import { cn } from '../../../utils/cn.js';
7
+ export function CompleteSetupButton({ className }) {
8
+ const resolvedTheme = useResolvedTheme();
9
+ return /*#__PURE__*/ _jsxs(Button, {
10
+ type: "button",
11
+ variant: "transparent",
12
+ className: cn('flex items-center gap-8 min-w-124 max-w-280 overflow-hidden px-12 py-10 transition-colors rounded-none h-40 border-l border-border-neutral-strong', className),
13
+ children: [
14
+ /*#__PURE__*/ _jsx(ShipfoxLoader, {
15
+ size: 13,
16
+ animation: "circular",
17
+ color: resolvedTheme === 'dark' ? 'white' : 'orange',
18
+ background: resolvedTheme === 'dark' ? 'dark' : 'light'
19
+ }),
20
+ /*#__PURE__*/ _jsx(ShinyText, {
21
+ text: "Complete setup",
22
+ className: "flex-1 text-sm font-medium leading-20 text-foreground-neutral-base truncate text-left"
23
+ })
24
+ ]
25
+ });
26
+ }
27
+
28
+ //# sourceMappingURL=complete-setup-button.js.map
@@ -0,0 +1,8 @@
1
+ export interface DashboardAlertProps {
2
+ title?: string;
3
+ description?: string;
4
+ onDismiss?: () => void;
5
+ className?: string;
6
+ }
7
+ export declare function DashboardAlert({ title, description, onDismiss, className, }: DashboardAlertProps): import("react/jsx-runtime").JSX.Element;
8
+ //# sourceMappingURL=dashboard-alert.d.ts.map
@@ -0,0 +1,24 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { Alert, AlertClose, AlertContent, AlertDescription, AlertTitle } from '../../../components/alert/index.js';
3
+ export function DashboardAlert({ title = 'Ship faster. At half the cost.', description = 'Track every workflow in one place, with full visibility into performance and reliability.', onDismiss, className }) {
4
+ return /*#__PURE__*/ _jsxs(Alert, {
5
+ variant: "info",
6
+ onOpenChange: (open)=>!open && onDismiss?.(),
7
+ className: className,
8
+ children: [
9
+ /*#__PURE__*/ _jsxs(AlertContent, {
10
+ children: [
11
+ /*#__PURE__*/ _jsx(AlertTitle, {
12
+ children: title
13
+ }),
14
+ /*#__PURE__*/ _jsx(AlertDescription, {
15
+ children: description
16
+ })
17
+ ]
18
+ }),
19
+ /*#__PURE__*/ _jsx(AlertClose, {})
20
+ ]
21
+ });
22
+ }
23
+
24
+ //# sourceMappingURL=dashboard-alert.js.map
@@ -0,0 +1,15 @@
1
+ export type KpiVariant = 'neutral' | 'success' | 'warning' | 'error' | 'info';
2
+ export interface KpiCardProps {
3
+ label: string;
4
+ value: string | number;
5
+ variant?: KpiVariant;
6
+ className?: string;
7
+ }
8
+ export declare function KpiCard({ label, value, variant, className }: KpiCardProps): import("react/jsx-runtime").JSX.Element;
9
+ export interface KpiCardsGroupProps {
10
+ cards: KpiCardProps[];
11
+ className?: string;
12
+ }
13
+ export declare function KpiCardsGroup({ cards, className }: KpiCardsGroupProps): import("react/jsx-runtime").JSX.Element;
14
+ export declare const defaultKpiCards: KpiCardProps[];
15
+ //# sourceMappingURL=kpi-card.d.ts.map
@@ -0,0 +1,77 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { Text } from '../../../components/typography/index.js';
3
+ import { cn } from '../../../utils/cn.js';
4
+ const variantDotStyles = {
5
+ neutral: 'bg-foreground-neutral-muted',
6
+ success: 'bg-green-500',
7
+ warning: 'bg-orange-500',
8
+ error: 'bg-red-500',
9
+ info: 'bg-blue-500'
10
+ };
11
+ export function KpiCard({ label, value, variant = 'neutral', className }) {
12
+ return /*#__PURE__*/ _jsxs("div", {
13
+ className: cn('flex flex-col gap-4 p-12 rounded-8', 'bg-background-neutral-base border border-border-neutral-base', 'min-w-120 flex-1', className),
14
+ children: [
15
+ /*#__PURE__*/ _jsx("p", {
16
+ className: "text-xs text-foreground-neutral-subtle",
17
+ children: label
18
+ }),
19
+ /*#__PURE__*/ _jsxs("div", {
20
+ className: "flex items-center gap-6",
21
+ children: [
22
+ /*#__PURE__*/ _jsx("span", {
23
+ className: cn('size-8 rounded-2 shrink-0', variantDotStyles[variant])
24
+ }),
25
+ /*#__PURE__*/ _jsx(Text, {
26
+ size: "sm",
27
+ className: "font-medium text-foreground-neutral-base",
28
+ children: value
29
+ })
30
+ ]
31
+ })
32
+ ]
33
+ });
34
+ }
35
+ export function KpiCardsGroup({ cards, className }) {
36
+ return /*#__PURE__*/ _jsx("div", {
37
+ className: cn(// Base layout
38
+ 'flex gap-12 md:gap-16', // Mobile: Swipeable with scroll-snap
39
+ 'overflow-x-auto scrollbar-none pb-4 md:pb-0', // Scroll snap for smooth swiping
40
+ 'snap-x snap-mandatory', // Hide scrollbar but allow scrolling
41
+ '[&::-webkit-scrollbar]:hidden', // Smooth scrolling
42
+ 'scroll-smooth', className),
43
+ children: /*#__PURE__*/ _jsx("div", {
44
+ className: "flex gap-16 pl-12 md:pl-0 md:w-full",
45
+ children: cards.map((card, index)=>/*#__PURE__*/ _jsx(KpiCard, {
46
+ ...card,
47
+ className: cn(// Mobile: Show ~2 cards per view with peek of next
48
+ 'shrink-0 w-[calc((100vw-56px)/2)] md:w-auto', 'snap-start', // Desktop: Flex grow
49
+ 'md:flex-1')
50
+ }, `${card.label}-${index}`))
51
+ })
52
+ });
53
+ }
54
+ export const defaultKpiCards = [
55
+ {
56
+ label: 'Total',
57
+ value: '1211',
58
+ variant: 'neutral'
59
+ },
60
+ {
61
+ label: 'Success',
62
+ value: '1200',
63
+ variant: 'success'
64
+ },
65
+ {
66
+ label: 'Neutral',
67
+ value: '11',
68
+ variant: 'neutral'
69
+ },
70
+ {
71
+ label: 'Failure rate',
72
+ value: '0%',
73
+ variant: 'success'
74
+ }
75
+ ];
76
+
77
+ //# sourceMappingURL=kpi-card.js.map
@@ -0,0 +1,2 @@
1
+ export declare function MobileMenu(): import("react/jsx-runtime").JSX.Element;
2
+ //# sourceMappingURL=mobile-menu.d.ts.map
@@ -0,0 +1,65 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { Button } from '../../../components/button/index.js';
3
+ import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuTrigger } from '../../../components/dropdown-menu/index.js';
4
+ import { Icon } from '../../../components/icon/index.js';
5
+ import { ShinyText } from '../../../components/shiny-text/index.js';
6
+ import { useResolvedTheme } from '../../../hooks/useResolvedTheme.js';
7
+ import { ShipfoxLoader } from 'shipfox-loader-react';
8
+ export function MobileMenu() {
9
+ const resolvedTheme = useResolvedTheme();
10
+ return /*#__PURE__*/ _jsxs(DropdownMenu, {
11
+ children: [
12
+ /*#__PURE__*/ _jsx(DropdownMenuTrigger, {
13
+ asChild: true,
14
+ children: /*#__PURE__*/ _jsx(Button, {
15
+ type: "button",
16
+ variant: "transparent",
17
+ className: "flex md:hidden items-center justify-center shrink-0 w-40 h-40 bg-background-subtle-base hover:bg-background-neutral-hover transition-colors rounded-none border-l border-border-neutral-strong",
18
+ "aria-label": "Menu",
19
+ children: /*#__PURE__*/ _jsx(Icon, {
20
+ name: "menuLine",
21
+ className: "size-18 text-foreground-neutral-subtle"
22
+ })
23
+ })
24
+ }),
25
+ /*#__PURE__*/ _jsxs(DropdownMenuContent, {
26
+ align: "end",
27
+ className: "w-200",
28
+ children: [
29
+ /*#__PURE__*/ _jsx(DropdownMenuItem, {
30
+ children: /*#__PURE__*/ _jsxs("div", {
31
+ className: "flex items-center gap-8",
32
+ children: [
33
+ /*#__PURE__*/ _jsx(ShipfoxLoader, {
34
+ size: 13,
35
+ animation: "circular",
36
+ color: resolvedTheme === 'dark' ? 'white' : 'orange',
37
+ background: resolvedTheme === 'dark' ? 'dark' : 'light'
38
+ }),
39
+ /*#__PURE__*/ _jsx(ShinyText, {
40
+ text: "Complete setup",
41
+ className: "flex-1 text-sm font-medium leading-20 text-foreground-neutral-base truncate text-left"
42
+ })
43
+ ]
44
+ })
45
+ }),
46
+ /*#__PURE__*/ _jsx(DropdownMenuSeparator, {}),
47
+ /*#__PURE__*/ _jsx(DropdownMenuItem, {
48
+ icon: "searchLine",
49
+ children: "Search"
50
+ }),
51
+ /*#__PURE__*/ _jsx(DropdownMenuItem, {
52
+ icon: "questionLine",
53
+ children: "Help"
54
+ }),
55
+ /*#__PURE__*/ _jsx(DropdownMenuItem, {
56
+ icon: "notification3Line",
57
+ children: "Notifications"
58
+ })
59
+ ]
60
+ })
61
+ ]
62
+ });
63
+ }
64
+
65
+ //# sourceMappingURL=mobile-menu.js.map
@@ -0,0 +1,19 @@
1
+ /**
2
+ * Mobile Sidebar Component
3
+ *
4
+ * Drawer-based sidebar for mobile devices using DropdownMenu
5
+ */
6
+ import type { SidebarNavItem } from './sidebar';
7
+ export interface MobileSidebarProps {
8
+ items: SidebarNavItem[];
9
+ activeItemId?: string;
10
+ onItemClick?: (item: SidebarNavItem) => void;
11
+ className?: string;
12
+ }
13
+ /**
14
+ * Mobile Sidebar
15
+ *
16
+ * Hamburger menu that opens a dropdown with sidebar navigation
17
+ */
18
+ export declare function MobileSidebar({ items, activeItemId, onItemClick, className }: MobileSidebarProps): import("react/jsx-runtime").JSX.Element;
19
+ //# sourceMappingURL=mobile-sidebar.d.ts.map
@@ -0,0 +1,50 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ /**
3
+ * Mobile Sidebar Component
4
+ *
5
+ * Drawer-based sidebar for mobile devices using DropdownMenu
6
+ */ import { Button } from '../../../components/button/index.js';
7
+ import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from '../../../components/dropdown-menu/index.js';
8
+ import { Icon } from '../../../components/icon/index.js';
9
+ import { cn } from '../../../utils/cn.js';
10
+ /**
11
+ * Mobile Sidebar
12
+ *
13
+ * Hamburger menu that opens a dropdown with sidebar navigation
14
+ */ export function MobileSidebar({ items, activeItemId, onItemClick, className }) {
15
+ return /*#__PURE__*/ _jsxs(DropdownMenu, {
16
+ children: [
17
+ /*#__PURE__*/ _jsx(DropdownMenuTrigger, {
18
+ asChild: true,
19
+ children: /*#__PURE__*/ _jsx(Button, {
20
+ variant: "transparent",
21
+ size: "sm",
22
+ className: cn('lg:hidden', className),
23
+ "aria-label": "Open navigation menu",
24
+ children: /*#__PURE__*/ _jsx(Icon, {
25
+ name: "menu2Line",
26
+ className: "size-20"
27
+ })
28
+ })
29
+ }),
30
+ /*#__PURE__*/ _jsx(DropdownMenuContent, {
31
+ side: "bottom",
32
+ align: "start",
33
+ size: "sm",
34
+ className: "space-y-4",
35
+ children: items.map((item)=>{
36
+ const isActive = item.id === activeItemId;
37
+ return /*#__PURE__*/ _jsx(DropdownMenuItem, {
38
+ icon: item.icon,
39
+ onSelect: ()=>onItemClick?.(item),
40
+ className: cn(isActive && 'bg-background-components-hover text-foreground-neutral-base font-medium'),
41
+ iconStyle: "text-foreground-highlight-interactive",
42
+ children: item.label
43
+ }, item.id);
44
+ })
45
+ })
46
+ ]
47
+ });
48
+ }
49
+
50
+ //# sourceMappingURL=mobile-sidebar.js.map
@@ -0,0 +1,25 @@
1
+ export interface OrganizationSelectorProps {
2
+ /**
3
+ * The currently selected organization ID
4
+ * @default 'stripe'
5
+ */
6
+ defaultValue?: string;
7
+ /**
8
+ * Callback when organization changes
9
+ */
10
+ onOrganizationChange?: (organizationId: string) => void;
11
+ /**
12
+ * Callback when settings is clicked
13
+ */
14
+ onSettingsClick?: () => void;
15
+ /**
16
+ * Callback when new organization is clicked
17
+ */
18
+ onNewOrganizationClick?: () => void;
19
+ /**
20
+ * Additional class name
21
+ */
22
+ className?: string;
23
+ }
24
+ export declare function OrganizationSelector({ defaultValue, onOrganizationChange, onSettingsClick, onNewOrganizationClick, className, }: OrganizationSelectorProps): import("react/jsx-runtime").JSX.Element;
25
+ //# sourceMappingURL=organization-selector.d.ts.map