@nextop-os/ui-system 0.0.26 → 0.0.28
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/dist/{chunk-AEKKSXBL.js → chunk-3BPTHQCX.js} +29 -42
- package/dist/chunk-3BPTHQCX.js.map +1 -0
- package/dist/{chunk-DKR4UYO3.js → chunk-CBMNQQWH.js} +450 -135
- package/dist/chunk-CBMNQQWH.js.map +1 -0
- package/dist/{chunk-KJQ366TA.js → chunk-GX3U3V36.js} +2 -2
- package/dist/chunk-GX3U3V36.js.map +1 -0
- package/dist/components/index.d.ts +45 -11
- package/dist/components/index.js +28 -2
- package/dist/date-format.d.ts +1 -1
- package/dist/date-format.js +1 -1
- package/dist/icons/index.d.ts +5 -5
- package/dist/icons/index.js +9 -9
- package/dist/index.d.ts +5 -3
- package/dist/index.js +37 -11
- package/dist/metadata/components.json +228 -44
- package/dist/metadata/index.js +228 -44
- package/dist/metadata/index.js.map +1 -1
- package/dist/styles/semantic.css +1 -0
- package/dist/styles/theme.css +25 -8
- package/package.json +3 -1
- package/ui-system.md +5 -1
- package/dist/chunk-AEKKSXBL.js.map +0 -1
- package/dist/chunk-DKR4UYO3.js.map +0 -1
- package/dist/chunk-KJQ366TA.js.map +0 -1
package/dist/metadata/index.js
CHANGED
|
@@ -297,6 +297,137 @@ var components_default = {
|
|
|
297
297
|
useCases: ["Dialog launch controls"],
|
|
298
298
|
migrationHints: []
|
|
299
299
|
},
|
|
300
|
+
{
|
|
301
|
+
id: "drawer",
|
|
302
|
+
layer: "base",
|
|
303
|
+
name: "Drawer",
|
|
304
|
+
export: "Drawer",
|
|
305
|
+
from: "@nextop-os/ui-system/components",
|
|
306
|
+
category: "composition",
|
|
307
|
+
status: "stable",
|
|
308
|
+
source: "src/components/drawer/index.tsx",
|
|
309
|
+
description: "Drawer root primitive for edge-attached overlay surfaces.",
|
|
310
|
+
useCases: ["Side drawers", "Bottom sheets", "Transient panels"],
|
|
311
|
+
migrationHints: [],
|
|
312
|
+
storyboard: true
|
|
313
|
+
},
|
|
314
|
+
{
|
|
315
|
+
id: "drawer-close",
|
|
316
|
+
layer: "base",
|
|
317
|
+
name: "DrawerClose",
|
|
318
|
+
export: "DrawerClose",
|
|
319
|
+
from: "@nextop-os/ui-system/components",
|
|
320
|
+
category: "composition",
|
|
321
|
+
status: "stable",
|
|
322
|
+
source: "src/components/drawer/index.tsx",
|
|
323
|
+
description: "Close control primitive for Drawer compositions.",
|
|
324
|
+
useCases: ["Drawer close buttons"],
|
|
325
|
+
migrationHints: []
|
|
326
|
+
},
|
|
327
|
+
{
|
|
328
|
+
id: "drawer-content",
|
|
329
|
+
layer: "base",
|
|
330
|
+
name: "DrawerContent",
|
|
331
|
+
export: "DrawerContent",
|
|
332
|
+
from: "@nextop-os/ui-system/components",
|
|
333
|
+
category: "composition",
|
|
334
|
+
status: "stable",
|
|
335
|
+
source: "src/components/drawer/index.tsx",
|
|
336
|
+
description: "Content surface for Drawer layouts.",
|
|
337
|
+
useCases: ["Drawer bodies", "Sheet panels"],
|
|
338
|
+
migrationHints: []
|
|
339
|
+
},
|
|
340
|
+
{
|
|
341
|
+
id: "drawer-description",
|
|
342
|
+
layer: "base",
|
|
343
|
+
name: "DrawerDescription",
|
|
344
|
+
export: "DrawerDescription",
|
|
345
|
+
from: "@nextop-os/ui-system/components",
|
|
346
|
+
category: "composition",
|
|
347
|
+
status: "stable",
|
|
348
|
+
source: "src/components/drawer/index.tsx",
|
|
349
|
+
description: "Accessible description primitive for Drawer content.",
|
|
350
|
+
useCases: ["Drawer supporting copy"],
|
|
351
|
+
migrationHints: []
|
|
352
|
+
},
|
|
353
|
+
{
|
|
354
|
+
id: "drawer-footer",
|
|
355
|
+
layer: "base",
|
|
356
|
+
name: "DrawerFooter",
|
|
357
|
+
export: "DrawerFooter",
|
|
358
|
+
from: "@nextop-os/ui-system/components",
|
|
359
|
+
category: "composition",
|
|
360
|
+
status: "stable",
|
|
361
|
+
source: "src/components/drawer/index.tsx",
|
|
362
|
+
description: "Footer region for Drawer actions.",
|
|
363
|
+
useCases: ["Drawer action rows"],
|
|
364
|
+
migrationHints: []
|
|
365
|
+
},
|
|
366
|
+
{
|
|
367
|
+
id: "drawer-header",
|
|
368
|
+
layer: "base",
|
|
369
|
+
name: "DrawerHeader",
|
|
370
|
+
export: "DrawerHeader",
|
|
371
|
+
from: "@nextop-os/ui-system/components",
|
|
372
|
+
category: "composition",
|
|
373
|
+
status: "stable",
|
|
374
|
+
source: "src/components/drawer/index.tsx",
|
|
375
|
+
description: "Header region for Drawer titles and descriptions.",
|
|
376
|
+
useCases: ["Drawer headings"],
|
|
377
|
+
migrationHints: []
|
|
378
|
+
},
|
|
379
|
+
{
|
|
380
|
+
id: "drawer-overlay",
|
|
381
|
+
layer: "base",
|
|
382
|
+
name: "DrawerOverlay",
|
|
383
|
+
export: "DrawerOverlay",
|
|
384
|
+
from: "@nextop-os/ui-system/components",
|
|
385
|
+
category: "composition",
|
|
386
|
+
status: "stable",
|
|
387
|
+
source: "src/components/drawer/index.tsx",
|
|
388
|
+
description: "Overlay backdrop for Drawer content.",
|
|
389
|
+
useCases: ["Modal drawer backdrops"],
|
|
390
|
+
migrationHints: []
|
|
391
|
+
},
|
|
392
|
+
{
|
|
393
|
+
id: "drawer-portal",
|
|
394
|
+
layer: "base",
|
|
395
|
+
name: "DrawerPortal",
|
|
396
|
+
export: "DrawerPortal",
|
|
397
|
+
from: "@nextop-os/ui-system/components",
|
|
398
|
+
category: "composition",
|
|
399
|
+
status: "stable",
|
|
400
|
+
source: "src/components/drawer/index.tsx",
|
|
401
|
+
description: "Portal primitive for Drawer content placement.",
|
|
402
|
+
useCases: ["Portaled drawer content"],
|
|
403
|
+
migrationHints: []
|
|
404
|
+
},
|
|
405
|
+
{
|
|
406
|
+
id: "drawer-title",
|
|
407
|
+
layer: "base",
|
|
408
|
+
name: "DrawerTitle",
|
|
409
|
+
export: "DrawerTitle",
|
|
410
|
+
from: "@nextop-os/ui-system/components",
|
|
411
|
+
category: "composition",
|
|
412
|
+
status: "stable",
|
|
413
|
+
source: "src/components/drawer/index.tsx",
|
|
414
|
+
description: "Accessible title primitive for Drawer content.",
|
|
415
|
+
useCases: ["Drawer headings"],
|
|
416
|
+
migrationHints: []
|
|
417
|
+
},
|
|
418
|
+
{
|
|
419
|
+
id: "drawer-trigger",
|
|
420
|
+
layer: "base",
|
|
421
|
+
name: "DrawerTrigger",
|
|
422
|
+
export: "DrawerTrigger",
|
|
423
|
+
from: "@nextop-os/ui-system/components",
|
|
424
|
+
category: "composition",
|
|
425
|
+
status: "stable",
|
|
426
|
+
source: "src/components/drawer/index.tsx",
|
|
427
|
+
description: "Trigger primitive for opening Drawer content.",
|
|
428
|
+
useCases: ["Drawer launch controls"],
|
|
429
|
+
migrationHints: []
|
|
430
|
+
},
|
|
300
431
|
{
|
|
301
432
|
id: "dropdown-menu",
|
|
302
433
|
layer: "base",
|
|
@@ -507,6 +638,24 @@ var components_default = {
|
|
|
507
638
|
migrationHints: [],
|
|
508
639
|
storyboard: true
|
|
509
640
|
},
|
|
641
|
+
{
|
|
642
|
+
id: "mention-pill",
|
|
643
|
+
layer: "base",
|
|
644
|
+
name: "MentionPill",
|
|
645
|
+
export: "MentionPill",
|
|
646
|
+
from: "@nextop-os/ui-system/components",
|
|
647
|
+
category: "primitive",
|
|
648
|
+
status: "stable",
|
|
649
|
+
source: "src/components/mention-pill/index.tsx",
|
|
650
|
+
description: "Inline rich-text mention token for issue, session, and file references.",
|
|
651
|
+
useCases: [
|
|
652
|
+
"Rich text mentions",
|
|
653
|
+
"Reference chips",
|
|
654
|
+
"Inline file references"
|
|
655
|
+
],
|
|
656
|
+
migrationHints: [],
|
|
657
|
+
storyboard: true
|
|
658
|
+
},
|
|
510
659
|
{
|
|
511
660
|
id: "resizable-panel-group",
|
|
512
661
|
layer: "base",
|
|
@@ -876,6 +1025,41 @@ var components_default = {
|
|
|
876
1025
|
useCases: ["Composing toast-compatible styles"],
|
|
877
1026
|
migrationHints: []
|
|
878
1027
|
},
|
|
1028
|
+
{
|
|
1029
|
+
id: "toaster",
|
|
1030
|
+
layer: "base",
|
|
1031
|
+
name: "Toaster",
|
|
1032
|
+
export: "Toaster",
|
|
1033
|
+
from: "@nextop-os/ui-system/components",
|
|
1034
|
+
category: "composition",
|
|
1035
|
+
status: "stable",
|
|
1036
|
+
source: "src/components/sonner/index.tsx",
|
|
1037
|
+
description: "Sonner-backed notification viewport for rich transient notifications.",
|
|
1038
|
+
useCases: [
|
|
1039
|
+
"Actionable notifications",
|
|
1040
|
+
"Top-right notification stacks",
|
|
1041
|
+
"Longer-lived async workflow prompts"
|
|
1042
|
+
],
|
|
1043
|
+
migrationHints: [
|
|
1044
|
+
"Use Toaster with the exported toast API when notifications need actions, placement, or longer duration than the compact Toast primitive."
|
|
1045
|
+
],
|
|
1046
|
+
storyboard: true
|
|
1047
|
+
},
|
|
1048
|
+
{
|
|
1049
|
+
id: "sonner-toast",
|
|
1050
|
+
layer: "base",
|
|
1051
|
+
name: "toast",
|
|
1052
|
+
export: "toast",
|
|
1053
|
+
from: "@nextop-os/ui-system/components",
|
|
1054
|
+
category: "utility",
|
|
1055
|
+
status: "stable",
|
|
1056
|
+
source: "src/components/sonner/index.tsx",
|
|
1057
|
+
description: "Command API for dispatching Sonner-backed notifications.",
|
|
1058
|
+
useCases: ["Notification dispatch", "Actionable toast updates"],
|
|
1059
|
+
migrationHints: [
|
|
1060
|
+
"Prefer this exported toast API over direct sonner imports so consumers stay on the UI-system notification wrapper."
|
|
1061
|
+
]
|
|
1062
|
+
},
|
|
879
1063
|
{
|
|
880
1064
|
id: "checkbox",
|
|
881
1065
|
layer: "base",
|
|
@@ -1352,6 +1536,20 @@ var components_default = {
|
|
|
1352
1536
|
migrationHints: [],
|
|
1353
1537
|
iconVariant: "lined"
|
|
1354
1538
|
},
|
|
1539
|
+
{
|
|
1540
|
+
id: "no-workspace-lined-icon",
|
|
1541
|
+
layer: "base",
|
|
1542
|
+
name: "NoWorkspaceLinedIcon",
|
|
1543
|
+
export: "NoWorkspaceLinedIcon",
|
|
1544
|
+
from: "@nextop-os/ui-system/icons",
|
|
1545
|
+
category: "icon",
|
|
1546
|
+
status: "stable",
|
|
1547
|
+
source: "src/icons/system-icons.tsx",
|
|
1548
|
+
description: "Lined system icon for no-workspace or no-project states.",
|
|
1549
|
+
useCases: ["No workspace states", "No project menu options"],
|
|
1550
|
+
migrationHints: [],
|
|
1551
|
+
iconVariant: "lined"
|
|
1552
|
+
},
|
|
1355
1553
|
{
|
|
1356
1554
|
id: "health-lined-icon",
|
|
1357
1555
|
layer: "base",
|
|
@@ -1721,7 +1919,7 @@ var components_default = {
|
|
|
1721
1919
|
iconVariant: "filled"
|
|
1722
1920
|
},
|
|
1723
1921
|
{
|
|
1724
|
-
id: "
|
|
1922
|
+
id: "create-filled-icon",
|
|
1725
1923
|
layer: "base",
|
|
1726
1924
|
name: "FileCreateIcon",
|
|
1727
1925
|
export: "FileCreateIcon",
|
|
@@ -1762,20 +1960,6 @@ var components_default = {
|
|
|
1762
1960
|
migrationHints: [],
|
|
1763
1961
|
iconVariant: "lined"
|
|
1764
1962
|
},
|
|
1765
|
-
{
|
|
1766
|
-
id: "chevron-right-lined-icon",
|
|
1767
|
-
layer: "base",
|
|
1768
|
-
name: "ChevronRightIcon",
|
|
1769
|
-
export: "ChevronRightIcon",
|
|
1770
|
-
from: "@nextop-os/ui-system/icons",
|
|
1771
|
-
category: "icon",
|
|
1772
|
-
status: "stable",
|
|
1773
|
-
source: "src/icons/system-icons.tsx",
|
|
1774
|
-
description: "System icon for rightward disclosure or nested navigation.",
|
|
1775
|
-
useCases: ["Disclosure controls", "Nested menu triggers"],
|
|
1776
|
-
migrationHints: [],
|
|
1777
|
-
iconVariant: "lined"
|
|
1778
|
-
},
|
|
1779
1963
|
{
|
|
1780
1964
|
id: "edit-lined-icon",
|
|
1781
1965
|
layer: "base",
|
|
@@ -1791,16 +1975,16 @@ var components_default = {
|
|
|
1791
1975
|
iconVariant: "lined"
|
|
1792
1976
|
},
|
|
1793
1977
|
{
|
|
1794
|
-
id: "
|
|
1978
|
+
id: "nav-applications-lined-icon",
|
|
1795
1979
|
layer: "base",
|
|
1796
|
-
name: "
|
|
1797
|
-
export: "
|
|
1980
|
+
name: "NavApplicationsLinedIcon",
|
|
1981
|
+
export: "NavApplicationsLinedIcon",
|
|
1798
1982
|
from: "@nextop-os/ui-system/icons",
|
|
1799
1983
|
category: "icon",
|
|
1800
1984
|
status: "stable",
|
|
1801
1985
|
source: "src/icons/system-icons.tsx",
|
|
1802
|
-
description: "
|
|
1803
|
-
useCases: ["
|
|
1986
|
+
description: "Navigation icon for applications.",
|
|
1987
|
+
useCases: ["Applications navigation", "App grids"],
|
|
1804
1988
|
migrationHints: [],
|
|
1805
1989
|
iconVariant: "lined"
|
|
1806
1990
|
},
|
|
@@ -1860,6 +2044,20 @@ var components_default = {
|
|
|
1860
2044
|
migrationHints: [],
|
|
1861
2045
|
iconVariant: "lined"
|
|
1862
2046
|
},
|
|
2047
|
+
{
|
|
2048
|
+
id: "pin-lined-icon",
|
|
2049
|
+
layer: "base",
|
|
2050
|
+
name: "PinIcon",
|
|
2051
|
+
export: "PinIcon",
|
|
2052
|
+
from: "@nextop-os/ui-system/icons",
|
|
2053
|
+
category: "icon",
|
|
2054
|
+
status: "stable",
|
|
2055
|
+
source: "src/icons/system-icons.tsx",
|
|
2056
|
+
description: "System icon for pinning items in menus or compact controls.",
|
|
2057
|
+
useCases: ["Pinned lists", "Topic ordering", "Compact menu actions"],
|
|
2058
|
+
migrationHints: [],
|
|
2059
|
+
iconVariant: "lined"
|
|
2060
|
+
},
|
|
1863
2061
|
{
|
|
1864
2062
|
id: "layout-preset-filled-icon",
|
|
1865
2063
|
layer: "base",
|
|
@@ -2024,7 +2222,7 @@ var components_default = {
|
|
|
2024
2222
|
status: "stable",
|
|
2025
2223
|
source: "src/icons/system-icons.tsx",
|
|
2026
2224
|
description: "System icon for agent session threads.",
|
|
2027
|
-
useCases: ["Agent sessions", "
|
|
2225
|
+
useCases: ["Agent sessions", "Session history"],
|
|
2028
2226
|
migrationHints: [],
|
|
2029
2227
|
iconVariant: "filled"
|
|
2030
2228
|
},
|
|
@@ -2038,21 +2236,7 @@ var components_default = {
|
|
|
2038
2236
|
status: "stable",
|
|
2039
2237
|
source: "src/icons/system-icons.tsx",
|
|
2040
2238
|
description: "System icon for creating a chat.",
|
|
2041
|
-
useCases: ["Create chat actions", "New
|
|
2042
|
-
migrationHints: [],
|
|
2043
|
-
iconVariant: "filled"
|
|
2044
|
-
},
|
|
2045
|
-
{
|
|
2046
|
-
id: "codex-filled-icon",
|
|
2047
|
-
layer: "base",
|
|
2048
|
-
name: "CodexFilledIcon",
|
|
2049
|
-
export: "CodexFilledIcon",
|
|
2050
|
-
from: "@nextop-os/ui-system/icons",
|
|
2051
|
-
category: "icon",
|
|
2052
|
-
status: "stable",
|
|
2053
|
-
source: "src/icons/system-icons.tsx",
|
|
2054
|
-
description: "Source-derived Codex agent mark for Agent GUI empty hero surfaces.",
|
|
2055
|
-
useCases: ["Agent GUI empty state", "Codex agent identity"],
|
|
2239
|
+
useCases: ["Create chat actions", "New session controls"],
|
|
2056
2240
|
migrationHints: [],
|
|
2057
2241
|
iconVariant: "filled"
|
|
2058
2242
|
},
|
|
@@ -2183,16 +2367,16 @@ var components_default = {
|
|
|
2183
2367
|
iconVariant: "filled"
|
|
2184
2368
|
},
|
|
2185
2369
|
{
|
|
2186
|
-
id: "nav-
|
|
2370
|
+
id: "nav-applications-filled-icon",
|
|
2187
2371
|
layer: "base",
|
|
2188
|
-
name: "
|
|
2189
|
-
export: "
|
|
2372
|
+
name: "NavApplicationsFilledIcon",
|
|
2373
|
+
export: "NavApplicationsFilledIcon",
|
|
2190
2374
|
from: "@nextop-os/ui-system/icons",
|
|
2191
2375
|
category: "icon",
|
|
2192
2376
|
status: "stable",
|
|
2193
2377
|
source: "src/icons/system-icons.tsx",
|
|
2194
|
-
description: "Navigation icon for
|
|
2195
|
-
useCases: ["
|
|
2378
|
+
description: "Navigation icon for applications.",
|
|
2379
|
+
useCases: ["Applications navigation", "App grids"],
|
|
2196
2380
|
migrationHints: [],
|
|
2197
2381
|
iconVariant: "filled"
|
|
2198
2382
|
},
|
|
@@ -2206,7 +2390,7 @@ var components_default = {
|
|
|
2206
2390
|
status: "stable",
|
|
2207
2391
|
source: "src/icons/system-icons.tsx",
|
|
2208
2392
|
description: "System icon for open sessions.",
|
|
2209
|
-
useCases: ["Open sessions", "Active
|
|
2393
|
+
useCases: ["Open sessions", "Active sessions"],
|
|
2210
2394
|
migrationHints: [],
|
|
2211
2395
|
iconVariant: "filled"
|
|
2212
2396
|
},
|
|
@@ -2332,7 +2516,7 @@ var components_default = {
|
|
|
2332
2516
|
status: "stable",
|
|
2333
2517
|
source: "src/icons/system-icons.tsx",
|
|
2334
2518
|
description: "System icon for chat surfaces.",
|
|
2335
|
-
useCases: ["Chat surfaces", "
|
|
2519
|
+
useCases: ["Chat surfaces", "Session controls"],
|
|
2336
2520
|
migrationHints: [],
|
|
2337
2521
|
iconVariant: "lined"
|
|
2338
2522
|
},
|
|
@@ -2374,7 +2558,7 @@ var components_default = {
|
|
|
2374
2558
|
status: "stable",
|
|
2375
2559
|
source: "src/icons/system-icons.tsx",
|
|
2376
2560
|
description: "System icon for unavailable chat states.",
|
|
2377
|
-
useCases: ["Unavailable chats", "Disabled
|
|
2561
|
+
useCases: ["Unavailable chats", "Disabled sessions"],
|
|
2378
2562
|
migrationHints: [],
|
|
2379
2563
|
iconVariant: "filled"
|
|
2380
2564
|
},
|