@nextop-os/ui-system 0.0.27 → 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-UELLN5VR.js → chunk-3BPTHQCX.js} +25 -24
- package/dist/chunk-3BPTHQCX.js.map +1 -0
- package/dist/{chunk-D5Y4OBKX.js → chunk-CBMNQQWH.js} +347 -133
- 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 +29 -7
- package/dist/components/index.js +26 -2
- package/dist/date-format.d.ts +1 -1
- package/dist/date-format.js +1 -1
- package/dist/icons/index.d.ts +3 -1
- package/dist/icons/index.js +5 -1
- package/dist/index.d.ts +5 -3
- package/dist/index.js +31 -3
- package/dist/metadata/components.json +199 -5
- package/dist/metadata/index.js +199 -5
- 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 +4 -2
- package/dist/chunk-D5Y4OBKX.js.map +0 -1
- package/dist/chunk-KJQ366TA.js.map +0 -1
- package/dist/chunk-UELLN5VR.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",
|
|
@@ -894,6 +1025,41 @@ var components_default = {
|
|
|
894
1025
|
useCases: ["Composing toast-compatible styles"],
|
|
895
1026
|
migrationHints: []
|
|
896
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
|
+
},
|
|
897
1063
|
{
|
|
898
1064
|
id: "checkbox",
|
|
899
1065
|
layer: "base",
|
|
@@ -1370,6 +1536,20 @@ var components_default = {
|
|
|
1370
1536
|
migrationHints: [],
|
|
1371
1537
|
iconVariant: "lined"
|
|
1372
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
|
+
},
|
|
1373
1553
|
{
|
|
1374
1554
|
id: "health-lined-icon",
|
|
1375
1555
|
layer: "base",
|
|
@@ -1864,6 +2044,20 @@ var components_default = {
|
|
|
1864
2044
|
migrationHints: [],
|
|
1865
2045
|
iconVariant: "lined"
|
|
1866
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
|
+
},
|
|
1867
2061
|
{
|
|
1868
2062
|
id: "layout-preset-filled-icon",
|
|
1869
2063
|
layer: "base",
|
|
@@ -2028,7 +2222,7 @@ var components_default = {
|
|
|
2028
2222
|
status: "stable",
|
|
2029
2223
|
source: "src/icons/system-icons.tsx",
|
|
2030
2224
|
description: "System icon for agent session threads.",
|
|
2031
|
-
useCases: ["Agent sessions", "
|
|
2225
|
+
useCases: ["Agent sessions", "Session history"],
|
|
2032
2226
|
migrationHints: [],
|
|
2033
2227
|
iconVariant: "filled"
|
|
2034
2228
|
},
|
|
@@ -2042,7 +2236,7 @@ var components_default = {
|
|
|
2042
2236
|
status: "stable",
|
|
2043
2237
|
source: "src/icons/system-icons.tsx",
|
|
2044
2238
|
description: "System icon for creating a chat.",
|
|
2045
|
-
useCases: ["Create chat actions", "New
|
|
2239
|
+
useCases: ["Create chat actions", "New session controls"],
|
|
2046
2240
|
migrationHints: [],
|
|
2047
2241
|
iconVariant: "filled"
|
|
2048
2242
|
},
|
|
@@ -2196,7 +2390,7 @@ var components_default = {
|
|
|
2196
2390
|
status: "stable",
|
|
2197
2391
|
source: "src/icons/system-icons.tsx",
|
|
2198
2392
|
description: "System icon for open sessions.",
|
|
2199
|
-
useCases: ["Open sessions", "Active
|
|
2393
|
+
useCases: ["Open sessions", "Active sessions"],
|
|
2200
2394
|
migrationHints: [],
|
|
2201
2395
|
iconVariant: "filled"
|
|
2202
2396
|
},
|
|
@@ -2322,7 +2516,7 @@ var components_default = {
|
|
|
2322
2516
|
status: "stable",
|
|
2323
2517
|
source: "src/icons/system-icons.tsx",
|
|
2324
2518
|
description: "System icon for chat surfaces.",
|
|
2325
|
-
useCases: ["Chat surfaces", "
|
|
2519
|
+
useCases: ["Chat surfaces", "Session controls"],
|
|
2326
2520
|
migrationHints: [],
|
|
2327
2521
|
iconVariant: "lined"
|
|
2328
2522
|
},
|
|
@@ -2364,7 +2558,7 @@ var components_default = {
|
|
|
2364
2558
|
status: "stable",
|
|
2365
2559
|
source: "src/icons/system-icons.tsx",
|
|
2366
2560
|
description: "System icon for unavailable chat states.",
|
|
2367
|
-
useCases: ["Unavailable chats", "Disabled
|
|
2561
|
+
useCases: ["Unavailable chats", "Disabled sessions"],
|
|
2368
2562
|
migrationHints: [],
|
|
2369
2563
|
iconVariant: "filled"
|
|
2370
2564
|
},
|