@accelint/design-toolkit 9.11.3 → 9.12.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 (252) hide show
  1. package/catalog-info.yaml +1 -1
  2. package/dist/components/accordion/context.d.ts +2 -2
  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/accordion/trigger.d.ts +2 -2
  8. package/dist/components/action-bar/index.d.ts +2 -2
  9. package/dist/components/audio/index.d.ts +2 -2
  10. package/dist/components/avatar/context.d.ts +4 -4
  11. package/dist/components/avatar/index.d.ts +2 -2
  12. package/dist/components/badge/context.d.ts +4 -4
  13. package/dist/components/badge/index.d.ts +2 -2
  14. package/dist/components/breadcrumbs/index.d.ts +2 -2
  15. package/dist/components/breadcrumbs/item.d.ts +2 -2
  16. package/dist/components/button/context.d.ts +8 -8
  17. package/dist/components/button/index.d.ts +2 -2
  18. package/dist/components/button/link.d.ts +2 -2
  19. package/dist/components/button/styles.module.css +1 -1
  20. package/dist/components/button/toggle.d.ts +2 -2
  21. package/dist/components/carousel/context.d.ts +4 -4
  22. package/dist/components/carousel/gallery.d.ts +2 -2
  23. package/dist/components/carousel/index.d.ts +2 -2
  24. package/dist/components/carousel/navigation.d.ts +3 -3
  25. package/dist/components/carousel/position.d.ts +2 -2
  26. package/dist/components/carousel/select.d.ts +2 -2
  27. package/dist/components/carousel/viewer.d.ts +2 -2
  28. package/dist/components/checkbox/context.d.ts +3 -3
  29. package/dist/components/checkbox/group.d.ts +2 -2
  30. package/dist/components/checkbox/index.d.ts +2 -2
  31. package/dist/components/chip/context.d.ts +4 -4
  32. package/dist/components/chip/deletable.d.ts +2 -2
  33. package/dist/components/chip/index.d.ts +2 -2
  34. package/dist/components/chip/list.d.ts +4 -4
  35. package/dist/components/chip/selectable.d.ts +2 -2
  36. package/dist/components/classification-badge/context.d.ts +4 -4
  37. package/dist/components/classification-badge/index.d.ts +2 -2
  38. package/dist/components/classification-banner/context.d.ts +4 -4
  39. package/dist/components/classification-banner/index.d.ts +2 -2
  40. package/dist/components/clock/index.d.ts +2 -2
  41. package/dist/components/color-picker/index.d.ts +2 -2
  42. package/dist/components/combobox-field/context.d.ts +4 -4
  43. package/dist/components/combobox-field/index.d.ts +2 -2
  44. package/dist/components/coordinate-field/context.d.ts +6 -6
  45. package/dist/components/coordinate-field/index.d.ts +2 -2
  46. package/dist/components/coordinate-field/segment.d.ts +2 -2
  47. package/dist/components/date-field/index.d.ts +2 -2
  48. package/dist/components/deferred-collection/index.d.ts +2 -2
  49. package/dist/components/details-list/context.d.ts +4 -4
  50. package/dist/components/details-list/index.d.ts +2 -2
  51. package/dist/components/details-list/label.d.ts +2 -2
  52. package/dist/components/details-list/value.d.ts +2 -2
  53. package/dist/components/dialog/content.d.ts +2 -2
  54. package/dist/components/dialog/context.d.ts +2 -2
  55. package/dist/components/dialog/footer.d.ts +2 -2
  56. package/dist/components/dialog/index.d.ts +2 -2
  57. package/dist/components/dialog/title.d.ts +2 -2
  58. package/dist/components/divider/context.d.ts +4 -4
  59. package/dist/components/divider/index.d.ts +2 -2
  60. package/dist/components/drawer/back.d.ts +2 -2
  61. package/dist/components/drawer/close.d.ts +2 -2
  62. package/dist/components/drawer/content.d.ts +2 -2
  63. package/dist/components/drawer/context.d.ts +2 -2
  64. package/dist/components/drawer/footer.d.ts +2 -2
  65. package/dist/components/drawer/header-title.d.ts +2 -2
  66. package/dist/components/drawer/header.d.ts +2 -2
  67. package/dist/components/drawer/index.d.ts +2 -2
  68. package/dist/components/drawer/layout-main.d.ts +2 -2
  69. package/dist/components/drawer/layout.d.ts +2 -2
  70. package/dist/components/drawer/menu-item.d.ts +2 -2
  71. package/dist/components/drawer/menu.d.ts +2 -2
  72. package/dist/components/drawer/panel.d.ts +2 -2
  73. package/dist/components/drawer/trigger.d.ts +2 -2
  74. package/dist/components/drawer/view.d.ts +2 -2
  75. package/dist/components/flashcard/index.d.ts +9 -9
  76. package/dist/components/floating-card/context.d.ts +2 -2
  77. package/dist/components/floating-card/index.d.ts +2 -2
  78. package/dist/components/floating-card/provider.d.ts +2 -2
  79. package/dist/components/gantt/components/base-elements/point.d.ts +2 -2
  80. package/dist/components/gantt/components/base-elements/range.d.ts +2 -2
  81. package/dist/components/gantt/components/containers/external/gantt-content-container/index.d.ts +2 -2
  82. package/dist/components/gantt/components/containers/external/gantt-panel-container/index.d.ts +2 -2
  83. package/dist/components/gantt/components/containers/internal/index.d.ts +2 -2
  84. package/dist/components/gantt/components/containers/internal/layout-container/index.d.ts +2 -2
  85. package/dist/components/gantt/components/containers/internal/virtualized-content-height-container/index.d.ts +2 -2
  86. package/dist/components/gantt/components/content-row/block.d.ts +2 -2
  87. package/dist/components/gantt/components/content-row/bracket.d.ts +3 -3
  88. package/dist/components/gantt/components/content-row/icon-marker.d.ts +2 -2
  89. package/dist/components/gantt/components/content-row/index.d.ts +2 -2
  90. package/dist/components/gantt/components/content-row/marker.d.ts +2 -2
  91. package/dist/components/gantt/components/content-row/spacer.d.ts +2 -2
  92. package/dist/components/gantt/components/current-time/index.d.ts +2 -2
  93. package/dist/components/gantt/components/header/index.d.ts +3 -3
  94. package/dist/components/gantt/components/panel-row/index.d.ts +2 -2
  95. package/dist/components/gantt/components/rows-virtualizer/index.d.ts +3 -3
  96. package/dist/components/gantt/components/timeline/index.d.ts +2 -2
  97. package/dist/components/gantt/components/timeline-chunk/index.d.ts +3 -3
  98. package/dist/components/gantt/context/index.d.ts +4 -4
  99. package/dist/components/gantt/context/store/index.d.ts +4 -4
  100. package/dist/components/gantt/context/temporal-data/index.d.ts +4 -4
  101. package/dist/components/hero/context.d.ts +2 -2
  102. package/dist/components/hero/index.d.ts +2 -2
  103. package/dist/components/hero/subtitle.d.ts +2 -2
  104. package/dist/components/hero/title.d.ts +2 -2
  105. package/dist/components/hotkey/context.d.ts +4 -4
  106. package/dist/components/hotkey/index.d.ts +2 -2
  107. package/dist/components/hotkey/set.d.ts +2 -2
  108. package/dist/components/icon/context.d.ts +4 -4
  109. package/dist/components/icon/index.d.ts +2 -2
  110. package/dist/components/input/context.d.ts +2 -2
  111. package/dist/components/input/index.d.ts +2 -2
  112. package/dist/components/kanban/card-body.d.ts +2 -2
  113. package/dist/components/kanban/card-header-actions.d.ts +2 -2
  114. package/dist/components/kanban/card-header-title.d.ts +2 -2
  115. package/dist/components/kanban/card-header.d.ts +2 -2
  116. package/dist/components/kanban/card.d.ts +2 -2
  117. package/dist/components/kanban/column-actions.d.ts +2 -2
  118. package/dist/components/kanban/column-container.d.ts +2 -2
  119. package/dist/components/kanban/column-content.d.ts +2 -2
  120. package/dist/components/kanban/column-header-actions.d.ts +2 -2
  121. package/dist/components/kanban/column-header-drag-handle.d.ts +2 -2
  122. package/dist/components/kanban/column-header-title.d.ts +2 -2
  123. package/dist/components/kanban/column-header.d.ts +2 -2
  124. package/dist/components/kanban/column.d.ts +2 -2
  125. package/dist/components/kanban/context.d.ts +2 -2
  126. package/dist/components/kanban/header-actions.d.ts +2 -2
  127. package/dist/components/kanban/header-search.d.ts +2 -2
  128. package/dist/components/kanban/header-title.d.ts +2 -2
  129. package/dist/components/kanban/header.d.ts +2 -2
  130. package/dist/components/kanban/kanban.d.ts +4 -4
  131. package/dist/components/label/context.d.ts +4 -4
  132. package/dist/components/label/index.d.ts +2 -2
  133. package/dist/components/lines/index.d.ts +2 -2
  134. package/dist/components/link/context.d.ts +2 -2
  135. package/dist/components/link/index.d.ts +2 -2
  136. package/dist/components/list/context.d.ts +2 -2
  137. package/dist/components/list/index.d.ts +2 -2
  138. package/dist/components/list/item-content.d.ts +2 -2
  139. package/dist/components/list/item-description.d.ts +2 -2
  140. package/dist/components/list/item-title.d.ts +2 -2
  141. package/dist/components/list/item.d.ts +2 -2
  142. package/dist/components/media-controls/context.d.ts +4 -4
  143. package/dist/components/media-controls/fullscreen-button.d.ts +2 -2
  144. package/dist/components/media-controls/index.d.ts +2 -2
  145. package/dist/components/media-controls/mute-button.d.ts +2 -2
  146. package/dist/components/media-controls/play-button.d.ts +2 -2
  147. package/dist/components/media-controls/playback-rate.d.ts +2 -2
  148. package/dist/components/media-controls/seek-button.d.ts +2 -2
  149. package/dist/components/media-controls/time-display.d.ts +2 -2
  150. package/dist/components/media-controls/time-range.d.ts +2 -2
  151. package/dist/components/media-controls/volume-slider.d.ts +2 -2
  152. package/dist/components/menu/context.d.ts +2 -2
  153. package/dist/components/menu/index.d.ts +2 -2
  154. package/dist/components/menu/item-description.d.ts +2 -2
  155. package/dist/components/menu/item-label.d.ts +2 -2
  156. package/dist/components/menu/item.d.ts +2 -2
  157. package/dist/components/menu/section.d.ts +2 -2
  158. package/dist/components/menu/separator.d.ts +2 -2
  159. package/dist/components/menu/submenu.d.ts +2 -2
  160. package/dist/components/notice/index.d.ts +2 -2
  161. package/dist/components/notice/list.d.ts +2 -2
  162. package/dist/components/notice/notice-icon.d.ts +2 -2
  163. package/dist/components/options/context.d.ts +2 -2
  164. package/dist/components/options/index.d.ts +2 -2
  165. package/dist/components/options/item-content.d.ts +2 -2
  166. package/dist/components/options/item-description.d.ts +2 -2
  167. package/dist/components/options/item-label.d.ts +2 -2
  168. package/dist/components/options/item.d.ts +2 -2
  169. package/dist/components/options/section.d.ts +2 -2
  170. package/dist/components/pagination/context.d.ts +2 -2
  171. package/dist/components/pagination/index.d.ts +2 -2
  172. package/dist/components/pagination/next.d.ts +2 -2
  173. package/dist/components/pagination/pages.d.ts +2 -2
  174. package/dist/components/pagination/prev.d.ts +2 -2
  175. package/dist/components/popover/content.d.ts +2 -2
  176. package/dist/components/popover/footer.d.ts +2 -2
  177. package/dist/components/popover/index.d.ts +2 -2
  178. package/dist/components/popover/title.d.ts +2 -2
  179. package/dist/components/popover/trigger.d.ts +2 -2
  180. package/dist/components/query-builder/action-element.d.ts +2 -2
  181. package/dist/components/query-builder/actions.d.ts +4 -4
  182. package/dist/components/query-builder/combinator-selector.d.ts +2 -2
  183. package/dist/components/query-builder/index.d.ts +2 -2
  184. package/dist/components/query-builder/rule-group.d.ts +4 -4
  185. package/dist/components/query-builder/rule.d.ts +2 -2
  186. package/dist/components/query-builder/value-editor.d.ts +2 -2
  187. package/dist/components/query-builder/value-selector.d.ts +2 -2
  188. package/dist/components/radio/context.d.ts +3 -3
  189. package/dist/components/radio/group.d.ts +2 -2
  190. package/dist/components/radio/index.d.ts +2 -2
  191. package/dist/components/search-field/context.d.ts +4 -4
  192. package/dist/components/search-field/index.d.ts +2 -2
  193. package/dist/components/select-field/context.d.ts +4 -4
  194. package/dist/components/select-field/index.d.ts +2 -2
  195. package/dist/components/select-field/styles.module.css +5 -1
  196. package/dist/components/sidenav/avatar.d.ts +2 -2
  197. package/dist/components/sidenav/content.d.ts +2 -2
  198. package/dist/components/sidenav/context.d.ts +2 -2
  199. package/dist/components/sidenav/footer.d.ts +2 -2
  200. package/dist/components/sidenav/header.d.ts +2 -2
  201. package/dist/components/sidenav/index.d.ts +2 -2
  202. package/dist/components/sidenav/item.d.ts +2 -2
  203. package/dist/components/sidenav/link.d.ts +2 -2
  204. package/dist/components/sidenav/menu-item.d.ts +2 -2
  205. package/dist/components/sidenav/menu.d.ts +2 -2
  206. package/dist/components/sidenav/trigger.d.ts +2 -2
  207. package/dist/components/skeleton/index.d.ts +2 -2
  208. package/dist/components/slider/index.d.ts +2 -2
  209. package/dist/components/status-indicator/index.d.ts +10 -4
  210. package/dist/components/status-indicator/index.js +18 -5
  211. package/dist/components/status-indicator/index.js.map +1 -1
  212. package/dist/components/status-indicator/styles.module.css +8 -0
  213. package/dist/components/status-indicator/types.d.ts +2 -1
  214. package/dist/components/switch/context.d.ts +4 -4
  215. package/dist/components/switch/index.d.ts +2 -2
  216. package/dist/components/table/body.d.ts +2 -2
  217. package/dist/components/table/cell.d.ts +2 -2
  218. package/dist/components/table/context.d.ts +2 -2
  219. package/dist/components/table/header-cell.d.ts +2 -2
  220. package/dist/components/table/header.d.ts +2 -2
  221. package/dist/components/table/index.d.ts +2 -2
  222. package/dist/components/table/row.d.ts +2 -2
  223. package/dist/components/tabs/context.d.ts +6 -6
  224. package/dist/components/tabs/index.d.ts +2 -2
  225. package/dist/components/tabs/list.d.ts +2 -2
  226. package/dist/components/tabs/panel.d.ts +2 -2
  227. package/dist/components/tabs/tab.d.ts +2 -2
  228. package/dist/components/text-area-field/context.d.ts +4 -4
  229. package/dist/components/text-area-field/index.d.ts +2 -2
  230. package/dist/components/text-field/context.d.ts +4 -4
  231. package/dist/components/text-field/index.d.ts +2 -2
  232. package/dist/components/time-field/index.d.ts +2 -2
  233. package/dist/components/tooltip/context.d.ts +2 -2
  234. package/dist/components/tooltip/index.d.ts +2 -2
  235. package/dist/components/tooltip/trigger.d.ts +2 -2
  236. package/dist/components/tree/context.d.ts +3 -3
  237. package/dist/components/tree/index.d.ts +2 -2
  238. package/dist/components/tree/item-actions.d.ts +2 -2
  239. package/dist/components/tree/item-content.d.ts +2 -2
  240. package/dist/components/tree/item-description.d.ts +2 -2
  241. package/dist/components/tree/item-label.d.ts +2 -2
  242. package/dist/components/tree/item-prefix-icon.d.ts +2 -2
  243. package/dist/components/tree/item.d.ts +2 -2
  244. package/dist/components/tree/lines.d.ts +2 -2
  245. package/dist/components/video/index.d.ts +2 -2
  246. package/dist/components/view-stack/context.d.ts +2 -2
  247. package/dist/components/view-stack/index.d.ts +2 -2
  248. package/dist/components/view-stack/trigger.d.ts +2 -2
  249. package/dist/components/view-stack/view.d.ts +2 -2
  250. package/dist/providers/portal.d.ts +2 -2
  251. package/dist/providers/theme-provider.d.ts +2 -2
  252. package/package.json +7 -7
@@ -12,7 +12,7 @@
12
12
 
13
13
  import { SearchFieldProps } from "./types.js";
14
14
  import "client-only";
15
- import * as react_jsx_runtime200 from "react/jsx-runtime";
15
+ import * as react_jsx_runtime165 from "react/jsx-runtime";
16
16
 
17
17
  //#region src/components/search-field/index.d.ts
18
18
 
@@ -41,7 +41,7 @@ import * as react_jsx_runtime200 from "react/jsx-runtime";
41
41
  declare function SearchField({
42
42
  ref,
43
43
  ...props
44
- }: SearchFieldProps): react_jsx_runtime200.JSX.Element;
44
+ }: SearchFieldProps): react_jsx_runtime165.JSX.Element;
45
45
  //#endregion
46
46
  export { SearchField };
47
47
  //# sourceMappingURL=index.d.ts.map
@@ -13,13 +13,13 @@
13
13
  import { ProviderProps } from "../../lib/types.js";
14
14
  import { SelectFieldProps } from "./types.js";
15
15
  import "client-only";
16
- import * as react54 from "react";
17
- import * as react_jsx_runtime231 from "react/jsx-runtime";
16
+ import * as react43 from "react";
17
+ import * as react_jsx_runtime167 from "react/jsx-runtime";
18
18
  import { ContextValue } from "react-aria-components/slots";
19
19
 
20
20
  //#region src/components/select-field/context.d.ts
21
21
  /** Context for SelectField component */
22
- declare const SelectFieldContext: react54.Context<ContextValue<SelectFieldProps, HTMLDivElement>>;
22
+ declare const SelectFieldContext: react43.Context<ContextValue<SelectFieldProps, HTMLDivElement>>;
23
23
  /**
24
24
  * Provider for setting default props across multiple SelectField components
25
25
  *
@@ -29,7 +29,7 @@ declare const SelectFieldContext: react54.Context<ContextValue<SelectFieldProps,
29
29
  declare function SelectFieldProvider({
30
30
  children,
31
31
  ...props
32
- }: ProviderProps<SelectFieldProps>): react_jsx_runtime231.JSX.Element;
32
+ }: ProviderProps<SelectFieldProps>): react_jsx_runtime167.JSX.Element;
33
33
  //#endregion
34
34
  export { SelectFieldContext, SelectFieldProvider };
35
35
  //# sourceMappingURL=context.d.ts.map
@@ -12,7 +12,7 @@
12
12
 
13
13
  import { SelectFieldProps } from "./types.js";
14
14
  import "client-only";
15
- import * as react_jsx_runtime23 from "react/jsx-runtime";
15
+ import * as react_jsx_runtime174 from "react/jsx-runtime";
16
16
 
17
17
  //#region src/components/select-field/index.d.ts
18
18
 
@@ -43,7 +43,7 @@ import * as react_jsx_runtime23 from "react/jsx-runtime";
43
43
  declare function SelectField({
44
44
  ref,
45
45
  ...props
46
- }: SelectFieldProps): react_jsx_runtime23.JSX.Element;
46
+ }: SelectFieldProps): react_jsx_runtime174.JSX.Element;
47
47
  //#endregion
48
48
  export { SelectField };
49
49
  //# sourceMappingURL=index.d.ts.map
@@ -13,6 +13,10 @@
13
13
  @reference '@accelint/design-foundation/styles';
14
14
 
15
15
  @layer components.l1 {
16
+ .field {
17
+ @apply gap-xs flex flex-col;
18
+ }
19
+
16
20
  .value {
17
21
  @apply font-display flex grow items-center;
18
22
 
@@ -55,7 +59,7 @@
55
59
  @apply justify-between;
56
60
 
57
61
  @variant size-medium {
58
- @apply py-xs;
62
+ @apply py-xxs;
59
63
  min-width: 220px;
60
64
  }
61
65
 
@@ -12,7 +12,7 @@
12
12
 
13
13
  import { SidenavAvatarProps } from "./types.js";
14
14
  import "client-only";
15
- import * as react_jsx_runtime48 from "react/jsx-runtime";
15
+ import * as react_jsx_runtime168 from "react/jsx-runtime";
16
16
 
17
17
  //#region src/components/sidenav/avatar.d.ts
18
18
 
@@ -41,7 +41,7 @@ declare function SidenavAvatar({
41
41
  children,
42
42
  className,
43
43
  ...rest
44
- }: SidenavAvatarProps): react_jsx_runtime48.JSX.Element;
44
+ }: SidenavAvatarProps): react_jsx_runtime168.JSX.Element;
45
45
  //#endregion
46
46
  export { SidenavAvatar };
47
47
  //# sourceMappingURL=avatar.d.ts.map
@@ -12,7 +12,7 @@
12
12
 
13
13
  import { SidenavContentProps } from "./types.js";
14
14
  import "client-only";
15
- import * as react_jsx_runtime49 from "react/jsx-runtime";
15
+ import * as react_jsx_runtime169 from "react/jsx-runtime";
16
16
 
17
17
  //#region src/components/sidenav/content.d.ts
18
18
 
@@ -45,7 +45,7 @@ declare function SidenavContent({
45
45
  className,
46
46
  children,
47
47
  ...rest
48
- }: SidenavContentProps): react_jsx_runtime49.JSX.Element;
48
+ }: SidenavContentProps): react_jsx_runtime169.JSX.Element;
49
49
  //#endregion
50
50
  export { SidenavContent };
51
51
  //# sourceMappingURL=content.d.ts.map
@@ -12,11 +12,11 @@
12
12
 
13
13
  import { SidenavContextValue } from "./types.js";
14
14
  import "client-only";
15
- import * as react14 from "react";
15
+ import * as react44 from "react";
16
16
 
17
17
  //#region src/components/sidenav/context.d.ts
18
18
  /** Context for sidenav state and identification */
19
- declare const SidenavContext: react14.Context<SidenavContextValue>;
19
+ declare const SidenavContext: react44.Context<SidenavContextValue>;
20
20
  //#endregion
21
21
  export { SidenavContext };
22
22
  //# sourceMappingURL=context.d.ts.map
@@ -11,7 +11,7 @@
11
11
  */
12
12
 
13
13
  import { SidenavFooterProps } from "./types.js";
14
- import * as react_jsx_runtime50 from "react/jsx-runtime";
14
+ import * as react_jsx_runtime170 from "react/jsx-runtime";
15
15
 
16
16
  //#region src/components/sidenav/footer.d.ts
17
17
 
@@ -33,7 +33,7 @@ import * as react_jsx_runtime50 from "react/jsx-runtime";
33
33
  * @param props - {@link SidenavFooterProps}
34
34
  * @returns The rendered SidenavFooter component.
35
35
  */
36
- declare function SidenavFooter(props: SidenavFooterProps): react_jsx_runtime50.JSX.Element;
36
+ declare function SidenavFooter(props: SidenavFooterProps): react_jsx_runtime170.JSX.Element;
37
37
  //#endregion
38
38
  export { SidenavFooter };
39
39
  //# sourceMappingURL=footer.d.ts.map
@@ -12,7 +12,7 @@
12
12
 
13
13
  import { SidenavHeaderProps } from "./types.js";
14
14
  import "client-only";
15
- import * as react_jsx_runtime59 from "react/jsx-runtime";
15
+ import * as react_jsx_runtime171 from "react/jsx-runtime";
16
16
 
17
17
  //#region src/components/sidenav/header.d.ts
18
18
 
@@ -42,7 +42,7 @@ declare function SidenavHeader({
42
42
  children,
43
43
  classNames,
44
44
  ...rest
45
- }: SidenavHeaderProps): react_jsx_runtime59.JSX.Element;
45
+ }: SidenavHeaderProps): react_jsx_runtime171.JSX.Element;
46
46
  //#endregion
47
47
  export { SidenavHeader };
48
48
  //# sourceMappingURL=header.d.ts.map
@@ -12,7 +12,7 @@
12
12
 
13
13
  import { SidenavProps } from "./types.js";
14
14
  import "client-only";
15
- import * as react_jsx_runtime60 from "react/jsx-runtime";
15
+ import * as react_jsx_runtime172 from "react/jsx-runtime";
16
16
 
17
17
  //#region src/components/sidenav/index.d.ts
18
18
 
@@ -87,7 +87,7 @@ declare function Sidenav({
87
87
  isHiddenWhenClosed,
88
88
  children,
89
89
  ...rest
90
- }: SidenavProps): react_jsx_runtime60.JSX.Element | null;
90
+ }: SidenavProps): react_jsx_runtime172.JSX.Element | null;
91
91
  //#endregion
92
92
  export { Sidenav };
93
93
  //# sourceMappingURL=index.d.ts.map
@@ -12,7 +12,7 @@
12
12
 
13
13
  import { SidenavItemProps } from "./types.js";
14
14
  import "client-only";
15
- import * as react_jsx_runtime61 from "react/jsx-runtime";
15
+ import * as react_jsx_runtime173 from "react/jsx-runtime";
16
16
 
17
17
  //#region src/components/sidenav/item.d.ts
18
18
 
@@ -40,7 +40,7 @@ declare function SidenavItem({
40
40
  classNames,
41
41
  textValue,
42
42
  ...rest
43
- }: SidenavItemProps): react_jsx_runtime61.JSX.Element;
43
+ }: SidenavItemProps): react_jsx_runtime173.JSX.Element;
44
44
  //#endregion
45
45
  export { SidenavItem };
46
46
  //# sourceMappingURL=item.d.ts.map
@@ -12,7 +12,7 @@
12
12
 
13
13
  import { SidenavLinkProps } from "./types.js";
14
14
  import "client-only";
15
- import * as react_jsx_runtime63 from "react/jsx-runtime";
15
+ import * as react_jsx_runtime175 from "react/jsx-runtime";
16
16
 
17
17
  //#region src/components/sidenav/link.d.ts
18
18
 
@@ -40,7 +40,7 @@ declare function SidenavLink({
40
40
  classNames,
41
41
  textValue,
42
42
  ...rest
43
- }: SidenavLinkProps): react_jsx_runtime63.JSX.Element;
43
+ }: SidenavLinkProps): react_jsx_runtime175.JSX.Element;
44
44
  //#endregion
45
45
  export { SidenavLink };
46
46
  //# sourceMappingURL=link.d.ts.map
@@ -11,7 +11,7 @@
11
11
  */
12
12
 
13
13
  import { SidenavMenuItemProps } from "./types.js";
14
- import * as react_jsx_runtime65 from "react/jsx-runtime";
14
+ import * as react_jsx_runtime176 from "react/jsx-runtime";
15
15
 
16
16
  //#region src/components/sidenav/menu-item.d.ts
17
17
 
@@ -37,7 +37,7 @@ declare function SidenavMenuItem({
37
37
  className,
38
38
  children,
39
39
  ...rest
40
- }: SidenavMenuItemProps): react_jsx_runtime65.JSX.Element;
40
+ }: SidenavMenuItemProps): react_jsx_runtime176.JSX.Element;
41
41
  //#endregion
42
42
  export { SidenavMenuItem };
43
43
  //# sourceMappingURL=menu-item.d.ts.map
@@ -12,7 +12,7 @@
12
12
 
13
13
  import { SidenavMenuProps } from "./types.js";
14
14
  import "client-only";
15
- import * as react_jsx_runtime150 from "react/jsx-runtime";
15
+ import * as react_jsx_runtime177 from "react/jsx-runtime";
16
16
 
17
17
  //#region src/components/sidenav/menu.d.ts
18
18
 
@@ -43,7 +43,7 @@ declare function SidenavMenu({
43
43
  classNames,
44
44
  children,
45
45
  ...rest
46
- }: SidenavMenuProps): react_jsx_runtime150.JSX.Element;
46
+ }: SidenavMenuProps): react_jsx_runtime177.JSX.Element;
47
47
  //#endregion
48
48
  export { SidenavMenu };
49
49
  //# sourceMappingURL=menu.d.ts.map
@@ -12,7 +12,7 @@
12
12
 
13
13
  import { SidenavTriggerProps } from "./types.js";
14
14
  import "client-only";
15
- import * as react_jsx_runtime145 from "react/jsx-runtime";
15
+ import * as react_jsx_runtime178 from "react/jsx-runtime";
16
16
 
17
17
  //#region src/components/sidenav/trigger.d.ts
18
18
 
@@ -39,7 +39,7 @@ declare function SidenavTrigger({
39
39
  children,
40
40
  for: type,
41
41
  ...rest
42
- }: SidenavTriggerProps): react_jsx_runtime145.JSX.Element;
42
+ }: SidenavTriggerProps): react_jsx_runtime178.JSX.Element;
43
43
  //#endregion
44
44
  export { SidenavTrigger };
45
45
  //# sourceMappingURL=trigger.d.ts.map
@@ -11,7 +11,7 @@
11
11
  */
12
12
 
13
13
  import { SkeletonProps } from "./types.js";
14
- import * as react_jsx_runtime47 from "react/jsx-runtime";
14
+ import * as react_jsx_runtime179 from "react/jsx-runtime";
15
15
 
16
16
  //#region src/components/skeleton/index.d.ts
17
17
  /**
@@ -34,7 +34,7 @@ declare function Skeleton({
34
34
  className,
35
35
  variant,
36
36
  ...rest
37
- }: SkeletonProps): react_jsx_runtime47.JSX.Element;
37
+ }: SkeletonProps): react_jsx_runtime179.JSX.Element;
38
38
  //#endregion
39
39
  export { Skeleton };
40
40
  //# sourceMappingURL=index.d.ts.map
@@ -12,7 +12,7 @@
12
12
 
13
13
  import { SliderProps } from "./types.js";
14
14
  import "client-only";
15
- import * as react_jsx_runtime126 from "react/jsx-runtime";
15
+ import * as react_jsx_runtime180 from "react/jsx-runtime";
16
16
 
17
17
  //#region src/components/slider/index.d.ts
18
18
 
@@ -71,7 +71,7 @@ declare function Slider({
71
71
  step: stepProp,
72
72
  value: valueProp,
73
73
  ...rest
74
- }: SliderProps): react_jsx_runtime126.JSX.Element;
74
+ }: SliderProps): react_jsx_runtime180.JSX.Element;
75
75
  //#endregion
76
76
  export { Slider };
77
77
  //# sourceMappingURL=index.d.ts.map
@@ -12,30 +12,36 @@
12
12
 
13
13
  import { StatusIndicatorProps } from "./types.js";
14
14
  import "client-only";
15
- import * as react_jsx_runtime127 from "react/jsx-runtime";
15
+ import * as react_jsx_runtime181 from "react/jsx-runtime";
16
16
 
17
17
  //#region src/components/status-indicator/index.d.ts
18
+
18
19
  /**
19
20
  * StatusIndicator - A component for displaying connection/service status information
20
21
  *
21
22
  * Provides a purely presentational component to allow users to display the status of something.
22
- * Only 'good,' 'degraded,', and 'poor' statuses are being supported.
23
+ * Supports 'good', 'degraded', 'poor', 'unknown', and 'pending' statuses.
23
24
  *
24
25
  * @param props - {@link StatusIndicatorProps}
25
- * @param props.status - The status to display (good, degraded, or poor)
26
+ * @param props.status - The status to display
27
+ * @param props.textValue - Optional label to display next to the status icon
26
28
  * @returns The rendered StatusIndicator component.
27
29
  *
28
30
  * @example
29
31
  * ```tsx
30
32
  * // Basic status indicator
31
33
  * <StatusIndicator status="good" />
34
+ *
35
+ * // With label
36
+ * <StatusIndicator status="degraded" textValue="Connection unstable" />
32
37
  * ```
33
38
  */
34
39
  declare function StatusIndicator({
35
40
  className,
36
41
  status,
42
+ textValue,
37
43
  ...rest
38
- }: StatusIndicatorProps): react_jsx_runtime127.JSX.Element;
44
+ }: StatusIndicatorProps): react_jsx_runtime181.JSX.Element;
39
45
  //#endregion
40
46
  export { StatusIndicator };
41
47
  //# sourceMappingURL=index.d.ts.map
@@ -15,7 +15,8 @@
15
15
 
16
16
  import "client-only";
17
17
  import { clsx } from "@accelint/design-foundation/lib/utils";
18
- import { jsx } from "react/jsx-runtime";
18
+ import { jsx, jsxs } from "react/jsx-runtime";
19
+ import { Label } from "react-aria-components/Label";
19
20
  import styles from "./styles.module.css";
20
21
 
21
22
  //#region src/components/status-indicator/index.tsx
@@ -23,25 +24,37 @@ import styles from "./styles.module.css";
23
24
  * StatusIndicator - A component for displaying connection/service status information
24
25
  *
25
26
  * Provides a purely presentational component to allow users to display the status of something.
26
- * Only 'good,' 'degraded,', and 'poor' statuses are being supported.
27
+ * Supports 'good', 'degraded', 'poor', 'unknown', and 'pending' statuses.
27
28
  *
28
29
  * @param props - {@link StatusIndicatorProps}
29
- * @param props.status - The status to display (good, degraded, or poor)
30
+ * @param props.status - The status to display
31
+ * @param props.textValue - Optional label to display next to the status icon
30
32
  * @returns The rendered StatusIndicator component.
31
33
  *
32
34
  * @example
33
35
  * ```tsx
34
36
  * // Basic status indicator
35
37
  * <StatusIndicator status="good" />
38
+ *
39
+ * // With label
40
+ * <StatusIndicator status="degraded" textValue="Connection unstable" />
36
41
  * ```
37
42
  */
38
- function StatusIndicator({ className, status = "good", ...rest }) {
39
- return /* @__PURE__ */ jsx("span", {
43
+ function StatusIndicator({ className, status = "good", textValue, ...rest }) {
44
+ const statusIcon = /* @__PURE__ */ jsx("span", {
40
45
  ...rest,
41
46
  className: clsx(styles.icon, className),
42
47
  "data-status": status,
43
48
  "data-testid": `status-${status}-icon`
44
49
  });
50
+ if (textValue) return /* @__PURE__ */ jsxs("div", {
51
+ className: "flex items-center gap-s",
52
+ children: [/* @__PURE__ */ jsx("div", {
53
+ className: "flex min-w-m justify-center",
54
+ children: statusIcon
55
+ }), /* @__PURE__ */ jsx(Label, { children: textValue })]
56
+ });
57
+ return statusIcon;
45
58
  }
46
59
 
47
60
  //#endregion
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":[],"sources":["../../../src/components/status-indicator/index.tsx"],"sourcesContent":["/*\n * Copyright 2026 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 styles from './styles.module.css';\nimport type { StatusIndicatorProps } from './types';\n\n/**\n * StatusIndicator - A component for displaying connection/service status information\n *\n * Provides a purely presentational component to allow users to display the status of something.\n * Only 'good,' 'degraded,', and 'poor' statuses are being supported.\n *\n * @param props - {@link StatusIndicatorProps}\n * @param props.status - The status to display (good, degraded, or poor)\n * @returns The rendered StatusIndicator component.\n *\n * @example\n * ```tsx\n * // Basic status indicator\n * <StatusIndicator status=\"good\" />\n * ```\n */\n\nexport function StatusIndicator({\n className,\n status = 'good',\n ...rest\n}: StatusIndicatorProps) {\n return (\n <span\n {...rest}\n className={clsx(styles.icon, className)}\n data-status={status}\n data-testid={`status-${status}-icon`}\n />\n );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmCA,SAAgB,gBAAgB,EAC9B,WACA,SAAS,QACT,GAAG,QACoB;AACvB,QACE,oBAAC;EACC,GAAI;EACJ,WAAW,KAAK,OAAO,MAAM,UAAU;EACvC,eAAa;EACb,eAAa,UAAU,OAAO;GAC9B"}
1
+ {"version":3,"file":"index.js","names":[],"sources":["../../../src/components/status-indicator/index.tsx"],"sourcesContent":["/*\n * Copyright 2026 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 styles from './styles.module.css';\nimport type { StatusIndicatorProps } from './types';\nimport { Label } from 'react-aria-components/Label';\n\n/**\n * StatusIndicator - A component for displaying connection/service status information\n *\n * Provides a purely presentational component to allow users to display the status of something.\n * Supports 'good', 'degraded', 'poor', 'unknown', and 'pending' statuses.\n *\n * @param props - {@link StatusIndicatorProps}\n * @param props.status - The status to display\n * @param props.textValue - Optional label to display next to the status icon\n * @returns The rendered StatusIndicator component.\n *\n * @example\n * ```tsx\n * // Basic status indicator\n * <StatusIndicator status=\"good\" />\n *\n * // With label\n * <StatusIndicator status=\"degraded\" textValue=\"Connection unstable\" />\n * ```\n */\nexport function StatusIndicator({\n className,\n status = 'good',\n textValue,\n ...rest\n}: StatusIndicatorProps) {\n const statusIcon = (\n <span\n {...rest}\n className={clsx(styles.icon, className)}\n data-status={status}\n data-testid={`status-${status}-icon`}\n />\n );\n\n if (textValue) {\n return (\n <div className='flex items-center gap-s'>\n <div className='flex min-w-m justify-center'>{statusIcon}</div>\n <Label>{textValue}</Label>\n </div>\n );\n }\n\n return statusIcon;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuCA,SAAgB,gBAAgB,EAC9B,WACA,SAAS,QACT,WACA,GAAG,QACoB;CACvB,MAAM,aACJ,oBAAC;EACC,GAAI;EACJ,WAAW,KAAK,OAAO,MAAM,UAAU;EACvC,eAAa;EACb,eAAa,UAAU,OAAO;GAC9B;AAGJ,KAAI,UACF,QACE,qBAAC;EAAI,WAAU;aACb,oBAAC;GAAI,WAAU;aAA+B;IAAiB,EAC/D,oBAAC,mBAAO,YAAkB;GACtB;AAIV,QAAO"}
@@ -30,5 +30,13 @@
30
30
  /* isosceles triangle */
31
31
  clip-path: polygon(0% 0%, 100% 0%, 50% 100%);
32
32
  }
33
+
34
+ @variant data-[status=pending] {
35
+ @apply outline-accent-primary-bold size-s rounded-full bg-transparent outline-2;
36
+ }
37
+
38
+ @variant data-[status=unknown] {
39
+ @apply size-s rounded-full bg-(--fg-info-bold);
40
+ }
33
41
  }
34
42
  }
@@ -14,7 +14,8 @@ import { ComponentPropsWithRef } from "react";
14
14
 
15
15
  //#region src/components/status-indicator/types.d.ts
16
16
  type StatusIndicatorProps = ComponentPropsWithRef<'span'> & {
17
- status?: 'good' | 'degraded' | 'poor';
17
+ status?: 'good' | 'degraded' | 'poor' | 'pending' | 'unknown';
18
+ textValue?: string;
18
19
  };
19
20
  //#endregion
20
21
  export { StatusIndicatorProps };
@@ -13,13 +13,13 @@
13
13
  import { ProviderProps } from "../../lib/types.js";
14
14
  import { SwitchProps } from "./types.js";
15
15
  import "client-only";
16
- import * as react34 from "react";
17
- import * as react_jsx_runtime122 from "react/jsx-runtime";
16
+ import * as react45 from "react";
17
+ import * as react_jsx_runtime182 from "react/jsx-runtime";
18
18
  import { ContextValue } from "react-aria-components/slots";
19
19
 
20
20
  //#region src/components/switch/context.d.ts
21
21
  /** Context for sharing props across Switch components */
22
- declare const SwitchContext: react34.Context<ContextValue<SwitchProps, HTMLLabelElement>>;
22
+ declare const SwitchContext: react45.Context<ContextValue<SwitchProps, HTMLLabelElement>>;
23
23
  /**
24
24
  * Sets default props for all Switch components within.
25
25
  *
@@ -38,7 +38,7 @@ declare const SwitchContext: react34.Context<ContextValue<SwitchProps, HTMLLabel
38
38
  declare function SwitchProvider({
39
39
  children,
40
40
  ...props
41
- }: ProviderProps<SwitchProps>): react_jsx_runtime122.JSX.Element;
41
+ }: ProviderProps<SwitchProps>): react_jsx_runtime182.JSX.Element;
42
42
  //#endregion
43
43
  export { SwitchContext, SwitchProvider };
44
44
  //# sourceMappingURL=context.d.ts.map
@@ -12,7 +12,7 @@
12
12
 
13
13
  import { SwitchProps } from "./types.js";
14
14
  import "client-only";
15
- import * as react_jsx_runtime128 from "react/jsx-runtime";
15
+ import * as react_jsx_runtime183 from "react/jsx-runtime";
16
16
 
17
17
  //#region src/components/switch/index.d.ts
18
18
 
@@ -38,7 +38,7 @@ import * as react_jsx_runtime128 from "react/jsx-runtime";
38
38
  declare function Switch({
39
39
  ref,
40
40
  ...props
41
- }: SwitchProps): react_jsx_runtime128.JSX.Element;
41
+ }: SwitchProps): react_jsx_runtime183.JSX.Element;
42
42
  //#endregion
43
43
  export { Switch };
44
44
  //# sourceMappingURL=index.d.ts.map
@@ -11,7 +11,7 @@
11
11
  */
12
12
 
13
13
  import { TableBodyProps } from "./types.js";
14
- import * as react_jsx_runtime129 from "react/jsx-runtime";
14
+ import * as react_jsx_runtime184 from "react/jsx-runtime";
15
15
 
16
16
  //#region src/components/table/body.d.ts
17
17
 
@@ -39,7 +39,7 @@ declare function TableBody<T>({
39
39
  ref,
40
40
  rows,
41
41
  ...rest
42
- }: TableBodyProps<T>): react_jsx_runtime129.JSX.Element;
42
+ }: TableBodyProps<T>): react_jsx_runtime184.JSX.Element;
43
43
  //#endregion
44
44
  export { TableBody };
45
45
  //# sourceMappingURL=body.d.ts.map
@@ -11,7 +11,7 @@
11
11
  */
12
12
 
13
13
  import { TableCellProps } from "./types.js";
14
- import * as react_jsx_runtime146 from "react/jsx-runtime";
14
+ import * as react_jsx_runtime185 from "react/jsx-runtime";
15
15
 
16
16
  //#region src/components/table/cell.d.ts
17
17
 
@@ -40,7 +40,7 @@ declare function TableCell<T>({
40
40
  className,
41
41
  cell,
42
42
  ...rest
43
- }: TableCellProps<T>): react_jsx_runtime146.JSX.Element;
43
+ }: TableCellProps<T>): react_jsx_runtime185.JSX.Element;
44
44
  //#endregion
45
45
  export { TableCell };
46
46
  //# sourceMappingURL=cell.d.ts.map
@@ -11,11 +11,11 @@
11
11
  */
12
12
 
13
13
  import { TableContextValue } from "./types.js";
14
- import * as react39 from "react";
14
+ import * as react46 from "react";
15
15
 
16
16
  //#region src/components/table/context.d.ts
17
17
  /** Context for sharing table configuration across subcomponents */
18
- declare const TableContext: react39.Context<TableContextValue>;
18
+ declare const TableContext: react46.Context<TableContextValue>;
19
19
  //#endregion
20
20
  export { TableContext };
21
21
  //# sourceMappingURL=context.d.ts.map
@@ -11,7 +11,7 @@
11
11
  */
12
12
 
13
13
  import { TableHeaderCellProps } from "./types.js";
14
- import * as react_jsx_runtime147 from "react/jsx-runtime";
14
+ import * as react_jsx_runtime186 from "react/jsx-runtime";
15
15
 
16
16
  //#region src/components/table/header-cell.d.ts
17
17
 
@@ -42,7 +42,7 @@ declare function TableHeaderCell<T>({
42
42
  className,
43
43
  header,
44
44
  ...rest
45
- }: TableHeaderCellProps<T>): react_jsx_runtime147.JSX.Element;
45
+ }: TableHeaderCellProps<T>): react_jsx_runtime186.JSX.Element;
46
46
  //#endregion
47
47
  export { TableHeaderCell };
48
48
  //# sourceMappingURL=header-cell.d.ts.map
@@ -11,7 +11,7 @@
11
11
  */
12
12
 
13
13
  import { TableHeaderProps } from "./types.js";
14
- import * as react_jsx_runtime149 from "react/jsx-runtime";
14
+ import * as react_jsx_runtime187 from "react/jsx-runtime";
15
15
 
16
16
  //#region src/components/table/header.d.ts
17
17
 
@@ -41,7 +41,7 @@ declare function TableHeader<T>({
41
41
  headerGroups,
42
42
  columnSelection,
43
43
  ...rest
44
- }: TableHeaderProps<T>): react_jsx_runtime149.JSX.Element;
44
+ }: TableHeaderProps<T>): react_jsx_runtime187.JSX.Element;
45
45
  //#endregion
46
46
  export { TableHeader };
47
47
  //# sourceMappingURL=header.d.ts.map
@@ -12,7 +12,7 @@
12
12
 
13
13
  import { TableProps } from "./types.js";
14
14
  import "client-only";
15
- import * as react_jsx_runtime151 from "react/jsx-runtime";
15
+ import * as react_jsx_runtime188 from "react/jsx-runtime";
16
16
  import { Key } from "@react-types/shared";
17
17
 
18
18
  //#region src/components/table/index.d.ts
@@ -72,7 +72,7 @@ declare function Table<T extends {
72
72
  defaultPage,
73
73
  onPageChange,
74
74
  ...rest
75
- }: TableProps<T>): react_jsx_runtime151.JSX.Element;
75
+ }: TableProps<T>): react_jsx_runtime188.JSX.Element;
76
76
  //#endregion
77
77
  export { Table };
78
78
  //# sourceMappingURL=index.d.ts.map
@@ -11,7 +11,7 @@
11
11
  */
12
12
 
13
13
  import { TableRowProps } from "./types.js";
14
- import * as react_jsx_runtime130 from "react/jsx-runtime";
14
+ import * as react_jsx_runtime189 from "react/jsx-runtime";
15
15
 
16
16
  //#region src/components/table/row.d.ts
17
17
 
@@ -44,7 +44,7 @@ declare function TableRow<T>({
44
44
  className,
45
45
  row,
46
46
  ...rest
47
- }: TableRowProps<T>): react_jsx_runtime130.JSX.Element;
47
+ }: TableRowProps<T>): react_jsx_runtime189.JSX.Element;
48
48
  //#endregion
49
49
  export { TableRow };
50
50
  //# sourceMappingURL=row.d.ts.map