@crewlethq/ui 0.64.0 → 0.65.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 (448) hide show
  1. package/dist/Accordion/index.js +3 -3
  2. package/dist/{Accordion-ZI2WLD5C.css → Accordion-V7YNDK7Y.css} +10 -0
  3. package/dist/AddPill/index.js +1 -1
  4. package/dist/{AddPill-RYCY56P4.css → AddPill-FPM5RUKI.css} +15 -5
  5. package/dist/AgentHandoffPanel/index.js +12 -12
  6. package/dist/{AgentHandoffPanel-JWSW62GU.css → AgentHandoffPanel-AIU7YWWB.css} +34 -2
  7. package/dist/AppShell/index.d.ts +1 -0
  8. package/dist/AppShell/index.js +3 -3
  9. package/dist/AppShell/screenWidth.d.ts +66 -0
  10. package/dist/{AppShell-ZVCJRGXH.css → AppShell-LZQA3XU4.css} +21 -1
  11. package/dist/ArrangeFrame/index.js +2 -2
  12. package/dist/{ArrangeFrame-QXOQTFAH.css → ArrangeFrame-QCQZ5RF6.css} +6 -0
  13. package/dist/ArrangeGroup/index.js +2 -2
  14. package/dist/ArrangeList/index.js +5 -5
  15. package/dist/ArrangeList-F6Y43I24.css +143 -0
  16. package/dist/ArtifactAccess/index.js +1 -1
  17. package/dist/{ArtifactAccess-Y53ZTRFS.css → ArtifactAccess-RNNN2EIG.css} +6 -0
  18. package/dist/ArtifactBar/index.js +8 -8
  19. package/dist/{ArtifactBar-LEBMR35Y.css → ArtifactBar-X46WJNW7.css} +8 -3
  20. package/dist/ArtifactCard/index.js +10 -10
  21. package/dist/{ArtifactCard-F7IVRL3A.css → ArtifactCard-B2QE5CVL.css} +58 -12
  22. package/dist/ArtifactCover/index.js +2 -2
  23. package/dist/ArtifactKindIllustration/index.js +1 -1
  24. package/dist/{ArtifactKindIllustration-KLFL7KBG.css → ArtifactKindIllustration-D2J3HJMJ.css} +6 -0
  25. package/dist/ArtifactPanel/index.js +3 -3
  26. package/dist/{ArtifactPanel-TN4FFK2F.css → ArtifactPanel-MR5Z5AVN.css} +15 -1
  27. package/dist/AsideLayout/index.js +1 -1
  28. package/dist/{AsideLayout-TH5SQZNK.css → AsideLayout-AA3DEJKN.css} +7 -3
  29. package/dist/AttachmentChip/index.js +2 -2
  30. package/dist/AttachmentChip-RZ6ZCB43.css +33 -0
  31. package/dist/AuthLayout/index.js +3 -3
  32. package/dist/Avatar/index.js +1 -1
  33. package/dist/{Avatar-3C2H2WA4.css → Avatar-FDQSCB7A.css} +44 -13
  34. package/dist/AvatarPicker/index.js +7 -7
  35. package/dist/{AvatarPicker-PREY36MG.css → AvatarPicker-POOJUOKC.css} +14 -0
  36. package/dist/{AvatarStack-GEJBNV7E.css → AvatarStack-7I3P7LCK.css} +23 -1
  37. package/dist/BrandChip/index.js +1 -1
  38. package/dist/{BrandChip-SQWBC2WU.css → BrandChip-7PBEYDTG.css} +4 -0
  39. package/dist/Breadcrumb/index.js +2 -2
  40. package/dist/{Breadcrumb-YMWVM3SV.css → Breadcrumb-55VBXIN4.css} +18 -0
  41. package/dist/CalendarGrid/index.js +1 -1
  42. package/dist/{CalendarGrid-V6TQ5QKS.css → CalendarGrid-TT624SDR.css} +57 -20
  43. package/dist/Canvas/index.js +3 -3
  44. package/dist/CanvasBoard/index.js +5 -5
  45. package/dist/{CanvasBoard-JMYNIAHK.css → CanvasBoard-U6LR5F6H.css} +6 -1
  46. package/dist/CanvasToolbar/index.js +4 -4
  47. package/dist/Card/Card.d.ts +5 -5
  48. package/dist/Card/index.js +2 -2
  49. package/dist/{Card-JR2UPQH7.css → Card-O35OMBQ5.css} +97 -17
  50. package/dist/CatalogTile/index.js +1 -1
  51. package/dist/{CatalogTile-26XN7L2A.css → CatalogTile-6VF36JWA.css} +14 -1
  52. package/dist/ChangeList/index.js +6 -6
  53. package/dist/{ChangeList-KQVD46IC.css → ChangeList-MDFH5NPH.css} +17 -0
  54. package/dist/ChangeMark/index.js +1 -1
  55. package/dist/{ChangeMark-3VMTW7MT.css → ChangeMark-KFDGBF6G.css} +5 -0
  56. package/dist/Charts/index.js +1 -1
  57. package/dist/{Charts-TZ744HT6.css → Charts-UJKADWXE.css} +33 -7
  58. package/dist/Checkbox/index.js +3 -3
  59. package/dist/{Checkbox-MB22OW6P.css → Checkbox-GAMV2XD7.css} +27 -15
  60. package/dist/ChoiceButtons/index.js +1 -1
  61. package/dist/{ChoiceButtons-HWXEF2H3.css → ChoiceButtons-Q2ET3I2N.css} +24 -3
  62. package/dist/ChoiceList/index.js +1 -1
  63. package/dist/{ChoiceList-KFYFAECP.css → ChoiceList-Q772QLFX.css} +11 -3
  64. package/dist/CodeBlock/index.js +3 -3
  65. package/dist/{CodeBlock-N5ETJF24.css → CodeBlock-T47UA5GM.css} +17 -2
  66. package/dist/ColorField/index.js +3 -3
  67. package/dist/ColorSwatch/index.js +3 -3
  68. package/dist/{ColorSwatch-DNMUFHNS.css → ColorSwatch-V4DA4TK5.css} +24 -1
  69. package/dist/Combobox/index.js +3 -3
  70. package/dist/CommandPalette/index.js +6 -6
  71. package/dist/CommentThread/index.js +8 -8
  72. package/dist/{CommentThread-7VXOFTZO.css → CommentThread-FRXTDNV6.css} +8 -1
  73. package/dist/Composer/index.js +4 -4
  74. package/dist/{Composer-JSGTOW3F.css → Composer-HQIMTMRC.css} +23 -1
  75. package/dist/ConfirmField/index.js +4 -4
  76. package/dist/ConflictNote/index.js +1 -1
  77. package/dist/ConflictNote-OP64JJ6T.css +56 -0
  78. package/dist/ContrastBadge/index.js +2 -2
  79. package/dist/ContrastHelp/index.js +4 -4
  80. package/dist/Copyable/index.js +2 -2
  81. package/dist/{Copyable-5PNRFOLS.css → Copyable-IS3MHMPL.css} +9 -0
  82. package/dist/Count/index.js +1 -1
  83. package/dist/{Count-ZVCJ6VPD.css → Count-ZJ6ID4ZU.css} +6 -1
  84. package/dist/CursorFlag/index.js +2 -2
  85. package/dist/{DashboardCover-KYGYMRKW.css → DashboardCover-PWXH4GNW.css} +21 -24
  86. package/dist/DataGrid/DataGrid.d.ts +35 -3
  87. package/dist/DataGrid/index.js +4 -4
  88. package/dist/{DataGrid-VNGQESJA.css → DataGrid-NHIN2I42.css} +190 -97
  89. package/dist/DataTable/index.js +6 -6
  90. package/dist/{DataTable-NL2YWAIA.css → DataTable-H43JSHOI.css} +279 -35
  91. package/dist/DataView/index.js +12 -12
  92. package/dist/{DataView-N6JX464S.css → DataView-RH5UDA5F.css} +4 -0
  93. package/dist/DatasetSource/index.js +2 -2
  94. package/dist/{DatasetSource-FFKTD3ZU.css → DatasetSource-23SI5OF2.css} +4 -1
  95. package/dist/DateTimePicker/index.js +3 -3
  96. package/dist/{DateTimePicker-3A7JIIVL.css → DateTimePicker-PM6TIRIX.css} +3 -1
  97. package/dist/DeepWorkCard/index.js +9 -9
  98. package/dist/{DeepWorkCard-DGHRIQDM.css → DeepWorkCard-CMRRNISU.css} +12 -0
  99. package/dist/DiffList/index.js +1 -1
  100. package/dist/{DiffList-GE6YBRLJ.css → DiffList-3JNPLQ2E.css} +10 -0
  101. package/dist/DirectoryList/index.js +1 -1
  102. package/dist/{DirectoryList-7OXXN47X.css → DirectoryList-XZOWYOA3.css} +7 -2
  103. package/dist/Disclosure/index.js +3 -3
  104. package/dist/{Disclosure-FVMA4RW2.css → Disclosure-D727FN5X.css} +12 -6
  105. package/dist/DocTabsEditor/index.js +4 -4
  106. package/dist/{DocTabsEditor-4M452LNS.css → DocTabsEditor-25J6MYZF.css} +17 -1
  107. package/dist/Document/index.js +1 -1
  108. package/dist/{Document-TZ2NBLOR.css → Document-M6JYGLWV.css} +7 -2
  109. package/dist/EditingStatus/index.js +2 -1
  110. package/dist/{EditingStatus-YU7EGM6Y.css → EditingStatus-TMGT265J.css} +6 -8
  111. package/dist/{Editor-GHHWWXXL.js → Editor-URGZOK2S.js} +3 -3
  112. package/dist/EntityChip/index.js +1 -1
  113. package/dist/EntityList/index.js +5 -5
  114. package/dist/{EntityList-XIICECVC.css → EntityList-DT3BQLUW.css} +14 -0
  115. package/dist/FactList/index.js +1 -1
  116. package/dist/{FactList-G2H73NFR.css → FactList-QEOHLHX3.css} +11 -0
  117. package/dist/FileList/index.js +1 -1
  118. package/dist/{FileList-TGDNV2QS.css → FileList-665NXS7T.css} +10 -0
  119. package/dist/FindingList/index.js +1 -1
  120. package/dist/{FindingList-PMYA2R6Q.css → FindingList-MPLA2ZTO.css} +13 -1
  121. package/dist/FolderTile/index.js +3 -3
  122. package/dist/HuePicker/index.js +6 -6
  123. package/dist/IconButton/index.js +1 -1
  124. package/dist/{IconButton-2D2PZ6GU.css → IconButton-LNNHLBAS.css} +8 -0
  125. package/dist/ImageUpload/index.js +2 -2
  126. package/dist/{ImageUpload-CYC3Y7M2.css → ImageUpload-OWI7CCG7.css} +13 -0
  127. package/dist/InboxList/index.js +1 -1
  128. package/dist/{InboxList-YMFWKGGS.css → InboxList-OCL2M3ZF.css} +14 -1
  129. package/dist/InlineCode/index.js +1 -1
  130. package/dist/{InlineCode-ASYHLN3E.css → InlineCode-2ZXFKTKA.css} +5 -0
  131. package/dist/InlineEditor/index.js +4 -3
  132. package/dist/Input/Input.d.ts +4 -1
  133. package/dist/Input/index.js +2 -2
  134. package/dist/{Input-GMOWHZRG.css → Input-GEFFMKBS.css} +42 -2
  135. package/dist/Kbd/index.js +1 -1
  136. package/dist/{Kbd-MCWJTRTT.css → Kbd-YO5U2PSZ.css} +8 -2
  137. package/dist/KeyChip/index.js +1 -1
  138. package/dist/{KeyChip-4XJU4BBE.css → KeyChip-QC7TPU65.css} +4 -1
  139. package/dist/LayersList/index.js +1 -1
  140. package/dist/{LayersList-TBNF4XGL.css → LayersList-BQHKROBH.css} +16 -6
  141. package/dist/Link/index.js +1 -1
  142. package/dist/{Link-WPMVLKLY.css → Link-CLURSR2O.css} +15 -1
  143. package/dist/LinkInterstitial/index.js +4 -4
  144. package/dist/List/index.js +1 -1
  145. package/dist/{List-XY445TKY.css → List-JOELBLTU.css} +38 -0
  146. package/dist/ListDetail/ListDetail.d.ts +10 -5
  147. package/dist/ListDetail/index.js +1 -1
  148. package/dist/ListDetail-N3L7PB46.css +87 -0
  149. package/dist/ListInput/index.js +4 -4
  150. package/dist/{ListInput-RLQND5QK.css → ListInput-4ISMGZDQ.css} +42 -0
  151. package/dist/LiveCursor/index.js +3 -3
  152. package/dist/{LiveCursor-DZHGIYWE.css → LiveCursor-Z6DHHLWI.css} +10 -0
  153. package/dist/LogoSlot/LogoSlot.d.ts +6 -0
  154. package/dist/LogoSlot/index.js +3 -3
  155. package/dist/{LogoSlot-NAJE5XY3.css → LogoSlot-APCMGE6S.css} +24 -6
  156. package/dist/MarkdownEditor/index.js +7 -7
  157. package/dist/{MarkdownEditor-WOKV7CLK.css → MarkdownEditor-BLCJRGDC.css} +11 -1
  158. package/dist/Menu/index.js +2 -2
  159. package/dist/{Menu-KEKAD3BZ.css → Menu-OLUGHX56.css} +19 -1
  160. package/dist/MergeConflicts/index.js +7 -7
  161. package/dist/{MergeConflicts-O44ESH4T.css → MergeConflicts-HCXPRQVR.css} +11 -0
  162. package/dist/MessageBubble/index.js +1 -1
  163. package/dist/{MessageBubble-GKO6X3QG.css → MessageBubble-AHTXBO3X.css} +13 -2
  164. package/dist/Modal/index.js +2 -2
  165. package/dist/{Modal-3HMP7WAZ.css → Modal-FYQYEI3N.css} +18 -1
  166. package/dist/ObjectHeader/index.js +2 -2
  167. package/dist/OpenInAppCard/index.js +6 -6
  168. package/dist/OrgLabel/index.js +1 -1
  169. package/dist/OrgNode/index.js +2 -2
  170. package/dist/{OrgNode-TCHJH5FO.css → OrgNode-6OCBAIBK.css} +9 -1
  171. package/dist/OrgTable/index.js +5 -5
  172. package/dist/PageHeader/index.js +1 -1
  173. package/dist/{PageHeader-KMT63D56.css → PageHeader-ES5RN55V.css} +11 -1
  174. package/dist/PeekRail/index.js +2 -2
  175. package/dist/PeopleRail/index.js +3 -3
  176. package/dist/{PeopleRail-SZGHZXVT.css → PeopleRail-MRUSDGCZ.css} +11 -1
  177. package/dist/PinTile/index.js +2 -2
  178. package/dist/{PinTile-IIA25MNZ.css → PinTile-OWS7JTHD.css} +12 -1
  179. package/dist/PresenceRing/index.js +1 -1
  180. package/dist/{PresenceRing-M4C22Q6U.css → PresenceRing-ZMVVTYMH.css} +14 -4
  181. package/dist/PresenceStack/index.js +3 -3
  182. package/dist/PresenceStack-ZV67BH4V.css +108 -0
  183. package/dist/PresenterView/index.js +3 -3
  184. package/dist/{PresenterView-T3EXIQ5S.css → PresenterView-RKYEK27N.css} +9 -4
  185. package/dist/PricingCard/index.js +2 -2
  186. package/dist/{PricingCard-HTAHG4ST.css → PricingCard-BXMLP7KD.css} +11 -2
  187. package/dist/Principal/index.js +1 -1
  188. package/dist/PrincipalPicker/index.js +5 -5
  189. package/dist/{PrincipalPicker-7NNZTGUP.css → PrincipalPicker-P6UYHDJR.css} +18 -1
  190. package/dist/PropertyList/index.js +3 -3
  191. package/dist/{PropertyList-SCYM66LL.css → PropertyList-42MEVUXV.css} +4 -1
  192. package/dist/ProposalCard/index.js +10 -10
  193. package/dist/{ProposalCard-YDGECRES.css → ProposalCard-VTTCDXYK.css} +8 -0
  194. package/dist/ReceiptStrip/index.js +1 -1
  195. package/dist/{ReceiptStrip-IIRKRTBG.css → ReceiptStrip-V7ASVZVV.css} +9 -0
  196. package/dist/RefusalCard/index.js +5 -5
  197. package/dist/RelatedRow/index.js +3 -3
  198. package/dist/RelatedRow-IZ22XCLP.css +19 -0
  199. package/dist/ResultTableCard/index.js +5 -5
  200. package/dist/ReviewList/index.js +2 -2
  201. package/dist/{ReviewList-TIN6C2JN.css → ReviewList-2IZA67EX.css} +13 -1
  202. package/dist/RichEditor/index.js +2 -2
  203. package/dist/{RichEditor-NPD2KAPS.css → RichEditor-5CF3QV3J.css} +19 -2
  204. package/dist/RunChip/index.js +5 -5
  205. package/dist/{RunChip-D3JYPTTO.css → RunChip-K5DGHXHO.css} +16 -0
  206. package/dist/SandboxedFrame/index.js +2 -2
  207. package/dist/SearchTrigger/index.js +1 -1
  208. package/dist/{SearchTrigger-UAKWW5HT.css → SearchTrigger-SE4GKNAY.css} +11 -0
  209. package/dist/Section/index.js +1 -1
  210. package/dist/{Section-M7SG6NP2.css → Section-X2CTTPI3.css} +19 -0
  211. package/dist/SectionFrame/index.js +3 -3
  212. package/dist/SegmentedControl/index.js +6 -6
  213. package/dist/Select/index.js +1 -1
  214. package/dist/{Select-F526HLNR.css → Select-6BQPBOHH.css} +37 -7
  215. package/dist/SelectionBar/index.js +1 -1
  216. package/dist/{SelectionBar-XPWKUOSC.css → SelectionBar-SCAU6EBY.css} +5 -1
  217. package/dist/SendButton/index.js +2 -2
  218. package/dist/SetupWizard/index.js +6 -6
  219. package/dist/{SetupWizard-Z54H6RYW.css → SetupWizard-WDOFFNIM.css} +25 -0
  220. package/dist/ShareDialog/index.js +6 -6
  221. package/dist/{ShareDialog-4QDCBWMH.css → ShareDialog-72VTMM4K.css} +5 -1
  222. package/dist/SheetColumnEditor/index.js +11 -11
  223. package/dist/SheetGrid/index.js +9 -9
  224. package/dist/{SheetGrid-XK7T7M34.css → SheetGrid-QGQAYDEY.css} +132 -10
  225. package/dist/SidePanel/index.js +2 -2
  226. package/dist/SidebarNav/index.js +2 -2
  227. package/dist/{SidebarNav-YI74SPDC.css → SidebarNav-VTQ3G4AE.css} +15 -5
  228. package/dist/Skeleton/index.js +1 -1
  229. package/dist/{Skeleton-V735HRGM.css → Skeleton-7ZA5ETJM.css} +21 -16
  230. package/dist/SlideCompare/index.js +1 -1
  231. package/dist/{SlideCompare-HTCMPQFY.css → SlideCompare-R4GVZXAM.css} +4 -1
  232. package/dist/SlideFilmstrip/index.js +4 -4
  233. package/dist/{SlideFilmstrip-PAT7P4OG.css → SlideFilmstrip-BLGBCLEU.css} +15 -5
  234. package/dist/SlideGrid/index.js +1 -1
  235. package/dist/{SlideGrid-FJA33DV4.css → SlideGrid-J4LAOUSJ.css} +20 -3
  236. package/dist/SlideNav/index.js +2 -2
  237. package/dist/{SlideNav-BLFJF6AH.css → SlideNav-ODTNGTMT.css} +13 -2
  238. package/dist/SourceEditor/index.js +1 -1
  239. package/dist/{SourceEditor-OKPWPFXK.css → SourceEditor-SMQ44O76.css} +4 -2
  240. package/dist/StatCard/index.js +1 -1
  241. package/dist/{StatCard-HAA3F5GX.css → StatCard-TPKGB2GB.css} +7 -0
  242. package/dist/StatusCard/index.js +4 -4
  243. package/dist/{StatusCard-AMOI6GBK.css → StatusCard-FCJN7SXJ.css} +37 -2
  244. package/dist/Stepper/index.js +1 -1
  245. package/dist/{Stepper-QEJI5RGX.css → Stepper-32INSYF7.css} +22 -4
  246. package/dist/SuggestionRow/index.js +1 -1
  247. package/dist/{SuggestionRow-OKBGNHSS.css → SuggestionRow-WSU34POM.css} +26 -2
  248. package/dist/Switch/index.js +1 -1
  249. package/dist/{Switch-66RAQCRE.css → Switch-AUYLQLTN.css} +30 -3
  250. package/dist/Switcher/index.js +6 -6
  251. package/dist/{Switcher-K3EPA2RB.css → Switcher-VWQMZUTN.css} +13 -2
  252. package/dist/TableCells/index.js +4 -4
  253. package/dist/{TableCells-3VN5N2M3.css → TableCells-F6MUV572.css} +9 -0
  254. package/dist/Tabs/index.js +4 -4
  255. package/dist/{Tabs-S7F4RWAN.css → Tabs-7ZK2UF75.css} +18 -10
  256. package/dist/Tag/index.js +1 -1
  257. package/dist/{Tag-2DQOVE6W.css → Tag-JTJVZM2D.css} +13 -1
  258. package/dist/TagGroup/index.js +1 -1
  259. package/dist/{TagGroup-NAXTJHDS.css → TagGroup-VGL7ZFBK.css} +44 -13
  260. package/dist/TagsInput/index.js +3 -3
  261. package/dist/{TagsInput-CLFHP6I2.css → TagsInput-MZXEHKJD.css} +13 -0
  262. package/dist/ThemeGallery/index.js +3 -3
  263. package/dist/ThemeSwatch/index.js +1 -1
  264. package/dist/{ThemeSwatch-4DL457ZB.css → ThemeSwatch-KAA2AEUM.css} +30 -5
  265. package/dist/ThemeSwitcher/index.js +7 -7
  266. package/dist/ThemeToggle/index.js +2 -2
  267. package/dist/TimeRangePicker/index.js +9 -9
  268. package/dist/TimeWindowPicker/index.js +5 -5
  269. package/dist/{TimeWindowPicker-I3HXC74I.css → TimeWindowPicker-YZPKNZZI.css} +22 -4
  270. package/dist/Timeline/index.js +1 -1
  271. package/dist/{Timeline-27SYKOFX.css → Timeline-PGIZIODK.css} +31 -2
  272. package/dist/Toaster/index.js +1 -1
  273. package/dist/{Toaster-MX7TBMC3.css → Toaster-OCW7W3FJ.css} +23 -5
  274. package/dist/TreeCanvas/index.js +4 -4
  275. package/dist/{TreeCanvas-QA3PDFTK.css → TreeCanvas-5FPK4CII.css} +19 -3
  276. package/dist/TreeGrid/TreeGrid.d.ts +9 -1
  277. package/dist/TreeGrid/index.js +2 -2
  278. package/dist/{TreeGrid-UCPV37XB.css → TreeGrid-522U6WBG.css} +36 -8
  279. package/dist/ValueField/index.js +5 -5
  280. package/dist/VersionCompare/index.js +7 -7
  281. package/dist/VersionTimeline/index.js +3 -3
  282. package/dist/{VersionTimeline-6KRXEEOO.css → VersionTimeline-DEAQ7CJG.css} +19 -1
  283. package/dist/WidgetFrame/index.js +2 -2
  284. package/dist/{WidgetFrame-BTFW3CRK.css → WidgetFrame-WXYFYAAH.css} +13 -1
  285. package/dist/{chunk-P4YORMRZ.js → chunk-222VILSP.js} +2 -2
  286. package/dist/{chunk-OOC7Q67K.js → chunk-25AZQ3GZ.js} +1 -1
  287. package/dist/{chunk-KA2GAB3N.js → chunk-2A6DL3K5.js} +2 -2
  288. package/dist/{chunk-QCVAVAF6.js → chunk-2EA2GSA2.js} +1 -1
  289. package/dist/{chunk-W2Q5DZJB.js → chunk-2SU735S3.js} +1 -1
  290. package/dist/{chunk-JPVORBWC.js → chunk-2T32N2WD.js} +2 -2
  291. package/dist/{chunk-KYTOEWJD.js → chunk-3N36CYTU.js} +2 -2
  292. package/dist/{chunk-A722MUNR.js → chunk-3XDT5ZWL.js} +1 -1
  293. package/dist/{chunk-MNFU2RNT.js → chunk-3XQUEF5C.js} +1 -1
  294. package/dist/{chunk-3DMPZZQ6.js → chunk-4EDSEX7U.js} +2 -2
  295. package/dist/{chunk-Z6X3F4H6.js → chunk-4MJN2KN6.js} +1 -1
  296. package/dist/{chunk-CVDK3LDB.js → chunk-4TMBAOXK.js} +1 -1
  297. package/dist/{chunk-LAXXWJ2Z.js → chunk-4WKOLL7C.js} +4 -4
  298. package/dist/{chunk-PPVWWJIB.js → chunk-56IFLQGF.js} +1 -1
  299. package/dist/{chunk-DEAFAK3U.js → chunk-5AJR6X75.js} +2 -2
  300. package/dist/{chunk-K4U2VDOJ.js → chunk-5NJMSYDZ.js} +3 -3
  301. package/dist/{chunk-5CY6BW4Y.js → chunk-5OFRDX66.js} +3 -3
  302. package/dist/{chunk-DHIO6Q75.js → chunk-5OVTWY3I.js} +2 -2
  303. package/dist/{chunk-CZXF6EFK.js → chunk-5WRWBDML.js} +1 -1
  304. package/dist/{chunk-5KEVSZ4K.js → chunk-62DBFNOK.js} +1 -1
  305. package/dist/{chunk-ISHLFPNN.js → chunk-6ID4DVML.js} +1 -1
  306. package/dist/{chunk-IJIC4COR.js → chunk-6MI2GMYG.js} +2 -2
  307. package/dist/{chunk-GK3PXGLS.js → chunk-6MTJWQ3V.js} +1 -1
  308. package/dist/{chunk-6IGIYOTV.js → chunk-7EOUVWGQ.js} +1 -1
  309. package/dist/{chunk-5YIL4WJP.js → chunk-7LSSYHOT.js} +1 -1
  310. package/dist/{chunk-3V5T5K5H.js → chunk-7MGXHCVK.js} +1 -1
  311. package/dist/{chunk-MMZZGJHX.js → chunk-7SYEOJLP.js} +1 -1
  312. package/dist/{chunk-MKKX6N7C.js → chunk-7XKDPTZ5.js} +2 -2
  313. package/dist/{chunk-ACRRRPWT.js → chunk-ANTAQAR4.js} +1 -1
  314. package/dist/{chunk-5IPPLWVA.js → chunk-B76OKJMX.js} +3 -2
  315. package/dist/{chunk-5AQBPHZD.js → chunk-BKP6XCAJ.js} +2 -2
  316. package/dist/{chunk-QBI5ETKY.js → chunk-BRLZXYPA.js} +1 -1
  317. package/dist/{chunk-PHQPQZUX.js → chunk-BVNFNFA6.js} +3 -3
  318. package/dist/{chunk-OD3Z6QKN.js → chunk-BWAUL5MB.js} +5 -5
  319. package/dist/{chunk-PWG3VHRQ.js → chunk-BXCL6P5Z.js} +15 -1
  320. package/dist/{chunk-WDPREXOL.js → chunk-CFY257ND.js} +64 -16
  321. package/dist/{chunk-PUJUWLCX.js → chunk-CLJGFOTV.js} +1 -1
  322. package/dist/{chunk-HACEB6L4.js → chunk-CSXJIIO4.js} +1 -1
  323. package/dist/{chunk-QC2DEQCN.js → chunk-CVKANYHD.js} +1 -1
  324. package/dist/{chunk-VBO2GYWX.js → chunk-CWYU7DNT.js} +1 -1
  325. package/dist/{chunk-O7VXE4TO.js → chunk-CX6QT4CH.js} +4 -4
  326. package/dist/{chunk-J4HPMS7F.js → chunk-CYYBE2MM.js} +1 -1
  327. package/dist/{chunk-YSHQQNB6.js → chunk-DKJJ434E.js} +5 -5
  328. package/dist/{chunk-SPCSFJNY.js → chunk-DMK2A4IK.js} +7 -4
  329. package/dist/{chunk-OJ2QULVH.js → chunk-DO4J4TBZ.js} +2 -2
  330. package/dist/{chunk-BGLKLXL3.js → chunk-DOY3KC6I.js} +1 -1
  331. package/dist/{chunk-5XACKNYR.js → chunk-DPNVKWJX.js} +3 -3
  332. package/dist/{chunk-JAOJLEYB.js → chunk-DXVJSBEW.js} +5 -5
  333. package/dist/{chunk-7SRSPU4O.js → chunk-E55DKVY7.js} +64 -6
  334. package/dist/{chunk-GXQ3B46I.js → chunk-EE3DJMSQ.js} +14 -2
  335. package/dist/{chunk-I6POAB4V.js → chunk-EFX2YC5T.js} +1 -1
  336. package/dist/{chunk-TXA3HMWP.js → chunk-ELLRZ5XR.js} +21 -10
  337. package/dist/{chunk-YZR57QGE.js → chunk-ERNT3UTB.js} +1 -1
  338. package/dist/{chunk-TLIJG4TP.js → chunk-ETSF7SU6.js} +2 -2
  339. package/dist/{chunk-FGRJXZUU.js → chunk-EVXXY75R.js} +2 -2
  340. package/dist/{chunk-3Q6N6FJL.js → chunk-F32FFE6I.js} +2 -2
  341. package/dist/{chunk-3OV26XP4.js → chunk-FFGEJUAP.js} +2 -2
  342. package/dist/{chunk-DKB73KZI.js → chunk-FPDIHEM4.js} +1 -1
  343. package/dist/{chunk-PGKETYGL.js → chunk-FWUX3F6Q.js} +3 -3
  344. package/dist/{chunk-WW4E5EUS.js → chunk-G4234OIG.js} +3 -3
  345. package/dist/{chunk-SHLP2BNA.js → chunk-G4CGDUCP.js} +1 -1
  346. package/dist/{chunk-VO2PDDRE.js → chunk-G5IZGAWS.js} +1 -1
  347. package/dist/{chunk-ZRKUTFYE.js → chunk-GDDVI4US.js} +9 -9
  348. package/dist/{chunk-FYTIJM2T.js → chunk-HBDA76EZ.js} +1 -1
  349. package/dist/{chunk-VSTD65SL.js → chunk-HEIOLITO.js} +3 -3
  350. package/dist/{chunk-VBYRA3W6.js → chunk-HIWPPWNY.js} +3 -3
  351. package/dist/{chunk-Z4EKUMZW.js → chunk-HJBHP66O.js} +1 -1
  352. package/dist/{chunk-KVWZDCTQ.js → chunk-I24FI46B.js} +2 -2
  353. package/dist/{chunk-KYIAFNU7.js → chunk-I5OIKDX2.js} +1 -1
  354. package/dist/{chunk-Q4DNAO3O.js → chunk-IL3XLDW7.js} +2 -2
  355. package/dist/{chunk-WSV3MBOE.js → chunk-IO374IX6.js} +2 -2
  356. package/dist/{chunk-RLFPBRN4.js → chunk-IPMJGK2Q.js} +1 -1
  357. package/dist/{chunk-OB5N3FV2.js → chunk-ISBKJOLI.js} +2 -2
  358. package/dist/{chunk-ZYO2QFU6.js → chunk-IVTQWOXV.js} +1 -1
  359. package/dist/{chunk-IOTN23FZ.js → chunk-IYG4ETAQ.js} +2 -2
  360. package/dist/{chunk-VTUAQYOC.js → chunk-JAFWGVX2.js} +1 -1
  361. package/dist/{chunk-UTBCDOGP.js → chunk-JEA5OX54.js} +4 -4
  362. package/dist/{chunk-DMI4QJDY.js → chunk-JVII5264.js} +2 -2
  363. package/dist/{chunk-C3FX7ZSU.js → chunk-KAQ2L74F.js} +1 -1
  364. package/dist/{chunk-P5S2SPTK.js → chunk-KHHDCNYM.js} +2 -2
  365. package/dist/{chunk-5NJ4BIUA.js → chunk-KIJJD4YD.js} +2 -2
  366. package/dist/{chunk-EQHJTGLY.js → chunk-KQGOVBGF.js} +2 -2
  367. package/dist/{chunk-BSAQE7PO.js → chunk-KWLH45YC.js} +1 -1
  368. package/dist/{chunk-GWPWLVN3.js → chunk-LJ3KWQLP.js} +2 -2
  369. package/dist/{chunk-RO2MZZ66.js → chunk-LR4IWUWQ.js} +1 -1
  370. package/dist/{chunk-DG6KSGNQ.js → chunk-LSRQ2A6B.js} +1 -1
  371. package/dist/{chunk-ESUZ27TS.js → chunk-LWFOX3PB.js} +2 -2
  372. package/dist/{chunk-NLI7OVO2.js → chunk-M25IV5MH.js} +1 -1
  373. package/dist/{chunk-KW6KCVM7.js → chunk-M52HLPOG.js} +2 -2
  374. package/dist/{chunk-IOZFPFQS.js → chunk-MFQPGMJT.js} +2 -2
  375. package/dist/{chunk-5KRRJNQO.js → chunk-MLDTLZAO.js} +1 -1
  376. package/dist/{chunk-3BYIWOTV.js → chunk-MMCYH5LB.js} +1 -1
  377. package/dist/{chunk-3PJHUDXD.js → chunk-MNTUIAQT.js} +4 -4
  378. package/dist/{chunk-EBCH3MRX.js → chunk-N7PXGOZP.js} +10 -10
  379. package/dist/{chunk-QZLNKLYD.js → chunk-NHLNHH4J.js} +1 -1
  380. package/dist/{chunk-EAQLI2SO.js → chunk-NQABJAUY.js} +1 -1
  381. package/dist/{chunk-U4AXQI6U.js → chunk-NWTHGZBH.js} +3 -3
  382. package/dist/{chunk-EFIURN3U.js → chunk-OFABBAUR.js} +2 -2
  383. package/dist/{chunk-MYJZCSMA.js → chunk-OGRMOWMO.js} +2 -2
  384. package/dist/{chunk-WR7UDG7U.js → chunk-OJGI4XJH.js} +1 -1
  385. package/dist/{chunk-VVVB3OBW.js → chunk-OOC6KXNL.js} +84 -74
  386. package/dist/{chunk-KIPAFCVS.js → chunk-PBCNINMB.js} +2 -2
  387. package/dist/{chunk-75QASA62.js → chunk-PIAGTZY3.js} +3 -3
  388. package/dist/{chunk-5CLW2CXT.js → chunk-PLL7ZJHY.js} +1 -1
  389. package/dist/{chunk-KBTJMJPX.js → chunk-PLNJEDGI.js} +2 -2
  390. package/dist/{chunk-S2VMOITT.js → chunk-PQWNK3N7.js} +3 -3
  391. package/dist/{chunk-34NMOVXO.js → chunk-PS5ZYIA6.js} +11 -7
  392. package/dist/{chunk-27JCHL64.js → chunk-PVZOP3QK.js} +3 -3
  393. package/dist/{chunk-2BDPR4I3.js → chunk-PX54PALQ.js} +3 -3
  394. package/dist/{chunk-I74C4TM6.js → chunk-PZAOUZFZ.js} +4 -4
  395. package/dist/{chunk-TGSIVB6H.js → chunk-QE4OIE3Q.js} +1 -1
  396. package/dist/{chunk-HOP3J622.js → chunk-QF5UNP4T.js} +5 -2
  397. package/dist/{chunk-KY65C4XS.js → chunk-QOXLP5PE.js} +1 -1
  398. package/dist/{chunk-5DCY2QUY.js → chunk-R2YHKVWN.js} +4 -4
  399. package/dist/{chunk-P3QWT5VR.js → chunk-R45VM5EX.js} +2 -2
  400. package/dist/{chunk-LA4PX7Z6.js → chunk-RHL4OMQ3.js} +5 -5
  401. package/dist/{chunk-OIMWGV2N.js → chunk-RPX3WICJ.js} +1 -1
  402. package/dist/{chunk-YA3AWELW.js → chunk-RUBKDJAQ.js} +1 -1
  403. package/dist/{chunk-4MC2EEGO.js → chunk-S7WG53JB.js} +1 -1
  404. package/dist/{chunk-OU4FLGOZ.js → chunk-SBOUVASH.js} +7 -7
  405. package/dist/{chunk-4AA6WPQU.js → chunk-SRDNGGZE.js} +1 -1
  406. package/dist/{chunk-TUNEMQXF.js → chunk-SRSE7FGL.js} +2 -2
  407. package/dist/{chunk-5FTJNKNX.js → chunk-SUJO3AHN.js} +7 -5
  408. package/dist/{chunk-XQBLBJN4.js → chunk-SZFKGH2W.js} +1 -1
  409. package/dist/{chunk-PBR5C5MX.js → chunk-T2GC7UAP.js} +1 -1
  410. package/dist/{chunk-LODRX4FU.js → chunk-T73DMDU4.js} +2 -2
  411. package/dist/{chunk-2NNGOCWM.js → chunk-TWJERLT3.js} +4 -4
  412. package/dist/{chunk-XLJPLCK6.js → chunk-U7J52N67.js} +3 -3
  413. package/dist/{chunk-2XWFWNDT.js → chunk-UAUP6XGK.js} +1 -1
  414. package/dist/{chunk-4U2D6BPR.js → chunk-UEOEBOBR.js} +5 -3
  415. package/dist/{chunk-ZH77BXMA.js → chunk-UH44L7OJ.js} +1 -1
  416. package/dist/{chunk-XQZ6EWOE.js → chunk-VK45YJLH.js} +12 -3
  417. package/dist/{chunk-M5GPCENM.js → chunk-VRG2ZXNK.js} +2 -2
  418. package/dist/{chunk-SELUJSTZ.js → chunk-VTGIDEI5.js} +53 -16
  419. package/dist/{chunk-M6NQ4XGK.js → chunk-VUYNNILP.js} +1 -1
  420. package/dist/{chunk-46VE5TVS.js → chunk-VVOFJFRT.js} +2 -2
  421. package/dist/{chunk-F7VBYCW2.js → chunk-W6UVBBNH.js} +2 -2
  422. package/dist/{chunk-B53FUJ53.js → chunk-WCDPFTJZ.js} +2 -2
  423. package/dist/{chunk-KWTRRS7E.js → chunk-WDNURPXU.js} +2 -2
  424. package/dist/{chunk-JQ7IFSF6.js → chunk-WFCWPXJN.js} +1 -1
  425. package/dist/{chunk-NOSHT6FL.js → chunk-WQRSZMN4.js} +4 -4
  426. package/dist/{chunk-6Z4JZHRB.js → chunk-WU5JDEEY.js} +1 -1
  427. package/dist/{chunk-5UPWU6ZJ.js → chunk-WUQVAFTC.js} +21 -11
  428. package/dist/{chunk-B5ZHJWAZ.js → chunk-WWXIGN4O.js} +7 -7
  429. package/dist/{chunk-SG2375ZY.js → chunk-WXLQJUGO.js} +5 -5
  430. package/dist/{chunk-NM6RR2GA.js → chunk-XGBGEI6V.js} +10 -10
  431. package/dist/{chunk-YBI7M2JH.js → chunk-Y7PVLEZJ.js} +1 -1
  432. package/dist/{chunk-R5RCGD7N.js → chunk-YBC2CYPD.js} +4 -4
  433. package/dist/{chunk-JE4FCRVL.js → chunk-YBKZJBKM.js} +1 -1
  434. package/dist/{chunk-D2BYJNEH.js → chunk-YWVT7B6N.js} +2 -2
  435. package/dist/{chunk-66X5WDKE.js → chunk-Z2MZTI3H.js} +1 -1
  436. package/dist/{chunk-CT6I36FH.js → chunk-ZFN4IBVC.js} +2 -2
  437. package/dist/{chunk-U3ILLCR2.js → chunk-ZKIEOWR6.js} +5 -4
  438. package/dist/{chunk-PK2P2QH6.js → chunk-ZUBFVK6B.js} +1 -1
  439. package/dist/generated/index.js +157 -157
  440. package/dist/index.js +157 -157
  441. package/dist/styles.css +2838 -596
  442. package/package.json +3 -3
  443. package/dist/ArrangeList-NNRTDFI5.css +0 -94
  444. package/dist/AttachmentChip-XF4KPQ3G.css +0 -16
  445. package/dist/ConflictNote-DH77PYF7.css +0 -27
  446. package/dist/ListDetail-ALKU5VJW.css +0 -53
  447. package/dist/PresenceStack-FJJQVH74.css +0 -67
  448. package/dist/RelatedRow-2FVS6QQA.css +0 -6
@@ -5,9 +5,16 @@
5
5
  * the shared .crewlet-artifact-cover in ArtifactCover.css.
6
6
  */
7
7
 
8
+ /*
9
+ * ONE STEP OF AIR ROUND THE FIGURES AND BETWEEN THEM, which also keeps a
10
+ * figure's corner concentric with the card's: the preview's 16px corner less
11
+ * this inset is the 8px corner a figure takes. At a 12px inset the figures'
12
+ * corners stood 2px wide of the card's curve.
13
+ */
8
14
  .crewlet-dashboard-cover {
15
+ --crewlet-dashboard-cover-inset: var(--spacing-2);
9
16
  height: 100%;
10
- padding: var(--spacing-3);
17
+ padding: var(--crewlet-dashboard-cover-inset);
11
18
  color: var(--color-text-tertiary);
12
19
  }
13
20
 
@@ -55,29 +62,6 @@
55
62
  .crewlet-dashboard-cover__value {
56
63
  flex: none;
57
64
  max-width: 50%;
58
- overflow: hidden;
59
- color: var(--color-text-primary);
60
- font-size: var(--font-size-lg);
61
- font-variant-numeric: tabular-nums;
62
- font-weight: var(--font-weight-semibold);
63
- line-height: var(--font-line-height-tight);
64
- text-overflow: ellipsis;
65
- white-space: nowrap;
66
- }
67
-
68
- .crewlet-dashboard-cover__source {
69
- overflow: hidden;
70
- font-size: var(--font-size-xs);
71
- line-height: var(--font-line-height-snug);
72
- text-overflow: ellipsis;
73
- white-space: nowrap;
74
- }
75
-
76
- .crewlet-dashboard-cover__label {
77
- color: var(--color-text-secondary);
78
- }
79
-
80
- .crewlet-dashboard-cover__value {
81
65
  overflow: hidden;
82
66
  color: var(--color-text-primary);
83
67
  font-size: var(--font-size-xl);
@@ -101,6 +85,19 @@
101
85
  gap: var(--spacing-2);
102
86
  }
103
87
 
88
+ /*
89
+ * CLEAR OF THE CARD'S BADGE. In a gallery card the kind's badge, and the
90
+ * selection box opposite it, stand up into the preview from its foot
91
+ * (`--crewlet-artifact-cover-foot`, set by ArtifactCard), and the figures and
92
+ * the schematic fill the cover down to its foot, so the badge was drawn over
93
+ * the corner of the last row. Their bottom inset is measured from the badge's
94
+ * top edge instead; on its own the cover keeps one inset all round.
95
+ */
96
+ .crewlet-dashboard-cover--stats,
97
+ .crewlet-dashboard-cover--layout {
98
+ padding-bottom: calc(var(--crewlet-dashboard-cover-inset) + var(--crewlet-artifact-cover-foot, 0px));
99
+ }
100
+
104
101
  .crewlet-dashboard-cover__block {
105
102
  box-sizing: border-box;
106
103
  display: flex;
@@ -243,26 +243,58 @@ export interface GridFit {
243
243
  readonly width: number;
244
244
  /** The keys it dropped, in the order it dropped them. */
245
245
  readonly dropped: readonly string[];
246
+ /**
247
+ * Whether the grid has STACKED into card rows: it still did not fit with
248
+ * every give-way column gone, so its rows are cards, as on a phone.
249
+ */
250
+ readonly stacked?: boolean | undefined;
246
251
  }
247
252
  /**
248
253
  * The next fit, or null when this one stands. PURE, so the rules are held
249
254
  * without a layout engine:
250
255
  *
251
- * - the grid GREW past the width columns were dropped at: start again from all
252
- * of them (the next pass drops again only what still does not fit);
256
+ * - the grid GREW past the width columns were dropped or it stacked at: start
257
+ * again from all of them as columns (the next pass drops, and stacks, again
258
+ * only what still does not fit);
259
+ * - a stacked grid that did not grow stays stacked: its rows are cards and
260
+ * there is no column left to measure;
253
261
  * - the tracks OVERRUN the grid: drop the visible column with the lowest
254
262
  * `drop`, if there is one;
263
+ * - nothing is left to drop and the grid still cannot draw its values
264
+ * (`stack`: the tracks overrun, or a value is cut short): STACK into card
265
+ * rows, the shape a phone draws, rather than clip;
255
266
  * - otherwise remember a narrower width, so growing back past it re-tries.
256
267
  */
257
- export declare function fitGridColumns({ fit, width, overflows, visible, }: {
268
+ export declare function fitGridColumns({ fit, width, overflows, stack, visible, }: {
258
269
  fit: GridFit;
259
270
  width: number;
271
+ /** The columns do not fit: overrun, or a value or a head cut short. */
260
272
  overflows: boolean;
273
+ /**
274
+ * The grid cannot draw its VALUES: the tracks overrun, or a value is cut
275
+ * short. A head alone cut short drops a give-way column but never stacks.
276
+ */
277
+ stack?: boolean;
261
278
  visible: readonly {
262
279
  key: string;
263
280
  drop?: number | undefined;
264
281
  }[];
265
282
  }): GridFit | null;
283
+ /**
284
+ * Whether a content-sized column has been SQUEEZED: drawn narrower than its
285
+ * cap AND cutting a value short, or its HEAD. The quieter way a grid fails to
286
+ * fit: rather than overrun, it shrinks a status pill to a letter, or every
287
+ * head of a row of counts to its first letter over values that still fit,
288
+ * while the columns that could have gone stay. Read over the head and the
289
+ * first screen of rows. `leading` is how many of the grid's own columns (the
290
+ * selection column) are drawn before the caller's.
291
+ *
292
+ * `'values'` where a value is cut short (the grid cannot be read: drop, then
293
+ * stack), `'heads'` where only a head is (drop a column if one may go, but a
294
+ * grid whose every value reads is not turned into cards for a head), and
295
+ * null where nothing is.
296
+ */
297
+ export declare function squeezed<T>(wrap: HTMLElement, visible: readonly DataGridColumn<T>[], leading?: number): 'values' | 'heads' | null;
266
298
  /**
267
299
  * A list as columns: sortable heads, optional and give-way columns, bands for
268
300
  * a grouped answer, a row link stretched over each row, and a card per row on
@@ -1,7 +1,7 @@
1
- export { ChooserList, ColumnChooser, DataGrid, columnChoicesOf, countDataGridRows, fitGridColumns, parseGridSort, useAnyDataGridDriving, useDataGridDriving } from '../chunk-TXA3HMWP.js';
2
- import '../chunk-KIPAFCVS.js';
1
+ export { ChooserList, ColumnChooser, DataGrid, columnChoicesOf, countDataGridRows, fitGridColumns, parseGridSort, useAnyDataGridDriving, useDataGridDriving } from '../chunk-ELLRZ5XR.js';
2
+ import '../chunk-PBCNINMB.js';
3
3
  import '../chunk-PPUR46MK.js';
4
- import '../chunk-TLIJG4TP.js';
4
+ import '../chunk-ETSF7SU6.js';
5
5
  import '../chunk-PGCLHYVP.js';
6
6
  import '../chunk-PQADV6P6.js';
7
7
  import '../chunk-2G355KDJ.js';
@@ -9,7 +9,7 @@ import '../chunk-RTPQDNW3.js';
9
9
  import '../chunk-7QTPJDRF.js';
10
10
  import '../chunk-XSPCITPN.js';
11
11
  import '../chunk-H5XTJ7GJ.js';
12
- import '../chunk-2XWFWNDT.js';
12
+ import '../chunk-UAUP6XGK.js';
13
13
  import '../chunk-NUZHC6MM.js';
14
14
  import '../chunk-UT6CW3C7.js';
15
15
  import '../chunk-ODEQTPFM.js';
@@ -17,6 +17,11 @@
17
17
  */
18
18
 
19
19
  .crewlet-data-grid {
20
+ /* The inset at the grid's two outer edges: its first and last column's, and
21
+ that of every band that spans it (a band's head and foot, the foot). The
22
+ cells' own step on a grid standing alone; the card's own in a card. */
23
+ --crewlet-data-grid-edge: var(--spacing-3);
24
+
20
25
  display: grid;
21
26
  min-width: 0;
22
27
  border: 1px solid var(--color-border-hover);
@@ -30,10 +35,16 @@
30
35
  * or not): the card is the frame, so the grid draws none of its own and one
31
36
  * rule parts it from the card's head. Under the card's header, the header's
32
37
  * own rule is that one.
38
+ *
39
+ * AND ITS OUTER CELLS TAKE THE CARD'S INSET, as Table's do: a card has one
40
+ * left edge and its header sets it (Card.css). At the cells' own step every
41
+ * row stood 4px outside the card's title.
33
42
  */
34
43
  .crewlet-data-grid[data-flush],
35
44
  .crewlet-card > .crewlet-data-grid,
36
45
  .crewlet-card__body > .crewlet-data-grid {
46
+ --crewlet-data-grid-edge: var(--spacing-4);
47
+
37
48
  border: 0;
38
49
  border-top: 1px solid var(--color-border-default);
39
50
  border-radius: var(--radius-none);
@@ -78,6 +89,37 @@
78
89
  z-index: var(--z-index-sticky);
79
90
  }
80
91
 
92
+ /*
93
+ * A cell's inline inset: the cells' own step between two columns, and the
94
+ * grid's edge (above) on the outer side of its first and last column.
95
+ */
96
+ .crewlet-data-grid__th,
97
+ .crewlet-data-grid__cell {
98
+ --crewlet-data-grid-cell-start: var(--spacing-3);
99
+ --crewlet-data-grid-cell-end: var(--spacing-3);
100
+ }
101
+
102
+ .crewlet-data-grid__th:first-child,
103
+ .crewlet-data-grid__cell:first-child {
104
+ --crewlet-data-grid-cell-start: var(--crewlet-data-grid-edge);
105
+ }
106
+
107
+ .crewlet-data-grid__th:last-child,
108
+ .crewlet-data-grid__cell:last-child {
109
+ --crewlet-data-grid-cell-end: var(--crewlet-data-grid-edge);
110
+ }
111
+
112
+ /*
113
+ * EXCEPT THE SELECTION BOX, which keeps the cells' own step: its 16px box sits
114
+ * 4px inside its 24px target, so at 12px the box itself already stands on a
115
+ * card's 16px line. The edge would have put it 4px past the card's title, and
116
+ * past the 48px track its column is drawn in.
117
+ */
118
+ .crewlet-data-grid__th:first-child:has(.crewlet-checkbox),
119
+ .crewlet-data-grid__cell:first-child:has(> .crewlet-data-grid__select) {
120
+ --crewlet-data-grid-cell-start: var(--spacing-3);
121
+ }
122
+
81
123
  /*
82
124
  * THE LIST TABLE'S HEAD: the micro-label register every table takes, 11/500
83
125
  * uppercase. A sortable head is a button with its chrome reset; the reset
@@ -87,7 +129,8 @@
87
129
  display: flex;
88
130
  align-items: center;
89
131
  gap: var(--spacing-1);
90
- padding: var(--spacing-2) var(--spacing-3);
132
+ padding-block: var(--spacing-2);
133
+ padding-inline: var(--crewlet-data-grid-cell-start) var(--crewlet-data-grid-cell-end);
91
134
  font-size: var(--font-size-2xs);
92
135
  font-weight: var(--font-weight-medium);
93
136
  text-transform: uppercase;
@@ -102,6 +145,21 @@
102
145
  cursor: default;
103
146
  }
104
147
 
148
+ /*
149
+ * THE SELECTION COLUMN'S HEAD holds a 24px box rather than a label, and at
150
+ * the head's own step it stood the head 41.5px tall over 36px rows. It takes
151
+ * the cells' step, so the head keeps the row floor with or without the box;
152
+ * and the box sits on the top of its line rather than on its baseline, which
153
+ * added half a pixel under it.
154
+ */
155
+ .crewlet-data-grid__th:has(.crewlet-checkbox) {
156
+ padding-block: var(--spacing-1);
157
+ }
158
+
159
+ .crewlet-data-grid__th .crewlet-checkbox {
160
+ vertical-align: top;
161
+ }
162
+
105
163
  /* A sortable head's control fills the head: the whole cell is the target. */
106
164
  .crewlet-data-grid__sort {
107
165
  all: unset;
@@ -110,8 +168,11 @@
110
168
  gap: var(--spacing-1);
111
169
  flex: 1 1 auto;
112
170
  min-width: 0;
113
- margin: calc(-1 * var(--spacing-2)) calc(-1 * var(--spacing-3));
114
- padding: var(--spacing-2) var(--spacing-3);
171
+ /* Its head's own padding, taken back and given again, edge included. */
172
+ margin-block: calc(-1 * var(--spacing-2));
173
+ margin-inline: calc(-1 * var(--crewlet-data-grid-cell-start)) calc(-1 * var(--crewlet-data-grid-cell-end));
174
+ padding-block: var(--spacing-2);
175
+ padding-inline: var(--crewlet-data-grid-cell-start) var(--crewlet-data-grid-cell-end);
115
176
  cursor: pointer;
116
177
  }
117
178
 
@@ -221,7 +282,8 @@ button.crewlet-data-grid__row-link {
221
282
  }
222
283
 
223
284
  .crewlet-data-grid__cell {
224
- padding: var(--spacing-1) var(--spacing-3);
285
+ padding-block: var(--spacing-1);
286
+ padding-inline: var(--crewlet-data-grid-cell-start) var(--crewlet-data-grid-cell-end);
225
287
  font-size: var(--font-size-compact);
226
288
  min-width: 0;
227
289
  display: flex;
@@ -229,6 +291,29 @@ button.crewlet-data-grid__row-link {
229
291
  gap: var(--spacing-2);
230
292
  }
231
293
 
294
+ /*
295
+ * A GHOST CONTROL STARTS ON THE COLUMN'S TEXT EDGE. A small ghost button that
296
+ * opens a cell ("Open ENG-12", a choice made in place through a menu) drew its
297
+ * word one padding and one edge (9px) inside the line its column starts on.
298
+ * Its padding and edge are taken back, as a card's foot does (StatusCard.css):
299
+ * the word sits on the line and only the hover's ground reaches past it, into
300
+ * the step between two columns. A column of figures ends its controls on the
301
+ * far edge, so it is left alone.
302
+ *
303
+ * NEVER AT THE GRID'S OWN EDGE: its first column, and every line of a phone's
304
+ * card (below). A grid standing alone has only its 12px edge there, and with
305
+ * the 9px taken back, the 4px the control's focus ring stands off it ran past
306
+ * the grid's clip: the ring lost a pixel and the hover ground stood 3px from
307
+ * the frame.
308
+ */
309
+ .crewlet-data-grid__cell:not(:first-child, .crewlet-data-grid__cell--right)
310
+ > .crewlet-btn--ghost.crewlet-btn--small:first-child,
311
+ .crewlet-data-grid__cell:not(:first-child, .crewlet-data-grid__cell--right)
312
+ > .crewlet-menu-anchor:first-child
313
+ > .crewlet-btn--ghost.crewlet-btn--small {
314
+ margin-inline-start: var(--crewlet-data-grid-control-outdent, calc(-1 * (var(--spacing-2) + 1px)));
315
+ }
316
+
232
317
  /*
233
318
  * A SHRINK COLUMN does not wrap inside its capped track, and does not paint
234
319
  * outside it: a nowrap cell narrower than its content would spill over the
@@ -269,7 +354,7 @@ button.crewlet-data-grid__row-link {
269
354
  display: flex;
270
355
  align-items: center;
271
356
  gap: var(--spacing-2);
272
- padding: var(--spacing-2) var(--spacing-3);
357
+ padding: var(--spacing-2) var(--crewlet-data-grid-edge);
273
358
  background: var(--color-surface-elevated);
274
359
  font-size: var(--font-size-xs);
275
360
  font-weight: var(--font-weight-semibold);
@@ -284,7 +369,7 @@ button.crewlet-data-grid__row-link {
284
369
  /* A SECOND AXIS IS A BAND INSIDE A BAND, inset and quieter, so it does not
285
370
  read as its parent's sibling; and it draws no rule above itself. */
286
371
  .crewlet-data-grid__band .crewlet-data-grid__band > .crewlet-data-grid__band-head {
287
- padding-left: calc(var(--spacing-3) + var(--spacing-4));
372
+ padding-left: calc(var(--crewlet-data-grid-edge) + var(--spacing-4));
288
373
  background: var(--color-surface-subtle);
289
374
  font-weight: var(--font-weight-medium);
290
375
  color: var(--color-text-tertiary);
@@ -302,7 +387,7 @@ button.crewlet-data-grid__row-link {
302
387
  }
303
388
 
304
389
  .crewlet-data-grid__band-foot {
305
- padding: var(--spacing-1) var(--spacing-3);
390
+ padding: var(--spacing-1) var(--crewlet-data-grid-edge);
306
391
  font-size: var(--font-size-2xs);
307
392
  color: var(--color-text-tertiary);
308
393
  background: var(--color-surface-elevated);
@@ -320,7 +405,7 @@ button.crewlet-data-grid__row-link {
320
405
  display: flex;
321
406
  align-items: center;
322
407
  gap: var(--spacing-2);
323
- padding: var(--spacing-2) var(--spacing-3);
408
+ padding: var(--spacing-2) var(--crewlet-data-grid-edge);
324
409
  border-top: 1px solid var(--color-border-hover);
325
410
  background: var(--color-surface-elevated);
326
411
  font-size: var(--font-size-xs);
@@ -339,7 +424,7 @@ button.crewlet-data-grid__row-link {
339
424
  all: unset;
340
425
  /* After the reset, which takes `grid-column` too. */
341
426
  grid-column: 1 / -1;
342
- padding: var(--spacing-1) var(--spacing-3);
427
+ padding: var(--spacing-1) var(--crewlet-data-grid-edge);
343
428
  font-size: var(--font-size-2xs);
344
429
  color: var(--color-brand-accent-ink);
345
430
  cursor: pointer;
@@ -382,7 +467,7 @@ button.crewlet-data-grid__row-link {
382
467
  }
383
468
  }
384
469
 
385
- /* ---- A ROW IS A CARD ON A PHONE -----------------------------------------
470
+ /* ---- A ROW IS A CARD ON A PHONE, OR WHERE COLUMNS DO NOT FIT -----------------------------------------
386
471
  A GRID IS COLUMNS, AND A PHONE DOES NOT HAVE THEM: the grid clips (for its
387
472
  sticky head), so the columns past the edge were cut off with nothing to
388
473
  scroll to, and a sideways scroller resolves every flexible track to zero. So
@@ -392,106 +477,114 @@ button.crewlet-data-grid__row-link {
392
477
  (`:empty`), and a cell that draws a marked absence has content and stays.
393
478
  The sort is in the application's state, so a sorted list still arrives
394
479
  sorted. */
395
- @media (width < 640px) {
396
- .crewlet-data-grid {
397
- display: block;
398
- }
480
+ /* Card rows are the grid's own decision (`data-stacked`, DataGrid.tsx): set
481
+ on a phone, and wherever the grid's own width cannot hold its columns once
482
+ every give-way column has gone. `:where()` keeps each rule's weight what it
483
+ was when this block was a media query, so a rule written against the card
484
+ shape still wins where it did. */
485
+ .crewlet-data-grid:where([data-stacked]) {
486
+ /* No ghost control is pulled out here (see above): every line of a card
487
+ starts at the grid's edge, and a compact row's marks run on one line,
488
+ where the hover ground swallowed the gap before it. */
489
+ --crewlet-data-grid-control-outdent: 0px;
399
490
 
400
- .crewlet-data-grid__head {
401
- display: none;
402
- }
491
+ display: block;
492
+ }
403
493
 
404
- .crewlet-data-grid__body,
405
- .crewlet-data-grid__band {
406
- display: block;
407
- }
494
+ :where(.crewlet-data-grid[data-stacked]) .crewlet-data-grid__head {
495
+ display: none;
496
+ }
408
497
 
409
- .crewlet-data-grid__row {
410
- display: block;
411
- padding: var(--spacing-2) var(--spacing-3);
412
- min-height: 0;
413
- }
498
+ :where(.crewlet-data-grid[data-stacked]) .crewlet-data-grid__body,
499
+ :where(.crewlet-data-grid[data-stacked]) .crewlet-data-grid__band {
500
+ display: block;
501
+ }
414
502
 
415
- /* A FIXED BASIS lines the names up without a track, and the name wraps
416
- inside it rather than pushing its value past every other card line. */
417
- .crewlet-data-grid__cell {
418
- display: flex;
419
- align-items: baseline;
420
- gap: var(--spacing-3);
421
- padding: 1px 0;
422
- min-width: 0;
423
- }
503
+ :where(.crewlet-data-grid[data-stacked]) .crewlet-data-grid__row {
504
+ display: block;
505
+ padding: var(--spacing-2) var(--crewlet-data-grid-edge);
506
+ min-height: 0;
507
+ }
424
508
 
425
- .crewlet-data-grid__cell:empty {
426
- display: none;
427
- }
509
+ /* A FIXED BASIS lines the names up without a track, and the name wraps
510
+ inside it rather than pushing its value past every other card line. */
511
+ :where(.crewlet-data-grid[data-stacked]) .crewlet-data-grid__cell {
512
+ display: flex;
513
+ align-items: baseline;
514
+ gap: var(--spacing-3);
515
+ padding: 1px 0;
516
+ min-width: 0;
517
+ }
428
518
 
429
- .crewlet-data-grid__cell[data-label]::before {
430
- content: attr(data-label);
431
- flex: 0 0 7rem;
432
- overflow-wrap: anywhere;
433
- font-size: var(--font-size-2xs);
434
- text-transform: uppercase;
435
- letter-spacing: var(--font-letter-spacing-wide);
436
- color: var(--color-text-tertiary);
437
- }
519
+ :where(.crewlet-data-grid[data-stacked]) .crewlet-data-grid__cell:empty {
520
+ display: none;
521
+ }
438
522
 
439
- /* `shrink` and `right` are column shapes, and there are no columns here. */
440
- .crewlet-data-grid__cell--shrink,
441
- .crewlet-data-grid__cell--right {
442
- white-space: normal;
443
- justify-content: flex-start;
444
- }
523
+ :where(.crewlet-data-grid[data-stacked]) .crewlet-data-grid__cell[data-label]::before {
524
+ content: attr(data-label);
525
+ flex: 0 0 7rem;
526
+ overflow-wrap: anywhere;
527
+ font-size: var(--font-size-2xs);
528
+ text-transform: uppercase;
529
+ letter-spacing: var(--font-letter-spacing-wide);
530
+ color: var(--color-text-tertiary);
531
+ }
445
532
 
446
- .crewlet-data-grid__cell .crewlet-data-grid__truncate {
447
- white-space: normal;
448
- overflow: visible;
449
- text-overflow: clip;
450
- overflow-wrap: anywhere;
451
- }
533
+ /* `shrink` and `right` are column shapes, and there are no columns here. */
534
+ :where(.crewlet-data-grid[data-stacked]) .crewlet-data-grid__cell--shrink,
535
+ :where(.crewlet-data-grid[data-stacked]) .crewlet-data-grid__cell--right {
536
+ white-space: normal;
537
+ justify-content: flex-start;
538
+ }
452
539
 
453
- /* ---- THE COMPACT ROW (`phoneRows="compact"`) ---------------------------
454
- TWO LINES, NO LABELS: what the row is, then its marks. One flex run that
455
- breaks once: the lead cells first, a zero-height full-width `::after`
456
- between them and the rest, then every other cell in column order. */
457
- .crewlet-data-grid[data-phone-rows='compact'] .crewlet-data-grid__row {
458
- display: flex;
459
- flex-wrap: wrap;
460
- align-items: center;
461
- gap: var(--spacing-1) var(--spacing-2);
462
- }
540
+ :where(.crewlet-data-grid[data-stacked]) .crewlet-data-grid__cell .crewlet-data-grid__truncate {
541
+ white-space: normal;
542
+ overflow: visible;
543
+ text-overflow: clip;
544
+ overflow-wrap: anywhere;
545
+ }
463
546
 
464
- .crewlet-data-grid[data-phone-rows='compact'] .crewlet-data-grid__row::after {
465
- content: '';
466
- order: 1;
467
- flex-basis: 100%;
468
- height: 0;
469
- }
547
+ /* ---- THE COMPACT ROW (`phoneRows="compact"`) ---------------------------
548
+ TWO LINES, NO LABELS: what the row is, then its marks. One flex run that
549
+ breaks once: the lead cells first, a zero-height full-width `::after`
550
+ between them and the rest, then every other cell in column order. */
551
+ .crewlet-data-grid[data-phone-rows='compact']:where([data-stacked]) .crewlet-data-grid__row {
552
+ display: flex;
553
+ flex-wrap: wrap;
554
+ align-items: center;
555
+ gap: var(--spacing-1) var(--spacing-2);
556
+ }
470
557
 
471
- .crewlet-data-grid[data-phone-rows='compact'] .crewlet-data-grid__cell {
472
- order: 2;
473
- padding: 0;
474
- align-items: center;
475
- gap: var(--spacing-1);
476
- }
558
+ .crewlet-data-grid[data-phone-rows='compact']:where([data-stacked]) .crewlet-data-grid__row::after {
559
+ content: '';
560
+ order: 1;
561
+ flex-basis: 100%;
562
+ height: 0;
563
+ }
477
564
 
478
- .crewlet-data-grid[data-phone-rows='compact'] .crewlet-data-grid__cell[data-lead] {
479
- order: 0;
480
- }
565
+ .crewlet-data-grid[data-phone-rows='compact']:where([data-stacked]) .crewlet-data-grid__cell {
566
+ order: 2;
567
+ padding: 0;
568
+ align-items: center;
569
+ gap: var(--spacing-1);
570
+ }
481
571
 
482
- /* The title takes the rest of the first line, beside the key. */
483
- .crewlet-data-grid[data-phone-rows='compact']
484
- .crewlet-data-grid__cell[data-lead]:not(.crewlet-data-grid__cell--shrink) {
485
- flex: 1 1 0;
486
- min-width: 0;
487
- font-weight: var(--font-weight-medium);
488
- }
572
+ .crewlet-data-grid[data-phone-rows='compact']:where([data-stacked]) .crewlet-data-grid__cell[data-lead] {
573
+ order: 0;
574
+ }
489
575
 
490
- .crewlet-data-grid[data-phone-rows='compact'] .crewlet-data-grid__cell[data-label]::before {
491
- content: none;
492
- }
576
+ /* The title takes the rest of the first line, beside the key. */
577
+ .crewlet-data-grid[data-phone-rows='compact']
578
+ .crewlet-data-grid__cell[data-lead]:not(.crewlet-data-grid__cell--shrink) {
579
+ flex: 1 1 0;
580
+ min-width: 0;
581
+ font-weight: var(--font-weight-medium);
582
+ }
493
583
 
494
- .crewlet-data-grid[data-phone-rows='compact'] .crewlet-data-grid__cell[data-phone-omit] {
495
- display: none;
496
- }
584
+ .crewlet-data-grid[data-phone-rows='compact']:where([data-stacked]) .crewlet-data-grid__cell[data-label]::before {
585
+ content: none;
586
+ }
587
+
588
+ .crewlet-data-grid[data-phone-rows='compact']:where([data-stacked]) .crewlet-data-grid__cell[data-phone-omit] {
589
+ display: none;
497
590
  }
@@ -1,20 +1,20 @@
1
- export { ALL_ITEMS, CopyableCell, DATA_TABLE_LABELS, DataTable, RowActionsMenu } from '../chunk-WDPREXOL.js';
1
+ export { ALL_ITEMS, CopyableCell, DATA_TABLE_LABELS, DataTable, RowActionsMenu } from '../chunk-CFY257ND.js';
2
2
  import '../chunk-STJ7QBC3.js';
3
3
  import '../chunk-DTIW4CHZ.js';
4
- import '../chunk-KVWZDCTQ.js';
4
+ import '../chunk-I24FI46B.js';
5
5
  import '../chunk-RE3FBGQQ.js';
6
6
  import '../chunk-AV2DXAEL.js';
7
- import '../chunk-KIPAFCVS.js';
8
- import '../chunk-TLIJG4TP.js';
7
+ import '../chunk-PBCNINMB.js';
8
+ import '../chunk-ETSF7SU6.js';
9
9
  import '../chunk-PGCLHYVP.js';
10
10
  import '../chunk-PQADV6P6.js';
11
11
  import '../chunk-2G355KDJ.js';
12
- import '../chunk-LODRX4FU.js';
12
+ import '../chunk-T73DMDU4.js';
13
13
  import '../chunk-7QTPJDRF.js';
14
14
  import '../chunk-OMV5W53A.js';
15
15
  import '../chunk-XSPCITPN.js';
16
16
  import '../chunk-H5XTJ7GJ.js';
17
- import '../chunk-2XWFWNDT.js';
17
+ import '../chunk-UAUP6XGK.js';
18
18
  import '../chunk-NUZHC6MM.js';
19
19
  import '../chunk-UT6CW3C7.js';
20
20
  import '../chunk-ODEQTPFM.js';