prime-ui-kit 0.20.0 → 0.21.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 (151) hide show
  1. package/README.md +1 -1
  2. package/dist/chunks/{chunk-4KONMO7Z.js → chunk-6L7VWEY6.js} +1 -1
  3. package/dist/chunks/{chunk-3PY52JP3.js → chunk-S27VR4ON.js} +5828 -5596
  4. package/dist/chunks/{chunk-W6EGTNG6.js → chunk-S4H2ZKWJ.js} +1099 -661
  5. package/dist/color-picker.js +2 -2
  6. package/dist/components/badge/Badge.d.ts +19 -2
  7. package/dist/components/card/Card.d.ts +10 -3
  8. package/dist/components/composer/Composer.d.ts +49 -1
  9. package/dist/components/crossfade/Crossfade.d.ts +6 -4
  10. package/dist/components/data-table/DataTable.d.ts +10 -2
  11. package/dist/components/data-table/Row.d.ts +12 -1
  12. package/dist/components/data-table/SelectionMenu.d.ts +20 -0
  13. package/dist/components/data-table/useRowSelection.d.ts +2 -0
  14. package/dist/components/empty-page/EmptyPage.d.ts +5 -2
  15. package/dist/components/hint/Hint.d.ts +1 -1
  16. package/dist/components/index.d.ts +1 -1
  17. package/dist/components/input/Input.d.ts +15 -3
  18. package/dist/components/message/Message.d.ts +6 -3
  19. package/dist/components/segmented-control/SegmentedControl.d.ts +5 -1
  20. package/dist/components/smart-filter/SmartFilter.d.ts +4 -0
  21. package/dist/components/spinner/Spinner.d.ts +3 -2
  22. package/dist/components/tabs/Tabs.d.ts +10 -1
  23. package/dist/hooks/useModalLayer.d.ts +15 -8
  24. package/dist/index.css +1 -1
  25. package/dist/index.js +2 -2
  26. package/dist/internal/RegionSwap.d.ts +18 -10
  27. package/dist/internal/RollingNumber.d.ts +7 -5
  28. package/dist/internal/ToolRow.d.ts +6 -0
  29. package/dist/internal/mediaSlot.d.ts +29 -0
  30. package/dist/internal/overlay/DialogParts.d.ts +30 -6
  31. package/dist/internal/overlay/focus.d.ts +18 -3
  32. package/dist/internal/partPresence.d.ts +19 -2
  33. package/dist/layout/sidebar/Sidebar.d.ts +3 -2
  34. package/dist/skill/anti-slop.md +35 -37
  35. package/dist/skill/api-contract.md +50 -2
  36. package/dist/skill/cheatsheet.md +15 -10
  37. package/dist/skill/checklist.md +19 -6
  38. package/dist/skill/choosing.md +79 -6
  39. package/dist/skill/components.md +1 -1
  40. package/dist/skill/composition.md +211 -51
  41. package/dist/skill/foundations.md +17 -6
  42. package/dist/skill/layouts.md +64 -14
  43. package/dist/skill/motion.md +9 -3
  44. package/dist/skill/reference/components/avatar/COMPONENT.md +1 -0
  45. package/dist/skill/reference/components/badge/COMPONENT.md +29 -5
  46. package/dist/skill/reference/components/badge/examples/examples.module.css +14 -0
  47. package/dist/skill/reference/components/badge/examples/overflow-count.tsx +32 -0
  48. package/dist/skill/reference/components/banner/COMPONENT.md +1 -1
  49. package/dist/skill/reference/components/card/COMPONENT.md +8 -4
  50. package/dist/skill/reference/components/card/examples/person-header.tsx +38 -0
  51. package/dist/skill/reference/components/composer/COMPONENT.md +35 -5
  52. package/dist/skill/reference/components/composer/examples/bot-keyboard.tsx +43 -0
  53. package/dist/skill/reference/components/confirm-dialog/COMPONENT.md +1 -1
  54. package/dist/skill/reference/components/crossfade/COMPONENT.md +18 -10
  55. package/dist/skill/reference/components/data-table/COMPONENT.md +17 -11
  56. package/dist/skill/reference/components/data-table/examples/screen.tsx +6 -9
  57. package/dist/skill/reference/components/data-table/examples/selection.tsx +60 -18
  58. package/dist/skill/reference/components/dnd/COMPONENT.md +3 -3
  59. package/dist/skill/reference/components/drawer/COMPONENT.md +41 -19
  60. package/dist/skill/reference/components/drawer/examples/footer-actions.tsx +54 -0
  61. package/dist/skill/reference/components/drawer/examples/header-actions.tsx +46 -25
  62. package/dist/skill/reference/components/drawer/examples/link-loading.tsx +57 -0
  63. package/dist/skill/reference/components/drawer/examples/screen.tsx +3 -5
  64. package/dist/skill/reference/components/empty-page/COMPONENT.md +2 -2
  65. package/dist/skill/reference/components/field-list/COMPONENT.md +7 -7
  66. package/dist/skill/reference/components/field-list/examples/row-menu.tsx +1 -1
  67. package/dist/skill/reference/components/hint/COMPONENT.md +1 -1
  68. package/dist/skill/reference/components/input/COMPONENT.md +16 -3
  69. package/dist/skill/reference/components/input/examples/password-policy.tsx +65 -0
  70. package/dist/skill/reference/components/list/COMPONENT.md +1 -1
  71. package/dist/skill/reference/components/login-form/COMPONENT.md +13 -11
  72. package/dist/skill/reference/components/login-form/examples/overview.tsx +5 -5
  73. package/dist/skill/reference/components/login-form/examples/states.tsx +7 -6
  74. package/dist/skill/reference/components/message/COMPONENT.md +5 -5
  75. package/dist/skill/reference/components/message/examples/bot-actions.tsx +47 -28
  76. package/dist/skill/reference/components/modal/COMPONENT.md +31 -12
  77. package/dist/skill/reference/components/modal/examples/structure.tsx +2 -4
  78. package/dist/skill/reference/components/segmented-control/COMPONENT.md +11 -6
  79. package/dist/skill/reference/components/segmented-control/examples/router.tsx +22 -0
  80. package/dist/skill/reference/components/select/COMPONENT.md +4 -1
  81. package/dist/skill/reference/components/sheet/COMPONENT.md +31 -12
  82. package/dist/skill/reference/components/sheet/examples/header-actions.tsx +5 -3
  83. package/dist/skill/reference/components/skeleton/COMPONENT.md +3 -2
  84. package/dist/skill/reference/components/smart-filter/COMPONENT.md +2 -1
  85. package/dist/skill/reference/components/smart-filter/examples/ranges.tsx +8 -2
  86. package/dist/skill/reference/components/spinner/COMPONENT.md +1 -1
  87. package/dist/skill/reference/components/tabs/COMPONENT.md +7 -4
  88. package/dist/skill/reference/components/tabs/examples/in-drawer.tsx +18 -2
  89. package/dist/skill/reference/components/thumbnail/COMPONENT.md +1 -0
  90. package/dist/skill/reference/components/tooltip/COMPONENT.md +3 -3
  91. package/dist/skill/reference/foundation.md +15 -9
  92. package/dist/skill/reference/layout/page/COMPONENT.md +1 -0
  93. package/dist/skill/reference/layout/sidebar/COMPONENT.md +4 -2
  94. package/dist/skill/reference/layout/sidebar/examples/account-profile.tsx +66 -0
  95. package/dist/skill/responsive.md +28 -6
  96. package/dist/skill/ux.md +97 -2
  97. package/dist/tokens/semantic.d.ts +2 -1
  98. package/dist/tokens/themes/dark.d.ts +1 -0
  99. package/package.json +1 -1
  100. package/src/components/avatar/COMPONENT.md +1 -0
  101. package/src/components/badge/COMPONENT.md +29 -5
  102. package/src/components/badge/examples/examples.module.css +14 -0
  103. package/src/components/badge/examples/overflow-count.tsx +32 -0
  104. package/src/components/banner/COMPONENT.md +1 -1
  105. package/src/components/card/COMPONENT.md +8 -4
  106. package/src/components/card/examples/person-header.tsx +38 -0
  107. package/src/components/composer/COMPONENT.md +35 -5
  108. package/src/components/composer/examples/bot-keyboard.tsx +43 -0
  109. package/src/components/confirm-dialog/COMPONENT.md +1 -1
  110. package/src/components/crossfade/COMPONENT.md +18 -10
  111. package/src/components/data-table/COMPONENT.md +17 -11
  112. package/src/components/data-table/examples/screen.tsx +6 -9
  113. package/src/components/data-table/examples/selection.tsx +60 -18
  114. package/src/components/dnd/COMPONENT.md +3 -3
  115. package/src/components/drawer/COMPONENT.md +41 -19
  116. package/src/components/drawer/examples/footer-actions.tsx +54 -0
  117. package/src/components/drawer/examples/header-actions.tsx +46 -25
  118. package/src/components/drawer/examples/link-loading.tsx +57 -0
  119. package/src/components/drawer/examples/screen.tsx +3 -5
  120. package/src/components/empty-page/COMPONENT.md +2 -2
  121. package/src/components/field-list/COMPONENT.md +7 -7
  122. package/src/components/field-list/examples/row-menu.tsx +1 -1
  123. package/src/components/hint/COMPONENT.md +1 -1
  124. package/src/components/input/COMPONENT.md +16 -3
  125. package/src/components/input/examples/password-policy.tsx +65 -0
  126. package/src/components/list/COMPONENT.md +1 -1
  127. package/src/components/login-form/COMPONENT.md +13 -11
  128. package/src/components/login-form/examples/overview.tsx +5 -5
  129. package/src/components/login-form/examples/states.tsx +7 -6
  130. package/src/components/message/COMPONENT.md +5 -5
  131. package/src/components/message/examples/bot-actions.tsx +47 -28
  132. package/src/components/modal/COMPONENT.md +31 -12
  133. package/src/components/modal/examples/structure.tsx +2 -4
  134. package/src/components/segmented-control/COMPONENT.md +11 -6
  135. package/src/components/segmented-control/examples/router.tsx +22 -0
  136. package/src/components/select/COMPONENT.md +4 -1
  137. package/src/components/sheet/COMPONENT.md +31 -12
  138. package/src/components/sheet/examples/header-actions.tsx +5 -3
  139. package/src/components/skeleton/COMPONENT.md +3 -2
  140. package/src/components/smart-filter/COMPONENT.md +2 -1
  141. package/src/components/smart-filter/examples/ranges.tsx +8 -2
  142. package/src/components/spinner/COMPONENT.md +1 -1
  143. package/src/components/tabs/COMPONENT.md +7 -4
  144. package/src/components/tabs/examples/in-drawer.tsx +18 -2
  145. package/src/components/thumbnail/COMPONENT.md +1 -0
  146. package/src/components/tooltip/COMPONENT.md +3 -3
  147. package/src/layout/page/COMPONENT.md +1 -0
  148. package/src/layout/sidebar/COMPONENT.md +4 -2
  149. package/src/layout/sidebar/examples/account-profile.tsx +66 -0
  150. package/src/styles/theme-dark.css +1 -0
  151. package/src/styles/theme-light.css +1 -0
package/README.md CHANGED
@@ -278,7 +278,7 @@ accessibility, examples and common mistakes.
278
278
  | [**Spinner**](https://github.com/esurkov1/prime-ui/blob/main/src/components/spinner/COMPONENT.md) | An indeterminate loading indicator: the kit ring with the share unknown — a quarter arc turning on a faint track while a request runs. |
279
279
  | [**Skeleton**](https://github.com/esurkov1/prime-ui/blob/main/src/components/skeleton/COMPONENT.md) | A placeholder in the shape of the content that is loading — text lines, a control, an avatar, a block — so the layout is in place before the data arrives. |
280
280
  | [**EmptyPage**](https://github.com/esurkov1/prime-ui/blob/main/src/components/empty-page/COMPONENT.md) | Empty or failed state of a page, a block or a menu: icon, title, explanation and an action — a retry for a failed load. |
281
- | [**Crossfade**](https://github.com/esurkov1/prime-ui/blob/main/src/components/crossfade/COMPONENT.md) | A region that cross-fades between its states (loading → data → empty → error) and glides to the new height, so the page below does not jump. |
281
+ | [**Crossfade**](https://github.com/esurkov1/prime-ui/blob/main/src/components/crossfade/COMPONENT.md) | A region that cross-fades between its states (loading → data → empty → error): the data replaces the loading skeleton in place, settled states glide to the new height, so the page below does not jump. |
282
282
  | [**VisuallyHidden**](https://github.com/esurkov1/prime-ui/blob/main/src/components/visually-hidden/COMPONENT.md) | Text that screen readers read and nobody sees: the words behind an icon, a badge or a change on the screen. |
283
283
 
284
284
  ### Navigation (`navigation`)
@@ -23,7 +23,7 @@ import {
23
23
  useInheritedDisabled,
24
24
  useLabels,
25
25
  useOpenState
26
- } from "./chunk-3PY52JP3.js";
26
+ } from "./chunk-S27VR4ON.js";
27
27
  import {
28
28
  cx,
29
29
  useHostTier