@hilum/ui 3.4.0 → 3.5.1

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 (65) hide show
  1. package/README.md +4 -0
  2. package/dist/{chunk-MAHPAP65.js → chunk-RI6QJR2L.js} +6 -3
  3. package/dist/chunk-RI6QJR2L.js.map +1 -0
  4. package/dist/index.d.ts +789 -115
  5. package/dist/index.js +10404 -1099
  6. package/dist/index.js.map +1 -1
  7. package/dist/tokens.css +17 -0
  8. package/dist/tokens.d.ts +3 -0
  9. package/dist/tokens.js +1 -1
  10. package/llms.txt +18 -4
  11. package/package.json +19 -1
  12. package/src/components/accordion.tsx +746 -58
  13. package/src/components/alert-dialog.tsx +11 -5
  14. package/src/components/ask-user-questions.tsx +1366 -0
  15. package/src/components/badge.tsx +105 -24
  16. package/src/components/button.tsx +207 -38
  17. package/src/components/card.tsx +3 -2
  18. package/src/components/chat-message.tsx +116 -0
  19. package/src/components/checkbox-group.tsx +403 -0
  20. package/src/components/checkbox.tsx +6 -3
  21. package/src/components/color-input.tsx +3 -1
  22. package/src/components/color-picker.tsx +1992 -80
  23. package/src/components/dialog.tsx +141 -81
  24. package/src/components/dropdown-menu.tsx +21 -13
  25. package/src/components/dropdown.tsx +245 -0
  26. package/src/components/file-thumbnail.tsx +156 -0
  27. package/src/components/hover-card.tsx +2 -0
  28. package/src/components/input-copy.tsx +307 -0
  29. package/src/components/input-group.tsx +303 -108
  30. package/src/components/input-message.tsx +883 -0
  31. package/src/components/input.tsx +6 -3
  32. package/src/components/menu-item.tsx +156 -0
  33. package/src/components/mobile-drawer.tsx +50 -0
  34. package/src/components/nav-item.tsx +43 -0
  35. package/src/components/nav-menu.tsx +47 -0
  36. package/src/components/popover.tsx +3 -1
  37. package/src/components/radio-group.tsx +381 -35
  38. package/src/components/scroll-area.tsx +9 -2
  39. package/src/components/select.tsx +708 -121
  40. package/src/components/sheet.tsx +15 -6
  41. package/src/components/slider.tsx +1583 -20
  42. package/src/components/status-badge.tsx +2 -0
  43. package/src/components/switch.tsx +245 -28
  44. package/src/components/table.tsx +191 -77
  45. package/src/components/tabs-subtle.tsx +411 -0
  46. package/src/components/tabs.tsx +459 -49
  47. package/src/components/textarea.tsx +7 -3
  48. package/src/components/thinking-indicator.tsx +106 -0
  49. package/src/components/thinking-steps.tsx +382 -0
  50. package/src/components/tooltip.tsx +158 -33
  51. package/src/hooks/use-merge-split.tsx +359 -0
  52. package/src/hooks/use-proximity-hover.ts +208 -0
  53. package/src/index.ts +14 -0
  54. package/src/lib/elevated.tsx +52 -0
  55. package/src/lib/font-weight.ts +18 -0
  56. package/src/lib/icon-context.tsx +98 -0
  57. package/src/lib/icon-map.tsx +669 -0
  58. package/src/lib/interaction.ts +102 -0
  59. package/src/lib/scroll-fade.tsx +241 -0
  60. package/src/lib/shape-context.tsx +121 -0
  61. package/src/lib/springs.ts +30 -0
  62. package/src/lib/surface-classes.ts +43 -0
  63. package/src/lib/surface-context.tsx +17 -0
  64. package/src/tokens/tokens.ts +3 -0
  65. package/dist/chunk-MAHPAP65.js.map +0 -1
package/src/components/alert-dialog.tsx CHANGED
@@ -3,6 +3,7 @@
3
3
  import * as React from "react";
4
4
  import { AlertDialog } from "radix-ui";
5
5
  import { cn } from "../lib/utils";
6
+ import { focusRingClasses, motionClasses, pressClasses } from "../lib/interaction";
6
7
  import {
7
8
  desktopDialogContentClassName,
8
9
  dialogSheetMotionClassName,
@@ -23,6 +24,7 @@ const AlertDialogOverlay = React.forwardRef<
23
24
  "fixed inset-0 z-50 bg-black/30 backdrop-blur-sm",
24
25
  "data-[state=open]:animate-in data-[state=closed]:animate-out",
25
26
  "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
27
+ "data-[state=closed]:duration-100 data-[state=open]:duration-150",
26
28
  className,
27
29
  )}
28
30
  {...props}
@@ -41,7 +43,7 @@ const AlertDialogContent = React.forwardRef<
41
43
  className={cn(
42
44
  mobileDialogSheetContentClassName,
43
45
  desktopDialogContentClassName,
44
- "sm:max-w-md",
46
+ "border border-border shadow-elevated sm:max-w-md",
45
47
  dialogSheetMotionClassName,
46
48
  className,
47
49
  )}
@@ -104,9 +106,11 @@ const AlertDialogAction = React.forwardRef<
104
106
  ref={ref}
105
107
  className={cn(
106
108
  "inline-flex h-10 items-center justify-center rounded-md px-4",
107
- "body font-medium whitespace-nowrap transition-[background-color,box-shadow,color,opacity,scale] duration-150 active:scale-[0.96]",
109
+ "body font-medium whitespace-nowrap",
110
+ motionClasses,
111
+ pressClasses,
108
112
  "bg-brand-primary text-background hover:bg-brand-primary/90 active:bg-brand-primary/80",
109
- "focus-visible:ring-2 focus-visible:ring-brand-primary/30 focus-visible:ring-offset-1 outline-none",
113
+ focusRingClasses,
110
114
  "disabled:pointer-events-none disabled:opacity-50",
111
115
  className,
112
116
  )}
@@ -123,9 +127,11 @@ const AlertDialogCancel = React.forwardRef<
123
127
  ref={ref}
124
128
  className={cn(
125
129
  "inline-flex h-10 items-center justify-center rounded-md px-4",
126
- "body font-medium whitespace-nowrap transition-[background-color,box-shadow,color,opacity,scale] duration-150 active:scale-[0.96]",
130
+ "body font-medium whitespace-nowrap",
131
+ motionClasses,
132
+ pressClasses,
127
133
  "bg-card text-muted-foreground shadow-natural hover:bg-muted rounded-xl",
128
- "focus-visible:ring-2 focus-visible:ring-brand-primary/30 focus-visible:ring-offset-1 outline-none",
134
+ focusRingClasses,
129
135
  "disabled:pointer-events-none disabled:opacity-50",
130
136
  className,
131
137
  )}