@mattermost/compass-ui 0.1.0-alpha.0 → 0.1.0-alpha.1

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 (122) hide show
  1. package/dist/components/ActionButton/ActionButton.d.ts +5 -0
  2. package/dist/components/ActionButton/ActionButton.d.ts.map +1 -1
  3. package/dist/components/AdminConsoleHeader/AdminConsoleHeader.d.ts +3 -1
  4. package/dist/components/AdminConsoleHeader/AdminConsoleHeader.d.ts.map +1 -1
  5. package/dist/components/AdminPanelFooter/AdminPanelFooter.d.ts +5 -0
  6. package/dist/components/AdminPanelFooter/AdminPanelFooter.d.ts.map +1 -1
  7. package/dist/components/AdminPanelHeader/AdminPanelHeader.d.ts +5 -3
  8. package/dist/components/AdminPanelHeader/AdminPanelHeader.d.ts.map +1 -1
  9. package/dist/components/AppBarItem/AppBarItem.d.ts +4 -3
  10. package/dist/components/AppBarItem/AppBarItem.d.ts.map +1 -1
  11. package/dist/components/AttachmentCard/AttachmentCard.d.ts +5 -0
  12. package/dist/components/AttachmentCard/AttachmentCard.d.ts.map +1 -1
  13. package/dist/components/Button/Button.d.ts +9 -10
  14. package/dist/components/Button/Button.d.ts.map +1 -1
  15. package/dist/components/ChannelHeader/ChannelHeader.d.ts +1 -1
  16. package/dist/components/ChannelInfoMsgHeader/ChannelInfoMsgHeader.d.ts +3 -5
  17. package/dist/components/ChannelInfoMsgHeader/ChannelInfoMsgHeader.d.ts.map +1 -1
  18. package/dist/components/ChannelSidebarItem/ChannelSidebarItem.d.ts +13 -8
  19. package/dist/components/ChannelSidebarItem/ChannelSidebarItem.d.ts.map +1 -1
  20. package/dist/components/Checkbox/Checkbox.d.ts +3 -9
  21. package/dist/components/Checkbox/Checkbox.d.ts.map +1 -1
  22. package/dist/components/Chip/Chip.d.ts +6 -1
  23. package/dist/components/Chip/Chip.d.ts.map +1 -1
  24. package/dist/components/Combobox/Combobox.d.ts +4 -3
  25. package/dist/components/Combobox/Combobox.d.ts.map +1 -1
  26. package/dist/components/DateRangePicker/DateRangePicker.d.ts +2 -3
  27. package/dist/components/DateRangePicker/DateRangePicker.d.ts.map +1 -1
  28. package/dist/components/Divider/Divider.d.ts +5 -0
  29. package/dist/components/Divider/Divider.d.ts.map +1 -1
  30. package/dist/components/Dropdown/Dropdown.d.ts +5 -8
  31. package/dist/components/Dropdown/Dropdown.d.ts.map +1 -1
  32. package/dist/components/Emoji/Emoji.d.ts +4 -1
  33. package/dist/components/Emoji/Emoji.d.ts.map +1 -1
  34. package/dist/components/EmptyState/EmptyState.d.ts +3 -4
  35. package/dist/components/EmptyState/EmptyState.d.ts.map +1 -1
  36. package/dist/components/ErrorMessage/ErrorMessage.d.ts +3 -2
  37. package/dist/components/ErrorMessage/ErrorMessage.d.ts.map +1 -1
  38. package/dist/components/FeatureDiscoveryPanel/FeatureDiscoveryPanel.d.ts +3 -4
  39. package/dist/components/FeatureDiscoveryPanel/FeatureDiscoveryPanel.d.ts.map +1 -1
  40. package/dist/components/GlobalBanner/GlobalBanner.d.ts +5 -4
  41. package/dist/components/GlobalBanner/GlobalBanner.d.ts.map +1 -1
  42. package/dist/components/GlobalHeader/GlobalHeader.d.ts +1 -1
  43. package/dist/components/GlobalHeader/GlobalHeader.d.ts.map +1 -1
  44. package/dist/components/Icon/Icon.d.ts +3 -5
  45. package/dist/components/Icon/Icon.d.ts.map +1 -1
  46. package/dist/components/IconButton/IconButton.d.ts +7 -8
  47. package/dist/components/IconButton/IconButton.d.ts.map +1 -1
  48. package/dist/components/Illustration/Illustration.d.ts +4 -6
  49. package/dist/components/Illustration/Illustration.d.ts.map +1 -1
  50. package/dist/components/ImagePreview/ImagePreview.d.ts +3 -3
  51. package/dist/components/LinkPreview/LinkPreview.d.ts +3 -2
  52. package/dist/components/LinkPreview/LinkPreview.d.ts.map +1 -1
  53. package/dist/components/MentionBadge/MentionBadge.d.ts +6 -6
  54. package/dist/components/MenuItem/MenuItem.d.ts +4 -5
  55. package/dist/components/MenuItem/MenuItem.d.ts.map +1 -1
  56. package/dist/components/MessageActions/MessageActions.d.ts +4 -3
  57. package/dist/components/MessageActions/MessageActions.d.ts.map +1 -1
  58. package/dist/components/MessageHeader/MessageHeader.d.ts +5 -0
  59. package/dist/components/MessageHeader/MessageHeader.d.ts.map +1 -1
  60. package/dist/components/MessageReactions/MessageReactions.d.ts +3 -3
  61. package/dist/components/MessageSeparator/MessageSeparator.d.ts +5 -4
  62. package/dist/components/MessageSeparator/MessageSeparator.d.ts.map +1 -1
  63. package/dist/components/Modal/Modal.d.ts +1 -1
  64. package/dist/components/MoreUnreadsBanner/MoreUnreadsBanner.d.ts +5 -4
  65. package/dist/components/MoreUnreadsBanner/MoreUnreadsBanner.d.ts.map +1 -1
  66. package/dist/components/NewMessageBanner/NewMessageBanner.d.ts +4 -4
  67. package/dist/components/NewMessageBanner/NewMessageBanner.d.ts.map +1 -1
  68. package/dist/components/PaginationDots/PaginationDots.d.ts +5 -6
  69. package/dist/components/PaginationDots/PaginationDots.d.ts.map +1 -1
  70. package/dist/components/PermalinkPreview/PermalinkPreview.d.ts +3 -3
  71. package/dist/components/PopoverNotice/PopoverNotice.d.ts +6 -0
  72. package/dist/components/PopoverNotice/PopoverNotice.d.ts.map +1 -1
  73. package/dist/components/ProductSwitcherMenu/ProductSwitcherMenu.d.ts +1 -1
  74. package/dist/components/ProfilePopover/ProfilePopover.d.ts +2 -2
  75. package/dist/components/ProgressBar/ProgressBar.d.ts +4 -4
  76. package/dist/components/Radio/Radio.d.ts +4 -8
  77. package/dist/components/Radio/Radio.d.ts.map +1 -1
  78. package/dist/components/ReactionPill/ReactionPill.d.ts +6 -5
  79. package/dist/components/ReactionPill/ReactionPill.d.ts.map +1 -1
  80. package/dist/components/Scrollbar/Scrollbar.d.ts +4 -7
  81. package/dist/components/Scrollbar/Scrollbar.d.ts.map +1 -1
  82. package/dist/components/SearchInput/SearchInput.d.ts +4 -4
  83. package/dist/components/SearchTipBanner/SearchTipBanner.d.ts +3 -2
  84. package/dist/components/SearchTipBanner/SearchTipBanner.d.ts.map +1 -1
  85. package/dist/components/SectionNotice/SectionNotice.d.ts +4 -4
  86. package/dist/components/Select/Select.d.ts +3 -5
  87. package/dist/components/Select/Select.d.ts.map +1 -1
  88. package/dist/components/ShortcutTag/ShortcutTag.d.ts +2 -2
  89. package/dist/components/Spinner/Spinner.d.ts +4 -0
  90. package/dist/components/Spinner/Spinner.d.ts.map +1 -1
  91. package/dist/components/StatusBadge/StatusBadge.d.ts +4 -6
  92. package/dist/components/StatusBadge/StatusBadge.d.ts.map +1 -1
  93. package/dist/components/Switch/Switch.d.ts +3 -11
  94. package/dist/components/Switch/Switch.d.ts.map +1 -1
  95. package/dist/components/Tabs/Tabs.d.ts +3 -2
  96. package/dist/components/Tabs/Tabs.d.ts.map +1 -1
  97. package/dist/components/Tag/Tag.d.ts +6 -5
  98. package/dist/components/Tag/Tag.d.ts.map +1 -1
  99. package/dist/components/TeamAvatar/TeamAvatar.d.ts +5 -1
  100. package/dist/components/TeamAvatar/TeamAvatar.d.ts.map +1 -1
  101. package/dist/components/TextArea/TextArea.d.ts +4 -6
  102. package/dist/components/TextArea/TextArea.d.ts.map +1 -1
  103. package/dist/components/TextInput/TextInput.d.ts +3 -6
  104. package/dist/components/TextInput/TextInput.d.ts.map +1 -1
  105. package/dist/components/ThreadFooter/ThreadFooter.d.ts +4 -4
  106. package/dist/components/ThreadListItem/ThreadListItem.d.ts +4 -4
  107. package/dist/components/Toast/Toast.d.ts +6 -1
  108. package/dist/components/Toast/Toast.d.ts.map +1 -1
  109. package/dist/components/Tooltip/Tooltip.d.ts +4 -3
  110. package/dist/components/Tooltip/Tooltip.d.ts.map +1 -1
  111. package/dist/components/UnreadBadge/UnreadBadge.d.ts +5 -7
  112. package/dist/components/UnreadBadge/UnreadBadge.d.ts.map +1 -1
  113. package/dist/components/UserAvatar/UserAvatar.d.ts +4 -9
  114. package/dist/components/UserAvatar/UserAvatar.d.ts.map +1 -1
  115. package/dist/components/UserAvatarGroup/UserAvatarGroup.d.ts +3 -6
  116. package/dist/components/UserAvatarGroup/UserAvatarGroup.d.ts.map +1 -1
  117. package/dist/index.cjs +1 -1
  118. package/dist/index.cjs.map +1 -1
  119. package/dist/index.js +1607 -1603
  120. package/dist/index.js.map +1 -1
  121. package/dist/utils/string.d.ts +2 -2
  122. package/package.json +1 -1
@@ -1,5 +1,5 @@
1
1
  import { ReactNode } from 'react';
2
- export type SelectSize = 'Small' | 'Medium' | 'Large';
2
+ export type SelectSize = 'small' | 'medium' | 'large';
3
3
  export type SelectOption = {
4
4
  value: string;
5
5
  label: string;
@@ -29,10 +29,8 @@ export interface SelectProps {
29
29
  zIndex?: number;
30
30
  }
31
31
  /**
32
- * Select with floating label and PopoverMenu list.
33
- * Field chrome matches Combobox / Text Input; list uses PopoverMenu + MenuItem.
34
- *
35
- * @see https://compass.mattermost.com (Select)
32
+ * { value: 'town-square', label: 'Town Square' }, { value: 'off-topic', label: 'Off-Topic'
33
+ * }, { value: 'design', label: 'Design' }, ];
36
34
  */
37
35
  declare const Select: import('react').ForwardRefExoticComponent<SelectProps & import('react').RefAttributes<HTMLButtonElement>>;
38
36
  export default Select;
@@ -1 +1 @@
1
- {"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAiB,SAAS,EAAE,MAAM,OAAO,CAAC;AAuBtD,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEtD,MAAM,MAAM,YAAY,GAAG;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,CAAC;AAEF,MAAM,WAAW,WAAW;IAC1B,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,sGAAsG;IACtG,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,mEAAmE;IACnE,eAAe,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IACrC,4CAA4C;IAC5C,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAqFD;;;;;GAKG;AACH,QAAA,MAAM,MAAM,2GAgUV,CAAC;AAEH,eAAe,MAAM,CAAC"}
1
+ {"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAiB,SAAS,EAAE,MAAM,OAAO,CAAC;AAuBtD,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEtD,MAAM,MAAM,YAAY,GAAG;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,CAAC;AAEF,MAAM,WAAW,WAAW;IAC1B,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,sGAAsG;IACtG,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,mEAAmE;IACnE,eAAe,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IACrC,4CAA4C;IAC5C,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAqFD;;;GAGG;AACH,QAAA,MAAM,MAAM,2GAgUV,CAAC;AAEH,eAAe,MAAM,CAAC"}
@@ -1,5 +1,5 @@
1
- export type ShortcutTagSize = 'Small' | 'Medium' | 'Large';
2
- export type ShortcutTagLocation = 'Default' | 'Tooltips';
1
+ export type ShortcutTagSize = 'small' | 'medium' | 'large';
2
+ export type ShortcutTagLocation = 'default' | 'tooltips';
3
3
  export type ShortcutTagProps = {
4
4
  /** Key label (e.g. `⌘`, `Shift`, `K`). */
5
5
  label: string;
@@ -5,5 +5,9 @@ export interface SpinnerProps extends Omit<HTMLAttributes<HTMLSpanElement>, 'rol
5
5
  inverted?: boolean;
6
6
  'aria-label'?: string;
7
7
  }
8
+ /**
9
+ * A Spinner is the all-purpose indicator that something is happening but the duration is
10
+ * unknown. It signals "wait" without claiming to know how long the wait will be.
11
+ */
8
12
  export default function Spinner({ size, inverted, className, 'aria-label': ariaLabel, style, ...htmlProps }: SpinnerProps): import("react/jsx-runtime").JSX.Element;
9
13
  //# sourceMappingURL=Spinner.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Spinner.d.ts","sourceRoot":"","sources":["../../../src/components/Spinner/Spinner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAG5C,MAAM,MAAM,WAAW,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;AAE3D,MAAM,WAAW,YAAa,SAAQ,IAAI,CACxC,cAAc,CAAC,eAAe,CAAC,EAC/B,MAAM,CACP;IACC,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAC9B,IAAS,EACT,QAAgB,EAChB,SAAc,EACd,YAAY,EAAE,SAAqB,EACnC,KAAK,EACL,GAAG,SAAS,EACb,EAAE,YAAY,2CAyBd"}
1
+ {"version":3,"file":"Spinner.d.ts","sourceRoot":"","sources":["../../../src/components/Spinner/Spinner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAG5C,MAAM,MAAM,WAAW,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;AAE3D,MAAM,WAAW,YAAa,SAAQ,IAAI,CACxC,cAAc,CAAC,eAAe,CAAC,EAC/B,MAAM,CACP;IACC,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAC9B,IAAS,EACT,QAAgB,EAChB,SAAc,EACd,YAAY,EAAE,SAAqB,EACnC,KAAK,EACL,GAAG,SAAS,EACb,EAAE,YAAY,2CAyBd"}
@@ -1,7 +1,7 @@
1
1
  /** Figma Status Badge size. */
2
- export type StatusBadgeSize = 'XX-Small' | 'X-Small' | 'Small' | 'Medium' | 'Large';
2
+ export type StatusBadgeSize = 'xx-small' | 'x-small' | 'small' | 'medium' | 'large';
3
3
  /** Figma Status Badge status variant. */
4
- export type StatusBadgeStatus = 'Online' | 'Away' | 'Do Not Disturb' | 'Offline';
4
+ export type StatusBadgeStatus = 'online' | 'away' | 'do-not-disturb' | 'offline';
5
5
  export interface StatusBadgeProps {
6
6
  /** Optional CSS class name. */
7
7
  className?: string;
@@ -11,10 +11,8 @@ export interface StatusBadgeProps {
11
11
  status?: StatusBadgeStatus;
12
12
  }
13
13
  /**
14
- * Status badge (Online, Away, Do Not Disturb, Offline).
15
- * Matches Figma Status Badge v2.0.1. Uses Icon + @mattermost/compass-icons.
16
- *
17
- * @see Figma Status Badge (Node ID: 702:1875)
14
+ * A Status Badge tells you whether someone is reachable. It pairs with an avatar or username
15
+ * so a glance is enough to know if a teammate is online, focused, away, or signed out.
18
16
  */
19
17
  export default function StatusBadge({ className, size, status, }: StatusBadgeProps): import("react/jsx-runtime").JSX.Element;
20
18
  //# sourceMappingURL=StatusBadge.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"StatusBadge.d.ts","sourceRoot":"","sources":["../../../src/components/StatusBadge/StatusBadge.tsx"],"names":[],"mappings":"AAQA,+BAA+B;AAC/B,MAAM,MAAM,eAAe,GACvB,UAAU,GACV,SAAS,GACT,OAAO,GACP,QAAQ,GACR,OAAO,CAAC;AAEZ,yCAAyC;AACzC,MAAM,MAAM,iBAAiB,GACzB,QAAQ,GACR,MAAM,GACN,gBAAgB,GAChB,SAAS,CAAC;AAEd,MAAM,WAAW,gBAAgB;IAC/B,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mDAAmD;IACnD,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,sDAAsD;IACtD,MAAM,CAAC,EAAE,iBAAiB,CAAC;CAC5B;AAmBD;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,SAAc,EACd,IAAgB,EAChB,MAAiB,GAClB,EAAE,gBAAgB,2CAiBlB"}
1
+ {"version":3,"file":"StatusBadge.d.ts","sourceRoot":"","sources":["../../../src/components/StatusBadge/StatusBadge.tsx"],"names":[],"mappings":"AAQA,+BAA+B;AAC/B,MAAM,MAAM,eAAe,GACvB,UAAU,GACV,SAAS,GACT,OAAO,GACP,QAAQ,GACR,OAAO,CAAC;AAEZ,yCAAyC;AACzC,MAAM,MAAM,iBAAiB,GACzB,QAAQ,GACR,MAAM,GACN,gBAAgB,GAChB,SAAS,CAAC;AAEd,MAAM,WAAW,gBAAgB;IAC/B,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mDAAmD;IACnD,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,sDAAsD;IACtD,MAAM,CAAC,EAAE,iBAAiB,CAAC;CAC5B;AAmBD;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,SAAc,EACd,IAAgB,EAChB,MAAiB,GAClB,EAAE,gBAAgB,2CAiBlB"}
@@ -1,5 +1,5 @@
1
1
  import { InputHTMLAttributes } from 'react';
2
- export type SwitchSize = 'Small' | 'Medium' | 'Large';
2
+ export type SwitchSize = 'small' | 'medium' | 'large';
3
3
  export interface SwitchProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'type'> {
4
4
  /** Optional CSS class name. */
5
5
  className?: string;
@@ -13,16 +13,8 @@ export interface SwitchProps extends Omit<InputHTMLAttributes<HTMLInputElement>,
13
13
  semiBold?: boolean;
14
14
  }
15
15
  /**
16
- * Switch component built on the native HTML checkbox.
17
- * Uses role="switch" so assistive tech announces "switch" and on/off state.
18
- * Renders as a track + sliding knob; checked = on (right), unchecked = off (left).
19
- *
20
- * Supports label, optional secondary label, sizes (Small/Medium/Large), and
21
- * states: default, hover, focus, active, disabled. Matches Figma Switch v2.0.0.
22
- *
23
- * Use with a label: pass children for the primary label, or wrap in your own <label>.
24
- *
25
- * @see https://compass.mattermost.com (Switch)
16
+ * A Switch is a real-world toggle: flip it, and the change happens. Use it for binary
17
+ * settings that take effect immediately and don't need a separate "Save" step.
26
18
  */
27
19
  export default function Switch({ className, size, children, secondaryLabel, semiBold, id: idProp, checked, defaultChecked, disabled, onChange, ...rest }: SwitchProps): import("react/jsx-runtime").JSX.Element;
28
20
  //# sourceMappingURL=Switch.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/Switch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAMjD,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEtD,MAAM,WAAW,WAAY,SAAQ,IAAI,CACvC,mBAAmB,CAAC,gBAAgB,CAAC,EACrC,MAAM,GAAG,MAAM,CAChB;IACC,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uFAAuF;IACvF,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,iEAAiE;IACjE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,2EAA2E;IAC3E,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC,4EAA4E;IAC5E,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAC7B,SAAc,EACd,IAAe,EACf,QAAQ,EACR,cAAc,EACd,QAAgB,EAChB,EAAE,EAAE,MAAM,EACV,OAAO,EACP,cAAc,EACd,QAAQ,EACR,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,WAAW,2CAwDb"}
1
+ {"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/Switch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAMjD,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEtD,MAAM,WAAW,WAAY,SAAQ,IAAI,CACvC,mBAAmB,CAAC,gBAAgB,CAAC,EACrC,MAAM,GAAG,MAAM,CAChB;IACC,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uFAAuF;IACvF,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,iEAAiE;IACjE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,2EAA2E;IAC3E,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC,4EAA4E;IAC5E,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAC7B,SAAc,EACd,IAAe,EACf,QAAQ,EACR,cAAc,EACd,QAAgB,EAChB,EAAE,EAAE,MAAM,EACV,OAAO,EACP,cAAc,EACd,QAAQ,EACR,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,WAAW,2CAwDb"}
@@ -22,8 +22,9 @@ export interface TabsProps {
22
22
  controls?: ReactNode;
23
23
  }
24
24
  /**
25
- * Tabs component matching Figma design.
26
- * Horizontal tab navigation with active state, count badges, and unread indicators.
25
+ * Tabs let people switch between sibling views inside the same surface — Mentions in the
26
+ * right sidebar, sections of a settings panel, or filters on a list. The content area
27
+ * changes; the surrounding chrome doesn't.
27
28
  */
28
29
  export default function Tabs({ tabs, activeKey, onChange, className, controls, }: TabsProps): import("react/jsx-runtime").JSX.Element;
29
30
  //# sourceMappingURL=Tabs.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/Tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,WAAW,OAAO;IACtB,+BAA+B;IAC/B,GAAG,EAAE,MAAM,CAAC;IACZ,sBAAsB;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,mCAAmC;IACnC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,4CAA4C;IAC5C,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,MAAM,WAAW,SAAS;IACxB,qCAAqC;IACrC,IAAI,EAAE,OAAO,EAAE,CAAC;IAChB,uCAAuC;IACvC,SAAS,EAAE,MAAM,CAAC;IAClB,qCAAqC;IACrC,QAAQ,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oEAAoE;IACpE,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,EAC3B,IAAI,EACJ,SAAS,EACT,QAAQ,EACR,SAAc,EACd,QAAQ,GACT,EAAE,SAAS,2CAuDX"}
1
+ {"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/Tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,WAAW,OAAO;IACtB,+BAA+B;IAC/B,GAAG,EAAE,MAAM,CAAC;IACZ,sBAAsB;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,mCAAmC;IACnC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,4CAA4C;IAC5C,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,MAAM,WAAW,SAAS;IACxB,qCAAqC;IACrC,IAAI,EAAE,OAAO,EAAE,CAAC;IAChB,uCAAuC;IACvC,SAAS,EAAE,MAAM,CAAC;IAClB,qCAAqC;IACrC,QAAQ,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oEAAoE;IACpE,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,EAC3B,IAAI,EACJ,SAAS,EACT,QAAQ,EACR,SAAc,EACd,QAAQ,GACT,EAAE,SAAS,2CAuDX"}
@@ -1,7 +1,7 @@
1
1
  import { ReactNode } from 'react';
2
- export type TagType = 'Default' | 'Info' | 'Info Dim' | 'Danger' | 'Success' | 'Warning';
3
- export type TagSize = 'Small' | 'X-Small';
4
- export type TagCasing = 'Title Case' | 'All Caps';
2
+ export type TagType = 'default' | 'info' | 'info-dim' | 'danger' | 'success' | 'warning';
3
+ export type TagSize = 'small' | 'x-small';
4
+ export type TagCasing = 'title-case' | 'all-caps';
5
5
  export type TagProps = {
6
6
  /** Tag label text. */
7
7
  label: string;
@@ -17,8 +17,9 @@ export type TagProps = {
17
17
  className?: string;
18
18
  };
19
19
  /**
20
- * Compact pill for roles, status, tiers, and other metadata labels.
21
- * Maps to Figma Label Tag (v1.0.1).
20
+ * Tags are compact pills that mark something — a role (_BOT_, _GUEST_), a tier
21
+ * (_PROFESSIONAL_), a status (_NEW_, _BETA_), or a category. They're scannable signal: a way
22
+ * to surface a small piece of metadata without spending a sentence on it.
22
23
  */
23
24
  export default function Tag({ label, type, size, casing, leadingIcon, className, }: TagProps): import("react/jsx-runtime").JSX.Element;
24
25
  //# sourceMappingURL=Tag.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Tag.d.ts","sourceRoot":"","sources":["../../../src/components/Tag/Tag.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,MAAM,OAAO,GACf,SAAS,GACT,MAAM,GACN,UAAU,GACV,QAAQ,GACR,SAAS,GACT,SAAS,CAAC;AAEd,MAAM,MAAM,OAAO,GAAG,OAAO,GAAG,SAAS,CAAC;AAC1C,MAAM,MAAM,SAAS,GAAG,YAAY,GAAG,UAAU,CAAC;AAElD,MAAM,MAAM,QAAQ,GAAG;IACrB,sBAAsB;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,8CAA8C;IAC9C,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,sCAAsC;IACtC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,wCAAwC;IACxC,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,kCAAkC;IAClC,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,0FAA0F;IAC1F,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAWF;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,GAAG,CAAC,EAC1B,KAAK,EACL,IAAgB,EAChB,IAAgB,EAChB,MAAqB,EACrB,WAAW,EACX,SAAc,GACf,EAAE,QAAQ,2CAuBV"}
1
+ {"version":3,"file":"Tag.d.ts","sourceRoot":"","sources":["../../../src/components/Tag/Tag.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,MAAM,OAAO,GACf,SAAS,GACT,MAAM,GACN,UAAU,GACV,QAAQ,GACR,SAAS,GACT,SAAS,CAAC;AAEd,MAAM,MAAM,OAAO,GAAG,OAAO,GAAG,SAAS,CAAC;AAC1C,MAAM,MAAM,SAAS,GAAG,YAAY,GAAG,UAAU,CAAC;AAElD,MAAM,MAAM,QAAQ,GAAG;IACrB,sBAAsB;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,8CAA8C;IAC9C,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,sCAAsC;IACtC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,wCAAwC;IACxC,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,kCAAkC;IAClC,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,0FAA0F;IAC1F,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAWF;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,GAAG,CAAC,EAC1B,KAAK,EACL,IAAgB,EAChB,IAAgB,EAChB,MAAqB,EACrB,WAAW,EACX,SAAc,GACf,EAAE,QAAQ,2CAuBV"}
@@ -1,5 +1,5 @@
1
1
  export type TeamAvatarSize = '24' | '28' | '32' | '40' | '48' | '56' | '64' | '72' | '96' | '120';
2
- export type TeamAvatarState = 'Default' | 'Active';
2
+ export type TeamAvatarState = 'default' | 'active';
3
3
  export interface TeamAvatarProps {
4
4
  alt?: string;
5
5
  badge?: number;
@@ -9,5 +9,9 @@ export interface TeamAvatarProps {
9
9
  src?: string;
10
10
  state?: TeamAvatarState;
11
11
  }
12
+ /**
13
+ * Team Avatars identify a Team in Mattermost. Their rounded-square shape sets them apart
14
+ * from circular User Avatars at a glance — same scanning rhythm, different kind of subject.
15
+ */
12
16
  export default function TeamAvatar({ alt, badge, className, initials, size, src, state, }: TeamAvatarProps): import("react/jsx-runtime").JSX.Element;
13
17
  //# sourceMappingURL=TeamAvatar.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"TeamAvatar.d.ts","sourceRoot":"","sources":["../../../src/components/TeamAvatar/TeamAvatar.tsx"],"names":[],"mappings":"AAGA,MAAM,MAAM,cAAc,GACtB,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,KAAK,CAAC;AACV,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,QAAQ,CAAC;AAEnD,MAAM,WAAW,eAAe;IAC9B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,eAAe,CAAC;CACzB;AAED,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,GAAQ,EACR,KAAK,EACL,SAAc,EACd,QAAe,EACf,IAAW,EACX,GAAG,EACH,KAAiB,GAClB,EAAE,eAAe,2CAqCjB"}
1
+ {"version":3,"file":"TeamAvatar.d.ts","sourceRoot":"","sources":["../../../src/components/TeamAvatar/TeamAvatar.tsx"],"names":[],"mappings":"AAGA,MAAM,MAAM,cAAc,GACtB,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,KAAK,CAAC;AACV,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,QAAQ,CAAC;AAEnD,MAAM,WAAW,eAAe;IAC9B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,eAAe,CAAC;CACzB;AAED;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,GAAQ,EACR,KAAK,EACL,SAAc,EACd,QAAe,EACf,IAAW,EACX,GAAG,EACH,KAAiB,GAClB,EAAE,eAAe,2CAqCjB"}
@@ -1,5 +1,5 @@
1
1
  import { TextareaHTMLAttributes, ReactNode } from 'react';
2
- export type TextAreaSize = 'Small' | 'Medium' | 'Large';
2
+ export type TextAreaSize = 'small' | 'medium' | 'large';
3
3
  export interface TextAreaProps extends Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'size'> {
4
4
  /** Optional CSS class name. */
5
5
  className?: string;
@@ -15,11 +15,9 @@ export interface TextAreaProps extends Omit<TextareaHTMLAttributes<HTMLTextAreaE
15
15
  size?: TextAreaSize;
16
16
  }
17
17
  /**
18
- * Text Area component with optional floating label and character counter.
19
- * Multi-line text input for long-form content. Matches Figma Text Area v2.0.0.
20
- * Used in message compose, post editing, admin settings.
21
- *
22
- * @see https://compass.mattermost.com (Text Area)
18
+ * Text Areas let people write long-form text that spans multiple lines — descriptions,
19
+ * channel purposes, message drafts, admin notes. They share their visual rhythm with Text
20
+ * Input but trade the single-line constraint for room to breathe.
23
21
  */
24
22
  declare const TextArea: import('react').ForwardRefExoticComponent<TextAreaProps & import('react').RefAttributes<HTMLTextAreaElement>>;
25
23
  export default TextArea;
@@ -1 +1 @@
1
- {"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../../src/components/TextArea/TextArea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,SAAS,EAAe,MAAM,OAAO,CAAC;AAK5E,MAAM,MAAM,YAAY,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAExD,MAAM,WAAW,aAAc,SAAQ,IAAI,CACzC,sBAAsB,CAAC,mBAAmB,CAAC,EAC3C,MAAM,CACP;IACC,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8CAA8C;IAC9C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,+FAA+F;IAC/F,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,6EAA6E;IAC7E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sFAAsF;IACtF,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,qCAAqC;IACrC,IAAI,CAAC,EAAE,YAAY,CAAC;CACrB;AAED;;;;;;GAMG;AACH,QAAA,MAAM,QAAQ,+GAoHb,CAAC;AAEF,eAAe,QAAQ,CAAC"}
1
+ {"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../../src/components/TextArea/TextArea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,SAAS,EAAe,MAAM,OAAO,CAAC;AAK5E,MAAM,MAAM,YAAY,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAExD,MAAM,WAAW,aAAc,SAAQ,IAAI,CACzC,sBAAsB,CAAC,mBAAmB,CAAC,EAC3C,MAAM,CACP;IACC,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8CAA8C;IAC9C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,+FAA+F;IAC/F,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,6EAA6E;IAC7E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sFAAsF;IACtF,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,qCAAqC;IACrC,IAAI,CAAC,EAAE,YAAY,CAAC;CACrB;AAED;;;;GAIG;AACH,QAAA,MAAM,QAAQ,+GAoHb,CAAC;AAEF,eAAe,QAAQ,CAAC"}
@@ -1,5 +1,5 @@
1
1
  import { InputHTMLAttributes, ReactNode } from 'react';
2
- export type TextInputSize = 'Small' | 'Medium' | 'Large';
2
+ export type TextInputSize = 'small' | 'medium' | 'large';
3
3
  export interface TextInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size'> {
4
4
  /** Optional CSS class name. */
5
5
  className?: string;
@@ -19,11 +19,8 @@ export interface TextInputProps extends Omit<InputHTMLAttributes<HTMLInputElemen
19
19
  trailingIcon?: ReactNode;
20
20
  }
21
21
  /**
22
- * Text Input component with optional floating label, leading/trailing icons, and character counter.
23
- * Matches Figma Text Input v2.0.1 (Border=On only). Uses theme variables only.
24
- * When label is provided, the label floats above the border on focus or when the field has a value.
25
- *
26
- * @see https://compass.mattermost.com (Text Input)
22
+ * Text Inputs let people enter and edit a single line of text — names, emails, search
23
+ * queries, channel titles. They're the workhorse of every form and modal in Mattermost.
27
24
  */
28
25
  declare const TextInput: import('react').ForwardRefExoticComponent<TextInputProps & import('react').RefAttributes<HTMLInputElement>>;
29
26
  export default TextInput;
@@ -1 +1 @@
1
- {"version":3,"file":"TextInput.d.ts","sourceRoot":"","sources":["../../../src/components/TextInput/TextInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,mBAAmB,EACnB,SAAS,EAGV,MAAM,OAAO,CAAC;AAKf,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEzD,MAAM,WAAW,cAAe,SAAQ,IAAI,CAC1C,mBAAmB,CAAC,gBAAgB,CAAC,EACrC,MAAM,CACP;IACC,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8CAA8C;IAC9C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,+FAA+F;IAC/F,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,qEAAqE;IACrE,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,0EAA0E;IAC1E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mFAAmF;IACnF,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,uFAAuF;IACvF,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,qBAAqB;IACrB,YAAY,CAAC,EAAE,SAAS,CAAC;CAC1B;AAED;;;;;;GAMG;AACH,QAAA,MAAM,SAAS,6GAoJd,CAAC;AAEF,eAAe,SAAS,CAAC"}
1
+ {"version":3,"file":"TextInput.d.ts","sourceRoot":"","sources":["../../../src/components/TextInput/TextInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,mBAAmB,EACnB,SAAS,EAGV,MAAM,OAAO,CAAC;AAKf,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEzD,MAAM,WAAW,cAAe,SAAQ,IAAI,CAC1C,mBAAmB,CAAC,gBAAgB,CAAC,EACrC,MAAM,CACP;IACC,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8CAA8C;IAC9C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,+FAA+F;IAC/F,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,qEAAqE;IACrE,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,0EAA0E;IAC1E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mFAAmF;IACnF,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,uFAAuF;IACvF,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,qBAAqB;IACrB,YAAY,CAAC,EAAE,SAAS,CAAC;CAC1B;AAED;;;GAGG;AACH,QAAA,MAAM,SAAS,6GAoJd,CAAC;AAEF,eAAe,SAAS,CAAC"}
@@ -1,5 +1,5 @@
1
1
  import { HTMLAttributes } from 'react';
2
- export type ThreadFooterBadge = 'None' | 'Unread' | 'Mention';
2
+ export type ThreadFooterBadge = 'none' | 'unread' | 'mention';
3
3
  export interface AvatarData {
4
4
  src: string;
5
5
  alt: string;
@@ -25,9 +25,9 @@ export interface ThreadFooterProps extends HTMLAttributes<HTMLDivElement> {
25
25
  className?: string;
26
26
  }
27
27
  /**
28
- * Reply summary bar at the bottom of messages.
29
- * Shows participant avatars, reply count, Follow/Following toggle,
30
- * and last reply time. Badge variants: None, Unread dot, Mention count.
28
+ * The Thread Footer is the reply summary bar at the bottom of a message. It shows
29
+ * participants, reply count, follow state, and last-reply time — the information someone
30
+ * needs to decide whether to dive in.
31
31
  */
32
32
  export default function ThreadFooter({ replyCount, avatars, badge, following, lastReplyTime, onReply, onFollowToggle, hovered, className, ...rest }: ThreadFooterProps): import("react/jsx-runtime").JSX.Element;
33
33
  //# sourceMappingURL=ThreadFooter.d.ts.map
@@ -4,7 +4,7 @@ export interface ThreadListItemProps {
4
4
  /** Whether this item is the active/selected thread. */
5
5
  active?: boolean;
6
6
  /** Badge in the left gutter. Default: None. Hidden when `active` is true. */
7
- badge?: 'None' | 'Unread' | 'Mention';
7
+ badge?: 'none' | 'unread' | 'mention';
8
8
  /** Shown when `badge` is Mention. Default: 1. */
9
9
  mentionCount?: number;
10
10
  /** Author name. */
@@ -29,9 +29,9 @@ export interface ThreadListItemProps {
29
29
  onMenuClick?: (event: MouseEvent<HTMLButtonElement>) => void;
30
30
  }
31
31
  /**
32
- * Thread entry in the Threads view. Shows author, team badge, preview text,
33
- * timestamp, participant avatars, reply count. Badge variants: None, Unread,
34
- * Mention. More actions (⋯) appear on row hover or focus.
32
+ * The Thread List Item is a single entry in the Threads view. Each row gives the user enough
33
+ * context — who, where, what, when — to decide whether to open the thread without opening
34
+ * it.
35
35
  */
36
36
  export default function ThreadListItem({ active, badge, mentionCount, authorName, channelLabel, previewText, timestamp, replyCount, participants: participantsProp, threadTitle, className, onClick, onMenuClick, }: ThreadListItemProps): import("react/jsx-runtime").JSX.Element;
37
37
  //# sourceMappingURL=ThreadListItem.d.ts.map
@@ -1,4 +1,4 @@
1
- export type ToastType = 'General' | 'Info' | 'Success' | 'Warning' | 'Danger';
1
+ export type ToastType = 'general' | 'info' | 'success' | 'warning' | 'danger';
2
2
  export interface ToastProps {
3
3
  className?: string;
4
4
  message: string;
@@ -7,5 +7,10 @@ export interface ToastProps {
7
7
  onAction?: () => void;
8
8
  onDismiss?: () => void;
9
9
  }
10
+ /**
11
+ * Toasts notify the user that an action has completed or surface a brief message about a
12
+ * system process. They sit on top of the workflow without interrupting it, don't require
13
+ * user input to disappear, and auto-dismiss after a short duration.
14
+ */
10
15
  export default function Toast({ className, message, type, actionLabel, onAction, onDismiss, }: ToastProps): import("react/jsx-runtime").JSX.Element;
11
16
  //# sourceMappingURL=Toast.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/Toast.tsx"],"names":[],"mappings":"AAWA,MAAM,MAAM,SAAS,GACjB,SAAS,GACT,MAAM,GACN,SAAS,GACT,SAAS,GACT,QAAQ,CAAC;AAEb,MAAM,WAAW,UAAU;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AAUD,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,EAC5B,SAAc,EACd,OAAO,EACP,IAAgB,EAChB,WAAW,EACX,QAAQ,EACR,SAAS,GACV,EAAE,UAAU,2CAkCZ"}
1
+ {"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/Toast.tsx"],"names":[],"mappings":"AAWA,MAAM,MAAM,SAAS,GACjB,SAAS,GACT,MAAM,GACN,SAAS,GACT,SAAS,GACT,QAAQ,CAAC;AAEb,MAAM,WAAW,UAAU;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AAUD;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,EAC5B,SAAc,EACd,OAAO,EACP,IAAgB,EAChB,WAAW,EACX,QAAQ,EACR,SAAS,GACV,EAAE,UAAU,2CAkCZ"}
@@ -1,5 +1,5 @@
1
1
  import { ReactNode } from 'react';
2
- export type TooltipArrow = 'Top' | 'Right' | 'Bottom' | 'Left';
2
+ export type TooltipArrow = 'top' | 'right' | 'bottom' | 'left';
3
3
  export interface TooltipShortcutKey {
4
4
  label: string;
5
5
  }
@@ -18,8 +18,9 @@ export interface TooltipProps {
18
18
  className?: string;
19
19
  }
20
20
  /**
21
- * Tooltip component matching Figma design.
22
- * Dark overlay for hover context with optional arrow, hint, and keyboard shortcuts.
21
+ * Tooltips surface short, supporting text on hover. Reach for a tooltip when the affordance
22
+ * behind it isn't fully self-explanatory — an Icon Button, a truncated label, a keyboard
23
+ * shortcut. Don't reach for one when the label is already on screen.
23
24
  */
24
25
  export default function Tooltip({ label, arrow, hint, shortcutKeys, icon, className, }: TooltipProps): import("react/jsx-runtime").JSX.Element;
25
26
  //# sourceMappingURL=Tooltip.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,MAAM,MAAM,YAAY,GAAG,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;AAE/D,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,YAAY;IAC3B,0BAA0B;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,uCAAuC;IACvC,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,4CAA4C;IAC5C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,yDAAyD;IACzD,YAAY,CAAC,EAAE,kBAAkB,EAAE,CAAC;IACpC,kCAAkC;IAClC,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAC9B,KAAK,EACL,KAAe,EACf,IAAI,EACJ,YAAY,EACZ,IAAI,EACJ,SAAc,GACf,EAAE,YAAY,2CAmCd"}
1
+ {"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,MAAM,MAAM,YAAY,GAAG,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;AAE/D,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,YAAY;IAC3B,0BAA0B;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,uCAAuC;IACvC,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,4CAA4C;IAC5C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,yDAAyD;IACzD,YAAY,CAAC,EAAE,kBAAkB,EAAE,CAAC;IACpC,kCAAkC;IAClC,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAC9B,KAAK,EACL,KAAe,EACf,IAAI,EACJ,YAAY,EACZ,IAAI,EACJ,SAAc,GACf,EAAE,YAAY,2CAmCd"}
@@ -1,5 +1,5 @@
1
1
  export type UnreadBadgeSize = '6' | '8';
2
- export type UnreadBadgeContext = 'Team Icon' | 'Icon Button';
2
+ export type UnreadBadgeContext = 'team-icon' | 'icon-button';
3
3
  export interface UnreadBadgeProps {
4
4
  /** Dot size in px. Default: 8. */
5
5
  size?: UnreadBadgeSize;
@@ -7,15 +7,13 @@ export interface UnreadBadgeProps {
7
7
  context?: UnreadBadgeContext;
8
8
  /** Optional CSS class name. */
9
9
  className?: string;
10
- /** Accessible label. Default: "Unread". */
10
+ /** Accessible label. Default: "unread". */
11
11
  'aria-label'?: string;
12
12
  }
13
13
  /**
14
- * Small unread dot indicator (no number).
15
- * Signals "something unread" without a count.
16
- * Two sizes (6/8 px) and two contexts (Team Icon / Icon Button).
17
- *
18
- * @see Figma Unread Badge (v2.0.0, Source: F3fippSczUZwF6C5yXoNFf)
14
+ * The Unread Badge is a small dot that signals "something's new here" without specifying how
15
+ * much. Reach for it when the count would be noisy, distracting, or simply isn't useful — a
16
+ * Team has unread channels, an icon button has a new state, a tab has activity behind it.
19
17
  */
20
18
  export default function UnreadBadge({ 'aria-label': ariaLabel, className, context, size, }: UnreadBadgeProps): import("react/jsx-runtime").JSX.Element;
21
19
  //# sourceMappingURL=UnreadBadge.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"UnreadBadge.d.ts","sourceRoot":"","sources":["../../../src/components/UnreadBadge/UnreadBadge.tsx"],"names":[],"mappings":"AAGA,MAAM,MAAM,eAAe,GAAG,GAAG,GAAG,GAAG,CAAC;AAExC,MAAM,MAAM,kBAAkB,GAAG,WAAW,GAAG,aAAa,CAAC;AAE7D,MAAM,WAAW,gBAAgB;IAC/B,kCAAkC;IAClC,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,0FAA0F;IAC1F,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2CAA2C;IAC3C,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED;;;;;;GAMG;AACH,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,YAAY,EAAE,SAAoB,EAClC,SAAc,EACd,OAAqB,EACrB,IAAU,GACX,EAAE,gBAAgB,2CAQlB"}
1
+ {"version":3,"file":"UnreadBadge.d.ts","sourceRoot":"","sources":["../../../src/components/UnreadBadge/UnreadBadge.tsx"],"names":[],"mappings":"AAGA,MAAM,MAAM,eAAe,GAAG,GAAG,GAAG,GAAG,CAAC;AAExC,MAAM,MAAM,kBAAkB,GAAG,WAAW,GAAG,aAAa,CAAC;AAE7D,MAAM,WAAW,gBAAgB;IAC/B,kCAAkC;IAClC,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,0FAA0F;IAC1F,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2CAA2C;IAC3C,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,YAAY,EAAE,SAAoB,EAClC,SAAc,EACd,OAAqB,EACrB,IAAU,GACX,EAAE,gBAAgB,2CAQlB"}
@@ -2,7 +2,7 @@ import { ImgHTMLAttributes } from 'react';
2
2
  /** Figma User Avatar sizes. */
3
3
  export type UserAvatarSize = '12' | '16' | '20' | '24' | '28' | '32' | '40' | '48' | '56' | '64' | '72' | '80' | '96' | '120';
4
4
  /** Figma User Avatar Fallback colour variants. */
5
- export type UserAvatarFallbackColor = 'Red' | 'Purple' | 'Neutral' | 'Blue' | 'Cyan' | 'Yellow' | 'Green' | 'Orange';
5
+ export type UserAvatarFallbackColor = 'red' | 'purple' | 'neutral' | 'blue' | 'cyan' | 'yellow' | 'green' | 'orange';
6
6
  export interface UserAvatarProps extends Omit<ImgHTMLAttributes<HTMLImageElement>, 'src' | 'alt' | 'width' | 'height'> {
7
7
  /** Alt text for the avatar image. */
8
8
  alt: string;
@@ -26,14 +26,9 @@ export interface UserAvatarProps extends Omit<ImgHTMLAttributes<HTMLImageElement
26
26
  status?: boolean;
27
27
  }
28
28
  /**
29
- * User avatar. Matches Figma User Avatar — Image and Fallback variants.
30
- * When `src` is provided, renders an `<img>`; otherwise renders initials on
31
- * one of eight deterministic colour backgrounds (hashed from `name`/`alt`,
32
- * or overridden via `fallbackColor`). System variant is not implemented.
33
- *
34
- * Uses StatusBadge for online indicator when status=true.
35
- *
36
- * @see Figma User Avatar (Type=Image, Type=Fallback)
29
+ * User Avatars represent a person — usually their uploaded photo, with initials on a colour
30
+ * background as a fallback. Their circular shape distinguishes them from rounded-square Team
31
+ * Avatars at a glance.
37
32
  */
38
33
  export default function UserAvatar({ alt, className, src, name, fallbackColor, size, status, ...imgProps }: UserAvatarProps): import("react/jsx-runtime").JSX.Element;
39
34
  //# sourceMappingURL=UserAvatar.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"UserAvatar.d.ts","sourceRoot":"","sources":["../../../src/components/UserAvatar/UserAvatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAM/C,+BAA+B;AAC/B,MAAM,MAAM,cAAc,GACtB,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,KAAK,CAAC;AAEV,kDAAkD;AAClD,MAAM,MAAM,uBAAuB,GAC/B,KAAK,GACL,QAAQ,GACR,SAAS,GACT,MAAM,GACN,MAAM,GACN,QAAQ,GACR,OAAO,GACP,QAAQ,CAAC;AAEb,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAC3C,iBAAiB,CAAC,gBAAgB,CAAC,EACnC,KAAK,GAAG,KAAK,GAAG,OAAO,GAAG,QAAQ,CACnC;IACC,qCAAqC;IACrC,GAAG,EAAE,MAAM,CAAC;IACZ,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,6EAA6E;IAC7E,aAAa,CAAC,EAAE,uBAAuB,CAAC;IACxC,8CAA8C;IAC9C,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,uFAAuF;IACvF,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AA8CD;;;;;;;;;GASG;AACH,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,GAAG,EACH,SAAc,EACd,GAAG,EACH,IAAI,EACJ,aAAa,EACb,IAAW,EACX,MAAc,EACd,GAAG,QAAQ,EACZ,EAAE,eAAe,2CA2CjB"}
1
+ {"version":3,"file":"UserAvatar.d.ts","sourceRoot":"","sources":["../../../src/components/UserAvatar/UserAvatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAM/C,+BAA+B;AAC/B,MAAM,MAAM,cAAc,GACtB,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,KAAK,CAAC;AAEV,kDAAkD;AAClD,MAAM,MAAM,uBAAuB,GAC/B,KAAK,GACL,QAAQ,GACR,SAAS,GACT,MAAM,GACN,MAAM,GACN,QAAQ,GACR,OAAO,GACP,QAAQ,CAAC;AAEb,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAC3C,iBAAiB,CAAC,gBAAgB,CAAC,EACnC,KAAK,GAAG,KAAK,GAAG,OAAO,GAAG,QAAQ,CACnC;IACC,qCAAqC;IACrC,GAAG,EAAE,MAAM,CAAC;IACZ,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,6EAA6E;IAC7E,aAAa,CAAC,EAAE,uBAAuB,CAAC;IACxC,8CAA8C;IAC9C,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,uFAAuF;IACvF,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AA8CD;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,GAAG,EACH,SAAc,EACd,GAAG,EACH,IAAI,EACJ,aAAa,EACb,IAAW,EACX,MAAc,EACd,GAAG,QAAQ,EACZ,EAAE,eAAe,2CA2CjB"}
@@ -18,12 +18,9 @@ export interface UserAvatarGroupProps {
18
18
  className?: string;
19
19
  }
20
20
  /**
21
- * Stacked, overlapping user avatars showing multiple participants.
22
- * Displays up to `max` avatars then shows an overflow "+N" chip.
23
- * Hover shows a `Tooltip` with each participant’s display name.
24
- * Used in thread footers, call cards, and playbook run info.
25
- *
26
- * @see Figma Avatar Group (v1.0.1)
21
+ * A User Avatar Group displays multiple participants as a stack of overlapping avatars. It's
22
+ * a compact way to show "who's involved" — thread participants, channel members, call
23
+ * attendees — without a list.
27
24
  */
28
25
  export default function UserAvatarGroup({ avatars, className, max, size, }: UserAvatarGroupProps): import("react/jsx-runtime").JSX.Element;
29
26
  //# sourceMappingURL=UserAvatarGroup.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"UserAvatarGroup.d.ts","sourceRoot":"","sources":["../../../src/components/UserAvatarGroup/UserAvatarGroup.tsx"],"names":[],"mappings":"AAIA,MAAM,MAAM,mBAAmB,GAC3B,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,CAAC;AAET,MAAM,WAAW,mBAAmB;IAClC,oCAAoC;IACpC,GAAG,EAAE,MAAM,CAAC;IACZ,gFAAgF;IAChF,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,mFAAmF;IACnF,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,oBAAoB;IACnC,wCAAwC;IACxC,OAAO,EAAE,mBAAmB,EAAE,CAAC;IAC/B,uFAAuF;IACvF,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,iFAAiF;IACjF,IAAI,CAAC,EAAE,mBAAmB,CAAC;IAC3B,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAYD;;;;;;;GAOG;AACH,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EACtC,OAAO,EACP,SAAc,EACd,GAAO,EACP,IAAW,GACZ,EAAE,oBAAoB,2CAqEtB"}
1
+ {"version":3,"file":"UserAvatarGroup.d.ts","sourceRoot":"","sources":["../../../src/components/UserAvatarGroup/UserAvatarGroup.tsx"],"names":[],"mappings":"AAIA,MAAM,MAAM,mBAAmB,GAC3B,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,CAAC;AAET,MAAM,WAAW,mBAAmB;IAClC,oCAAoC;IACpC,GAAG,EAAE,MAAM,CAAC;IACZ,gFAAgF;IAChF,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,mFAAmF;IACnF,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,oBAAoB;IACnC,wCAAwC;IACxC,OAAO,EAAE,mBAAmB,EAAE,CAAC;IAC/B,uFAAuF;IACvF,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,iFAAiF;IACjF,IAAI,CAAC,EAAE,mBAAmB,CAAC;IAC3B,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAYD;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EACtC,OAAO,EACP,SAAc,EACd,GAAO,EACP,IAAW,GACZ,EAAE,oBAAoB,2CAqEtB"}