@crewlethq/ui 0.66.0 → 0.68.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 (112) hide show
  1. package/README.md +9 -1
  2. package/dist/AgentHandoffPanel/index.js +4 -4
  3. package/dist/AppShell/index.js +3 -3
  4. package/dist/ArrangeList/index.js +4 -4
  5. package/dist/ArtifactBar/index.js +6 -6
  6. package/dist/ArtifactCard/index.js +4 -4
  7. package/dist/ArtifactPanel/index.js +1 -1
  8. package/dist/AvatarPicker/index.js +6 -6
  9. package/dist/Canvas/index.js +2 -2
  10. package/dist/CanvasBoard/index.js +4 -4
  11. package/dist/CanvasToolbar/index.js +3 -3
  12. package/dist/Checkbox/index.js +3 -3
  13. package/dist/ColorField/index.js +3 -3
  14. package/dist/Combobox/index.js +3 -3
  15. package/dist/CommandPalette/index.js +3 -3
  16. package/dist/CommentThread/index.js +5 -5
  17. package/dist/Composer/index.js +3 -3
  18. package/dist/ConfirmField/index.js +3 -3
  19. package/dist/ContrastHelp/index.js +1 -1
  20. package/dist/DataGrid/index.js +4 -4
  21. package/dist/DataTable/index.js +5 -5
  22. package/dist/DataView/index.js +7 -7
  23. package/dist/DateTimePicker/index.js +2 -2
  24. package/dist/DocTabsEditor/index.js +4 -4
  25. package/dist/{Editor-URGZOK2S.js → Editor-2MZDDSJF.js} +3 -3
  26. package/dist/HuePicker/index.js +5 -5
  27. package/dist/InboxList/InboxList.d.ts +45 -3
  28. package/dist/InboxList/index.js +1 -1
  29. package/dist/{InboxList-OCL2M3ZF.css → InboxList-OFGSX5IH.css} +137 -6
  30. package/dist/Input/index.js +2 -2
  31. package/dist/LinkInterstitial/index.js +1 -1
  32. package/dist/ListInput/index.js +3 -3
  33. package/dist/MarkdownEditor/index.js +5 -5
  34. package/dist/Menu/index.js +2 -2
  35. package/dist/MergeConflicts/index.js +5 -5
  36. package/dist/Modal/index.js +1 -1
  37. package/dist/OrgTable/index.js +1 -1
  38. package/dist/PresenterView/index.js +1 -1
  39. package/dist/PrincipalPicker/index.js +4 -4
  40. package/dist/ProposalCard/index.js +4 -4
  41. package/dist/RichEditor/index.js +1 -1
  42. package/dist/SegmentedControl/index.js +4 -4
  43. package/dist/SetupWizard/index.js +2 -2
  44. package/dist/ShareDialog/index.js +1 -1
  45. package/dist/SheetColumnEditor/index.js +8 -8
  46. package/dist/SheetGrid/index.js +3 -3
  47. package/dist/SidePanel/index.js +1 -1
  48. package/dist/SlideFilmstrip/index.js +3 -3
  49. package/dist/Switcher/index.js +3 -3
  50. package/dist/Tabs/index.js +3 -3
  51. package/dist/TagsInput/index.js +2 -2
  52. package/dist/ThemeSwitcher/index.js +5 -5
  53. package/dist/ThinkingIndicator/ThinkingIndicator.d.ts +9 -6
  54. package/dist/ThinkingIndicator/index.js +1 -1
  55. package/dist/ThinkingIndicator-JVF52N7L.css +193 -0
  56. package/dist/TimeRangePicker/index.js +6 -6
  57. package/dist/TimeWindowPicker/index.js +3 -3
  58. package/dist/TreeCanvas/index.js +3 -3
  59. package/dist/TreeGrid/index.js +1 -1
  60. package/dist/ValueField/index.js +4 -4
  61. package/dist/VersionCompare/index.js +5 -5
  62. package/dist/{chunk-MFQPGMJT.js → chunk-2DSHMV6B.js} +1 -1
  63. package/dist/{chunk-BVNFNFA6.js → chunk-2QMUOUXN.js} +1 -1
  64. package/dist/{chunk-J5BIKMQY.js → chunk-4VPDY7AD.js} +4 -4
  65. package/dist/{chunk-2AQMXGWA.js → chunk-5FFZED4X.js} +1 -1
  66. package/dist/{chunk-JVII5264.js → chunk-CFXDWGQI.js} +1 -1
  67. package/dist/{chunk-ELLRZ5XR.js → chunk-CLJHQHPS.js} +1 -1
  68. package/dist/{chunk-7LSSYHOT.js → chunk-CMTLQOJY.js} +1 -1
  69. package/dist/{chunk-WXLQJUGO.js → chunk-COAK5MIF.js} +2 -2
  70. package/dist/{chunk-U7J52N67.js → chunk-DFU6JGJV.js} +1 -1
  71. package/dist/{chunk-6MI2GMYG.js → chunk-DGG2A6XG.js} +1 -1
  72. package/dist/{chunk-DXVJSBEW.js → chunk-DMY4XEDS.js} +3 -3
  73. package/dist/{chunk-PBCNINMB.js → chunk-EAR2F5OA.js} +1 -1
  74. package/dist/{chunk-OOC6KXNL.js → chunk-FPTJMNI3.js} +1 -1
  75. package/dist/{chunk-TWJERLT3.js → chunk-GAUBP247.js} +1 -1
  76. package/dist/{chunk-UBJ32EO2.js → chunk-HHZ5ZXYO.js} +2 -2
  77. package/dist/{chunk-ZUBFVK6B.js → chunk-IQQSMK4E.js} +1 -1
  78. package/dist/{chunk-BWAUL5MB.js → chunk-IU5J6BY5.js} +2 -2
  79. package/dist/{chunk-SBOUVASH.js → chunk-JII74OTJ.js} +4 -4
  80. package/dist/{chunk-MNTUIAQT.js → chunk-KZ3UXNN7.js} +1 -1
  81. package/dist/{chunk-VTGIDEI5.js → chunk-LUSRKTX6.js} +2 -2
  82. package/dist/{chunk-E2MIUNUU.js → chunk-M73MMEZY.js} +1 -1
  83. package/dist/{chunk-JEA5OX54.js → chunk-MCMPQBEV.js} +2 -2
  84. package/dist/{chunk-W6UVBBNH.js → chunk-MJTBINIY.js} +1 -1
  85. package/dist/{chunk-PVZOP3QK.js → chunk-MVQLCSAC.js} +1 -1
  86. package/dist/{chunk-5OVTWY3I.js → chunk-MVQSTBLQ.js} +1 -1
  87. package/dist/{chunk-6ID4DVML.js → chunk-O3WH7OJE.js} +1 -1
  88. package/dist/{chunk-5OFRDX66.js → chunk-OXEWUAND.js} +1 -1
  89. package/dist/{chunk-GJ7VIQWL.js → chunk-PHBMSXVE.js} +2 -2
  90. package/dist/{chunk-62DBFNOK.js → chunk-QPHD4UUG.js} +82 -6
  91. package/dist/{chunk-WUQVAFTC.js → chunk-QRKDP7RQ.js} +1 -1
  92. package/dist/{chunk-GDDVI4US.js → chunk-RCHJBKD3.js} +1 -1
  93. package/dist/{chunk-7EOUVWGQ.js → chunk-SZEKOW2X.js} +1 -1
  94. package/dist/{chunk-CX6QT4CH.js → chunk-UKYVLQAE.js} +2 -2
  95. package/dist/{chunk-KIJJD4YD.js → chunk-VMEUY672.js} +1 -1
  96. package/dist/{chunk-WDNURPXU.js → chunk-WYXUDDTY.js} +1 -1
  97. package/dist/{chunk-PZAOUZFZ.js → chunk-XDVQ72BE.js} +1 -1
  98. package/dist/{chunk-3EETQFAM.js → chunk-XI56IJGI.js} +1 -1
  99. package/dist/{chunk-PQWNK3N7.js → chunk-XNYMMLCY.js} +2 -2
  100. package/dist/{chunk-2EA2GSA2.js → chunk-YDXX5UB7.js} +1 -1
  101. package/dist/{chunk-CFY257ND.js → chunk-ZFFQMRPJ.js} +2 -2
  102. package/dist/generated/index.js +62 -62
  103. package/dist/index.js +62 -62
  104. package/dist/styles.css +225 -23
  105. package/package.json +3 -3
  106. package/dist/ThinkingIndicator-QJMX2TXC.css +0 -122
  107. package/dist/{chunk-T73DMDU4.js → chunk-2566PSQ3.js} +1 -1
  108. package/dist/{chunk-PX54PALQ.js → chunk-7DD2GR7I.js} +1 -1
  109. package/dist/{chunk-HEIOLITO.js → chunk-BAHLBMCH.js} +1 -1
  110. package/dist/{chunk-ETSF7SU6.js → chunk-DCQ2VTBB.js} +1 -1
  111. package/dist/{chunk-F32FFE6I.js → chunk-NBOFBSVD.js} +1 -1
  112. package/dist/{chunk-SBHAKX2T.js → chunk-R2YHKVWN.js} +1 -1
@@ -1,122 +0,0 @@
1
- /*
2
- * The assistant at work: the Assistant's mark, its blades turning, and a line
3
- * of status under a shimmer. See ThinkingIndicator.tsx for why it replaces a
4
- * caret and how it is announced.
5
- */
6
-
7
- /*
8
- * ONE LINE OF PROSE TALL, at every state: the mark alone, the mark with a
9
- * status line, and the line changing from one step to the next all keep the
10
- * same height, so the thread never moves while the assistant works.
11
- */
12
- .crewlet-thinking {
13
- display: flex;
14
- align-items: center;
15
- gap: var(--spacing-2);
16
- min-width: 0;
17
- min-height: calc(var(--font-size-compact) * var(--font-line-height-relaxed));
18
- font-family: var(--font-family-sans);
19
- font-size: var(--font-size-compact);
20
- line-height: var(--font-line-height-relaxed);
21
- }
22
-
23
- /*
24
- * THE BLADES TURN A QUARTER, THEN REST. The figure is four blades around a
25
- * core, the same after a quarter turn, so each round ends where the next
26
- * begins and the loop never shows a seam. One round is the breath period
27
- * (2.2s): the turn takes its first half on the in-out ease and the second
28
- * half is still, which reads as steady thought rather than as a spinner. The
29
- * core holds still, as the mark's own description promises.
30
- */
31
- .crewlet-thinking__mark [data-motion='turn'] {
32
- transform-box: view-box;
33
- transform-origin: 50% 50%;
34
- animation: crewlet-thinking-turn var(--motion-duration-breath) var(--motion-easing-in-out) infinite;
35
- }
36
-
37
- @keyframes crewlet-thinking-turn {
38
- 0% {
39
- transform: rotate(0deg);
40
- }
41
-
42
- 50%,
43
- 100% {
44
- transform: rotate(90deg);
45
- }
46
- }
47
-
48
- /*
49
- * THE SHIMMER IS A LIGHTER BAND CROSSING THE WORDS, the band Skeleton sweeps
50
- * across a placeholder, set in ink rather than in surface: the words are the
51
- * secondary ink at rest, so they read at every point of the sweep, and the
52
- * band is the primary ink. The gradient is clipped to the glyphs and is three
53
- * times the line's width, so the band crosses it rather than standing in it.
54
- */
55
- .crewlet-thinking__status {
56
- min-width: 0;
57
- overflow: hidden;
58
- color: var(--color-text-secondary);
59
- text-overflow: ellipsis;
60
- white-space: nowrap;
61
- animation: crewlet-thinking-enter var(--motion-duration-moderate) var(--motion-easing-out);
62
- }
63
-
64
- @supports (background-clip: text) or (-webkit-background-clip: text) {
65
- .crewlet-thinking__status {
66
- background-image: linear-gradient(
67
- 90deg,
68
- var(--color-text-secondary) 0%,
69
- var(--color-text-secondary) 40%,
70
- var(--color-text-primary) 50%,
71
- var(--color-text-secondary) 60%,
72
- var(--color-text-secondary) 100%
73
- );
74
- background-size: 300% 100%;
75
- -webkit-background-clip: text;
76
- background-clip: text;
77
- color: transparent;
78
- animation:
79
- crewlet-thinking-enter var(--motion-duration-moderate) var(--motion-easing-out),
80
- crewlet-thinking-shimmer var(--motion-duration-breath) linear infinite;
81
- }
82
- }
83
-
84
- @keyframes crewlet-thinking-shimmer {
85
- from {
86
- background-position: 100% 50%;
87
- }
88
-
89
- to {
90
- background-position: 0 50%;
91
- }
92
- }
93
-
94
- @keyframes crewlet-thinking-enter {
95
- from {
96
- opacity: 0;
97
- }
98
-
99
- to {
100
- opacity: 1;
101
- }
102
- }
103
-
104
- @media (prefers-reduced-motion: reduce) {
105
- .crewlet-thinking__mark [data-motion='turn'] {
106
- animation: none;
107
- }
108
-
109
- .crewlet-thinking__status {
110
- background-image: none;
111
- color: var(--color-text-secondary);
112
- animation: none;
113
- }
114
- }
115
-
116
- /* The system's own ink: a gradient clipped to text is dropped there. */
117
- @media (forced-colors: active) {
118
- .crewlet-thinking__status {
119
- background-image: none;
120
- color: CanvasText;
121
- }
122
- }
@@ -1,8 +1,8 @@
1
1
  import { Button } from './chunk-7QTPJDRF.js';
2
2
  import { useLayerContainer, viewportBounds, LAYER_GAP, anchorGone, placePopup, LAYER_REPOSITION_EVENT } from './chunk-OMV5W53A.js';
3
3
  import { usePopupLayer } from './chunk-H5XTJ7GJ.js';
4
- import { IconButton } from './chunk-UAUP6XGK.js';
5
4
  import { returnFocus } from './chunk-NUZHC6MM.js';
5
+ import { IconButton } from './chunk-UAUP6XGK.js';
6
6
  import { cx } from './chunk-ODEQTPFM.js';
7
7
  import './Menu-OLUGHX56.css';
8
8
  import { useId, useState, useRef, useCallback, useLayoutEffect, useEffect } from 'react';
@@ -1,8 +1,8 @@
1
1
  import { today, CalendarGrid, shiftMonth, compareDays } from './chunk-EE3DJMSQ.js';
2
2
  import { Popover } from './chunk-KHJIEPZV.js';
3
3
  import { Button } from './chunk-7QTPJDRF.js';
4
- import { IconButton } from './chunk-UAUP6XGK.js';
5
4
  import { useFocusModality } from './chunk-NUZHC6MM.js';
5
+ import { IconButton } from './chunk-UAUP6XGK.js';
6
6
  import { cx } from './chunk-ODEQTPFM.js';
7
7
  import './DateTimePicker-PM6TIRIX.css';
8
8
  import { useMemo, useState, useEffect } from 'react';
@@ -2,8 +2,8 @@ import { useListbox } from './chunk-7KHM2FZH.js';
2
2
  import { Tag } from './chunk-I5OIKDX2.js';
3
3
  import { announce } from './chunk-2G355KDJ.js';
4
4
  import { isComposing } from './chunk-H5XTJ7GJ.js';
5
- import { IconButton } from './chunk-UAUP6XGK.js';
6
5
  import { useFocusModality } from './chunk-NUZHC6MM.js';
6
+ import { IconButton } from './chunk-UAUP6XGK.js';
7
7
  import { cx } from './chunk-ODEQTPFM.js';
8
8
  import './TagsInput-MZXEHKJD.css';
9
9
  import { forwardRef, useState, useRef, useId, useImperativeHandle, useEffect, useMemo, useLayoutEffect } from 'react';
@@ -2,8 +2,8 @@ import { characterCountState, CharacterCount } from './chunk-PGCLHYVP.js';
2
2
  import { useHeadingLevel, headingTag, HeadingLevelProvider, nextHeadingLevel } from './chunk-PQADV6P6.js';
3
3
  import { announce } from './chunk-2G355KDJ.js';
4
4
  import { isComposing } from './chunk-H5XTJ7GJ.js';
5
- import { IconButton } from './chunk-UAUP6XGK.js';
6
5
  import { useFocusModality } from './chunk-NUZHC6MM.js';
6
+ import { IconButton } from './chunk-UAUP6XGK.js';
7
7
  import { VisuallyHidden } from './chunk-UT6CW3C7.js';
8
8
  import { cx } from './chunk-ODEQTPFM.js';
9
9
  import './Input-GEFFMKBS.css';
@@ -3,8 +3,8 @@ import { Tooltip } from './chunk-I33UIUZD.js';
3
3
  import { Kbd } from './chunk-ANTAQAR4.js';
4
4
  import { Button } from './chunk-7QTPJDRF.js';
5
5
  import { LAYER_REPOSITION_EVENT, LayerHost } from './chunk-OMV5W53A.js';
6
- import { IconButton } from './chunk-UAUP6XGK.js';
7
6
  import { returnFocus } from './chunk-NUZHC6MM.js';
7
+ import { IconButton } from './chunk-UAUP6XGK.js';
8
8
  import { VisuallyHidden } from './chunk-UT6CW3C7.js';
9
9
  import { cx } from './chunk-ODEQTPFM.js';
10
10
  import './Canvas-4QJHVLJ4.css';
@@ -1,5 +1,5 @@
1
- import { Stepper } from './chunk-HJBHP66O.js';
2
1
  import { PageHeader } from './chunk-FPDIHEM4.js';
2
+ import { Stepper } from './chunk-HJBHP66O.js';
3
3
  import { Disclosure } from './chunk-222VILSP.js';
4
4
  import { useHeadingLevel, nextHeadingLevel, headingTag, HeadingLevelProvider } from './chunk-PQADV6P6.js';
5
5
  import { useMediaMatch } from './chunk-RTPQDNW3.js';