prime-ui-kit 0.21.2 → 0.21.4

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 (171) hide show
  1. package/README.md +2 -2
  2. package/THIRD_PARTY_NOTICES +13 -0
  3. package/dist/chunks/{chunk-T7IEJSTH.js → chunk-HMLQCKRL.js} +36 -0
  4. package/dist/chunks/{chunk-7JYPFRZ3.js → chunk-PFASPQSJ.js} +393 -354
  5. package/dist/chunks/{chunk-SQGPQOUO.js → chunk-SUGCIPD7.js} +1 -1
  6. package/dist/chunks/{chunk-ME4VEAQ5.js → chunk-UNNQITFE.js} +2132 -1619
  7. package/dist/chunks/{chunk-VQ3UCVDV.js → chunk-WGXXPJDR.js} +5 -2
  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/input/Input.d.ts +1 -1
  20. package/dist/components/kanban/Kanban.d.ts +0 -2
  21. package/dist/components/list/List.d.ts +7 -1
  22. package/dist/components/login-form/LoginForm.d.ts +5 -1
  23. package/dist/components/message/Message.d.ts +5 -1
  24. package/dist/components/message/MessageParts.d.ts +7 -2
  25. package/dist/components/rich-text/RichText.d.ts +12 -4
  26. package/dist/components/select/selectContext.d.ts +0 -2
  27. package/dist/components/smart-filter/SmartFilter.d.ts +1 -5
  28. package/dist/components/sparkline/Sparkline.d.ts +50 -8
  29. package/dist/components/tag-select/TagSelect.d.ts +0 -2
  30. package/dist/components/textarea/Textarea.d.ts +2 -2
  31. package/dist/icon-set.d.ts +5 -1
  32. package/dist/icon-set.js +8 -2
  33. package/dist/icons/glyph.d.ts +12 -1
  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 +8 -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/autofill.d.ts +30 -0
  42. package/dist/internal/barPlan.d.ts +7 -1
  43. package/dist/internal/blockStack.d.ts +7 -0
  44. package/dist/internal/overlay/DialogParts.d.ts +8 -6
  45. package/dist/internal/richText.d.ts +32 -1
  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 +2 -1
  50. package/dist/skill/cheatsheet.md +1 -1
  51. package/dist/skill/checklist.md +8 -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/button/examples/in-form.tsx +0 -1
  58. package/dist/skill/reference/components/card/COMPONENT.md +1 -1
  59. package/dist/skill/reference/components/card/examples/screen.tsx +9 -11
  60. package/dist/skill/reference/components/chat-list/COMPONENT.md +6 -5
  61. package/dist/skill/reference/components/chat-list/examples/structure.tsx +4 -4
  62. package/dist/skill/reference/components/command-menu/COMPONENT.md +1 -2
  63. package/dist/skill/reference/components/command-menu/examples/states.tsx +1 -1
  64. package/dist/skill/reference/components/composer/COMPONENT.md +5 -4
  65. package/dist/skill/reference/components/composer/examples/formatting.tsx +1 -1
  66. package/dist/skill/reference/components/data-table/COMPONENT.md +17 -16
  67. package/dist/skill/reference/components/data-table/examples/server.tsx +2 -1
  68. package/dist/skill/reference/components/datepicker/COMPONENT.md +2 -2
  69. package/dist/skill/reference/components/dnd/COMPONENT.md +2 -1
  70. package/dist/skill/reference/components/drawer/COMPONENT.md +9 -6
  71. package/dist/skill/reference/components/drawer/examples/screen.tsx +1 -5
  72. package/dist/skill/reference/components/drawer/examples/tab-switcher.tsx +158 -0
  73. package/dist/skill/reference/components/field-list/COMPONENT.md +7 -7
  74. package/dist/skill/reference/components/field-list/examples/limits.tsx +2 -2
  75. package/dist/skill/reference/components/file-upload/COMPONENT.md +8 -12
  76. package/dist/skill/reference/components/file-upload/examples/gallery.tsx +2 -2
  77. package/dist/skill/reference/components/file-upload/examples/in-form.tsx +2 -4
  78. package/dist/skill/reference/components/file-upload/examples/narrow.tsx +1 -0
  79. package/dist/skill/reference/components/file-upload/examples/overview.tsx +1 -5
  80. package/dist/skill/reference/components/file-upload/examples/sizes.tsx +1 -1
  81. package/dist/skill/reference/components/file-upload/examples/states.tsx +4 -5
  82. package/dist/skill/reference/components/file-upload/examples/validation.tsx +2 -7
  83. package/dist/skill/reference/components/input/COMPONENT.md +3 -0
  84. package/dist/skill/reference/components/input/examples/in-form.tsx +0 -1
  85. package/dist/skill/reference/components/input/examples/validation.tsx +1 -1
  86. package/dist/skill/reference/components/kanban/COMPONENT.md +1 -2
  87. package/dist/skill/reference/components/list/COMPONENT.md +11 -6
  88. package/dist/skill/reference/components/list/examples/reorder.tsx +30 -3
  89. package/dist/skill/reference/components/login-form/COMPONENT.md +2 -2
  90. package/dist/skill/reference/components/login-form/examples/sizes.tsx +6 -2
  91. package/dist/skill/reference/components/message/COMPONENT.md +12 -7
  92. package/dist/skill/reference/components/message/examples/status.tsx +2 -1
  93. package/dist/skill/reference/components/message/examples/text-formatting.tsx +13 -3
  94. package/dist/skill/reference/components/modal/COMPONENT.md +5 -4
  95. package/dist/skill/reference/components/rich-text/COMPONENT.md +45 -7
  96. package/dist/skill/reference/components/rich-text/examples/entities.tsx +20 -0
  97. package/dist/skill/reference/components/select/COMPONENT.md +1 -2
  98. package/dist/skill/reference/components/sheet/COMPONENT.md +5 -4
  99. package/dist/skill/reference/components/smart-filter/COMPONENT.md +3 -5
  100. package/dist/skill/reference/components/sparkline/COMPONENT.md +40 -12
  101. package/dist/skill/reference/components/sparkline/examples/lower-is-better.tsx +46 -0
  102. package/dist/skill/reference/components/sparkline/examples/own-value.tsx +41 -0
  103. package/dist/skill/reference/components/sparkline/examples/reference.tsx +2 -1
  104. package/dist/skill/reference/components/tabs/COMPONENT.md +1 -1
  105. package/dist/skill/reference/components/tabs/examples/orientation.tsx +1 -1
  106. package/dist/skill/reference/components/tag-select/COMPONENT.md +0 -2
  107. package/dist/skill/reference/components/tag-select/examples/overview.tsx +0 -1
  108. package/dist/skill/reference/components/tag-select/examples/sizes.tsx +0 -1
  109. package/dist/skill/reference/components/textarea/COMPONENT.md +6 -3
  110. package/dist/skill/reference/icon-set.ts +5 -1
  111. package/dist/skill/reference/layout/page/COMPONENT.md +13 -12
  112. package/dist/skill/reference/layout/page/examples/collapse.tsx +45 -31
  113. package/dist/skill/reference/layout/page/examples/router.tsx +47 -14
  114. package/dist/skill/ux.md +98 -4
  115. package/package.json +1 -1
  116. package/src/components/button/examples/in-form.tsx +0 -1
  117. package/src/components/card/COMPONENT.md +1 -1
  118. package/src/components/card/examples/screen.tsx +9 -11
  119. package/src/components/chat-list/COMPONENT.md +6 -5
  120. package/src/components/chat-list/examples/structure.tsx +4 -4
  121. package/src/components/command-menu/COMPONENT.md +1 -2
  122. package/src/components/command-menu/examples/states.tsx +1 -1
  123. package/src/components/composer/COMPONENT.md +5 -4
  124. package/src/components/composer/examples/formatting.tsx +1 -1
  125. package/src/components/data-table/COMPONENT.md +17 -16
  126. package/src/components/data-table/examples/server.tsx +2 -1
  127. package/src/components/datepicker/COMPONENT.md +2 -2
  128. package/src/components/dnd/COMPONENT.md +2 -1
  129. package/src/components/drawer/COMPONENT.md +9 -6
  130. package/src/components/drawer/examples/screen.tsx +1 -5
  131. package/src/components/drawer/examples/tab-switcher.tsx +158 -0
  132. package/src/components/field-list/COMPONENT.md +7 -7
  133. package/src/components/field-list/examples/limits.tsx +2 -2
  134. package/src/components/file-upload/COMPONENT.md +8 -12
  135. package/src/components/file-upload/examples/gallery.tsx +2 -2
  136. package/src/components/file-upload/examples/in-form.tsx +2 -4
  137. package/src/components/file-upload/examples/narrow.tsx +1 -0
  138. package/src/components/file-upload/examples/overview.tsx +1 -5
  139. package/src/components/file-upload/examples/sizes.tsx +1 -1
  140. package/src/components/file-upload/examples/states.tsx +4 -5
  141. package/src/components/file-upload/examples/validation.tsx +2 -7
  142. package/src/components/input/COMPONENT.md +3 -0
  143. package/src/components/input/examples/in-form.tsx +0 -1
  144. package/src/components/input/examples/validation.tsx +1 -1
  145. package/src/components/kanban/COMPONENT.md +1 -2
  146. package/src/components/list/COMPONENT.md +11 -6
  147. package/src/components/list/examples/reorder.tsx +30 -3
  148. package/src/components/login-form/COMPONENT.md +2 -2
  149. package/src/components/login-form/examples/sizes.tsx +6 -2
  150. package/src/components/message/COMPONENT.md +12 -7
  151. package/src/components/message/examples/status.tsx +2 -1
  152. package/src/components/message/examples/text-formatting.tsx +13 -3
  153. package/src/components/modal/COMPONENT.md +5 -4
  154. package/src/components/rich-text/COMPONENT.md +45 -7
  155. package/src/components/rich-text/examples/entities.tsx +20 -0
  156. package/src/components/select/COMPONENT.md +1 -2
  157. package/src/components/sheet/COMPONENT.md +5 -4
  158. package/src/components/smart-filter/COMPONENT.md +3 -5
  159. package/src/components/sparkline/COMPONENT.md +40 -12
  160. package/src/components/sparkline/examples/lower-is-better.tsx +46 -0
  161. package/src/components/sparkline/examples/own-value.tsx +41 -0
  162. package/src/components/sparkline/examples/reference.tsx +2 -1
  163. package/src/components/tabs/COMPONENT.md +1 -1
  164. package/src/components/tabs/examples/orientation.tsx +1 -1
  165. package/src/components/tag-select/COMPONENT.md +0 -2
  166. package/src/components/tag-select/examples/overview.tsx +0 -1
  167. package/src/components/tag-select/examples/sizes.tsx +0 -1
  168. package/src/components/textarea/COMPONENT.md +6 -3
  169. package/src/layout/page/COMPONENT.md +13 -12
  170. package/src/layout/page/examples/collapse.tsx +45 -31
  171. package/src/layout/page/examples/router.tsx +47 -14
@@ -1,6 +1,7 @@
1
1
  /**
2
2
  * `prime-ui-kit/icons` — the full animated glyph set as named components (`<BellIcon />`), each a
3
- * Lucide drawing with one gesture; import only what you use, the rest is never bundled. The
3
+ * Lucide drawing (or a Simple Icons brand mark: `<TelegramIcon />`) with one gesture; import only
4
+ * what you use, the rest is never bundled. The
4
5
  * semantic `<Icon name>` set lives in the main entry. Generated by `bun run icons:add`.
5
6
  */
6
7
  export type { DomainIconProps as GlyphIconProps, Glyph } from "./icons/glyph";
@@ -462,6 +463,7 @@ export { SwissFranc as SwissFrancIcon } from "./icons/glyphs/swiss-franc";
462
463
  export { SwitchCamera as SwitchCameraIcon } from "./icons/glyphs/switch-camera";
463
464
  export { Syringe as SyringeIcon } from "./icons/glyphs/syringe";
464
465
  export { Tablet as TabletIcon } from "./icons/glyphs/tablet";
466
+ export { Telegram as TelegramIcon } from "./icons/glyphs/telegram";
465
467
  export { Telescope as TelescopeIcon } from "./icons/glyphs/telescope";
466
468
  export { Terminal as TerminalIcon } from "./icons/glyphs/terminal";
467
469
  export { TextAlignCenter as TextAlignCenterIcon } from "./icons/glyphs/text-align-center";
@@ -503,6 +505,7 @@ export { Users as UsersIcon } from "./icons/glyphs/users";
503
505
  export { UsersRound as UsersRoundIcon } from "./icons/glyphs/users-round";
504
506
  export { Vibrate as VibrateIcon } from "./icons/glyphs/vibrate";
505
507
  export { Video as VideoIcon } from "./icons/glyphs/video";
508
+ export { Vk as VkIcon } from "./icons/glyphs/vk";
506
509
  export { Volume as VolumeIcon } from "./icons/glyphs/volume";
507
510
  export { Volume2 as Volume2Icon } from "./icons/glyphs/volume-2";
508
511
  export { VolumeX as VolumeXIcon } from "./icons/glyphs/volume-x";
@@ -514,6 +517,7 @@ export { WavesArrowUp as WavesArrowUpIcon } from "./icons/glyphs/waves-arrow-up"
514
517
  export { WavesLadder as WavesLadderIcon } from "./icons/glyphs/waves-ladder";
515
518
  export { Waypoints as WaypointsIcon } from "./icons/glyphs/waypoints";
516
519
  export { Webhook as WebhookIcon } from "./icons/glyphs/webhook";
520
+ export { Whatsapp as WhatsappIcon } from "./icons/glyphs/whatsapp";
517
521
  export { Wifi as WifiIcon } from "./icons/glyphs/wifi";
518
522
  export { WifiCog as WifiCogIcon } from "./icons/glyphs/wifi-cog";
519
523
  export { WifiLow as WifiLowIcon } from "./icons/glyphs/wifi-low";
package/dist/icon-set.js CHANGED
@@ -410,7 +410,7 @@ import {
410
410
  Youtube,
411
411
  Zap,
412
412
  ZapOff
413
- } from "./chunks/chunk-SQGPQOUO.js";
413
+ } from "./chunks/chunk-SUGCIPD7.js";
414
414
  import {
415
415
  Activity,
416
416
  AppWindow,
@@ -512,6 +512,7 @@ import {
512
512
  Strikethrough,
513
513
  Sun,
514
514
  Tablet,
515
+ Telegram,
515
516
  TextQuote,
516
517
  Trash2,
517
518
  TriangleAlert,
@@ -522,13 +523,15 @@ import {
522
523
  UserRound,
523
524
  Users,
524
525
  Video,
526
+ Vk,
525
527
  Volume2,
526
528
  VolumeX,
527
529
  Wallet,
530
+ Whatsapp,
528
531
  X,
529
532
  ZoomIn,
530
533
  ZoomOut
531
- } from "./chunks/chunk-T7IEJSTH.js";
534
+ } from "./chunks/chunk-HMLQCKRL.js";
532
535
  export {
533
536
  AArrowDown as AArrowDownIcon,
534
537
  AArrowUp as AArrowUpIcon,
@@ -988,6 +991,7 @@ export {
988
991
  SwitchCamera as SwitchCameraIcon,
989
992
  Syringe as SyringeIcon,
990
993
  Tablet as TabletIcon,
994
+ Telegram as TelegramIcon,
991
995
  Telescope as TelescopeIcon,
992
996
  Terminal as TerminalIcon,
993
997
  TextAlignCenter as TextAlignCenterIcon,
@@ -1029,6 +1033,7 @@ export {
1029
1033
  UsersRound as UsersRoundIcon,
1030
1034
  Vibrate as VibrateIcon,
1031
1035
  Video as VideoIcon,
1036
+ Vk as VkIcon,
1032
1037
  Volume2 as Volume2Icon,
1033
1038
  Volume as VolumeIcon,
1034
1039
  VolumeX as VolumeXIcon,
@@ -1040,6 +1045,7 @@ export {
1040
1045
  WavesLadder as WavesLadderIcon,
1041
1046
  Waypoints as WaypointsIcon,
1042
1047
  Webhook as WebhookIcon,
1048
+ Whatsapp as WhatsappIcon,
1043
1049
  WifiCog as WifiCogIcon,
1044
1050
  Wifi as WifiIcon,
1045
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
+ /** 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;
@@ -147,5 +148,11 @@ export declare const iconRegistry: {
147
148
  readonly "viewport.desktop": import("./glyph").Glyph;
148
149
  readonly "viewport.mobile": import("./glyph").Glyph;
149
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;
150
157
  };
151
158
  export type IconName = keyof typeof iconRegistry;