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.
- package/README.md +2 -2
- package/THIRD_PARTY_NOTICES +13 -0
- package/dist/chunks/{chunk-T7IEJSTH.js → chunk-HMLQCKRL.js} +36 -0
- package/dist/chunks/{chunk-7JYPFRZ3.js → chunk-PFASPQSJ.js} +393 -354
- package/dist/chunks/{chunk-SQGPQOUO.js → chunk-SUGCIPD7.js} +1 -1
- package/dist/chunks/{chunk-ME4VEAQ5.js → chunk-UNNQITFE.js} +2132 -1619
- package/dist/chunks/{chunk-VQ3UCVDV.js → chunk-WGXXPJDR.js} +5 -2
- package/dist/color-picker.js +3 -3
- package/dist/components/chat-list/ChatList.d.ts +4 -3
- package/dist/components/command-menu/CommandMenu.d.ts +1 -4
- package/dist/components/composer/Composer.d.ts +1 -1
- package/dist/components/data-table/DataTable.d.ts +9 -7
- package/dist/components/data-table/Footer.d.ts +7 -3
- package/dist/components/datepicker/DatepickerPanel.d.ts +2 -2
- package/dist/components/dnd/labels.d.ts +2 -0
- package/dist/components/field-list/FieldList.d.ts +2 -4
- package/dist/components/file-upload/FileUpload.d.ts +1 -9
- package/dist/components/index.d.ts +2 -2
- package/dist/components/input/Input.d.ts +1 -1
- package/dist/components/kanban/Kanban.d.ts +0 -2
- package/dist/components/list/List.d.ts +7 -1
- package/dist/components/login-form/LoginForm.d.ts +5 -1
- package/dist/components/message/Message.d.ts +5 -1
- package/dist/components/message/MessageParts.d.ts +7 -2
- package/dist/components/rich-text/RichText.d.ts +12 -4
- package/dist/components/select/selectContext.d.ts +0 -2
- package/dist/components/smart-filter/SmartFilter.d.ts +1 -5
- package/dist/components/sparkline/Sparkline.d.ts +50 -8
- package/dist/components/tag-select/TagSelect.d.ts +0 -2
- package/dist/components/textarea/Textarea.d.ts +2 -2
- package/dist/icon-set.d.ts +5 -1
- package/dist/icon-set.js +8 -2
- package/dist/icons/glyph.d.ts +12 -1
- package/dist/icons/glyphs/telegram.d.ts +2 -0
- package/dist/icons/glyphs/vk.d.ts +2 -0
- package/dist/icons/glyphs/whatsapp.d.ts +2 -0
- package/dist/icons/registry.d.ts +8 -1
- package/dist/index.css +1 -1
- package/dist/index.js +7 -3
- package/dist/internal/ToolRow.d.ts +3 -1
- package/dist/internal/autofill.d.ts +30 -0
- package/dist/internal/barPlan.d.ts +7 -1
- package/dist/internal/blockStack.d.ts +7 -0
- package/dist/internal/overlay/DialogParts.d.ts +8 -6
- package/dist/internal/richText.d.ts +32 -1
- package/dist/internal/textFormatting.d.ts +2 -2
- package/dist/layout/page/Page.d.ts +2 -1
- package/dist/skill/SKILL.md +3 -2
- package/dist/skill/api-contract.md +2 -1
- package/dist/skill/cheatsheet.md +1 -1
- package/dist/skill/checklist.md +8 -1
- package/dist/skill/choosing.md +76 -5
- package/dist/skill/components.md +2 -2
- package/dist/skill/composition.md +108 -20
- package/dist/skill/foundations.md +1 -1
- package/dist/skill/layouts.md +4 -4
- package/dist/skill/reference/components/button/examples/in-form.tsx +0 -1
- package/dist/skill/reference/components/card/COMPONENT.md +1 -1
- package/dist/skill/reference/components/card/examples/screen.tsx +9 -11
- package/dist/skill/reference/components/chat-list/COMPONENT.md +6 -5
- package/dist/skill/reference/components/chat-list/examples/structure.tsx +4 -4
- package/dist/skill/reference/components/command-menu/COMPONENT.md +1 -2
- package/dist/skill/reference/components/command-menu/examples/states.tsx +1 -1
- package/dist/skill/reference/components/composer/COMPONENT.md +5 -4
- package/dist/skill/reference/components/composer/examples/formatting.tsx +1 -1
- package/dist/skill/reference/components/data-table/COMPONENT.md +17 -16
- package/dist/skill/reference/components/data-table/examples/server.tsx +2 -1
- package/dist/skill/reference/components/datepicker/COMPONENT.md +2 -2
- package/dist/skill/reference/components/dnd/COMPONENT.md +2 -1
- package/dist/skill/reference/components/drawer/COMPONENT.md +9 -6
- package/dist/skill/reference/components/drawer/examples/screen.tsx +1 -5
- package/dist/skill/reference/components/drawer/examples/tab-switcher.tsx +158 -0
- package/dist/skill/reference/components/field-list/COMPONENT.md +7 -7
- package/dist/skill/reference/components/field-list/examples/limits.tsx +2 -2
- package/dist/skill/reference/components/file-upload/COMPONENT.md +8 -12
- package/dist/skill/reference/components/file-upload/examples/gallery.tsx +2 -2
- package/dist/skill/reference/components/file-upload/examples/in-form.tsx +2 -4
- package/dist/skill/reference/components/file-upload/examples/narrow.tsx +1 -0
- package/dist/skill/reference/components/file-upload/examples/overview.tsx +1 -5
- package/dist/skill/reference/components/file-upload/examples/sizes.tsx +1 -1
- package/dist/skill/reference/components/file-upload/examples/states.tsx +4 -5
- package/dist/skill/reference/components/file-upload/examples/validation.tsx +2 -7
- package/dist/skill/reference/components/input/COMPONENT.md +3 -0
- package/dist/skill/reference/components/input/examples/in-form.tsx +0 -1
- package/dist/skill/reference/components/input/examples/validation.tsx +1 -1
- package/dist/skill/reference/components/kanban/COMPONENT.md +1 -2
- package/dist/skill/reference/components/list/COMPONENT.md +11 -6
- package/dist/skill/reference/components/list/examples/reorder.tsx +30 -3
- package/dist/skill/reference/components/login-form/COMPONENT.md +2 -2
- package/dist/skill/reference/components/login-form/examples/sizes.tsx +6 -2
- package/dist/skill/reference/components/message/COMPONENT.md +12 -7
- package/dist/skill/reference/components/message/examples/status.tsx +2 -1
- package/dist/skill/reference/components/message/examples/text-formatting.tsx +13 -3
- package/dist/skill/reference/components/modal/COMPONENT.md +5 -4
- package/dist/skill/reference/components/rich-text/COMPONENT.md +45 -7
- package/dist/skill/reference/components/rich-text/examples/entities.tsx +20 -0
- package/dist/skill/reference/components/select/COMPONENT.md +1 -2
- package/dist/skill/reference/components/sheet/COMPONENT.md +5 -4
- package/dist/skill/reference/components/smart-filter/COMPONENT.md +3 -5
- package/dist/skill/reference/components/sparkline/COMPONENT.md +40 -12
- package/dist/skill/reference/components/sparkline/examples/lower-is-better.tsx +46 -0
- package/dist/skill/reference/components/sparkline/examples/own-value.tsx +41 -0
- package/dist/skill/reference/components/sparkline/examples/reference.tsx +2 -1
- package/dist/skill/reference/components/tabs/COMPONENT.md +1 -1
- package/dist/skill/reference/components/tabs/examples/orientation.tsx +1 -1
- package/dist/skill/reference/components/tag-select/COMPONENT.md +0 -2
- package/dist/skill/reference/components/tag-select/examples/overview.tsx +0 -1
- package/dist/skill/reference/components/tag-select/examples/sizes.tsx +0 -1
- package/dist/skill/reference/components/textarea/COMPONENT.md +6 -3
- package/dist/skill/reference/icon-set.ts +5 -1
- package/dist/skill/reference/layout/page/COMPONENT.md +13 -12
- package/dist/skill/reference/layout/page/examples/collapse.tsx +45 -31
- package/dist/skill/reference/layout/page/examples/router.tsx +47 -14
- package/dist/skill/ux.md +98 -4
- package/package.json +1 -1
- package/src/components/button/examples/in-form.tsx +0 -1
- package/src/components/card/COMPONENT.md +1 -1
- package/src/components/card/examples/screen.tsx +9 -11
- package/src/components/chat-list/COMPONENT.md +6 -5
- package/src/components/chat-list/examples/structure.tsx +4 -4
- package/src/components/command-menu/COMPONENT.md +1 -2
- package/src/components/command-menu/examples/states.tsx +1 -1
- package/src/components/composer/COMPONENT.md +5 -4
- package/src/components/composer/examples/formatting.tsx +1 -1
- package/src/components/data-table/COMPONENT.md +17 -16
- package/src/components/data-table/examples/server.tsx +2 -1
- package/src/components/datepicker/COMPONENT.md +2 -2
- package/src/components/dnd/COMPONENT.md +2 -1
- package/src/components/drawer/COMPONENT.md +9 -6
- package/src/components/drawer/examples/screen.tsx +1 -5
- package/src/components/drawer/examples/tab-switcher.tsx +158 -0
- package/src/components/field-list/COMPONENT.md +7 -7
- package/src/components/field-list/examples/limits.tsx +2 -2
- package/src/components/file-upload/COMPONENT.md +8 -12
- package/src/components/file-upload/examples/gallery.tsx +2 -2
- package/src/components/file-upload/examples/in-form.tsx +2 -4
- package/src/components/file-upload/examples/narrow.tsx +1 -0
- package/src/components/file-upload/examples/overview.tsx +1 -5
- package/src/components/file-upload/examples/sizes.tsx +1 -1
- package/src/components/file-upload/examples/states.tsx +4 -5
- package/src/components/file-upload/examples/validation.tsx +2 -7
- package/src/components/input/COMPONENT.md +3 -0
- package/src/components/input/examples/in-form.tsx +0 -1
- package/src/components/input/examples/validation.tsx +1 -1
- package/src/components/kanban/COMPONENT.md +1 -2
- package/src/components/list/COMPONENT.md +11 -6
- package/src/components/list/examples/reorder.tsx +30 -3
- package/src/components/login-form/COMPONENT.md +2 -2
- package/src/components/login-form/examples/sizes.tsx +6 -2
- package/src/components/message/COMPONENT.md +12 -7
- package/src/components/message/examples/status.tsx +2 -1
- package/src/components/message/examples/text-formatting.tsx +13 -3
- package/src/components/modal/COMPONENT.md +5 -4
- package/src/components/rich-text/COMPONENT.md +45 -7
- package/src/components/rich-text/examples/entities.tsx +20 -0
- package/src/components/select/COMPONENT.md +1 -2
- package/src/components/sheet/COMPONENT.md +5 -4
- package/src/components/smart-filter/COMPONENT.md +3 -5
- package/src/components/sparkline/COMPONENT.md +40 -12
- package/src/components/sparkline/examples/lower-is-better.tsx +46 -0
- package/src/components/sparkline/examples/own-value.tsx +41 -0
- package/src/components/sparkline/examples/reference.tsx +2 -1
- package/src/components/tabs/COMPONENT.md +1 -1
- package/src/components/tabs/examples/orientation.tsx +1 -1
- package/src/components/tag-select/COMPONENT.md +0 -2
- package/src/components/tag-select/examples/overview.tsx +0 -1
- package/src/components/tag-select/examples/sizes.tsx +0 -1
- package/src/components/textarea/COMPONENT.md +6 -3
- package/src/layout/page/COMPONENT.md +13 -12
- package/src/layout/page/examples/collapse.tsx +45 -31
- package/src/layout/page/examples/router.tsx +47 -14
package/dist/icon-set.d.ts
CHANGED
|
@@ -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
|
|
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-
|
|
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-
|
|
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,
|
package/dist/icons/glyph.d.ts
CHANGED
|
@@ -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
|
-
/**
|
|
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;
|
package/dist/icons/registry.d.ts
CHANGED
|
@@ -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)
|
|
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;
|