prime-ui-kit 0.21.1 → 0.21.3

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 (163) hide show
  1. package/README.md +2 -2
  2. package/THIRD_PARTY_NOTICES +13 -0
  3. package/dist/chunks/{chunk-6L7VWEY6.js → chunk-BAJRN3QN.js} +2 -2
  4. package/dist/chunks/{chunk-QFHE5GKW.js → chunk-HMLQCKRL.js} +605 -556
  5. package/dist/chunks/{chunk-S27VR4ON.js → chunk-JO7E6SZQ.js} +105 -40
  6. package/dist/chunks/{chunk-S4H2ZKWJ.js → chunk-R5LI5BO3.js} +2150 -1615
  7. package/dist/chunks/{chunk-IVS3J7AS.js → chunk-SUGCIPD7.js} +1 -1
  8. package/dist/color-picker.js +3 -3
  9. package/dist/components/chat-list/ChatList.d.ts +4 -3
  10. package/dist/components/command-menu/CommandMenu.d.ts +1 -4
  11. package/dist/components/composer/Composer.d.ts +1 -1
  12. package/dist/components/data-table/DataTable.d.ts +9 -7
  13. package/dist/components/data-table/Footer.d.ts +7 -3
  14. package/dist/components/datepicker/DatepickerPanel.d.ts +2 -2
  15. package/dist/components/dnd/labels.d.ts +2 -0
  16. package/dist/components/field-list/FieldList.d.ts +2 -4
  17. package/dist/components/file-upload/FileUpload.d.ts +1 -9
  18. package/dist/components/index.d.ts +2 -2
  19. package/dist/components/kanban/Kanban.d.ts +0 -2
  20. package/dist/components/list/List.d.ts +7 -1
  21. package/dist/components/message/Message.d.ts +7 -3
  22. package/dist/components/message/MessageParts.d.ts +7 -2
  23. package/dist/components/rich-text/RichText.d.ts +12 -4
  24. package/dist/components/scroll-container/ScrollContainer.d.ts +1 -1
  25. package/dist/components/select/selectContext.d.ts +0 -2
  26. package/dist/components/smart-filter/SmartFilter.d.ts +1 -5
  27. package/dist/components/sparkline/Sparkline.d.ts +50 -8
  28. package/dist/components/tag-select/TagSelect.d.ts +0 -2
  29. package/dist/components/textarea/Textarea.d.ts +1 -1
  30. package/dist/icon-set.d.ts +6 -1
  31. package/dist/icon-set.js +10 -2
  32. package/dist/icons/glyph.d.ts +12 -1
  33. package/dist/icons/glyphs/app-window.d.ts +2 -0
  34. package/dist/icons/glyphs/telegram.d.ts +2 -0
  35. package/dist/icons/glyphs/vk.d.ts +2 -0
  36. package/dist/icons/glyphs/whatsapp.d.ts +2 -0
  37. package/dist/icons/registry.d.ts +10 -1
  38. package/dist/index.css +1 -1
  39. package/dist/index.js +7 -3
  40. package/dist/internal/ToolRow.d.ts +3 -1
  41. package/dist/internal/barPlan.d.ts +7 -1
  42. package/dist/internal/blockStack.d.ts +7 -0
  43. package/dist/internal/overlay/DialogParts.d.ts +9 -7
  44. package/dist/internal/richText.d.ts +32 -1
  45. package/dist/internal/selectionIndicator.d.ts +9 -3
  46. package/dist/internal/textFormatting.d.ts +2 -2
  47. package/dist/layout/page/Page.d.ts +2 -1
  48. package/dist/skill/SKILL.md +3 -2
  49. package/dist/skill/api-contract.md +3 -2
  50. package/dist/skill/cheatsheet.md +1 -1
  51. package/dist/skill/checklist.md +6 -1
  52. package/dist/skill/choosing.md +76 -5
  53. package/dist/skill/components.md +2 -2
  54. package/dist/skill/composition.md +108 -20
  55. package/dist/skill/foundations.md +1 -1
  56. package/dist/skill/layouts.md +4 -4
  57. package/dist/skill/reference/components/card/COMPONENT.md +1 -1
  58. package/dist/skill/reference/components/card/examples/screen.tsx +9 -11
  59. package/dist/skill/reference/components/chat-list/COMPONENT.md +6 -5
  60. package/dist/skill/reference/components/chat-list/examples/structure.tsx +4 -4
  61. package/dist/skill/reference/components/command-menu/COMPONENT.md +1 -2
  62. package/dist/skill/reference/components/command-menu/examples/states.tsx +1 -1
  63. package/dist/skill/reference/components/composer/COMPONENT.md +5 -4
  64. package/dist/skill/reference/components/composer/examples/formatting.tsx +1 -1
  65. package/dist/skill/reference/components/data-table/COMPONENT.md +18 -16
  66. package/dist/skill/reference/components/data-table/examples/server.tsx +2 -1
  67. package/dist/skill/reference/components/datepicker/COMPONENT.md +2 -2
  68. package/dist/skill/reference/components/dnd/COMPONENT.md +2 -1
  69. package/dist/skill/reference/components/drawer/COMPONENT.md +9 -6
  70. package/dist/skill/reference/components/drawer/examples/tab-switcher.tsx +158 -0
  71. package/dist/skill/reference/components/field-list/COMPONENT.md +7 -7
  72. package/dist/skill/reference/components/field-list/examples/limits.tsx +2 -2
  73. package/dist/skill/reference/components/file-upload/COMPONENT.md +8 -12
  74. package/dist/skill/reference/components/file-upload/examples/gallery.tsx +2 -2
  75. package/dist/skill/reference/components/file-upload/examples/in-form.tsx +2 -4
  76. package/dist/skill/reference/components/file-upload/examples/narrow.tsx +1 -0
  77. package/dist/skill/reference/components/file-upload/examples/overview.tsx +1 -5
  78. package/dist/skill/reference/components/file-upload/examples/sizes.tsx +1 -1
  79. package/dist/skill/reference/components/file-upload/examples/states.tsx +4 -5
  80. package/dist/skill/reference/components/file-upload/examples/validation.tsx +2 -7
  81. package/dist/skill/reference/components/kanban/COMPONENT.md +1 -2
  82. package/dist/skill/reference/components/list/COMPONENT.md +11 -6
  83. package/dist/skill/reference/components/list/examples/reorder.tsx +30 -3
  84. package/dist/skill/reference/components/message/COMPONENT.md +17 -11
  85. package/dist/skill/reference/components/message/examples/bot-actions.tsx +6 -2
  86. package/dist/skill/reference/components/message/examples/status.tsx +2 -1
  87. package/dist/skill/reference/components/message/examples/text-formatting.tsx +13 -3
  88. package/dist/skill/reference/components/modal/COMPONENT.md +5 -4
  89. package/dist/skill/reference/components/rich-text/COMPONENT.md +45 -7
  90. package/dist/skill/reference/components/rich-text/examples/entities.tsx +20 -0
  91. package/dist/skill/reference/components/scroll-container/COMPONENT.md +5 -5
  92. package/dist/skill/reference/components/scroll-container/examples/overscroll.tsx +2 -2
  93. package/dist/skill/reference/components/select/COMPONENT.md +1 -2
  94. package/dist/skill/reference/components/sheet/COMPONENT.md +5 -4
  95. package/dist/skill/reference/components/smart-filter/COMPONENT.md +3 -5
  96. package/dist/skill/reference/components/sparkline/COMPONENT.md +40 -12
  97. package/dist/skill/reference/components/sparkline/examples/lower-is-better.tsx +46 -0
  98. package/dist/skill/reference/components/sparkline/examples/own-value.tsx +41 -0
  99. package/dist/skill/reference/components/sparkline/examples/reference.tsx +2 -1
  100. package/dist/skill/reference/components/tabs/COMPONENT.md +2 -2
  101. package/dist/skill/reference/components/tag-select/COMPONENT.md +0 -2
  102. package/dist/skill/reference/components/tag-select/examples/overview.tsx +0 -1
  103. package/dist/skill/reference/components/tag-select/examples/sizes.tsx +0 -1
  104. package/dist/skill/reference/components/textarea/COMPONENT.md +4 -3
  105. package/dist/skill/reference/icon-set.ts +6 -1
  106. package/dist/skill/reference/layout/app-shell/COMPONENT.md +1 -1
  107. package/dist/skill/reference/layout/page/COMPONENT.md +13 -12
  108. package/dist/skill/reference/layout/page/examples/collapse.tsx +45 -31
  109. package/dist/skill/reference/layout/page/examples/router.tsx +47 -14
  110. package/dist/skill/ux.md +79 -2
  111. package/package.json +1 -1
  112. package/src/components/card/COMPONENT.md +1 -1
  113. package/src/components/card/examples/screen.tsx +9 -11
  114. package/src/components/chat-list/COMPONENT.md +6 -5
  115. package/src/components/chat-list/examples/structure.tsx +4 -4
  116. package/src/components/command-menu/COMPONENT.md +1 -2
  117. package/src/components/command-menu/examples/states.tsx +1 -1
  118. package/src/components/composer/COMPONENT.md +5 -4
  119. package/src/components/composer/examples/formatting.tsx +1 -1
  120. package/src/components/data-table/COMPONENT.md +18 -16
  121. package/src/components/data-table/examples/server.tsx +2 -1
  122. package/src/components/datepicker/COMPONENT.md +2 -2
  123. package/src/components/dnd/COMPONENT.md +2 -1
  124. package/src/components/drawer/COMPONENT.md +9 -6
  125. package/src/components/drawer/examples/tab-switcher.tsx +158 -0
  126. package/src/components/field-list/COMPONENT.md +7 -7
  127. package/src/components/field-list/examples/limits.tsx +2 -2
  128. package/src/components/file-upload/COMPONENT.md +8 -12
  129. package/src/components/file-upload/examples/gallery.tsx +2 -2
  130. package/src/components/file-upload/examples/in-form.tsx +2 -4
  131. package/src/components/file-upload/examples/narrow.tsx +1 -0
  132. package/src/components/file-upload/examples/overview.tsx +1 -5
  133. package/src/components/file-upload/examples/sizes.tsx +1 -1
  134. package/src/components/file-upload/examples/states.tsx +4 -5
  135. package/src/components/file-upload/examples/validation.tsx +2 -7
  136. package/src/components/kanban/COMPONENT.md +1 -2
  137. package/src/components/list/COMPONENT.md +11 -6
  138. package/src/components/list/examples/reorder.tsx +30 -3
  139. package/src/components/message/COMPONENT.md +17 -11
  140. package/src/components/message/examples/bot-actions.tsx +6 -2
  141. package/src/components/message/examples/status.tsx +2 -1
  142. package/src/components/message/examples/text-formatting.tsx +13 -3
  143. package/src/components/modal/COMPONENT.md +5 -4
  144. package/src/components/rich-text/COMPONENT.md +45 -7
  145. package/src/components/rich-text/examples/entities.tsx +20 -0
  146. package/src/components/scroll-container/COMPONENT.md +5 -5
  147. package/src/components/scroll-container/examples/overscroll.tsx +2 -2
  148. package/src/components/select/COMPONENT.md +1 -2
  149. package/src/components/sheet/COMPONENT.md +5 -4
  150. package/src/components/smart-filter/COMPONENT.md +3 -5
  151. package/src/components/sparkline/COMPONENT.md +40 -12
  152. package/src/components/sparkline/examples/lower-is-better.tsx +46 -0
  153. package/src/components/sparkline/examples/own-value.tsx +41 -0
  154. package/src/components/sparkline/examples/reference.tsx +2 -1
  155. package/src/components/tabs/COMPONENT.md +2 -2
  156. package/src/components/tag-select/COMPONENT.md +0 -2
  157. package/src/components/tag-select/examples/overview.tsx +0 -1
  158. package/src/components/tag-select/examples/sizes.tsx +0 -1
  159. package/src/components/textarea/COMPONENT.md +4 -3
  160. package/src/layout/app-shell/COMPONENT.md +1 -1
  161. package/src/layout/page/COMPONENT.md +13 -12
  162. package/src/layout/page/examples/collapse.tsx +45 -31
  163. package/src/layout/page/examples/router.tsx +47 -14
package/dist/icon-set.js CHANGED
@@ -410,9 +410,10 @@ import {
410
410
  Youtube,
411
411
  Zap,
412
412
  ZapOff
413
- } from "./chunks/chunk-IVS3J7AS.js";
413
+ } from "./chunks/chunk-SUGCIPD7.js";
414
414
  import {
415
415
  Activity,
416
+ AppWindow,
416
417
  ArrowDown,
417
418
  ArrowUp,
418
419
  ArrowUpDown,
@@ -511,6 +512,7 @@ import {
511
512
  Strikethrough,
512
513
  Sun,
513
514
  Tablet,
515
+ Telegram,
514
516
  TextQuote,
515
517
  Trash2,
516
518
  TriangleAlert,
@@ -521,13 +523,15 @@ import {
521
523
  UserRound,
522
524
  Users,
523
525
  Video,
526
+ Vk,
524
527
  Volume2,
525
528
  VolumeX,
526
529
  Wallet,
530
+ Whatsapp,
527
531
  X,
528
532
  ZoomIn,
529
533
  ZoomOut
530
- } from "./chunks/chunk-QFHE5GKW.js";
534
+ } from "./chunks/chunk-HMLQCKRL.js";
531
535
  export {
532
536
  AArrowDown as AArrowDownIcon,
533
537
  AArrowUp as AArrowUpIcon,
@@ -545,6 +549,7 @@ export {
545
549
  Ambulance as AmbulanceIcon,
546
550
  Angry as AngryIcon,
547
551
  Annoyed as AnnoyedIcon,
552
+ AppWindow as AppWindowIcon,
548
553
  Archive as ArchiveIcon,
549
554
  ArrowBigDownDash as ArrowBigDownDashIcon,
550
555
  ArrowBigDown as ArrowBigDownIcon,
@@ -986,6 +991,7 @@ export {
986
991
  SwitchCamera as SwitchCameraIcon,
987
992
  Syringe as SyringeIcon,
988
993
  Tablet as TabletIcon,
994
+ Telegram as TelegramIcon,
989
995
  Telescope as TelescopeIcon,
990
996
  Terminal as TerminalIcon,
991
997
  TextAlignCenter as TextAlignCenterIcon,
@@ -1027,6 +1033,7 @@ export {
1027
1033
  UsersRound as UsersRoundIcon,
1028
1034
  Vibrate as VibrateIcon,
1029
1035
  Video as VideoIcon,
1036
+ Vk as VkIcon,
1030
1037
  Volume2 as Volume2Icon,
1031
1038
  Volume as VolumeIcon,
1032
1039
  VolumeX as VolumeXIcon,
@@ -1038,6 +1045,7 @@ export {
1038
1045
  WavesLadder as WavesLadderIcon,
1039
1046
  Waypoints as WaypointsIcon,
1040
1047
  Webhook as WebhookIcon,
1048
+ Whatsapp as WhatsappIcon,
1041
1049
  WifiCog as WifiCogIcon,
1042
1050
  Wifi as WifiIcon,
1043
1051
  WifiLow as WifiLowIcon,
@@ -38,7 +38,10 @@ export type DomainIconProps = Omit<React.ComponentPropsWithoutRef<"svg">, "color
38
38
  };
39
39
  /** A kit glyph component: an animated icon drawn on the 24-unit grid. */
40
40
  export type Glyph = React.ComponentType<DomainIconProps> & {
41
- /** The Lucide glyph it is drawn from (PascalCase export name). */
41
+ /**
42
+ * The drawing it comes from: a Lucide export name (PascalCase), or `simple-icons:<slug>` for a
43
+ * brand mark.
44
+ */
42
45
  source: string;
43
46
  };
44
47
  /** Shared class names and attributes of every kit icon root. */
@@ -60,3 +63,11 @@ export declare function useIconRoot({ className, size, tone, color, label, anima
60
63
  * `data-motion`, see `glyphMotion.module.css`). Call once at module level.
61
64
  */
62
65
  export declare function defineGlyph(source: string, body: React.ReactNode): Glyph;
66
+ /**
67
+ * Defines a brand mark from a Simple Icons path (CC0; filled, on a 24 grid edge to edge). A
68
+ * filled silhouette reads heavier than a stroked glyph of the same box, so the mark is drawn
69
+ * smaller, centred: `box` 20 for a mark drawn as a ring (as heavy as a stroked glyph), 18 for a
70
+ * solid one (a disc, a tile). It fills `currentColor` (monochrome: colour is the consumer's) and
71
+ * leans once as its gesture. Call once at module level.
72
+ */
73
+ export declare function defineBrandGlyph(slug: string, d: string, box: 18 | 20): Glyph;
@@ -0,0 +1,2 @@
1
+ /** Lucide `app-window`: the window's title bar lights up, one control after another; the frame stays. */
2
+ export declare const AppWindow: import("../glyph").Glyph;
@@ -0,0 +1,2 @@
1
+ /** Simple Icons `telegram`: the mark leans and comes back. */
2
+ export declare const Telegram: import("../glyph").Glyph;
@@ -0,0 +1,2 @@
1
+ /** Simple Icons `vk`: the mark leans and comes back. */
2
+ export declare const Vk: import("../glyph").Glyph;
@@ -0,0 +1,2 @@
1
+ /** Simple Icons `whatsapp`: the mark leans and comes back. */
2
+ export declare const Whatsapp: import("../glyph").Glyph;
@@ -2,7 +2,8 @@
2
2
  * Named kit glyphs: `<Icon name="…" />` renders one of these. Components and examples take glyphs
3
3
  * from here instead of importing `lucide-react` or drawing their own `<svg>`; a domain glyph the
4
4
  * kit lacks goes through `createIcon`. Drawings are Lucide's (ISC); gestures are adapted from
5
- * lucide-animated (MIT) — see `THIRD_PARTY_NOTICES`.
5
+ * lucide-animated (MIT); `brand.*` marks are Simple Icons' (CC0), monochrome, and name the service
6
+ * only (the marks are their owners' trademarks) — see `THIRD_PARTY_NOTICES`.
6
7
  */
7
8
  export declare const iconRegistry: {
8
9
  readonly "nav.chevronDown": import("./glyph").Glyph;
@@ -38,6 +39,8 @@ export declare const iconRegistry: {
38
39
  readonly "action.login": import("./glyph").Glyph;
39
40
  readonly "action.logout": import("./glyph").Glyph;
40
41
  readonly "action.more": import("./glyph").Glyph;
42
+ /** Open a page of this product (a bot key's web app); `action.externalLink` leaves it. */
43
+ readonly "action.openApp": import("./glyph").Glyph;
41
44
  readonly "action.pause": import("./glyph").Glyph;
42
45
  /** Pin a message or an item to the top. */
43
46
  readonly "action.pin": import("./glyph").Glyph;
@@ -145,5 +148,11 @@ export declare const iconRegistry: {
145
148
  readonly "viewport.desktop": import("./glyph").Glyph;
146
149
  readonly "viewport.mobile": import("./glyph").Glyph;
147
150
  readonly "viewport.tablet": import("./glyph").Glyph;
151
+ /** A channel or account on Telegram (a filter, a connect choice). */
152
+ readonly "brand.telegram": import("./glyph").Glyph;
153
+ /** A channel or account on VK. */
154
+ readonly "brand.vk": import("./glyph").Glyph;
155
+ /** A channel or account on WhatsApp. */
156
+ readonly "brand.whatsapp": import("./glyph").Glyph;
148
157
  };
149
158
  export type IconName = keyof typeof iconRegistry;