@accelint/design-toolkit 9.1.1 → 9.3.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 (249) hide show
  1. package/README.md +15 -22
  2. package/catalog-info.yaml +4 -4
  3. package/dist/components/accordion/group.d.ts +2 -2
  4. package/dist/components/accordion/header.d.ts +2 -2
  5. package/dist/components/accordion/index.d.ts +2 -2
  6. package/dist/components/accordion/panel.d.ts +2 -2
  7. package/dist/components/action-bar/index.d.ts +8 -0
  8. package/dist/components/action-bar/index.js +8 -1
  9. package/dist/components/action-bar/index.js.map +1 -1
  10. package/dist/components/action-bar/styles.module.css +9 -1
  11. package/dist/components/action-bar/types.d.ts +1 -0
  12. package/dist/components/avatar/context.d.ts +4 -4
  13. package/dist/components/avatar/index.d.ts +2 -2
  14. package/dist/components/badge/context.d.ts +4 -4
  15. package/dist/components/badge/index.d.ts +2 -2
  16. package/dist/components/breadcrumbs/index.d.ts +2 -2
  17. package/dist/components/breadcrumbs/item.d.ts +2 -2
  18. package/dist/components/button/context.d.ts +8 -8
  19. package/dist/components/button/index.d.ts +2 -2
  20. package/dist/components/button/link.d.ts +2 -2
  21. package/dist/components/button/toggle.d.ts +2 -2
  22. package/dist/components/checkbox/context.d.ts +3 -3
  23. package/dist/components/checkbox/group.d.ts +2 -2
  24. package/dist/components/checkbox/index.d.ts +2 -2
  25. package/dist/components/chip/context.d.ts +4 -4
  26. package/dist/components/chip/deletable.d.ts +2 -2
  27. package/dist/components/chip/index.d.ts +2 -2
  28. package/dist/components/classification-badge/context.d.ts +4 -4
  29. package/dist/components/classification-badge/index.d.ts +2 -2
  30. package/dist/components/classification-banner/context.d.ts +4 -4
  31. package/dist/components/classification-banner/index.d.ts +2 -2
  32. package/dist/components/clock/index.d.ts +2 -2
  33. package/dist/components/color-picker/index.d.ts +2 -2
  34. package/dist/components/combobox-field/context.d.ts +4 -4
  35. package/dist/components/combobox-field/index.js +44 -37
  36. package/dist/components/combobox-field/index.js.map +1 -1
  37. package/dist/components/combobox-field/styles.module.css +5 -1
  38. package/dist/components/coordinate-field/context.d.ts +6 -6
  39. package/dist/components/coordinate-field/index.d.ts +2 -2
  40. package/dist/components/coordinate-field/index.js +3 -1
  41. package/dist/components/coordinate-field/index.js.map +1 -1
  42. package/dist/components/coordinate-field/segment.d.ts +3 -2
  43. package/dist/components/coordinate-field/segment.js +3 -1
  44. package/dist/components/coordinate-field/segment.js.map +1 -1
  45. package/dist/components/coordinate-field/styles.module.css +14 -0
  46. package/dist/components/coordinate-field/types.d.ts +2 -0
  47. package/dist/components/coordinate-field/types.js.map +1 -1
  48. package/dist/components/date-field/index.d.ts +3 -2
  49. package/dist/components/date-field/index.js +4 -2
  50. package/dist/components/date-field/index.js.map +1 -1
  51. package/dist/components/date-field/styles.module.css +4 -0
  52. package/dist/components/deferred-collection/index.d.ts +43 -0
  53. package/dist/components/deferred-collection/index.js +44 -0
  54. package/dist/components/deferred-collection/index.js.map +1 -0
  55. package/dist/components/deferred-collection/types.d.ts +26 -0
  56. package/dist/components/deferred-collection/types.js +12 -0
  57. package/dist/components/details-list/context.d.ts +4 -4
  58. package/dist/components/details-list/index.d.ts +2 -2
  59. package/dist/components/details-list/label.d.ts +2 -2
  60. package/dist/components/details-list/value.d.ts +2 -2
  61. package/dist/components/dialog/content.d.ts +2 -2
  62. package/dist/components/dialog/context.d.ts +2 -2
  63. package/dist/components/dialog/footer.d.ts +2 -2
  64. package/dist/components/dialog/index.d.ts +2 -2
  65. package/dist/components/dialog/title.d.ts +2 -2
  66. package/dist/components/divider/context.d.ts +4 -4
  67. package/dist/components/drawer/back.d.ts +2 -2
  68. package/dist/components/drawer/close.d.ts +2 -2
  69. package/dist/components/drawer/content.d.ts +2 -2
  70. package/dist/components/drawer/context.d.ts +2 -2
  71. package/dist/components/drawer/footer.d.ts +2 -2
  72. package/dist/components/drawer/header-title.d.ts +2 -2
  73. package/dist/components/drawer/header.d.ts +2 -2
  74. package/dist/components/drawer/index.d.ts +2 -2
  75. package/dist/components/drawer/layout-main.d.ts +2 -2
  76. package/dist/components/drawer/layout.d.ts +2 -2
  77. package/dist/components/drawer/menu-item.d.ts +2 -2
  78. package/dist/components/drawer/menu.d.ts +2 -2
  79. package/dist/components/drawer/panel.d.ts +2 -2
  80. package/dist/components/drawer/styles.module.css +2 -2
  81. package/dist/components/drawer/trigger.d.ts +2 -2
  82. package/dist/components/drawer/view.d.ts +2 -2
  83. package/dist/components/flashcard/index.d.ts +9 -9
  84. package/dist/components/hero/context.d.ts +2 -2
  85. package/dist/components/hero/index.d.ts +2 -2
  86. package/dist/components/hero/subtitle.d.ts +2 -2
  87. package/dist/components/hero/title.d.ts +2 -2
  88. package/dist/components/hotkey/context.d.ts +4 -4
  89. package/dist/components/hotkey/index.d.ts +2 -2
  90. package/dist/components/hotkey/set.d.ts +2 -2
  91. package/dist/components/icon/context.d.ts +4 -4
  92. package/dist/components/icon/index.d.ts +2 -2
  93. package/dist/components/input/context.d.ts +2 -2
  94. package/dist/components/input/index.d.ts +2 -2
  95. package/dist/components/input/index.js +3 -2
  96. package/dist/components/input/index.js.map +1 -1
  97. package/dist/components/input/styles.module.css +5 -1
  98. package/dist/components/kanban/card-body.d.ts +2 -2
  99. package/dist/components/kanban/card-header-actions.d.ts +2 -2
  100. package/dist/components/kanban/card-header-title.d.ts +2 -2
  101. package/dist/components/kanban/card-header.d.ts +2 -2
  102. package/dist/components/kanban/card.d.ts +2 -2
  103. package/dist/components/kanban/column-actions.d.ts +2 -2
  104. package/dist/components/kanban/column-container.d.ts +2 -2
  105. package/dist/components/kanban/column-content.d.ts +2 -2
  106. package/dist/components/kanban/column-header-actions.d.ts +2 -2
  107. package/dist/components/kanban/column-header-drag-handle.d.ts +2 -2
  108. package/dist/components/kanban/column-header-title.d.ts +2 -2
  109. package/dist/components/kanban/column-header.d.ts +2 -2
  110. package/dist/components/kanban/column.d.ts +2 -2
  111. package/dist/components/kanban/context.d.ts +2 -2
  112. package/dist/components/kanban/header-actions.d.ts +2 -2
  113. package/dist/components/kanban/header-search.d.ts +2 -2
  114. package/dist/components/kanban/header-title.d.ts +2 -2
  115. package/dist/components/kanban/header.d.ts +2 -2
  116. package/dist/components/kanban/kanban.d.ts +4 -4
  117. package/dist/components/label/context.d.ts +2 -2
  118. package/dist/components/label/index.d.ts +2 -2
  119. package/dist/components/lines/index.d.ts +2 -2
  120. package/dist/components/link/context.d.ts +2 -2
  121. package/dist/components/link/index.d.ts +2 -2
  122. package/dist/components/list/context.d.ts +23 -0
  123. package/dist/components/list/context.js +32 -0
  124. package/dist/components/list/context.js.map +1 -0
  125. package/dist/components/list/index.d.ts +44 -0
  126. package/dist/components/list/index.js +63 -0
  127. package/dist/components/list/index.js.map +1 -0
  128. package/dist/components/list/item-content.d.ts +36 -0
  129. package/dist/components/list/item-content.js +43 -0
  130. package/dist/components/list/item-content.js.map +1 -0
  131. package/dist/components/list/item-description.d.ts +34 -0
  132. package/dist/components/list/item-description.js +43 -0
  133. package/dist/components/list/item-description.js.map +1 -0
  134. package/dist/components/list/item-title.d.ts +34 -0
  135. package/dist/components/list/item-title.js +43 -0
  136. package/dist/components/list/item-title.js.map +1 -0
  137. package/dist/components/list/item.d.ts +44 -0
  138. package/dist/components/list/item.js +52 -0
  139. package/dist/components/list/item.js.map +1 -0
  140. package/dist/components/list/styles.module.css +95 -0
  141. package/dist/components/list/types.d.ts +33 -0
  142. package/dist/components/list/types.js +12 -0
  143. package/dist/components/menu/context.d.ts +2 -2
  144. package/dist/components/menu/index.d.ts +2 -2
  145. package/dist/components/menu/item-description.d.ts +2 -2
  146. package/dist/components/menu/item-label.d.ts +2 -2
  147. package/dist/components/menu/item.d.ts +2 -2
  148. package/dist/components/menu/section.d.ts +2 -2
  149. package/dist/components/menu/separator.d.ts +2 -2
  150. package/dist/components/menu/styles.module.css +62 -46
  151. package/dist/components/menu/submenu.d.ts +2 -2
  152. package/dist/components/notice/index.d.ts +2 -2
  153. package/dist/components/notice/list.d.ts +2 -2
  154. package/dist/components/notice/notice-icon.d.ts +2 -2
  155. package/dist/components/options/context.d.ts +2 -2
  156. package/dist/components/options/index.d.ts +2 -2
  157. package/dist/components/options/item-content.d.ts +2 -2
  158. package/dist/components/options/item-description.d.ts +2 -2
  159. package/dist/components/options/item-label.d.ts +2 -2
  160. package/dist/components/options/item.d.ts +2 -2
  161. package/dist/components/options/section.d.ts +2 -2
  162. package/dist/components/pagination/context.d.ts +2 -2
  163. package/dist/components/pagination/index.d.ts +2 -2
  164. package/dist/components/pagination/next.d.ts +2 -2
  165. package/dist/components/pagination/pages.d.ts +2 -2
  166. package/dist/components/pagination/prev.d.ts +2 -2
  167. package/dist/components/popover/content.d.ts +2 -2
  168. package/dist/components/popover/footer.d.ts +2 -2
  169. package/dist/components/popover/index.d.ts +2 -2
  170. package/dist/components/popover/title.d.ts +2 -2
  171. package/dist/components/popover/trigger.d.ts +2 -2
  172. package/dist/components/query-builder/action-element.d.ts +2 -2
  173. package/dist/components/query-builder/actions.d.ts +4 -4
  174. package/dist/components/query-builder/combinator-selector.d.ts +2 -2
  175. package/dist/components/query-builder/index.d.ts +2 -2
  176. package/dist/components/query-builder/rule-group.d.ts +4 -4
  177. package/dist/components/query-builder/rule.d.ts +2 -2
  178. package/dist/components/query-builder/value-editor.d.ts +2 -2
  179. package/dist/components/query-builder/value-selector.d.ts +2 -2
  180. package/dist/components/radio/context.d.ts +2 -2
  181. package/dist/components/radio/group.d.ts +2 -2
  182. package/dist/components/radio/index.d.ts +2 -2
  183. package/dist/components/search-field/context.d.ts +4 -4
  184. package/dist/components/search-field/index.d.ts +2 -2
  185. package/dist/components/select-field/context.d.ts +4 -4
  186. package/dist/components/select-field/index.d.ts +2 -2
  187. package/dist/components/select-field/index.js +10 -4
  188. package/dist/components/select-field/index.js.map +1 -1
  189. package/dist/components/select-field/styles.module.css +4 -0
  190. package/dist/components/select-field/types.d.ts +1 -0
  191. package/dist/components/sidenav/avatar.d.ts +2 -2
  192. package/dist/components/sidenav/content.d.ts +2 -2
  193. package/dist/components/sidenav/context.d.ts +2 -2
  194. package/dist/components/sidenav/footer.d.ts +2 -2
  195. package/dist/components/sidenav/header.d.ts +2 -2
  196. package/dist/components/sidenav/index.d.ts +2 -2
  197. package/dist/components/sidenav/item.d.ts +2 -2
  198. package/dist/components/sidenav/link.d.ts +2 -2
  199. package/dist/components/sidenav/menu-item.d.ts +2 -2
  200. package/dist/components/sidenav/menu.d.ts +2 -2
  201. package/dist/components/sidenav/trigger.d.ts +2 -2
  202. package/dist/components/skeleton/index.d.ts +2 -2
  203. package/dist/components/slider/index.d.ts +2 -2
  204. package/dist/components/switch/context.d.ts +4 -4
  205. package/dist/components/switch/index.d.ts +2 -2
  206. package/dist/components/table/body.d.ts +2 -2
  207. package/dist/components/table/cell.d.ts +2 -2
  208. package/dist/components/table/context.d.ts +2 -2
  209. package/dist/components/table/header-cell.d.ts +2 -2
  210. package/dist/components/table/header.d.ts +2 -2
  211. package/dist/components/table/index.d.ts +2 -2
  212. package/dist/components/table/row.d.ts +2 -2
  213. package/dist/components/tabs/context.d.ts +4 -4
  214. package/dist/components/tabs/index.d.ts +2 -2
  215. package/dist/components/tabs/list.d.ts +2 -2
  216. package/dist/components/tabs/panel.d.ts +2 -2
  217. package/dist/components/tabs/tab.d.ts +2 -2
  218. package/dist/components/text-area-field/context.d.ts +4 -4
  219. package/dist/components/text-area-field/index.d.ts +2 -2
  220. package/dist/components/text-area-field/styles.module.css +4 -0
  221. package/dist/components/text-field/context.d.ts +4 -4
  222. package/dist/components/text-field/index.d.ts +2 -2
  223. package/dist/components/time-field/index.d.ts +3 -2
  224. package/dist/components/time-field/index.js +4 -2
  225. package/dist/components/time-field/index.js.map +1 -1
  226. package/dist/components/time-field/styles.module.css +5 -2
  227. package/dist/components/tooltip/context.d.ts +2 -2
  228. package/dist/components/tooltip/index.d.ts +2 -2
  229. package/dist/components/tooltip/trigger.d.ts +2 -2
  230. package/dist/components/tree/context.d.ts +3 -3
  231. package/dist/components/tree/index.d.ts +2 -2
  232. package/dist/components/tree/item-actions.d.ts +2 -2
  233. package/dist/components/tree/item-content.d.ts +2 -2
  234. package/dist/components/tree/item-description.d.ts +2 -2
  235. package/dist/components/tree/item-label.d.ts +2 -2
  236. package/dist/components/tree/item-prefix-icon.d.ts +2 -2
  237. package/dist/components/tree/item.d.ts +2 -2
  238. package/dist/components/view-stack/context.d.ts +2 -2
  239. package/dist/components/view-stack/index.d.ts +2 -2
  240. package/dist/components/view-stack/trigger.d.ts +2 -2
  241. package/dist/components/view-stack/view.d.ts +2 -2
  242. package/dist/hooks/use-frame-delay/index.d.ts +38 -0
  243. package/dist/hooks/use-frame-delay/index.js +61 -0
  244. package/dist/hooks/use-frame-delay/index.js.map +1 -0
  245. package/dist/index.d.ts +11 -1
  246. package/dist/index.js +9 -1
  247. package/dist/providers/portal.d.ts +2 -2
  248. package/dist/providers/theme-provider.d.ts +2 -2
  249. package/package.json +19 -9
@@ -0,0 +1,52 @@
1
+ /*
2
+ * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.
3
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
4
+ * you may not use this file except in compliance with the License. You may obtain a copy
5
+ * of the License at https://www.apache.org/licenses/LICENSE-2.0
6
+ *
7
+ * Unless required by applicable law or agreed to in writing, software distributed under
8
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
9
+ * OF ANY KIND, either express or implied. See the License for the specific language
10
+ * governing permissions and limitations under the License.
11
+ */
12
+
13
+
14
+ 'use client';
15
+
16
+ import { ListItemTitle } from "./item-title.js";
17
+ import "client-only";
18
+ import { clsx } from "@accelint/design-foundation/lib/utils";
19
+ import { GridListItem, composeRenderProps } from "react-aria-components";
20
+ import { jsx } from "react/jsx-runtime";
21
+ import styles from "./styles.module.css";
22
+
23
+ //#region src/components/list/item.tsx
24
+ /**
25
+ * ListItem - Individual selectable item within a List
26
+ *
27
+ * Represents a single row in the grid list with full interaction support including
28
+ * selection, hover states, and keyboard navigation. Can contain icons, content,
29
+ * indicators, and action elements. If children is a string, it will be automatically
30
+ * wrapped in a ListItemTitle.
31
+ *
32
+ * @example
33
+ * <ListItem textValue="User item">
34
+ * <Icon><Avatar /></Icon>
35
+ * <ListItemContent>
36
+ * <ListItemTitle>John Doe</ListItemTitle>
37
+ * <ListItemDescription>Software Engineer</ListItemDescription>
38
+ * </ListItemContent>
39
+ * </ListItem>
40
+ */
41
+ function ListItem({ children, classNames, textValue = typeof children === "string" ? children : "", ...rest }) {
42
+ return /* @__PURE__ */ jsx(GridListItem, {
43
+ className: composeRenderProps(classNames?.item, (className) => clsx("group/list-item", styles.item, className)),
44
+ textValue,
45
+ ...rest,
46
+ children: composeRenderProps(children, (children$1) => typeof children$1 === "string" ? /* @__PURE__ */ jsx(ListItemTitle, { children: children$1 }) : children$1)
47
+ });
48
+ }
49
+
50
+ //#endregion
51
+ export { ListItem };
52
+ //# sourceMappingURL=item.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"item.js","names":["children"],"sources":["../../../src/components/list/item.tsx"],"sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport { composeRenderProps, GridListItem } from 'react-aria-components';\nimport { ListItemTitle } from './item-title';\nimport styles from './styles.module.css';\nimport type { ListItemProps } from './types';\n\n/**\n * ListItem - Individual selectable item within a List\n *\n * Represents a single row in the grid list with full interaction support including\n * selection, hover states, and keyboard navigation. Can contain icons, content,\n * indicators, and action elements. If children is a string, it will be automatically\n * wrapped in a ListItemTitle.\n *\n * @example\n * <ListItem textValue=\"User item\">\n * <Icon><Avatar /></Icon>\n * <ListItemContent>\n * <ListItemTitle>John Doe</ListItemTitle>\n * <ListItemDescription>Software Engineer</ListItemDescription>\n * </ListItemContent>\n * </ListItem>\n */\nexport function ListItem<T extends object>({\n children,\n classNames,\n textValue = typeof children === 'string' ? children : '',\n ...rest\n}: ListItemProps<T>) {\n return (\n <GridListItem\n className={composeRenderProps(classNames?.item, (className) =>\n clsx('group/list-item', styles.item, className),\n )}\n textValue={textValue}\n {...rest}\n >\n {composeRenderProps(children, (children) =>\n typeof children === 'string' ? (\n <ListItemTitle>{children}</ListItemTitle>\n ) : (\n children\n ),\n )}\n </GridListItem>\n );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqCA,SAAgB,SAA2B,EACzC,UACA,YACA,YAAY,OAAO,aAAa,WAAW,WAAW,IACtD,GAAG,QACgB;AACnB,QACE,oBAAC;EACC,WAAW,mBAAmB,YAAY,OAAO,cAC/C,KAAK,mBAAmB,OAAO,MAAM,UAAU,CAChD;EACU;EACX,GAAI;YAEH,mBAAmB,WAAW,eAC7B,OAAOA,eAAa,WAClB,oBAAC,2BAAeA,aAAyB,GAEzCA,WAEH;GACY"}
@@ -0,0 +1,95 @@
1
+ /*
2
+ * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.
3
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
4
+ * you may not use this file except in compliance with the License. You may obtain a copy
5
+ * of the License at https://www.apache.org/licenses/LICENSE-2.0
6
+ *
7
+ * Unless required by applicable law or agreed to in writing, software distributed under
8
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
9
+ * OF ANY KIND, either express or implied. See the License for the specific language
10
+ * governing permissions and limitations under the License.
11
+ */
12
+
13
+ @reference '@accelint/design-foundation/styles';
14
+
15
+ @layer components.l1 {
16
+ .list {
17
+ @apply gap-xxs flex h-full w-full flex-col overflow-y-auto;
18
+ }
19
+
20
+ .item {
21
+ @apply fg-primary-bold pt-xs pb-xs pr-s pl-s text-body-s bg-surface-default rounded-medium gap-s relative flex cursor-pointer items-center outline outline-transparent;
22
+
23
+ @variant hover {
24
+ @apply fg-a11y-on-accent bg-interactive-muted-hover;
25
+ }
26
+
27
+ @variant focus-visible {
28
+ @apply fg-a11y-on-accent bg-interactive-muted-hover;
29
+ }
30
+
31
+ @variant pressed {
32
+ @apply bg-interactive-muted-pressed;
33
+ }
34
+
35
+ @variant selected {
36
+ @apply bg-accent-primary-muted outline-accent-primary-bold;
37
+
38
+ @variant hover {
39
+ @apply outline-2 -outline-offset-2;
40
+ }
41
+
42
+ @variant focus-visible {
43
+ @apply outline-2 -outline-offset-2;
44
+ }
45
+
46
+ @variant pressed {
47
+ @apply outline-accent-primary-pressed;
48
+ }
49
+ }
50
+
51
+ @variant disabled {
52
+ @apply cursor-not-allowed bg-transparent;
53
+
54
+ @variant selected {
55
+ @apply bg-interactive-disabled outline-none;
56
+ }
57
+ }
58
+ }
59
+
60
+ .content {
61
+ @apply gap-xxs flex min-w-0 flex-auto flex-col;
62
+ }
63
+
64
+ .title {
65
+ @apply fg-primary-bold truncate;
66
+
67
+ &.compact {
68
+ @apply text-header-s;
69
+ }
70
+
71
+ &.cozy {
72
+ @apply text-header-m;
73
+ }
74
+
75
+ @variant group-disabled/list-item {
76
+ @apply fg-disabled;
77
+ }
78
+ }
79
+
80
+ .description {
81
+ @apply fg-primary-muted truncate;
82
+
83
+ &.compact {
84
+ @apply text-body-xs;
85
+ }
86
+
87
+ &.cozy {
88
+ @apply text-body-s;
89
+ }
90
+
91
+ @variant group-disabled/list-item {
92
+ @apply fg-disabled;
93
+ }
94
+ }
95
+ }
@@ -0,0 +1,33 @@
1
+ /*
2
+ * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.
3
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
4
+ * you may not use this file except in compliance with the License. You may obtain a copy
5
+ * of the License at https://www.apache.org/licenses/LICENSE-2.0
6
+ *
7
+ * Unless required by applicable law or agreed to in writing, software distributed under
8
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
9
+ * OF ANY KIND, either express or implied. See the License for the specific language
10
+ * governing permissions and limitations under the License.
11
+ */
12
+
13
+ import { IconProps } from "../icon/types.js";
14
+ import { ComponentPropsWithRef, RefAttributes } from "react";
15
+ import { GridListItemProps, GridListProps } from "react-aria-components";
16
+
17
+ //#region src/components/list/types.d.ts
18
+ type ListItemVariant = 'cozy' | 'compact';
19
+ type ListItemProps<T extends object> = Omit<GridListItemProps<T>, 'className'> & {
20
+ classNames?: {
21
+ item?: GridListItemProps['className'];
22
+ icon?: IconProps['className'];
23
+ };
24
+ };
25
+ type ListItemTitleProps = ComponentPropsWithRef<'div'>;
26
+ type ListItemDescriptionProps = ComponentPropsWithRef<'div'>;
27
+ type ListItemContentProps = ComponentPropsWithRef<'div'>;
28
+ type ListProps<T> = Omit<GridListProps<T>, 'orientation' | 'layout' | 'dragAndDropHooks'> & RefAttributes<HTMLDivElement> & {
29
+ variant?: ListItemVariant;
30
+ };
31
+ //#endregion
32
+ export { ListItemContentProps, ListItemDescriptionProps, ListItemProps, ListItemTitleProps, ListItemVariant, ListProps };
33
+ //# sourceMappingURL=types.d.ts.map
@@ -0,0 +1,12 @@
1
+ /*
2
+ * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.
3
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
4
+ * you may not use this file except in compliance with the License. You may obtain a copy
5
+ * of the License at https://www.apache.org/licenses/LICENSE-2.0
6
+ *
7
+ * Unless required by applicable law or agreed to in writing, software distributed under
8
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
9
+ * OF ANY KIND, either express or implied. See the License for the specific language
10
+ * governing permissions and limitations under the License.
11
+ */
12
+
@@ -12,11 +12,11 @@
12
12
 
13
13
  import { MenuProps as MenuProps$1 } from "./types.js";
14
14
  import "client-only";
15
- import * as react29 from "react";
15
+ import * as react30 from "react";
16
16
  import { ContextValue } from "react-aria-components";
17
17
 
18
18
  //#region src/components/menu/context.d.ts
19
- declare const MenuContext: react29.Context<ContextValue<MenuProps$1<unknown>, HTMLDivElement>>;
19
+ declare const MenuContext: react30.Context<ContextValue<MenuProps$1<unknown>, HTMLDivElement>>;
20
20
  //#endregion
21
21
  export { MenuContext };
22
22
  //# sourceMappingURL=context.d.ts.map
@@ -12,7 +12,7 @@
12
12
 
13
13
  import { MenuProps } from "./types.js";
14
14
  import "client-only";
15
- import * as react_jsx_runtime104 from "react/jsx-runtime";
15
+ import * as react_jsx_runtime103 from "react/jsx-runtime";
16
16
 
17
17
  //#region src/components/menu/index.d.ts
18
18
 
@@ -105,7 +105,7 @@ import * as react_jsx_runtime104 from "react/jsx-runtime";
105
105
  declare function Menu<T extends object>({
106
106
  ref,
107
107
  ...props
108
- }: MenuProps<T>): react_jsx_runtime104.JSX.Element;
108
+ }: MenuProps<T>): react_jsx_runtime103.JSX.Element;
109
109
  //#endregion
110
110
  export { Menu };
111
111
  //# sourceMappingURL=index.d.ts.map
@@ -12,14 +12,14 @@
12
12
 
13
13
  import "client-only";
14
14
  import { TextProps } from "react-aria-components";
15
- import * as react_jsx_runtime106 from "react/jsx-runtime";
15
+ import * as react_jsx_runtime105 from "react/jsx-runtime";
16
16
 
17
17
  //#region src/components/menu/item-description.d.ts
18
18
  declare function MenuItemDescription({
19
19
  children,
20
20
  className,
21
21
  ...rest
22
- }: TextProps): react_jsx_runtime106.JSX.Element;
22
+ }: TextProps): react_jsx_runtime105.JSX.Element;
23
23
  //#endregion
24
24
  export { MenuItemDescription };
25
25
  //# sourceMappingURL=item-description.d.ts.map
@@ -12,14 +12,14 @@
12
12
 
13
13
  import "client-only";
14
14
  import { TextProps } from "react-aria-components";
15
- import * as react_jsx_runtime105 from "react/jsx-runtime";
15
+ import * as react_jsx_runtime106 from "react/jsx-runtime";
16
16
 
17
17
  //#region src/components/menu/item-label.d.ts
18
18
  declare function MenuItemLabel({
19
19
  children,
20
20
  className,
21
21
  ...rest
22
- }: TextProps): react_jsx_runtime105.JSX.Element;
22
+ }: TextProps): react_jsx_runtime106.JSX.Element;
23
23
  //#endregion
24
24
  export { MenuItemLabel };
25
25
  //# sourceMappingURL=item-label.d.ts.map
@@ -12,7 +12,7 @@
12
12
 
13
13
  import { MenuItemProps } from "./types.js";
14
14
  import "client-only";
15
- import * as react_jsx_runtime108 from "react/jsx-runtime";
15
+ import * as react_jsx_runtime107 from "react/jsx-runtime";
16
16
 
17
17
  //#region src/components/menu/item.d.ts
18
18
  declare function MenuItem({
@@ -20,7 +20,7 @@ declare function MenuItem({
20
20
  classNames,
21
21
  color,
22
22
  ...rest
23
- }: MenuItemProps): react_jsx_runtime108.JSX.Element;
23
+ }: MenuItemProps): react_jsx_runtime107.JSX.Element;
24
24
  //#endregion
25
25
  export { MenuItem };
26
26
  //# sourceMappingURL=item.d.ts.map
@@ -12,7 +12,7 @@
12
12
 
13
13
  import { MenuSectionProps } from "./types.js";
14
14
  import "client-only";
15
- import * as react_jsx_runtime107 from "react/jsx-runtime";
15
+ import * as react_jsx_runtime109 from "react/jsx-runtime";
16
16
 
17
17
  //#region src/components/menu/section.d.ts
18
18
  declare function MenuSection<T extends object>({
@@ -21,7 +21,7 @@ declare function MenuSection<T extends object>({
21
21
  items,
22
22
  title,
23
23
  ...rest
24
- }: MenuSectionProps<T>): react_jsx_runtime107.JSX.Element;
24
+ }: MenuSectionProps<T>): react_jsx_runtime109.JSX.Element;
25
25
  //#endregion
26
26
  export { MenuSection };
27
27
  //# sourceMappingURL=section.d.ts.map
@@ -12,13 +12,13 @@
12
12
 
13
13
  import "client-only";
14
14
  import { SeparatorProps } from "react-aria-components";
15
- import * as react_jsx_runtime109 from "react/jsx-runtime";
15
+ import * as react_jsx_runtime115 from "react/jsx-runtime";
16
16
 
17
17
  //#region src/components/menu/separator.d.ts
18
18
  declare function MenuSeparator({
19
19
  className,
20
20
  ...rest
21
- }: SeparatorProps): react_jsx_runtime109.JSX.Element;
21
+ }: SeparatorProps): react_jsx_runtime115.JSX.Element;
22
22
  //#endregion
23
23
  export { MenuSeparator };
24
24
  //# sourceMappingURL=separator.d.ts.map
@@ -14,7 +14,7 @@
14
14
 
15
15
  @layer components.l1 {
16
16
  .menu {
17
- @apply rounded-medium bg-surface-overlay shadow-elevation-overlay outline-static overflow-x-clip overflow-y-auto outline;
17
+ @apply rounded-medium bg-surface-overlay shadow-elevation-overlay outline-static overflow-x-clip overflow-y-auto p-px outline;
18
18
  }
19
19
 
20
20
  .item {
@@ -27,6 +27,11 @@
27
27
  content: '';
28
28
  }
29
29
 
30
+ &:after {
31
+ content: '';
32
+ @apply pointer-events-none absolute inset-0 -z-1 bg-inherit;
33
+ }
34
+
30
35
  &.cozy {
31
36
  @apply pt-s pb-s;
32
37
  }
@@ -35,6 +40,55 @@
35
40
  @apply pt-xs pb-xs;
36
41
  }
37
42
 
43
+ /* Extend ::after to cover separator on interactive states */
44
+ @variant focus-visible {
45
+ @apply z-1;
46
+
47
+ &:not(:first-child):after {
48
+ @apply -top-px;
49
+ }
50
+
51
+ &:not(:last-child):after {
52
+ @apply -bottom-px;
53
+ }
54
+ }
55
+
56
+ @variant hover {
57
+ @apply z-1;
58
+
59
+ &:not(:first-child):after {
60
+ @apply -top-px;
61
+ }
62
+
63
+ &:not(:last-child):after {
64
+ @apply -bottom-px;
65
+ }
66
+ }
67
+
68
+ @variant open {
69
+ @apply z-1;
70
+
71
+ &:not(:first-child):after {
72
+ @apply -top-px;
73
+ }
74
+
75
+ &:not(:last-child):after {
76
+ @apply -bottom-px;
77
+ }
78
+ }
79
+
80
+ @variant pressed {
81
+ @apply z-1;
82
+
83
+ &:not(:first-child):after {
84
+ @apply -top-px;
85
+ }
86
+
87
+ &:not(:last-child):after {
88
+ @apply -bottom-px;
89
+ }
90
+ }
91
+
38
92
  @variant color-info {
39
93
  @variant focus-visible {
40
94
  @apply bg-accent-primary-muted;
@@ -55,32 +109,16 @@
55
109
  @variant selected {
56
110
  @apply bg-accent-primary-muted;
57
111
 
58
- &:before {
59
- @apply bg-accent-primary-bold;
60
- }
61
-
62
112
  @variant hover {
63
113
  @apply fg-a11y-on-accent bg-accent-primary-bold;
64
-
65
- &:before {
66
- @apply bg-(--outline-accent-primary-hover);
67
- }
68
114
  }
69
115
 
70
116
  @variant focus-visible {
71
117
  @apply fg-a11y-on-accent bg-accent-primary-bold;
72
-
73
- &:before {
74
- @apply bg-(--outline-accent-primary-hover);
75
- }
76
118
  }
77
119
 
78
120
  @variant pressed {
79
121
  @apply fg-accent-primary-bold bg-accent-primary-pressed;
80
-
81
- &:before {
82
- @apply bg-accent-primary-pressed;
83
- }
84
122
  }
85
123
  }
86
124
  }
@@ -107,31 +145,16 @@
107
145
  @variant selected {
108
146
  @apply fg-primary-bold bg-serious-muted;
109
147
 
110
- &:before {
111
- @apply bg-serious-bold;
112
- }
113
-
114
148
  @variant hover {
115
149
  @apply fg-a11y-on-accent bg-serious-bold;
116
- &:before {
117
- @apply bg-(--outline-serious-hover);
118
- }
119
150
  }
120
151
 
121
152
  @variant focus-visible {
122
153
  @apply fg-a11y-on-accent bg-serious-bold;
123
-
124
- &:before {
125
- @apply bg-(--outline-serious-hover);
126
- }
127
154
  }
128
155
 
129
156
  @variant pressed {
130
157
  @apply fg-serious-bold bg-serious-pressed;
131
-
132
- &:before {
133
- @apply bg-(--outline-serious-pressed);
134
- }
135
158
  }
136
159
  }
137
160
  }
@@ -158,10 +181,6 @@
158
181
  @variant selected {
159
182
  @apply fg-primary-bold bg-critical-muted;
160
183
 
161
- &:before {
162
- @apply bg-(--outline-critical-bold);
163
- }
164
-
165
184
  @variant hover {
166
185
  @apply bg-critical-bold fg-a11y-on-accent;
167
186
  }
@@ -172,10 +191,6 @@
172
191
 
173
192
  @variant pressed {
174
193
  @apply fg-critical-bold bg-critical-pressed;
175
-
176
- &:before {
177
- @apply bg-(--outline-critical-pressed);
178
- }
179
194
  }
180
195
  }
181
196
  }
@@ -185,10 +200,6 @@
185
200
 
186
201
  @variant selected {
187
202
  @apply bg-interactive-disabled;
188
-
189
- &:before {
190
- @apply bg-(--outline-interactive);
191
- }
192
203
  }
193
204
  }
194
205
  }
@@ -306,11 +317,16 @@
306
317
  }
307
318
 
308
319
  .header {
309
- @apply fg-primary-muted px-s py-xs text-header-xs;
320
+ @apply fg-primary-muted px-xs py-s text-header-xs;
310
321
  }
311
322
 
312
323
  .separator {
313
- @apply outline-static mx-m my-xs outline;
324
+ /*
325
+ * Use border-top instead of background-color + height for the 1px line.
326
+ * Border rendering is more consistent across platforms (Linux/Windows/Mac)
327
+ * and display scaling settings than background-color with sub-pixel heights.
328
+ */
329
+ @apply h-0 border-t border-(--outline-static);
314
330
  }
315
331
 
316
332
  .hotkey {
@@ -11,11 +11,11 @@
11
11
  */
12
12
 
13
13
  import "client-only";
14
- import * as react30 from "react";
14
+ import * as react33 from "react";
15
15
  import * as react_aria_components1 from "react-aria-components";
16
16
 
17
17
  //#region src/components/menu/submenu.d.ts
18
- declare const MenuSubmenu: (props: react_aria_components1.SubmenuTriggerProps & React.RefAttributes<HTMLDivElement>) => react30.ReactElement | null;
18
+ declare const MenuSubmenu: (props: react_aria_components1.SubmenuTriggerProps & React.RefAttributes<HTMLDivElement>) => react33.ReactElement | null;
19
19
  //#endregion
20
20
  export { MenuSubmenu };
21
21
  //# sourceMappingURL=submenu.d.ts.map
@@ -12,7 +12,7 @@
12
12
 
13
13
  import { NoticeProps } from "./types.js";
14
14
  import "client-only";
15
- import * as react_jsx_runtime97 from "react/jsx-runtime";
15
+ import * as react_jsx_runtime119 from "react/jsx-runtime";
16
16
 
17
17
  //#region src/components/notice/index.d.ts
18
18
  declare function Notice({
@@ -29,7 +29,7 @@ declare function Notice({
29
29
  onPrimaryAction,
30
30
  onSecondaryAction,
31
31
  onClose
32
- }: NoticeProps): react_jsx_runtime97.JSX.Element;
32
+ }: NoticeProps): react_jsx_runtime119.JSX.Element;
33
33
  //#endregion
34
34
  export { Notice };
35
35
  //# sourceMappingURL=index.d.ts.map
@@ -12,7 +12,7 @@
12
12
 
13
13
  import { NoticeListProps } from "./types.js";
14
14
  import "client-only";
15
- import * as react_jsx_runtime101 from "react/jsx-runtime";
15
+ import * as react_jsx_runtime121 from "react/jsx-runtime";
16
16
 
17
17
  //#region src/components/notice/list.d.ts
18
18
  declare function NoticeList({
@@ -26,7 +26,7 @@ declare function NoticeList({
26
26
  placement,
27
27
  size,
28
28
  ...rest
29
- }: NoticeListProps): react_jsx_runtime101.JSX.Element;
29
+ }: NoticeListProps): react_jsx_runtime121.JSX.Element;
30
30
  //#endregion
31
31
  export { NoticeList };
32
32
  //# sourceMappingURL=list.d.ts.map
@@ -12,13 +12,13 @@
12
12
 
13
13
  import { NoticeIconProps } from "./types.js";
14
14
  import "client-only";
15
- import * as react_jsx_runtime99 from "react/jsx-runtime";
15
+ import * as react_jsx_runtime123 from "react/jsx-runtime";
16
16
 
17
17
  //#region src/components/notice/notice-icon.d.ts
18
18
  declare function NoticeIcon({
19
19
  color,
20
20
  size
21
- }: NoticeIconProps): react_jsx_runtime99.JSX.Element;
21
+ }: NoticeIconProps): react_jsx_runtime123.JSX.Element;
22
22
  //#endregion
23
23
  export { NoticeIcon };
24
24
  //# sourceMappingURL=notice-icon.d.ts.map
@@ -12,11 +12,11 @@
12
12
 
13
13
  import { OptionsDataItem, OptionsProps } from "./types.js";
14
14
  import "client-only";
15
- import * as react31 from "react";
15
+ import * as react47 from "react";
16
16
  import { ContextValue } from "react-aria-components";
17
17
 
18
18
  //#region src/components/options/context.d.ts
19
- declare const OptionsContext: react31.Context<ContextValue<OptionsProps<OptionsDataItem>, HTMLDivElement>>;
19
+ declare const OptionsContext: react47.Context<ContextValue<OptionsProps<OptionsDataItem>, HTMLDivElement>>;
20
20
  //#endregion
21
21
  export { OptionsContext };
22
22
  //# sourceMappingURL=context.d.ts.map
@@ -12,7 +12,7 @@
12
12
 
13
13
  import { OptionsDataItem, OptionsProps } from "./types.js";
14
14
  import "client-only";
15
- import * as react_jsx_runtime110 from "react/jsx-runtime";
15
+ import * as react_jsx_runtime145 from "react/jsx-runtime";
16
16
 
17
17
  //#region src/components/options/index.d.ts
18
18
 
@@ -60,7 +60,7 @@ import * as react_jsx_runtime110 from "react/jsx-runtime";
60
60
  declare function Options<T extends OptionsDataItem>({
61
61
  ref,
62
62
  ...props
63
- }: OptionsProps<T>): react_jsx_runtime110.JSX.Element;
63
+ }: OptionsProps<T>): react_jsx_runtime145.JSX.Element;
64
64
  //#endregion
65
65
  export { Options };
66
66
  //# sourceMappingURL=index.d.ts.map
@@ -11,13 +11,13 @@
11
11
  */
12
12
 
13
13
  import { TextProps } from "react-aria-components";
14
- import * as react_jsx_runtime112 from "react/jsx-runtime";
14
+ import * as react_jsx_runtime146 from "react/jsx-runtime";
15
15
 
16
16
  //#region src/components/options/item-content.d.ts
17
17
  declare function OptionsItemContent({
18
18
  className,
19
19
  ...rest
20
- }: TextProps): react_jsx_runtime112.JSX.Element;
20
+ }: TextProps): react_jsx_runtime146.JSX.Element;
21
21
  //#endregion
22
22
  export { OptionsItemContent };
23
23
  //# sourceMappingURL=item-content.d.ts.map
@@ -11,13 +11,13 @@
11
11
  */
12
12
 
13
13
  import { TextProps } from "react-aria-components";
14
- import * as react_jsx_runtime111 from "react/jsx-runtime";
14
+ import * as react_jsx_runtime147 from "react/jsx-runtime";
15
15
 
16
16
  //#region src/components/options/item-description.d.ts
17
17
  declare function OptionsItemDescription({
18
18
  className,
19
19
  ...rest
20
- }: TextProps): react_jsx_runtime111.JSX.Element;
20
+ }: TextProps): react_jsx_runtime147.JSX.Element;
21
21
  //#endregion
22
22
  export { OptionsItemDescription };
23
23
  //# sourceMappingURL=item-description.d.ts.map
@@ -11,13 +11,13 @@
11
11
  */
12
12
 
13
13
  import { TextProps } from "react-aria-components";
14
- import * as react_jsx_runtime93 from "react/jsx-runtime";
14
+ import * as react_jsx_runtime148 from "react/jsx-runtime";
15
15
 
16
16
  //#region src/components/options/item-label.d.ts
17
17
  declare function OptionsItemLabel({
18
18
  className,
19
19
  ...rest
20
- }: TextProps): react_jsx_runtime93.JSX.Element;
20
+ }: TextProps): react_jsx_runtime148.JSX.Element;
21
21
  //#endregion
22
22
  export { OptionsItemLabel };
23
23
  //# sourceMappingURL=item-label.d.ts.map