@bearmenu/ui 0.8.35 → 0.8.37

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 (76) hide show
  1. package/dist/chunk-EGU6EG73.js +39 -0
  2. package/dist/{chunk-NIAL4ZU2.js → chunk-FQAIYKAS.js} +45 -8
  3. package/dist/{chunk-TVEIUTBQ.js → chunk-IQIJCMG2.js} +1 -1
  4. package/dist/{chunk-6W25S5CF.js → chunk-KGXTBTCJ.js} +1 -1
  5. package/dist/chunk-LAEVMNJN.js +135 -0
  6. package/dist/{chunk-VCRXL7H5.js → chunk-PGQXVJXW.js} +2 -2
  7. package/dist/{chunk-F3XK34DV.js → chunk-TB2K5JN3.js} +2 -2
  8. package/dist/{chunk-XNBDACL7.js → chunk-ZUBBMLBD.js} +1 -1
  9. package/dist/components/badge.d.ts +8 -2
  10. package/dist/components/badge.js +1 -1
  11. package/dist/components/banner.d.ts +17 -2
  12. package/dist/components/banner.js +10 -7
  13. package/dist/components/booking-row.js +1 -1
  14. package/dist/components/button-group.js +3 -39
  15. package/dist/components/calendar.js +1 -1
  16. package/dist/components/combobox.js +3 -3
  17. package/dist/components/command.js +2 -2
  18. package/dist/components/concept-convergence.js +1 -1
  19. package/dist/components/dialog.js +1 -1
  20. package/dist/components/dropdown-menu.js +6 -6
  21. package/dist/components/filter-category-row.js +1 -1
  22. package/dist/components/input-group.js +1 -1
  23. package/dist/components/menu-item.js +3 -3
  24. package/dist/components/multi-select-combobox.js +10 -5
  25. package/dist/components/multi-select-menu.js +1 -1
  26. package/dist/components/pan-zoom-viewport.d.ts +137 -0
  27. package/dist/components/pan-zoom-viewport.js +531 -0
  28. package/dist/components/place-card.js +2 -2
  29. package/dist/components/place-details-mobile.js +1 -1
  30. package/dist/components/responsive-overlay.d.ts +29 -1
  31. package/dist/components/responsive-overlay.js +46 -7
  32. package/dist/components/searchable-select.js +3 -3
  33. package/dist/components/select.js +2 -2
  34. package/dist/components/selection-bar.js +1 -1
  35. package/dist/components/sheet.d.ts +6 -0
  36. package/dist/components/sheet.js +3 -133
  37. package/dist/components/signature-chip.js +2 -2
  38. package/dist/components/tabs.d.ts +16 -1
  39. package/dist/components/tabs.js +21 -3
  40. package/dist/components/toggle-group.js +1 -1
  41. package/dist/components/toggle.d.ts +6 -0
  42. package/dist/components/toggle.js +1 -1
  43. package/dist/components/top-ranking-entry.js +3 -3
  44. package/package.json +1 -1
  45. package/src/components/badge.stories.tsx +32 -1
  46. package/src/components/badge.test.tsx +45 -0
  47. package/src/components/badge.tsx +41 -3
  48. package/src/components/banner.stories.tsx +32 -0
  49. package/src/components/banner.test.tsx +58 -0
  50. package/src/components/banner.tsx +28 -4
  51. package/src/components/calendar.tsx +1 -1
  52. package/src/components/combobox.tsx +1 -1
  53. package/src/components/command.test.tsx +10 -0
  54. package/src/components/command.tsx +1 -1
  55. package/src/components/dialog.tsx +1 -1
  56. package/src/components/dropdown-menu.test.tsx +31 -0
  57. package/src/components/dropdown-menu.tsx +6 -6
  58. package/src/components/input-group.tsx +1 -1
  59. package/src/components/multi-select-combobox.tsx +7 -1
  60. package/src/components/multi-select-menu.tsx +1 -1
  61. package/src/components/pan-zoom-viewport.stories.tsx +134 -0
  62. package/src/components/pan-zoom-viewport.test.tsx +381 -0
  63. package/src/components/pan-zoom-viewport.tsx +727 -0
  64. package/src/components/responsive-overlay.stories.tsx +61 -0
  65. package/src/components/responsive-overlay.test.tsx +104 -0
  66. package/src/components/responsive-overlay.tsx +87 -22
  67. package/src/components/searchable-select.tsx +1 -1
  68. package/src/components/select.tsx +2 -2
  69. package/src/components/selection-bar.tsx +1 -1
  70. package/src/components/sheet.tsx +14 -3
  71. package/src/components/tabs.stories.tsx +23 -0
  72. package/src/components/tabs.test.tsx +64 -0
  73. package/src/components/tabs.tsx +36 -3
  74. package/src/components/toggle.test.tsx +19 -0
  75. package/src/components/toggle.tsx +8 -2
  76. package/src/globals.css +28 -19
package/src/globals.css CHANGED
@@ -130,14 +130,19 @@ h6 {
130
130
  --ink-secondary: oklch(0.45 0 0);
131
131
  --ink-tertiary: oklch(0.52 0 0);
132
132
  --radius: 0.625rem;
133
- --sidebar: oklch(0.985 0 0);
134
- --sidebar-foreground: oklch(0.145 0 0);
135
- --sidebar-primary: oklch(0.205 0 0);
136
- --sidebar-primary-foreground: oklch(0.985 0 0);
137
- --sidebar-accent: oklch(0.97 0 0);
138
- --sidebar-accent-foreground: oklch(0.205 0 0);
139
- --sidebar-border: oklch(0.922 0 0);
140
- --sidebar-ring: oklch(0.708 0 0);
133
+ /* Chrome is the card surface — no third tone. The sidebar aliases the card
134
+ and the shared roles instead of carrying shadcn's factory greys (and, in
135
+ dark, a stray blue primary). `.dark` restates the same aliases: a custom
136
+ property resolves where it is declared, so a `.dark` placed below :root
137
+ would otherwise inherit the light values. */
138
+ --sidebar: var(--card);
139
+ --sidebar-foreground: var(--card-foreground);
140
+ --sidebar-primary: var(--primary);
141
+ --sidebar-primary-foreground: var(--primary-foreground);
142
+ --sidebar-accent: var(--accent-subtle);
143
+ --sidebar-accent-foreground: var(--foreground);
144
+ --sidebar-border: var(--border);
145
+ --sidebar-ring: var(--ring);
141
146
  --success: oklch(0.48 0.17 150);
142
147
  --success-foreground: oklch(0.985 0 0);
143
148
  --warning: oklch(0.72 0.18 68);
@@ -330,8 +335,9 @@ h6 {
330
335
  --accent: oklch(0.66 0.09 45);
331
336
  --accent-foreground: oklch(0.155 0.01 45);
332
337
  --accent-subtle: oklch(0.255 0.022 45);
333
- /* AA-compliant on dark surfaces but dialed back from 0.68 to soften eye strain */
334
- --destructive: oklch(0.58 0.17 25.7);
338
+ /* Dialed back from 0.68 to soften eye strain; 0.575 rather than 0.58 so
339
+ white on it clears AA (4.56:1, was 4.46:1). */
340
+ --destructive: oklch(0.575 0.17 25.7);
335
341
  --destructive-foreground: oklch(0.985 0 0);
336
342
  /** Lifted for text on `--card`, where the solid token measures ~3.8:1. */
337
343
  --destructive-ink: oklch(0.72 0.15 25);
@@ -368,16 +374,19 @@ h6 {
368
374
  in dark, elevation is carried by the scrim and by lightness, not by a
369
375
  shadow nobody can see. */
370
376
  --scrim-overlay: oklch(0.05 0.01 55 / 0.78);
371
- --sidebar: oklch(0.205 0 0);
372
- --sidebar-foreground: oklch(0.985 0 0);
373
- --sidebar-primary: oklch(0.488 0.243 264.376);
374
- --sidebar-primary-foreground: oklch(0.985 0 0);
375
- --sidebar-accent: oklch(0.269 0 0);
376
- --sidebar-accent-foreground: oklch(0.985 0 0);
377
- --sidebar-border: oklch(0.269 0 0);
378
- --sidebar-ring: oklch(0.439 0 0);
377
+ --sidebar: var(--card);
378
+ --sidebar-foreground: var(--card-foreground);
379
+ --sidebar-primary: var(--primary);
380
+ --sidebar-primary-foreground: var(--primary-foreground);
381
+ --sidebar-accent: var(--accent-subtle);
382
+ --sidebar-accent-foreground: var(--foreground);
383
+ --sidebar-border: var(--border);
384
+ --sidebar-ring: var(--ring);
379
385
  --success: oklch(0.63 0.17 150);
380
- --success-foreground: oklch(0.985 0 0);
386
+ /* Dark type on the fill, as --primary and --accent do in dark: white on
387
+ this green measured 3.12:1, and darkening the fill to reach 4.5:1 would
388
+ cost it a tenth of lightness and its presence on the card. 6.01:1. */
389
+ --success-foreground: oklch(0.155 0.01 45);
381
390
  --warning: oklch(0.76 0.15 68);
382
391
  --warning-foreground: oklch(0.18 0.04 45);
383
392