@baseplate-dev/ui-components 0.6.2 → 1.0.7

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 (207) hide show
  1. package/CHANGELOG.md +9 -0
  2. package/LICENSE +114 -123
  3. package/dist/base-styles.css +5 -4
  4. package/dist/components/ui/async-combobox-field/async-combobox-field.d.ts +7 -5
  5. package/dist/components/ui/async-combobox-field/async-combobox-field.d.ts.map +1 -1
  6. package/dist/components/ui/async-combobox-field/async-combobox-field.js +142 -135
  7. package/dist/components/ui/async-combobox-field/async-combobox-field.js.map +1 -1
  8. package/dist/components/ui/async-combobox-field/async-combobox-field.unit.test.d.ts +2 -0
  9. package/dist/components/ui/async-combobox-field/async-combobox-field.unit.test.d.ts.map +1 -0
  10. package/dist/components/ui/async-combobox-field/async-combobox-field.unit.test.js +147 -0
  11. package/dist/components/ui/async-combobox-field/async-combobox-field.unit.test.js.map +1 -0
  12. package/dist/components/ui/autocomplete/autocomplete.d.ts +32 -0
  13. package/dist/components/ui/autocomplete/autocomplete.d.ts.map +1 -0
  14. package/dist/components/ui/autocomplete/autocomplete.js +59 -0
  15. package/dist/components/ui/autocomplete/autocomplete.js.map +1 -0
  16. package/dist/components/ui/badge/badge.d.ts +4 -11
  17. package/dist/components/ui/badge/badge.d.ts.map +1 -1
  18. package/dist/components/ui/badge/badge.js +22 -16
  19. package/dist/components/ui/badge/badge.js.map +1 -1
  20. package/dist/components/ui/breadcrumb/breadcrumb.d.ts +8 -4
  21. package/dist/components/ui/breadcrumb/breadcrumb.d.ts.map +1 -1
  22. package/dist/components/ui/breadcrumb/breadcrumb.js +24 -9
  23. package/dist/components/ui/breadcrumb/breadcrumb.js.map +1 -1
  24. package/dist/components/ui/button/button.d.ts +5 -5
  25. package/dist/components/ui/button/button.d.ts.map +1 -1
  26. package/dist/components/ui/button/button.js +4 -5
  27. package/dist/components/ui/button/button.js.map +1 -1
  28. package/dist/components/ui/checkbox/checkbox.d.ts +2 -3
  29. package/dist/components/ui/checkbox/checkbox.d.ts.map +1 -1
  30. package/dist/components/ui/checkbox/checkbox.js +2 -2
  31. package/dist/components/ui/checkbox/checkbox.js.map +1 -1
  32. package/dist/components/ui/checkbox-field/checkbox-field.d.ts +2 -2
  33. package/dist/components/ui/checkbox-field/checkbox-field.d.ts.map +1 -1
  34. package/dist/components/ui/checkbox-field/checkbox-field.js +8 -5
  35. package/dist/components/ui/checkbox-field/checkbox-field.js.map +1 -1
  36. package/dist/components/ui/code-editor-field/code-editor-field.d.ts.map +1 -1
  37. package/dist/components/ui/code-editor-field/code-editor-field.js +7 -7
  38. package/dist/components/ui/code-editor-field/code-editor-field.js.map +1 -1
  39. package/dist/components/ui/collapsible/collapsible.d.ts +4 -5
  40. package/dist/components/ui/collapsible/collapsible.d.ts.map +1 -1
  41. package/dist/components/ui/collapsible/collapsible.js +3 -4
  42. package/dist/components/ui/collapsible/collapsible.js.map +1 -1
  43. package/dist/components/ui/color-picker-field/color-picker-field.d.ts.map +1 -1
  44. package/dist/components/ui/color-picker-field/color-picker-field.js +9 -9
  45. package/dist/components/ui/color-picker-field/color-picker-field.js.map +1 -1
  46. package/dist/components/ui/combobox/combobox.d.ts +31 -69
  47. package/dist/components/ui/combobox/combobox.d.ts.map +1 -1
  48. package/dist/components/ui/combobox/combobox.js +62 -167
  49. package/dist/components/ui/combobox/combobox.js.map +1 -1
  50. package/dist/components/ui/combobox-field/combobox-field.d.ts +7 -3
  51. package/dist/components/ui/combobox-field/combobox-field.d.ts.map +1 -1
  52. package/dist/components/ui/combobox-field/combobox-field.js +15 -23
  53. package/dist/components/ui/combobox-field/combobox-field.js.map +1 -1
  54. package/dist/components/ui/date-picker-field/date-picker-field.d.ts.map +1 -1
  55. package/dist/components/ui/date-picker-field/date-picker-field.js +3 -3
  56. package/dist/components/ui/date-picker-field/date-picker-field.js.map +1 -1
  57. package/dist/components/ui/date-time-picker-field/date-time-picker-field.d.ts.map +1 -1
  58. package/dist/components/ui/date-time-picker-field/date-time-picker-field.js +3 -3
  59. package/dist/components/ui/date-time-picker-field/date-time-picker-field.js.map +1 -1
  60. package/dist/components/ui/dialog/dialog.d.ts +15 -13
  61. package/dist/components/ui/dialog/dialog.d.ts.map +1 -1
  62. package/dist/components/ui/dialog/dialog.js +12 -13
  63. package/dist/components/ui/dialog/dialog.js.map +1 -1
  64. package/dist/components/ui/dropdown/dropdown.d.ts +24 -16
  65. package/dist/components/ui/dropdown/dropdown.d.ts.map +1 -1
  66. package/dist/components/ui/dropdown/dropdown.js +31 -27
  67. package/dist/components/ui/dropdown/dropdown.js.map +1 -1
  68. package/dist/components/ui/field/field.d.ts +34 -0
  69. package/dist/components/ui/field/field.d.ts.map +1 -0
  70. package/dist/components/ui/field/field.js +77 -0
  71. package/dist/components/ui/field/field.js.map +1 -0
  72. package/dist/components/ui/form-action-bar/form-action-bar.d.ts.map +1 -1
  73. package/dist/components/ui/form-action-bar/form-action-bar.js +1 -1
  74. package/dist/components/ui/form-action-bar/form-action-bar.js.map +1 -1
  75. package/dist/components/ui/form-item/form-item.d.ts +6 -4
  76. package/dist/components/ui/form-item/form-item.d.ts.map +1 -1
  77. package/dist/components/ui/form-item/form-item.js +17 -3
  78. package/dist/components/ui/form-item/form-item.js.map +1 -1
  79. package/dist/components/ui/index.d.ts +5 -3
  80. package/dist/components/ui/index.d.ts.map +1 -1
  81. package/dist/components/ui/index.js +5 -3
  82. package/dist/components/ui/index.js.map +1 -1
  83. package/dist/components/ui/input-field/input-field.d.ts.map +1 -1
  84. package/dist/components/ui/input-field/input-field.js +7 -5
  85. package/dist/components/ui/input-field/input-field.js.map +1 -1
  86. package/dist/components/ui/input-group/input-group.d.ts +26 -0
  87. package/dist/components/ui/input-group/input-group.d.ts.map +1 -0
  88. package/dist/components/ui/input-group/input-group.js +65 -0
  89. package/dist/components/ui/input-group/input-group.js.map +1 -0
  90. package/dist/components/ui/label/label.d.ts +1 -2
  91. package/dist/components/ui/label/label.d.ts.map +1 -1
  92. package/dist/components/ui/label/label.js +3 -2
  93. package/dist/components/ui/label/label.js.map +1 -1
  94. package/dist/components/ui/multi-combobox-field/multi-combobox-field.d.ts +2 -2
  95. package/dist/components/ui/multi-combobox-field/multi-combobox-field.d.ts.map +1 -1
  96. package/dist/components/ui/multi-combobox-field/multi-combobox-field.js +23 -24
  97. package/dist/components/ui/multi-combobox-field/multi-combobox-field.js.map +1 -1
  98. package/dist/components/ui/multi-switch-field/multi-switch-field.js +3 -3
  99. package/dist/components/ui/multi-switch-field/multi-switch-field.js.map +1 -1
  100. package/dist/components/ui/navigation-menu/navigation-menu.d.ts +16 -15
  101. package/dist/components/ui/navigation-menu/navigation-menu.d.ts.map +1 -1
  102. package/dist/components/ui/navigation-menu/navigation-menu.js +17 -16
  103. package/dist/components/ui/navigation-menu/navigation-menu.js.map +1 -1
  104. package/dist/components/ui/navigation-tabs/navigation-tabs.d.ts +6 -3
  105. package/dist/components/ui/navigation-tabs/navigation-tabs.d.ts.map +1 -1
  106. package/dist/components/ui/navigation-tabs/navigation-tabs.js +16 -4
  107. package/dist/components/ui/navigation-tabs/navigation-tabs.js.map +1 -1
  108. package/dist/components/ui/popover/popover.d.ts +8 -10
  109. package/dist/components/ui/popover/popover.d.ts.map +1 -1
  110. package/dist/components/ui/popover/popover.js +12 -6
  111. package/dist/components/ui/popover/popover.js.map +1 -1
  112. package/dist/components/ui/scroll-area/scroll-area.d.ts +3 -4
  113. package/dist/components/ui/scroll-area/scroll-area.d.ts.map +1 -1
  114. package/dist/components/ui/scroll-area/scroll-area.js +2 -4
  115. package/dist/components/ui/scroll-area/scroll-area.js.map +1 -1
  116. package/dist/components/ui/select/select.d.ts +12 -17
  117. package/dist/components/ui/select/select.d.ts.map +1 -1
  118. package/dist/components/ui/select/select.js +20 -30
  119. package/dist/components/ui/select/select.js.map +1 -1
  120. package/dist/components/ui/select-field/select-field.d.ts +1 -0
  121. package/dist/components/ui/select-field/select-field.d.ts.map +1 -1
  122. package/dist/components/ui/select-field/select-field.js +6 -12
  123. package/dist/components/ui/select-field/select-field.js.map +1 -1
  124. package/dist/components/ui/separator/separator.d.ts +2 -3
  125. package/dist/components/ui/separator/separator.d.ts.map +1 -1
  126. package/dist/components/ui/separator/separator.js +3 -3
  127. package/dist/components/ui/separator/separator.js.map +1 -1
  128. package/dist/components/ui/sheet/sheet.d.ts +11 -11
  129. package/dist/components/ui/sheet/sheet.d.ts.map +1 -1
  130. package/dist/components/ui/sheet/sheet.js +7 -10
  131. package/dist/components/ui/sheet/sheet.js.map +1 -1
  132. package/dist/components/ui/sidebar/sidebar.d.ts +6 -12
  133. package/dist/components/ui/sidebar/sidebar.d.ts.map +1 -1
  134. package/dist/components/ui/sidebar/sidebar.js +79 -28
  135. package/dist/components/ui/sidebar/sidebar.js.map +1 -1
  136. package/dist/components/ui/skeleton/skeleton.js +1 -1
  137. package/dist/components/ui/skeleton/skeleton.js.map +1 -1
  138. package/dist/components/ui/slider/slider.d.ts +13 -0
  139. package/dist/components/ui/slider/slider.d.ts.map +1 -0
  140. package/dist/components/ui/slider/slider.js +22 -0
  141. package/dist/components/ui/slider/slider.js.map +1 -0
  142. package/dist/components/ui/spinner/spinner.d.ts +10 -0
  143. package/dist/components/ui/spinner/spinner.d.ts.map +1 -0
  144. package/dist/components/ui/spinner/spinner.js +13 -0
  145. package/dist/components/ui/spinner/spinner.js.map +1 -0
  146. package/dist/components/ui/switch/switch.d.ts +7 -3
  147. package/dist/components/ui/switch/switch.d.ts.map +1 -1
  148. package/dist/components/ui/switch/switch.js +6 -3
  149. package/dist/components/ui/switch/switch.js.map +1 -1
  150. package/dist/components/ui/switch-field/switch-field.d.ts +5 -3
  151. package/dist/components/ui/switch-field/switch-field.d.ts.map +1 -1
  152. package/dist/components/ui/switch-field/switch-field.js +7 -4
  153. package/dist/components/ui/switch-field/switch-field.js.map +1 -1
  154. package/dist/components/ui/tabs/tabs.d.ts +13 -7
  155. package/dist/components/ui/tabs/tabs.d.ts.map +1 -1
  156. package/dist/components/ui/tabs/tabs.js +23 -8
  157. package/dist/components/ui/tabs/tabs.js.map +1 -1
  158. package/dist/components/ui/textarea/textarea.js +1 -1
  159. package/dist/components/ui/textarea/textarea.js.map +1 -1
  160. package/dist/components/ui/textarea-field/textarea-field.d.ts.map +1 -1
  161. package/dist/components/ui/textarea-field/textarea-field.js +7 -5
  162. package/dist/components/ui/textarea-field/textarea-field.js.map +1 -1
  163. package/dist/components/ui/tooltip/tooltip.d.ts +10 -6
  164. package/dist/components/ui/tooltip/tooltip.d.ts.map +1 -1
  165. package/dist/components/ui/tooltip/tooltip.js +11 -6
  166. package/dist/components/ui/tooltip/tooltip.js.map +1 -1
  167. package/dist/constants/strings.d.ts +1 -0
  168. package/dist/constants/strings.d.ts.map +1 -1
  169. package/dist/constants/strings.js +1 -0
  170. package/dist/constants/strings.js.map +1 -1
  171. package/dist/contexts/component-strings.d.ts +1 -0
  172. package/dist/contexts/component-strings.d.ts.map +1 -1
  173. package/dist/hooks/use-event-callback.d.ts +2 -2
  174. package/dist/hooks/use-event-callback.d.ts.map +1 -1
  175. package/dist/hooks/use-event-callback.js +2 -1
  176. package/dist/hooks/use-event-callback.js.map +1 -1
  177. package/dist/styles/button.d.ts +1 -1
  178. package/dist/styles/button.d.ts.map +1 -1
  179. package/dist/styles/button.js +15 -11
  180. package/dist/styles/button.js.map +1 -1
  181. package/dist/styles/index.d.ts +0 -1
  182. package/dist/styles/index.d.ts.map +1 -1
  183. package/dist/styles/index.js +0 -1
  184. package/dist/styles/index.js.map +1 -1
  185. package/dist/theme.css +8 -0
  186. package/dist/utilities.css +100 -0
  187. package/package.json +10 -10
  188. package/dist/components/ui/color-picker/color-picker.d.ts +0 -16
  189. package/dist/components/ui/color-picker/color-picker.d.ts.map +0 -1
  190. package/dist/components/ui/color-picker/color-picker.js +0 -19
  191. package/dist/components/ui/color-picker/color-picker.js.map +0 -1
  192. package/dist/components/ui/combobox/combobox.test.d.ts +0 -2
  193. package/dist/components/ui/combobox/combobox.test.d.ts.map +0 -1
  194. package/dist/components/ui/combobox/combobox.test.js +0 -148
  195. package/dist/components/ui/combobox/combobox.test.js.map +0 -1
  196. package/dist/components/ui/command/command.d.ts +0 -22
  197. package/dist/components/ui/command/command.d.ts.map +0 -1
  198. package/dist/components/ui/command/command.js +0 -40
  199. package/dist/components/ui/command/command.js.map +0 -1
  200. package/dist/components/ui/multi-combobox/multi-combobox.d.ts +0 -47
  201. package/dist/components/ui/multi-combobox/multi-combobox.d.ts.map +0 -1
  202. package/dist/components/ui/multi-combobox/multi-combobox.js +0 -114
  203. package/dist/components/ui/multi-combobox/multi-combobox.js.map +0 -1
  204. package/dist/styles/select.d.ts +0 -9
  205. package/dist/styles/select.d.ts.map +0 -1
  206. package/dist/styles/select.js +0 -22
  207. package/dist/styles/select.js.map +0 -1
@@ -9,7 +9,8 @@ export function useEventCallback(fn) {
9
9
  if (!current) {
10
10
  return;
11
11
  }
12
+ // eslint-disable-next-line @typescript-eslint/no-unsafe-return -- safe to return the function
12
13
  return (...args) => current(...args);
13
- }, [ref]);
14
+ }, []);
14
15
  }
15
16
  //# sourceMappingURL=use-event-callback.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"use-event-callback.js","sourceRoot":"","sources":["../../src/hooks/use-event-callback.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAYnD,MAAM,UAAU,gBAAgB,CAC9B,EAA+B;IAE/B,MAAM,GAAG,GAAG,MAAM,CAA8B,EAAE,CAAC,CAAC;IAEpD,SAAS,CAAC,GAAG,EAAE;QACb,GAAG,CAAC,OAAO,GAAG,EAAE,CAAC;IACnB,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;IAET,OAAO,OAAO,CAAC,GAAG,EAAE;QAClB,MAAM,EAAE,OAAO,EAAE,GAAG,GAAG,CAAC;QACxB,IAAI,CAAC,OAAO,EAAE,CAAC;YACb,OAAO;QACT,CAAC;QACD,OAAO,CAAC,GAAG,IAAI,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,IAAI,CAAC,CAAC;IACvC,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;AACZ,CAAC"}
1
+ {"version":3,"file":"use-event-callback.js","sourceRoot":"","sources":["../../src/hooks/use-event-callback.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAYnD,MAAM,UAAU,gBAAgB,CAC9B,EAA+B;IAE/B,MAAM,GAAG,GAAG,MAAM,CAA8B,EAAE,CAAC,CAAC;IAEpD,SAAS,CAAC,GAAG,EAAE;QACb,GAAG,CAAC,OAAO,GAAG,EAAE,CAAC;IACnB,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;IAET,OAAO,OAAO,CAAC,GAAG,EAAE;QAClB,MAAM,EAAE,OAAO,EAAE,GAAG,GAAG,CAAC;QACxB,IAAI,CAAC,OAAO,EAAE,CAAC;YACb,OAAO;QACT,CAAC;QACD,8FAA8F;QAC9F,OAAO,CAAC,GAAG,IAAI,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,IAAI,CAAC,CAAC;IACvC,CAAC,EAAE,EAAE,CAAC,CAAC;AACT,CAAC"}
@@ -1,6 +1,6 @@
1
1
  export declare const buttonVariants: (props?: ({
2
2
  variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | "ghostDestructive" | "linkDestructive" | null | undefined;
3
- size?: "sm" | "lg" | "default" | "none" | "icon" | null | undefined;
3
+ size?: "sm" | "lg" | "default" | "none" | "xs" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
4
4
  justify?: "center" | "start" | "end" | null | undefined;
5
5
  } & import("class-variance-authority/types").ClassProp) | undefined) => string;
6
6
  //# sourceMappingURL=button.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../src/styles/button.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc;;;;8EAqC1B,CAAC"}
1
+ {"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../src/styles/button.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc;;;;8EA6C1B,CAAC"}
@@ -1,22 +1,26 @@
1
1
  import { cva } from 'class-variance-authority';
2
- export const buttonVariants = cva("inline-flex shrink-0 cursor-pointer items-center justify-center rounded-md font-medium whitespace-nowrap transition-all outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", {
2
+ export const buttonVariants = cva("group/button inline-flex shrink-0 cursor-pointer items-center justify-center rounded-lg border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 active:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", {
3
3
  variants: {
4
4
  variant: {
5
- default: 'border border-input bg-primary text-sm text-primary-foreground hover:bg-primary-hover',
6
- destructive: 'bg-destructive text-sm text-destructive-foreground hover:bg-destructive-hover',
7
- outline: 'border border-input bg-background text-sm hover:bg-accent hover:text-accent-foreground',
8
- secondary: 'border border-input bg-secondary text-sm text-secondary-foreground hover:bg-secondary-hover',
9
- ghost: 'text-sm hover:bg-accent hover:text-accent-foreground',
10
- ghostDestructive: 'text-sm text-destructive hover:bg-accent',
5
+ default: 'border border-input bg-primary text-primary-foreground hover:bg-primary-hover',
6
+ destructive: 'bg-destructive text-destructive-foreground hover:bg-destructive-hover',
7
+ outline: 'border-border bg-background hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50',
8
+ secondary: 'border border-input bg-secondary text-secondary-foreground hover:bg-secondary-hover',
9
+ ghost: 'hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50',
10
+ ghostDestructive: 'text-destructive hover:bg-accent',
11
11
  link: 'text-link underline-offset-4 hover:underline',
12
12
  linkDestructive: 'text-destructive underline-offset-4 hover:underline',
13
13
  },
14
14
  size: {
15
- default: 'h-10 gap-2 px-4 py-2 has-[>svg]:px-3',
15
+ default: 'h-8 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2',
16
16
  none: '',
17
- sm: 'h-8 gap-1.5 rounded-md px-3 has-[>svg]:px-2.5',
18
- lg: 'h-10 gap-2 rounded-md px-6 has-[>svg]:px-4',
19
- icon: 'size-9',
17
+ xs: "h-6 gap-1 rounded-[min(var(--radius-md),10px)] px-2 text-xs in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3",
18
+ sm: "h-7 gap-1 rounded-[min(var(--radius-md),12px)] px-2.5 text-[0.8rem] in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3.5",
19
+ lg: 'h-9 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-3 has-data-[icon=inline-start]:pl-3',
20
+ icon: 'size-8',
21
+ 'icon-xs': "size-6 rounded-[min(var(--radius-md),10px)] in-data-[slot=button-group]:rounded-lg [&_svg:not([class*='size-'])]:size-3",
22
+ 'icon-sm': 'size-7 rounded-[min(var(--radius-md),12px)] in-data-[slot=button-group]:rounded-lg',
23
+ 'icon-lg': 'size-9',
20
24
  },
21
25
  justify: {
22
26
  start: 'justify-start',
@@ -1 +1 @@
1
- {"version":3,"file":"button.js","sourceRoot":"","sources":["../../src/styles/button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAE/C,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAC/B,8bAA8b,EAC9b;IACE,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EACL,uFAAuF;YACzF,WAAW,EACT,+EAA+E;YACjF,OAAO,EACL,wFAAwF;YAC1F,SAAS,EACP,6FAA6F;YAC/F,KAAK,EAAE,sDAAsD;YAC7D,gBAAgB,EAAE,0CAA0C;YAC5D,IAAI,EAAE,8CAA8C;YACpD,eAAe,EAAE,qDAAqD;SACvE;QACD,IAAI,EAAE;YACJ,OAAO,EAAE,sCAAsC;YAC/C,IAAI,EAAE,EAAE;YACR,EAAE,EAAE,+CAA+C;YACnD,EAAE,EAAE,4CAA4C;YAChD,IAAI,EAAE,QAAQ;SACf;QACD,OAAO,EAAE;YACP,KAAK,EAAE,eAAe;YACtB,MAAM,EAAE,gBAAgB;YACxB,GAAG,EAAE,aAAa;SACnB;KACF;IACD,eAAe,EAAE;QACf,OAAO,EAAE,SAAS;QAClB,IAAI,EAAE,SAAS;QACf,OAAO,EAAE,QAAQ;KAClB;CACF,CACF,CAAC"}
1
+ {"version":3,"file":"button.js","sourceRoot":"","sources":["../../src/styles/button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAE/C,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAC/B,ulBAAulB,EACvlB;IACE,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EACL,+EAA+E;YACjF,WAAW,EACT,uEAAuE;YACzE,OAAO,EACL,iLAAiL;YACnL,SAAS,EACP,qFAAqF;YACvF,KAAK,EACH,kHAAkH;YACpH,gBAAgB,EAAE,kCAAkC;YACpD,IAAI,EAAE,8CAA8C;YACpD,eAAe,EAAE,qDAAqD;SACvE;QACD,IAAI,EAAE;YACJ,OAAO,EACL,sFAAsF;YACxF,IAAI,EAAE,EAAE;YACR,EAAE,EAAE,+MAA+M;YACnN,EAAE,EAAE,yNAAyN;YAC7N,EAAE,EAAE,sFAAsF;YAC1F,IAAI,EAAE,QAAQ;YACd,SAAS,EACP,yHAAyH;YAC3H,SAAS,EACP,oFAAoF;YACtF,SAAS,EAAE,QAAQ;SACpB;QACD,OAAO,EAAE;YACP,KAAK,EAAE,eAAe;YACtB,MAAM,EAAE,gBAAgB;YACxB,GAAG,EAAE,aAAa;SACnB;KACF;IACD,eAAe,EAAE;QACf,OAAO,EAAE,SAAS;QAClB,IAAI,EAAE,SAAS;QACf,OAAO,EAAE,QAAQ;KAClB;CACF,CACF,CAAC"}
@@ -1,4 +1,3 @@
1
1
  export * from './button.js';
2
2
  export * from './input.js';
3
- export * from './select.js';
4
3
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/styles/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/styles/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC"}
@@ -1,4 +1,3 @@
1
1
  export * from './button.js';
2
2
  export * from './input.js';
3
- export * from './select.js';
4
3
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/styles/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/styles/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC"}
package/dist/theme.css CHANGED
@@ -67,6 +67,14 @@
67
67
 
68
68
  --color-white: #fff;
69
69
  --color-black: #000;
70
+
71
+ --radius-sm: calc(var(--radius) * 0.6);
72
+ --radius-md: calc(var(--radius) * 0.8);
73
+ --radius-lg: var(--radius);
74
+ --radius-xl: calc(var(--radius) * 1.4);
75
+ --radius-2xl: calc(var(--radius) * 1.8);
76
+ --radius-3xl: calc(var(--radius) * 2.2);
77
+ --radius-4xl: calc(var(--radius) * 2.6);
70
78
  }
71
79
 
72
80
  /**
@@ -102,3 +102,103 @@
102
102
  @utility font-mono {
103
103
  font-variant-ligatures: no-common-ligatures;
104
104
  }
105
+
106
+ /*
107
+ * ShadCN utilities
108
+ */
109
+
110
+ @theme inline {
111
+ @keyframes accordion-down {
112
+ from {
113
+ height: 0;
114
+ }
115
+ to {
116
+ height: var(
117
+ --radix-accordion-content-height,
118
+ var(--accordion-panel-height, auto)
119
+ );
120
+ }
121
+ }
122
+
123
+ @keyframes accordion-up {
124
+ from {
125
+ height: var(
126
+ --radix-accordion-content-height,
127
+ var(--accordion-panel-height, auto)
128
+ );
129
+ }
130
+ to {
131
+ height: 0;
132
+ }
133
+ }
134
+ }
135
+
136
+ /* Custom variants */
137
+ @custom-variant data-open {
138
+ &:where([data-state='open']),
139
+ &:where([data-open]:not([data-open='false'])) {
140
+ @slot;
141
+ }
142
+ }
143
+
144
+ @custom-variant data-closed {
145
+ &:where([data-state='closed']),
146
+ &:where([data-closed]:not([data-closed='false'])) {
147
+ @slot;
148
+ }
149
+ }
150
+
151
+ @custom-variant data-checked {
152
+ &:where([data-state='checked']),
153
+ &:where([data-checked]:not([data-checked='false'])) {
154
+ @slot;
155
+ }
156
+ }
157
+
158
+ @custom-variant data-unchecked {
159
+ &:where([data-state='unchecked']),
160
+ &:where([data-unchecked]:not([data-unchecked='false'])) {
161
+ @slot;
162
+ }
163
+ }
164
+
165
+ @custom-variant data-selected {
166
+ &:where([data-selected='true']) {
167
+ @slot;
168
+ }
169
+ }
170
+
171
+ @custom-variant data-disabled {
172
+ &:where([data-disabled='true']),
173
+ &:where([data-disabled]:not([data-disabled='false'])) {
174
+ @slot;
175
+ }
176
+ }
177
+
178
+ @custom-variant data-active {
179
+ &:where([data-state='active']),
180
+ &:where([data-active]:not([data-active='false'])) {
181
+ @slot;
182
+ }
183
+ }
184
+
185
+ @custom-variant data-horizontal {
186
+ &:where([data-orientation='horizontal']) {
187
+ @slot;
188
+ }
189
+ }
190
+
191
+ @custom-variant data-vertical {
192
+ &:where([data-orientation='vertical']) {
193
+ @slot;
194
+ }
195
+ }
196
+
197
+ @utility no-scrollbar {
198
+ -ms-overflow-style: none;
199
+ scrollbar-width: none;
200
+
201
+ &::-webkit-scrollbar {
202
+ display: none;
203
+ }
204
+ }
package/package.json CHANGED
@@ -1,15 +1,15 @@
1
1
  {
2
2
  "name": "@baseplate-dev/ui-components",
3
- "version": "0.6.2",
3
+ "version": "1.0.7",
4
4
  "description": "Shared UI component library",
5
5
  "keywords": [
6
- "react",
7
- "ui-components",
8
- "design-system",
9
6
  "baseplate",
7
+ "code-generation",
8
+ "design-system",
10
9
  "full-stack",
10
+ "react",
11
11
  "typescript",
12
- "code-generation"
12
+ "ui-components"
13
13
  ],
14
14
  "homepage": "https://www.baseplate.dev",
15
15
  "repository": "https://github.com/halfdomelabs/baseplate",
@@ -48,6 +48,7 @@
48
48
  ]
49
49
  },
50
50
  "dependencies": {
51
+ "@base-ui/react": "^1.2.0",
51
52
  "@codemirror/lang-javascript": "^6.2.4",
52
53
  "@codemirror/view": "^6.39.11",
53
54
  "@fontsource-variable/geist": "5.2.5",
@@ -58,9 +59,7 @@
58
59
  "@uiw/react-codemirror": "^4.25.4",
59
60
  "class-variance-authority": "0.7.1",
60
61
  "clsx": "2.1.1",
61
- "cmdk": "1.1.1",
62
62
  "date-fns": "4.1.0",
63
- "radix-ui": "1.4.2",
64
63
  "react": "19.1.0",
65
64
  "react-colorful": "5.6.1",
66
65
  "react-day-picker": "9.7.0",
@@ -72,7 +71,7 @@
72
71
  "tailwind-merge": "3.3.1",
73
72
  "zod": "^4.3.6",
74
73
  "zustand": "5.0.3",
75
- "@baseplate-dev/utils": "0.6.2"
74
+ "@baseplate-dev/utils": "1.0.7"
76
75
  },
77
76
  "devDependencies": {
78
77
  "@codemirror/state": "^6.5.4",
@@ -90,6 +89,7 @@
90
89
  "cpx2": "8.0.0",
91
90
  "eslint": "9.39.2",
92
91
  "jsdom": "26.0.0",
92
+ "oxlint": "1.55.0",
93
93
  "prettier": "3.8.1",
94
94
  "storybook": "10.2.13",
95
95
  "tailwindcss": "4.1.18",
@@ -98,7 +98,7 @@
98
98
  "vite": "7.1.12",
99
99
  "vite-plugin-svgr": "4.5.0",
100
100
  "vitest": "4.0.16",
101
- "@baseplate-dev/tools": "0.6.2"
101
+ "@baseplate-dev/tools": "1.0.7"
102
102
  },
103
103
  "engines": {
104
104
  "node": "^22.0.0"
@@ -115,7 +115,7 @@
115
115
  "build:css": "cpx \"src/**/*.css\" dist --clean",
116
116
  "build:tsc": "tsc -p tsconfig.build.json",
117
117
  "clean": "rm -rf ./dist",
118
- "lint": "eslint .",
118
+ "lint": "oxlint && eslint .",
119
119
  "prettier:check": "prettier --check .",
120
120
  "prettier:write": "prettier -w -l .",
121
121
  "storybook:build": "storybook build",
@@ -1,16 +0,0 @@
1
- import type React from 'react';
2
- import type { ComponentPropsWithRef } from 'react';
3
- export interface ColorFieldProps extends Omit<ComponentPropsWithRef<'button'>, 'value' | 'onChange'> {
4
- placeholder?: string;
5
- onChange?: (value: string) => void;
6
- value?: string;
7
- hideInputColor?: boolean;
8
- hideInputText?: boolean;
9
- formatInputText?: (value: string) => string;
10
- }
11
- /**
12
- * A control that allows users to select a color.
13
- */
14
- declare function ColorPicker({ className, placeholder, onChange, value: controlledValue, hideInputColor, hideInputText, formatInputText, ref, ...rest }: ColorFieldProps): React.ReactElement;
15
- export { ColorPicker };
16
- //# sourceMappingURL=color-picker.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"color-picker.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/color-picker/color-picker.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAC;AAUnD,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAC3C,qBAAqB,CAAC,QAAQ,CAAC,EAC/B,OAAO,GAAG,UAAU,CACrB;IACC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;CAC7C;AAED;;GAEG;AACH,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,WAAW,EACX,QAAQ,EACR,KAAK,EAAE,eAAe,EACtB,cAAc,EACd,aAAa,EACb,eAAe,EACf,GAAG,EACH,GAAG,IAAI,EACR,EAAE,eAAe,GAAG,KAAK,CAAC,YAAY,CAsCtC;AAED,OAAO,EAAE,WAAW,EAAE,CAAC"}
@@ -1,19 +0,0 @@
1
- 'use client';
2
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
3
- import { HexColorInput, HexColorPicker } from 'react-colorful';
4
- import { useControlledState } from '#src/hooks/use-controlled-state.js';
5
- import { inputVariants } from '#src/styles/index.js';
6
- import { cn } from '#src/utils/index.js';
7
- import { Popover, PopoverContent, PopoverTrigger } from '../popover/popover.js';
8
- /**
9
- * A control that allows users to select a color.
10
- */
11
- function ColorPicker({ className, placeholder, onChange, value: controlledValue, hideInputColor, hideInputText, formatInputText, ref, ...rest }) {
12
- const [value, setValue] = useControlledState(controlledValue, onChange);
13
- const inputComponent = (_jsxs(Popover, { children: [_jsx(PopoverTrigger, { asChild: true, children: _jsxs("button", { className: cn(inputVariants(), 'flex items-center gap-2', className), ...rest, ref: ref, children: [!hideInputColor && value && (_jsx("div", { className: "h-4 w-6 rounded-sm border border-border", style: {
14
- backgroundColor: value,
15
- } })), !hideInputText && value ? (_jsx("div", { children: formatInputText ? formatInputText(value) : value })) : (_jsx("div", { className: "text-muted-foreground", children: placeholder }))] }) }), _jsxs(PopoverContent, { className: "space-y-2", align: "start", width: "none", children: [_jsx(HexColorInput, { className: cn(inputVariants(), 'p-2'), prefixed: true, color: value, onChange: setValue }), _jsx(HexColorPicker, { color: value, onChange: setValue })] })] }));
16
- return inputComponent;
17
- }
18
- export { ColorPicker };
19
- //# sourceMappingURL=color-picker.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"color-picker.js","sourceRoot":"","sources":["../../../../src/components/ui/color-picker/color-picker.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAKb,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAE/D,OAAO,EAAE,kBAAkB,EAAE,MAAM,oCAAoC,CAAC;AACxE,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAC;AAEzC,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAchF;;GAEG;AACH,SAAS,WAAW,CAAC,EACnB,SAAS,EACT,WAAW,EACX,QAAQ,EACR,KAAK,EAAE,eAAe,EACtB,cAAc,EACd,aAAa,EACb,eAAe,EACf,GAAG,EACH,GAAG,IAAI,EACS;IAChB,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,kBAAkB,CAAC,eAAe,EAAE,QAAQ,CAAC,CAAC;IACxE,MAAM,cAAc,GAAG,CACrB,MAAC,OAAO,eACN,KAAC,cAAc,IAAC,OAAO,kBACrB,kBACE,SAAS,EAAE,EAAE,CAAC,aAAa,EAAE,EAAE,yBAAyB,EAAE,SAAS,CAAC,KAChE,IAAI,EACR,GAAG,EAAE,GAAG,aAEP,CAAC,cAAc,IAAI,KAAK,IAAI,CAC3B,cACE,SAAS,EAAC,yCAAyC,EACnD,KAAK,EAAE;gCACL,eAAe,EAAE,KAAK;6BACvB,GACD,CACH,EACA,CAAC,aAAa,IAAI,KAAK,CAAC,CAAC,CAAC,CACzB,wBAAM,eAAe,CAAC,CAAC,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,GAAO,CAC9D,CAAC,CAAC,CAAC,CACF,cAAK,SAAS,EAAC,uBAAuB,YAAE,WAAW,GAAO,CAC3D,IACM,GACM,EACjB,MAAC,cAAc,IAAC,SAAS,EAAC,WAAW,EAAC,KAAK,EAAC,OAAO,EAAC,KAAK,EAAC,MAAM,aAC9D,KAAC,aAAa,IACZ,SAAS,EAAE,EAAE,CAAC,aAAa,EAAE,EAAE,KAAK,CAAC,EACrC,QAAQ,QACR,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,GAClB,EACF,KAAC,cAAc,IAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,GAAI,IACrC,IACT,CACX,CAAC;IAEF,OAAO,cAAc,CAAC;AACxB,CAAC;AAED,OAAO,EAAE,WAAW,EAAE,CAAC"}
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=combobox.test.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"combobox.test.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/combobox/combobox.test.tsx"],"names":[],"mappings":""}
@@ -1,148 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { screen, waitFor } from '@testing-library/react';
3
- import { userEvent } from '@testing-library/user-event';
4
- import { beforeEach, describe, expect, it, vi } from 'vitest';
5
- import { renderWithProviders } from '#src/tests/render.test-helper.js';
6
- import { Combobox, ComboboxContent, ComboboxInput, ComboboxItem, } from './combobox.js';
7
- const mockOptions = [
8
- { value: 'apple', label: 'Apple' },
9
- { value: 'banana', label: 'Banana' },
10
- { value: 'orange', label: 'Orange' },
11
- ];
12
- const TestCombobox = ({ value, onChange = vi.fn(), disabled = false, placeholder = 'Select fruit...', options = mockOptions, }) => (_jsxs(Combobox, { value: value, onChange: onChange, disabled: disabled, children: [_jsx(ComboboxInput, { placeholder: placeholder }), _jsx(ComboboxContent, { children: options.map((option) => (_jsx(ComboboxItem, { value: option.value, label: option.label, children: option.label }, option.value))) })] }));
13
- describe('Combobox', () => {
14
- beforeEach(() => {
15
- vi.clearAllMocks();
16
- });
17
- describe('Rendering', () => {
18
- it('renders with placeholder when no value is selected', () => {
19
- renderWithProviders(_jsx(TestCombobox, { value: null }));
20
- expect(screen.getByPlaceholderText('Select fruit...')).toBeInTheDocument();
21
- });
22
- it('renders with selected value', () => {
23
- renderWithProviders(_jsx(TestCombobox, { value: mockOptions[0] }));
24
- expect(screen.getByText('Apple')).toBeInTheDocument();
25
- });
26
- it('renders in disabled state', () => {
27
- renderWithProviders(_jsx(TestCombobox, { disabled: true, value: null }));
28
- const input = screen.getByRole('combobox');
29
- expect(input).toBeDisabled();
30
- });
31
- });
32
- describe('User Interactions', () => {
33
- it('opens dropdown on click', async () => {
34
- renderWithProviders(_jsx(TestCombobox, { value: null }));
35
- const input = screen.getByRole('combobox');
36
- await userEvent.click(input);
37
- await waitFor(() => {
38
- for (const option of mockOptions) {
39
- expect(screen.getByText(option.label)).toBeInTheDocument();
40
- }
41
- });
42
- });
43
- it('filters options based on input', async () => {
44
- renderWithProviders(_jsx(TestCombobox, { value: null }));
45
- const input = screen.getByRole('combobox');
46
- await userEvent.click(input);
47
- await userEvent.type(input, 'ap');
48
- await waitFor(() => {
49
- expect(screen.getByText('Apple')).toBeInTheDocument();
50
- expect(screen.queryByText('Banana')).not.toBeInTheDocument();
51
- });
52
- });
53
- it('selects option on click', async () => {
54
- const onChange = vi.fn();
55
- renderWithProviders(_jsx(TestCombobox, { value: null, onChange: onChange }));
56
- const input = screen.getByRole('combobox');
57
- await userEvent.click(input);
58
- const option = await screen.findByText('Apple');
59
- await userEvent.click(option);
60
- expect(onChange).toHaveBeenCalledWith({
61
- value: 'apple',
62
- label: 'Apple',
63
- });
64
- });
65
- it('clears search query after selection', async () => {
66
- renderWithProviders(_jsx(TestCombobox, { value: null }));
67
- const input = screen.getByRole('combobox');
68
- await userEvent.click(input);
69
- await userEvent.type(input, 'ap');
70
- const option = await screen.findByText('Apple');
71
- await userEvent.click(option);
72
- expect(input).toHaveValue('');
73
- });
74
- });
75
- describe('Keyboard Navigation', () => {
76
- it('opens dropdown on arrow down', async () => {
77
- renderWithProviders(_jsx(TestCombobox, { value: null }));
78
- const input = screen.getByRole('combobox');
79
- input.focus();
80
- await userEvent.keyboard('{ArrowDown}');
81
- await waitFor(() => {
82
- for (const option of mockOptions) {
83
- expect(screen.getByText(option.label)).toBeInTheDocument();
84
- }
85
- });
86
- });
87
- it('closes dropdown on escape', async () => {
88
- renderWithProviders(_jsx(TestCombobox, { value: null }));
89
- const input = screen.getByRole('combobox');
90
- // Open dropdown
91
- await userEvent.click(input);
92
- // Verify it's open
93
- expect(await screen.findByText('Apple')).toBeInTheDocument();
94
- // Press escape
95
- await userEvent.keyboard('{Escape}');
96
- // Verify it's closed
97
- await waitFor(() => {
98
- expect(screen.queryByText('Apple')).not.toBeInTheDocument();
99
- });
100
- });
101
- it('selects option with enter key', async () => {
102
- const onChange = vi.fn();
103
- renderWithProviders(_jsx(TestCombobox, { value: null, onChange: onChange }));
104
- const input = screen.getByRole('combobox');
105
- input.focus();
106
- await userEvent.keyboard('{ArrowDown}');
107
- expect(await screen.findByText('Apple')).toBeInTheDocument();
108
- await userEvent.keyboard('{Enter}');
109
- expect(onChange).toHaveBeenCalled();
110
- });
111
- it('selects a specific option with enter key', async () => {
112
- const onChange = vi.fn();
113
- renderWithProviders(_jsx(TestCombobox, { options: [
114
- { value: 'apple', label: 'Apple' },
115
- { value: 'banana', label: 'Banana' },
116
- { value: 'orange', label: 'Orange' },
117
- ], value: null, onChange: onChange }));
118
- const input = screen.getByRole('combobox');
119
- input.focus();
120
- await userEvent.keyboard('ban');
121
- await userEvent.keyboard('{Enter}');
122
- expect(onChange).toHaveBeenCalledWith({
123
- value: 'banana',
124
- label: 'Banana',
125
- });
126
- });
127
- });
128
- describe('Edge Cases', () => {
129
- it('handles empty search results', async () => {
130
- renderWithProviders(_jsx(TestCombobox, { value: null }));
131
- const input = screen.getByRole('combobox');
132
- await userEvent.click(input);
133
- await userEvent.keyboard('xyz');
134
- expect(screen.queryByRole('option')).not.toBeInTheDocument();
135
- });
136
- it('maintains selected value when closing without selection', async () => {
137
- const initialValue = mockOptions[0];
138
- const onChange = vi.fn();
139
- renderWithProviders(_jsx(TestCombobox, { value: initialValue, onChange: onChange }));
140
- const input = screen.getByRole('combobox');
141
- await userEvent.click(input);
142
- await userEvent.keyboard('{Escape}');
143
- expect(onChange).not.toHaveBeenCalled();
144
- expect(screen.getByText(initialValue.label)).toBeInTheDocument();
145
- });
146
- });
147
- });
148
- //# sourceMappingURL=combobox.test.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"combobox.test.js","sourceRoot":"","sources":["../../../../src/components/ui/combobox/combobox.test.tsx"],"names":[],"mappings":"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"}
@@ -1,22 +0,0 @@
1
- import type * as React from 'react';
2
- import { Command as CommandPrimitive } from 'cmdk';
3
- import { Dialog } from '../dialog/dialog.js';
4
- /**
5
- * Fast, composable, unstyled command menu for React.
6
- *
7
- * https://ui.shadcn.com/docs/components/command
8
- */
9
- declare function Command({ className, ...props }: React.ComponentProps<typeof CommandPrimitive>): React.ReactElement;
10
- declare function CommandDialog({ title, description, children, ...props }: React.ComponentProps<typeof Dialog> & {
11
- title?: string;
12
- description?: string;
13
- }): React.ReactElement;
14
- declare function CommandInput({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Input>): React.ReactElement;
15
- declare function CommandList({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.List>): React.ReactElement;
16
- declare function CommandEmpty({ ...props }: React.ComponentProps<typeof CommandPrimitive.Empty>): React.ReactElement;
17
- declare function CommandGroup({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Group>): React.ReactElement;
18
- declare function CommandSeparator({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Separator>): React.ReactElement;
19
- declare function CommandItem({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Item>): React.ReactElement;
20
- declare function CommandShortcut({ className, ...props }: React.ComponentProps<'span'>): React.ReactElement;
21
- export { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, };
22
- //# sourceMappingURL=command.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"command.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/command/command.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,MAAM,CAAC;AAKnD,OAAO,EACL,MAAM,EAKP,MAAM,qBAAqB,CAAC;AAE7B;;;;GAIG;AACH,iBAAS,OAAO,CAAC,EACf,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,GAAG,KAAK,CAAC,YAAY,CAWpE;AAED,iBAAS,aAAa,CAAC,EACrB,KAAyB,EACzB,WAA8C,EAC9C,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,GAAG;IACvC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,GAAG,KAAK,CAAC,YAAY,CAcrB;AAED,iBAAS,YAAY,CAAC,EACpB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,YAAY,CAiB1E;AAED,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC,YAAY,CAWzE;AAED,iBAAS,YAAY,CAAC,EACpB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,YAAY,CAQ1E;AAED,iBAAS,YAAY,CAAC,EACpB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,YAAY,CAW1E;AAED,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CACrB,OAAO,gBAAgB,CAAC,SAAS,CAClC,GAAG,KAAK,CAAC,YAAY,CAQrB;AAED,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC,YAAY,CAWzE;AAED,iBAAS,eAAe,CAAC,EACvB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,GAAG,KAAK,CAAC,YAAY,CAWnD;AAED,OAAO,EACL,OAAO,EACP,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,WAAW,EACX,gBAAgB,EAChB,eAAe,GAChB,CAAC"}
@@ -1,40 +0,0 @@
1
- 'use client';
2
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
3
- import { Command as CommandPrimitive } from 'cmdk';
4
- import { MdSearch } from 'react-icons/md';
5
- import { cn } from '#src/utils/index.js';
6
- import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, } from '../dialog/dialog.js';
7
- /**
8
- * Fast, composable, unstyled command menu for React.
9
- *
10
- * https://ui.shadcn.com/docs/components/command
11
- */
12
- function Command({ className, ...props }) {
13
- return (_jsx(CommandPrimitive, { "data-slot": "command", className: cn('flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground', className), ...props }));
14
- }
15
- function CommandDialog({ title = 'Command Palette', description = 'Search for a command to run...', children, ...props }) {
16
- return (_jsxs(Dialog, { ...props, children: [_jsxs(DialogHeader, { className: "sr-only", children: [_jsx(DialogTitle, { children: title }), _jsx(DialogDescription, { children: description })] }), _jsx(DialogContent, { className: "overflow-hidden p-0", children: _jsx(Command, { className: "**:data-[slot=command-input-wrapper]:h-12 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group]]:px-2 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5", children: children }) })] }));
17
- }
18
- function CommandInput({ className, ...props }) {
19
- return (_jsxs("div", { "data-slot": "command-input-wrapper", className: "flex h-9 items-center gap-2 border-b px-3", children: [_jsx(MdSearch, { className: "size-4 shrink-0 opacity-50" }), _jsx(CommandPrimitive.Input, { "data-slot": "command-input", className: cn('flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-hidden placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50', className), ...props })] }));
20
- }
21
- function CommandList({ className, ...props }) {
22
- return (_jsx(CommandPrimitive.List, { "data-slot": "command-list", className: cn('max-h-[300px] scroll-py-1 overflow-x-hidden overflow-y-auto', className), ...props }));
23
- }
24
- function CommandEmpty({ ...props }) {
25
- return (_jsx(CommandPrimitive.Empty, { "data-slot": "command-empty", className: "py-6 text-center text-sm", ...props }));
26
- }
27
- function CommandGroup({ className, ...props }) {
28
- return (_jsx(CommandPrimitive.Group, { "data-slot": "command-group", className: cn('overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground', className), ...props }));
29
- }
30
- function CommandSeparator({ className, ...props }) {
31
- return (_jsx(CommandPrimitive.Separator, { "data-slot": "command-separator", className: cn('-mx-1 h-px bg-border', className), ...props }));
32
- }
33
- function CommandItem({ className, ...props }) {
34
- return (_jsx(CommandPrimitive.Item, { "data-slot": "command-item", className: cn("relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground", className), ...props }));
35
- }
36
- function CommandShortcut({ className, ...props }) {
37
- return (_jsx("span", { "data-slot": "command-shortcut", className: cn('ml-auto text-xs tracking-widest text-muted-foreground', className), ...props }));
38
- }
39
- export { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, };
40
- //# sourceMappingURL=command.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"command.js","sourceRoot":"","sources":["../../../../src/components/ui/command/command.tsx"],"names":[],"mappings":"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"}