@nxgt/material 3.73.0 → 3.75.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 (154) hide show
  1. package/CHANGELOG.md +72 -0
  2. package/README.md +10 -7
  3. package/dist/{alert-dialog-A8K8zai1.js → alert-dialog-BfO_ri-N.js} +1 -1
  4. package/dist/{async-slice-B8933IHY.js → async-slice-roMAJVzG.js} +1 -1
  5. package/dist/{background-D1gC4m2R.js → background-Q4Ek3rNy.js} +3 -1
  6. package/dist/backgrounds/css-react/celestial-day.css +85 -0
  7. package/dist/backgrounds/css-react/celestial.css +11 -11
  8. package/dist/backgrounds.js +1 -1
  9. package/dist/{button-C8moFnIT.js → button-DgenqmpS.js} +1 -1
  10. package/dist/charts.js +3 -3
  11. package/dist/{chip-B6AY1E91.js → chip-CiDczNxO.js} +2 -2
  12. package/dist/{code-editor-DQZIKL54.js → code-editor-CohlhFsA.js} +5 -5
  13. package/dist/code-editor.js +5 -5
  14. package/dist/{code-language-items-8VL0aMKG.js → code-language-items-Cs8GLYDp.js} +2 -2
  15. package/dist/components/ui/collections/data-table/data-table-items-actions.css +37 -0
  16. package/dist/components/ui/collections/data-table/data-table-items-chevron.css +28 -0
  17. package/dist/components/ui/collections/data-table/data-table-items-tiles.css +7 -0
  18. package/dist/components/ui/collections/data-table/index.css +5 -1
  19. package/dist/components/ui/display/seat-ring/seat-ring.css +26 -0
  20. package/dist/components/ui/display/secret-card/secret-card.css +5 -1
  21. package/dist/components/ui/feedback/celebration/celebration.css +49 -0
  22. package/dist/components/ui/feedback/feedback.css +4 -0
  23. package/dist/components/ui/feedback/moment/moment.css +22 -0
  24. package/dist/{components-Cvp2F9uk.js → components-zJdfH4im.js} +16930 -16524
  25. package/dist/components.js +28 -28
  26. package/dist/{dialog-WuLTwxkr.js → dialog-AGsB3bv4.js} +4 -4
  27. package/dist/dnd.js +1 -1
  28. package/dist/{dropdown-menu-tadySeGH.js → dropdown-menu-CzR6JP31.js} +1 -1
  29. package/dist/editor.js +10 -10
  30. package/dist/{empty-state-ZYiFSSBQ.js → empty-state-DjHGMp5F.js} +2 -2
  31. package/dist/{field-blur-BYR0yE5L.js → field-blur-CdASxjL7.js} +1 -1
  32. package/dist/{field-blur-context-bEhByoK-.js → field-blur-context-kZ4SD7xu.js} +1 -1
  33. package/dist/{hooks-GpwD8iDu.js → hooks-Dqq8O3Az.js} +2 -2
  34. package/dist/hooks.js +2 -2
  35. package/dist/{hover-card-BowaI_ra.js → hover-card-BPKqte4a.js} +1 -1
  36. package/dist/i18n.js +3 -3
  37. package/dist/{icon-badge-B1B0Lg02.js → icon-badge-B9uvDoyY.js} +3 -3
  38. package/dist/{icon-button-BbGU17cb.js → icon-button-Cr-DyDGg.js} +1 -1
  39. package/dist/lib/backgrounds/background/available.d.ts +4 -4
  40. package/dist/lib/backgrounds/background/background.d.ts +1 -1
  41. package/dist/lib/backgrounds/background/types.d.ts +1 -1
  42. package/dist/lib/components/ui/collections/data-table/layout-types.d.ts +13 -0
  43. package/dist/lib/components/ui/collections/data-table/partials/layouts/data-table-item-actions.d.ts +12 -0
  44. package/dist/lib/components/ui/collections/data-table/partials/layouts/data-table-item-title.d.ts +2 -1
  45. package/dist/lib/components/ui/collections/data-table/select-checkbox.d.ts +2 -1
  46. package/dist/lib/components/ui/collections/filter/bar/filter-bar-classes.d.ts +2 -2
  47. package/dist/lib/components/ui/collections/filter/bar/filter-bar-view.d.ts +1 -1
  48. package/dist/lib/components/ui/collections/filter/facets/filter-facets.d.ts +1 -1
  49. package/dist/lib/components/ui/collections/filter/query/types.d.ts +6 -0
  50. package/dist/lib/components/ui/collections/filter/query/view-types.d.ts +1 -0
  51. package/dist/lib/components/ui/collections/filter/sections/chips/filter-chip-body.d.ts +1 -1
  52. package/dist/lib/components/ui/collections/filter/sections/filter-search.d.ts +1 -0
  53. package/dist/lib/components/ui/collections/filter/sections/filter-sections-classes.d.ts +8 -0
  54. package/dist/lib/components/ui/collections/server-table/partials/server-table-band-classes.d.ts +3 -2
  55. package/dist/lib/components/ui/collections/server-table/partials/server-table-empty-page.d.ts +4 -0
  56. package/dist/lib/components/ui/collections/server-table/server-table-classes.d.ts +8 -2
  57. package/dist/lib/components/ui/collections/server-table/types.d.ts +11 -1
  58. package/dist/lib/components/ui/display/change-history/partials/changes-collapse.d.ts +2 -1
  59. package/dist/lib/components/ui/display/highlighted-text/highlight-ranges.d.ts +11 -0
  60. package/dist/lib/components/ui/display/highlighted-text/highlighted-text.d.ts +16 -0
  61. package/dist/lib/components/ui/display/highlighted-text/index.d.ts +2 -0
  62. package/dist/lib/components/ui/display/index.d.ts +1 -0
  63. package/dist/lib/components/ui/display/list-tile/list-tile.d.ts +10 -1
  64. package/dist/lib/components/ui/display/list-tile/partials/list-tile-box.d.ts +16 -0
  65. package/dist/lib/components/ui/display/list-tile/partials/list-tile-classes.d.ts +3 -1
  66. package/dist/lib/components/ui/display/list-tile/partials/list-tile-line.d.ts +1 -1
  67. package/dist/lib/components/ui/display/list-tile/partials/list-tile-row.d.ts +1 -1
  68. package/dist/lib/components/ui/display/seat-ring/types.d.ts +6 -0
  69. package/dist/lib/components/ui/display/secret-card/types.d.ts +6 -0
  70. package/dist/lib/components/ui/feedback/celebration/celebration.d.ts +24 -0
  71. package/dist/lib/components/ui/feedback/celebration/index.d.ts +1 -0
  72. package/dist/lib/components/ui/feedback/countdown-timer/countdown-ring.d.ts +1 -1
  73. package/dist/lib/components/ui/feedback/countdown-timer/countdown-timer.d.ts +2 -1
  74. package/dist/lib/components/ui/feedback/index.d.ts +2 -0
  75. package/dist/lib/components/ui/feedback/moment/index.d.ts +1 -0
  76. package/dist/lib/components/ui/feedback/moment/moment-body.d.ts +9 -0
  77. package/dist/lib/components/ui/feedback/moment/moment.d.ts +33 -0
  78. package/dist/lib/components/ui/fields/choice-list/choice-list-control.d.ts +17 -0
  79. package/dist/lib/components/ui/fields/choice-list/choice-list-focus.d.ts +7 -0
  80. package/dist/lib/components/ui/fields/contacts/placeholders.d.ts +1 -1
  81. package/dist/lib/components/ui/fields/number-field/number-stepper.d.ts +11 -0
  82. package/dist/lib/components/ui/fields/quantity-field/quantity-row.d.ts +8 -0
  83. package/dist/lib/components/ui/overlays/command/command-dialog.d.ts +8 -1
  84. package/dist/lib/components/ui/primitives/tabs/tabs-overflow-classes.d.ts +1 -1
  85. package/dist/lib/components/ui/selection/chip-group-field/chip-group-field.d.ts +2 -2
  86. package/dist/lib/components/ui/selection/chip-group-field/partials/chip-group-option.d.ts +5 -3
  87. package/dist/lib/components/ui/selection/choice-group/choice-group-root.d.ts +3 -1
  88. package/dist/lib/components/ui/widgets/chat/chat-thread-header-parts.d.ts +17 -0
  89. package/dist/lib/components/ui/widgets/chat/chat-thread-header.d.ts +9 -3
  90. package/dist/lib/components/ui/widgets/chat/proposal/chat-tool-activity.d.ts +3 -1
  91. package/dist/lib/i18n/resources/en/en.d.ts +4 -0
  92. package/dist/lib/i18n/resources/en/material.json.d.ts +5 -1
  93. package/dist/lib/i18n/resources/fr/fr.d.ts +4 -0
  94. package/dist/lib/i18n/resources/fr/material.json.d.ts +5 -1
  95. package/dist/lib/i18n/resources/resources.d.ts +8 -0
  96. package/dist/lib/i18n/translator.d.ts +1 -1
  97. package/dist/lib/illustrations-game/index.d.ts +6 -5
  98. package/dist/lib.js +1 -1
  99. package/dist/main.js +42 -42
  100. package/dist/map.js +8 -8
  101. package/dist/material.css +1 -1
  102. package/dist/pdf-reader.js +1 -1
  103. package/dist/print.js +1 -1
  104. package/dist/{public-CFj2qn7l.js → public-DC9VQw4Z.js} +9 -9
  105. package/dist/{rich-code-block-B7Teg7-e.js → rich-code-block-DBSL9zEN.js} +5 -5
  106. package/dist/{sortable-provider-DU2zp_jn.js → sortable-provider-C4tk5esY.js} +2 -2
  107. package/dist/{spinner-C5Kb6MWu.js → spinner-B2MubVWb.js} +1 -1
  108. package/dist/theme-picker.js +2 -2
  109. package/dist/{theme-toggle-B1JZg7mU.js → theme-toggle-BInlu21G.js} +1 -1
  110. package/dist/{toolbar-items-m_1FTFPQ.js → toolbar-items-CRJSx1MU.js} +3 -3
  111. package/dist/{translate-material-D1ndrd7a.js → translate-material-pVlPJ1v4.js} +1 -1
  112. package/dist/{translator-CtEC_AQa.js → translator-BoYCward.js} +10 -2
  113. package/dist/{typography-prQHb3gI.js → typography-B6YMbCge.js} +1 -1
  114. package/dist/{use-chat-composer-BAoUsyKN.js → use-chat-composer-BvWQogJe.js} +2046 -2037
  115. package/dist/{use-heading-spy-Bzj5mIUZ.js → use-heading-spy-B_Z4ArDh.js} +4 -4
  116. package/dist/{use-material-translation-C6H0B4kE.js → use-material-translation-CIS2n3RB.js} +1 -1
  117. package/dist/{use-return-focus-CkUX1HFl.js → use-return-focus-DNQtADAR.js} +1 -1
  118. package/docs/components/data-display.md +60 -6
  119. package/docs/components/data-table-filter-and-lists.md +22 -6
  120. package/docs/components/feedback-and-status.md +69 -1
  121. package/docs/components/form-fields.md +22 -3
  122. package/docs/components/navigation-and-layout.md +1 -1
  123. package/docs/components/overlays-and-menus.md +2 -1
  124. package/docs/components/primitives.md +2 -2
  125. package/docs/components/rich-widgets.md +3 -2
  126. package/docs/components/selection-and-choice.md +3 -3
  127. package/docs/getting-started.md +1 -1
  128. package/docs/guides/app-shell.md +1 -1
  129. package/docs/guides/backgrounds.md +23 -11
  130. package/docs/guides/cards-and-tiles.md +42 -3
  131. package/docs/guides/i18n.md +4 -1
  132. package/docs/guides/icon-motifs.md +7 -7
  133. package/docs/guides/illustrations.md +6 -5
  134. package/docs/guides/theming.md +5 -1
  135. package/docs/previews/backgrounds-day-and-dawn-sky.webp +0 -0
  136. package/docs/previews/data-display-highlightedtext.webp +0 -0
  137. package/docs/previews/feedback-status-illustration-game.webp +0 -0
  138. package/docs/roadmap.md +1 -0
  139. package/docs/troubleshooting.md +44 -4
  140. package/lib/backgrounds/css-react/celestial-day.css +85 -0
  141. package/lib/backgrounds/css-react/celestial.css +11 -11
  142. package/lib/components/ui/collections/data-table/data-table-items-actions.css +37 -0
  143. package/lib/components/ui/collections/data-table/data-table-items-chevron.css +28 -0
  144. package/lib/components/ui/collections/data-table/data-table-items-tiles.css +7 -0
  145. package/lib/components/ui/collections/data-table/index.css +5 -1
  146. package/lib/components/ui/display/seat-ring/seat-ring.css +26 -0
  147. package/lib/components/ui/display/secret-card/secret-card.css +5 -1
  148. package/lib/components/ui/feedback/celebration/celebration.css +49 -0
  149. package/lib/components/ui/feedback/feedback.css +4 -0
  150. package/lib/components/ui/feedback/moment/moment.css +22 -0
  151. package/lib/theme-picker/theme-picker.css +1 -0
  152. package/lib/theme-picker/theme-tile-textures-day.css +43 -0
  153. package/lib/themes/teal.css +20 -18
  154. package/package.json +7 -3
@@ -12,15 +12,17 @@ export type ChipGroupChipProps = {
12
12
  name?: string;
13
13
  /** The chips sit in grid cells: each fills its cell and centres its text. */
14
14
  columns?: boolean;
15
- /** Print a disabled option's reason under the chip. */
15
+ /** The group prints a disabled option's reason below the whole row: the tooltip then keeps only the description. */
16
16
  showReason?: boolean;
17
17
  };
18
18
  /**
19
19
  * One chip of a `ChipGroupField`: a `Chip` with the group's role (`radio` or
20
20
  * `checkbox`), `aria-checked`, and the tab stop. A chosen chip swaps its icon
21
21
  * for the chip's own check, so the choice never relies on colour alone. The
22
- * disabled reason is printed under it (`showReason`, else it is the tooltip),
23
- * and the reason and the description are read out through `aria-describedby`.
22
+ * disabled reason is never laid out beside the chip, so the row keeps its
23
+ * wrapping: the field prints it below the whole group (`showReason`, else it
24
+ * is the tooltip), and the reason and the description are read out through
25
+ * `aria-describedby`.
24
26
  */
25
27
  export declare function ChipGroupChip({ group, option, index, size, dataPw, name, columns, showReason, }: ChipGroupChipProps): import("react").JSX.Element;
26
28
  export {};
@@ -9,10 +9,12 @@ export type ChoiceGroupRootProps = {
9
9
  contentClassName?: string;
10
10
  /** The items draw a disabled option's reason themselves: only the others stay hidden here. */
11
11
  inlineReasons?: boolean;
12
+ /** Printed after the items, outside their flow: the visible reasons the items point to. */
13
+ reasonsBelow?: ReactNode;
12
14
  children: ReactNode;
13
15
  } & Omit<ComponentProps<'div'>, 'children' | 'role' | 'id' | 'onKeyDown'>;
14
16
  /**
15
17
  * A choice group's root: label, items, help or "not valid" hint, the hidden
16
18
  * reasons items point to, and a polite live region for the count.
17
19
  */
18
- export declare function ChoiceGroupRoot({ group, name, slot, className, contentClassName, inlineReasons, children, ref: _ref, ...props }: ChoiceGroupRootProps): import("react").JSX.Element;
20
+ export declare function ChoiceGroupRoot({ group, name, slot, className, contentClassName, inlineReasons, reasonsBelow, children, ref: _ref, ...props }: ChoiceGroupRootProps): import("react").JSX.Element;
@@ -0,0 +1,17 @@
1
+ import { ReactNode } from 'react';
2
+ /** The back button of a thread header. */
3
+ export declare function ChatThreadHeaderBack({ label, onClick, explicit, }: {
4
+ label: string;
5
+ onClick: () => void;
6
+ /** True when the caller passed `onBack`: the button then shows at every width. */
7
+ explicit: boolean;
8
+ }): import("react").JSX.Element;
9
+ /** The title and subtitle lines, each keeping its full text in a `title`. */
10
+ export declare function ChatThreadHeaderText({ title, subtitle, titleText, subtitleText, inset, }: {
11
+ title: ReactNode;
12
+ subtitle?: ReactNode;
13
+ titleText?: string;
14
+ subtitleText?: string;
15
+ /** Adds a start padding when nothing precedes the text. */
16
+ inset: boolean;
17
+ }): import("react").JSX.Element;
@@ -4,6 +4,10 @@ export type ChatThreadHeaderProps = Omit<ComponentProps<'div'>, 'title' | 'child
4
4
  title: ReactNode;
5
5
  /** A line under the title: "Online", "typing…", "3 members". */
6
6
  subtitle?: ReactNode;
7
+ /** The full text of a clipped `title` that is not a string (a node). */
8
+ titleText?: string;
9
+ /** The full text of a clipped `subtitle` that is not a string (a node). */
10
+ subtitleText?: string;
7
11
  avatarSrc?: string;
8
12
  avatarFallback?: ReactNode;
9
13
  /** Replaces the avatar (an `AvatarGroup` for a group, say). */
@@ -17,7 +21,9 @@ export type ChatThreadHeaderProps = Omit<ComponentProps<'div'>, 'title' | 'child
17
21
  };
18
22
  /**
19
23
  * A thread's title bar: avatar with presence, name, a status line and
20
- * actions. Inside a `ChatInbox` on a narrow screen it carries the back
21
- * button (the inbox then drops its own back bar).
24
+ * actions. A long name wraps onto two lines and keeps its full text in a
25
+ * `title`; a node `title` or `subtitle` takes `titleText` / `subtitleText`.
26
+ * Inside a `ChatInbox` on a narrow screen it carries the back button (the
27
+ * inbox then drops its own back bar).
22
28
  */
23
- export declare function ChatThreadHeader({ title, subtitle, avatarSrc, avatarFallback, avatar, status, actions, onBack, className, ...props }: ChatThreadHeaderProps): import("react").JSX.Element;
29
+ export declare function ChatThreadHeader({ title, subtitle, titleText, subtitleText, avatarSrc, avatarFallback, avatar, status, actions, onBack, className, ...props }: ChatThreadHeaderProps): import("react").JSX.Element;
@@ -4,6 +4,8 @@ export type { ChatToolActivityState };
4
4
  export type ChatToolActivityProps = {
5
5
  /** The tool's name (`search_students`) or a friendly label. */
6
6
  name: ReactNode;
7
+ /** The full text for the `title` when `name` is a node; a string `name` is used as is. */
8
+ nameText?: string;
7
9
  /** Default `running`. */
8
10
  state?: ChatToolActivityState;
9
11
  /** A short result or error under the name. */
@@ -13,4 +15,4 @@ export type ChatToolActivityProps = {
13
15
  * One compact row for a tool step the assistant took, inside a
14
16
  * `ChatMessageList`: the name, then Running, Done or Failed with its icon.
15
17
  */
16
- export declare function ChatToolActivity({ name, state, detail, className, ...props }: ChatToolActivityProps): import("react").JSX.Element;
18
+ export declare function ChatToolActivity({ name, nameText, state, detail, className, ...props }: ChatToolActivityProps): import("react").JSX.Element;
@@ -1397,6 +1397,9 @@ export declare const en: {
1397
1397
  stay: string;
1398
1398
  leave: string;
1399
1399
  };
1400
+ moment: {
1401
+ hint: string;
1402
+ };
1400
1403
  "stale-notice": {
1401
1404
  title: string;
1402
1405
  description: string;
@@ -1487,6 +1490,7 @@ export declare const en: {
1487
1490
  };
1488
1491
  "seat-ring": {
1489
1492
  empty: string;
1493
+ out: string;
1490
1494
  };
1491
1495
  "secret-card": {
1492
1496
  reveal: string;
@@ -1387,6 +1387,9 @@ declare const _default: {
1387
1387
  "stay": "Stay",
1388
1388
  "leave": "Leave"
1389
1389
  },
1390
+ "moment": {
1391
+ "hint": "Press Escape or tap to dismiss."
1392
+ },
1390
1393
  "stale-notice": {
1391
1394
  "title": "This record changed",
1392
1395
  "description": "Someone else saved this record before you. What you typed is kept. Reload the record to see their version.",
@@ -1476,7 +1479,8 @@ declare const _default: {
1476
1479
  "tied-between": "Tie between {names}, {votes} each"
1477
1480
  },
1478
1481
  "seat-ring": {
1479
- "empty": "Empty seat"
1482
+ "empty": "Empty seat",
1483
+ "out": "Out"
1480
1484
  },
1481
1485
  "secret-card": {
1482
1486
  "reveal": "Show secret",
@@ -1397,6 +1397,9 @@ export declare const fr: {
1397
1397
  stay: string;
1398
1398
  leave: string;
1399
1399
  };
1400
+ moment: {
1401
+ hint: string;
1402
+ };
1400
1403
  "stale-notice": {
1401
1404
  title: string;
1402
1405
  description: string;
@@ -1487,6 +1490,7 @@ export declare const fr: {
1487
1490
  };
1488
1491
  "seat-ring": {
1489
1492
  empty: string;
1493
+ out: string;
1490
1494
  };
1491
1495
  "secret-card": {
1492
1496
  reveal: string;
@@ -1387,6 +1387,9 @@ declare const _default: {
1387
1387
  "stay": "Rester",
1388
1388
  "leave": "Quitter"
1389
1389
  },
1390
+ "moment": {
1391
+ "hint": "Appuyez sur Échap ou touchez l'écran pour fermer."
1392
+ },
1390
1393
  "stale-notice": {
1391
1394
  "title": "Cet enregistrement a changé",
1392
1395
  "description": "Quelqu’un d’autre a enregistré cet enregistrement avant vous. Ce que vous avez saisi est conservé. Rechargez l’enregistrement pour voir sa version.",
@@ -1476,7 +1479,8 @@ declare const _default: {
1476
1479
  "tied-between": "Égalité entre {names}, {votes} chacun"
1477
1480
  },
1478
1481
  "seat-ring": {
1479
- "empty": "Place libre"
1482
+ "empty": "Place libre",
1483
+ "out": "Éliminé"
1480
1484
  },
1481
1485
  "secret-card": {
1482
1486
  "reveal": "Afficher le secret",
@@ -1395,6 +1395,9 @@ export declare const resources: {
1395
1395
  stay: string;
1396
1396
  leave: string;
1397
1397
  };
1398
+ moment: {
1399
+ hint: string;
1400
+ };
1398
1401
  "stale-notice": {
1399
1402
  title: string;
1400
1403
  description: string;
@@ -1485,6 +1488,7 @@ export declare const resources: {
1485
1488
  };
1486
1489
  "seat-ring": {
1487
1490
  empty: string;
1491
+ out: string;
1488
1492
  };
1489
1493
  "secret-card": {
1490
1494
  reveal: string;
@@ -4443,6 +4447,9 @@ export declare const resources: {
4443
4447
  stay: string;
4444
4448
  leave: string;
4445
4449
  };
4450
+ moment: {
4451
+ hint: string;
4452
+ };
4446
4453
  "stale-notice": {
4447
4454
  title: string;
4448
4455
  description: string;
@@ -4533,6 +4540,7 @@ export declare const resources: {
4533
4540
  };
4534
4541
  "seat-ring": {
4535
4542
  empty: string;
4543
+ out: string;
4536
4544
  };
4537
4545
  "secret-card": {
4538
4546
  reveal: string;