@nextop-os/ui-system 0.0.27 → 0.0.29

package/dist/metadata/components.json

@@ -29,6 +29,20 @@
       "useCases": ["Composing badge-compatible styles"],
       "migrationHints": []
     },
+    {
+      "id": "shortcut-badge",
+      "layer": "base",
+      "name": "ShortcutBadge",
+      "export": "ShortcutBadge",
+      "from": "@nextop-os/ui-system/components",
+      "category": "primitive",
+      "status": "stable",
+      "source": "src/components/shortcut-badge/index.tsx",
+      "description": "Compact kbd-styled badge for keyboard shortcut hints.",
+      "useCases": ["Keyboard shortcut hints", "Tooltip shortcut labels"],
+      "migrationHints": [],
+      "storyboard": true
+    },
     {
       "id": "button",
       "layer": "base",
@@ -56,6 +70,28 @@
       "useCases": ["Composing button-compatible styles"],
       "migrationHints": []
     },
+    {
+      "id": "bare-icon-button",
+      "layer": "base",
+      "name": "BareIconButton",
+      "export": "BareIconButton",
+      "from": "@nextop-os/ui-system/components",
+      "category": "primitive",
+      "status": "stable",
+      "source": "src/components/bare-icon-button/index.tsx",
+      "description": "Background-free icon-only button for very dense control clusters.",
+      "propsType": "BareIconButtonProps",
+      "useCases": [
+        "Dense toolbars",
+        "Inline row actions",
+        "Compact icon-only affordances that should not add a hover fill"
+      ],
+      "migrationHints": [
+        "Use only when the surrounding layout is information-dense enough that a filled or ghost icon button adds visual noise.",
+        "Prefer Button size=\"icon\" or size=\"icon-sm\" when the action needs a visible hover surface."
+      ],
+      "storyboard": true
+    },
     {
       "id": "card",
       "layer": "base",
@@ -296,6 +332,137 @@
       "useCases": ["Dialog launch controls"],
       "migrationHints": []
     },
+    {
+      "id": "drawer",
+      "layer": "base",
+      "name": "Drawer",
+      "export": "Drawer",
+      "from": "@nextop-os/ui-system/components",
+      "category": "composition",
+      "status": "stable",
+      "source": "src/components/drawer/index.tsx",
+      "description": "Drawer root primitive for edge-attached overlay surfaces.",
+      "useCases": ["Side drawers", "Bottom sheets", "Transient panels"],
+      "migrationHints": [],
+      "storyboard": true
+    },
+    {
+      "id": "drawer-close",
+      "layer": "base",
+      "name": "DrawerClose",
+      "export": "DrawerClose",
+      "from": "@nextop-os/ui-system/components",
+      "category": "composition",
+      "status": "stable",
+      "source": "src/components/drawer/index.tsx",
+      "description": "Close control primitive for Drawer compositions.",
+      "useCases": ["Drawer close buttons"],
+      "migrationHints": []
+    },
+    {
+      "id": "drawer-content",
+      "layer": "base",
+      "name": "DrawerContent",
+      "export": "DrawerContent",
+      "from": "@nextop-os/ui-system/components",
+      "category": "composition",
+      "status": "stable",
+      "source": "src/components/drawer/index.tsx",
+      "description": "Content surface for Drawer layouts.",
+      "useCases": ["Drawer bodies", "Sheet panels"],
+      "migrationHints": []
+    },
+    {
+      "id": "drawer-description",
+      "layer": "base",
+      "name": "DrawerDescription",
+      "export": "DrawerDescription",
+      "from": "@nextop-os/ui-system/components",
+      "category": "composition",
+      "status": "stable",
+      "source": "src/components/drawer/index.tsx",
+      "description": "Accessible description primitive for Drawer content.",
+      "useCases": ["Drawer supporting copy"],
+      "migrationHints": []
+    },
+    {
+      "id": "drawer-footer",
+      "layer": "base",
+      "name": "DrawerFooter",
+      "export": "DrawerFooter",
+      "from": "@nextop-os/ui-system/components",
+      "category": "composition",
+      "status": "stable",
+      "source": "src/components/drawer/index.tsx",
+      "description": "Footer region for Drawer actions.",
+      "useCases": ["Drawer action rows"],
+      "migrationHints": []
+    },
+    {
+      "id": "drawer-header",
+      "layer": "base",
+      "name": "DrawerHeader",
+      "export": "DrawerHeader",
+      "from": "@nextop-os/ui-system/components",
+      "category": "composition",
+      "status": "stable",
+      "source": "src/components/drawer/index.tsx",
+      "description": "Header region for Drawer titles and descriptions.",
+      "useCases": ["Drawer headings"],
+      "migrationHints": []
+    },
+    {
+      "id": "drawer-overlay",
+      "layer": "base",
+      "name": "DrawerOverlay",
+      "export": "DrawerOverlay",
+      "from": "@nextop-os/ui-system/components",
+      "category": "composition",
+      "status": "stable",
+      "source": "src/components/drawer/index.tsx",
+      "description": "Overlay backdrop for Drawer content.",
+      "useCases": ["Modal drawer backdrops"],
+      "migrationHints": []
+    },
+    {
+      "id": "drawer-portal",
+      "layer": "base",
+      "name": "DrawerPortal",
+      "export": "DrawerPortal",
+      "from": "@nextop-os/ui-system/components",
+      "category": "composition",
+      "status": "stable",
+      "source": "src/components/drawer/index.tsx",
+      "description": "Portal primitive for Drawer content placement.",
+      "useCases": ["Portaled drawer content"],
+      "migrationHints": []
+    },
+    {
+      "id": "drawer-title",
+      "layer": "base",
+      "name": "DrawerTitle",
+      "export": "DrawerTitle",
+      "from": "@nextop-os/ui-system/components",
+      "category": "composition",
+      "status": "stable",
+      "source": "src/components/drawer/index.tsx",
+      "description": "Accessible title primitive for Drawer content.",
+      "useCases": ["Drawer headings"],
+      "migrationHints": []
+    },
+    {
+      "id": "drawer-trigger",
+      "layer": "base",
+      "name": "DrawerTrigger",
+      "export": "DrawerTrigger",
+      "from": "@nextop-os/ui-system/components",
+      "category": "composition",
+      "status": "stable",
+      "source": "src/components/drawer/index.tsx",
+      "description": "Trigger primitive for opening Drawer content.",
+      "useCases": ["Drawer launch controls"],
+      "migrationHints": []
+    },
     {
       "id": "dropdown-menu",
       "layer": "base",
@@ -893,6 +1060,41 @@
       "useCases": ["Composing toast-compatible styles"],
       "migrationHints": []
     },
+    {
+      "id": "toaster",
+      "layer": "base",
+      "name": "Toaster",
+      "export": "Toaster",
+      "from": "@nextop-os/ui-system/components",
+      "category": "composition",
+      "status": "stable",
+      "source": "src/components/sonner/index.tsx",
+      "description": "Sonner-backed notification viewport for rich transient notifications.",
+      "useCases": [
+        "Actionable notifications",
+        "Top-right notification stacks",
+        "Longer-lived async workflow prompts"
+      ],
+      "migrationHints": [
+        "Use Toaster with the exported toast API when notifications need actions, placement, or longer duration than the compact Toast primitive."
+      ],
+      "storyboard": true
+    },
+    {
+      "id": "sonner-toast",
+      "layer": "base",
+      "name": "toast",
+      "export": "toast",
+      "from": "@nextop-os/ui-system/components",
+      "category": "utility",
+      "status": "stable",
+      "source": "src/components/sonner/index.tsx",
+      "description": "Command API for dispatching Sonner-backed notifications.",
+      "useCases": ["Notification dispatch", "Actionable toast updates"],
+      "migrationHints": [
+        "Prefer this exported toast API over direct sonner imports so consumers stay on the UI-system notification wrapper."
+      ]
+    },
     {
       "id": "checkbox",
       "layer": "base",
@@ -1136,6 +1338,26 @@
       "migrationHints": [],
       "storyboard": true
     },
+    {
+      "id": "section-tabs",
+      "layer": "base",
+      "name": "SectionTabs",
+      "export": "SectionTabs",
+      "from": "@nextop-os/ui-system/components",
+      "category": "composition",
+      "status": "stable",
+      "source": "src/components/section-tabs/index.tsx",
+      "description": "Heading-sized tab row primitive for switching between peer content sections.",
+      "useCases": [
+        "Section switching",
+        "Panel content groups",
+        "Workbench grouped lists"
+      ],
+      "migrationHints": [
+        "Use SectionTabs when tabs should visually match section headings instead of dense pane navigation."
+      ],
+      "storyboard": false
+    },
     {
       "id": "date-picker",
       "layer": "base",
@@ -1299,6 +1521,34 @@
       "migrationHints": [],
       "iconVariant": "lined"
     },
+    {
+      "id": "play-lined-icon",
+      "layer": "base",
+      "name": "PlayIcon",
+      "export": "PlayIcon",
+      "from": "@nextop-os/ui-system/icons",
+      "category": "icon",
+      "status": "stable",
+      "source": "src/icons/system-icons.tsx",
+      "description": "System icon for starting or running an action.",
+      "useCases": ["Run buttons", "Start actions", "Media-style play actions"],
+      "migrationHints": [],
+      "iconVariant": "lined"
+    },
+    {
+      "id": "pause-lined-icon",
+      "layer": "base",
+      "name": "PauseIcon",
+      "export": "PauseIcon",
+      "from": "@nextop-os/ui-system/icons",
+      "category": "icon",
+      "status": "stable",
+      "source": "src/icons/system-icons.tsx",
+      "description": "System icon for pausing an active action.",
+      "useCases": ["Pause buttons", "Running state controls"],
+      "migrationHints": [],
+      "iconVariant": "lined"
+    },
     {
       "id": "folder-lined-icon",
       "layer": "base",
@@ -1369,6 +1619,20 @@
       "migrationHints": [],
       "iconVariant": "lined"
     },
+    {
+      "id": "no-workspace-lined-icon",
+      "layer": "base",
+      "name": "NoWorkspaceLinedIcon",
+      "export": "NoWorkspaceLinedIcon",
+      "from": "@nextop-os/ui-system/icons",
+      "category": "icon",
+      "status": "stable",
+      "source": "src/icons/system-icons.tsx",
+      "description": "Lined system icon for no-workspace or no-project states.",
+      "useCases": ["No workspace states", "No project menu options"],
+      "migrationHints": [],
+      "iconVariant": "lined"
+    },
     {
       "id": "health-lined-icon",
       "layer": "base",
@@ -1863,6 +2127,34 @@
       "migrationHints": [],
       "iconVariant": "lined"
     },
+    {
+      "id": "pin-lined-icon",
+      "layer": "base",
+      "name": "PinIcon",
+      "export": "PinIcon",
+      "from": "@nextop-os/ui-system/icons",
+      "category": "icon",
+      "status": "stable",
+      "source": "src/icons/system-icons.tsx",
+      "description": "System icon for pinning items in menus or compact controls.",
+      "useCases": ["Pinned lists", "Topic ordering", "Compact menu actions"],
+      "migrationHints": [],
+      "iconVariant": "lined"
+    },
+    {
+      "id": "pin-filled-icon",
+      "layer": "base",
+      "name": "PinFilledIcon",
+      "export": "PinFilledIcon",
+      "from": "@nextop-os/ui-system/icons",
+      "category": "icon",
+      "status": "stable",
+      "source": "src/icons/system-icons.tsx",
+      "description": "Filled system icon for pinned items in menus or compact controls.",
+      "useCases": ["Pinned lists", "Active pin states", "Compact menu actions"],
+      "migrationHints": [],
+      "iconVariant": "filled"
+    },
     {
       "id": "layout-preset-filled-icon",
       "layer": "base",
@@ -2027,7 +2319,7 @@
       "status": "stable",
       "source": "src/icons/system-icons.tsx",
       "description": "System icon for agent session threads.",
-      "useCases": ["Agent sessions", "Conversation history"],
+      "useCases": ["Agent sessions", "Session history"],
       "migrationHints": [],
       "iconVariant": "filled"
     },
@@ -2041,7 +2333,7 @@
       "status": "stable",
       "source": "src/icons/system-icons.tsx",
       "description": "System icon for creating a chat.",
-      "useCases": ["Create chat actions", "New conversation controls"],
+      "useCases": ["Create chat actions", "New session controls"],
       "migrationHints": [],
       "iconVariant": "filled"
     },
@@ -2195,7 +2487,7 @@
       "status": "stable",
       "source": "src/icons/system-icons.tsx",
       "description": "System icon for open sessions.",
-      "useCases": ["Open sessions", "Active conversations"],
+      "useCases": ["Open sessions", "Active sessions"],
       "migrationHints": [],
       "iconVariant": "filled"
     },
@@ -2321,7 +2613,7 @@
       "status": "stable",
       "source": "src/icons/system-icons.tsx",
       "description": "System icon for chat surfaces.",
-      "useCases": ["Chat surfaces", "Conversation controls"],
+      "useCases": ["Chat surfaces", "Session controls"],
       "migrationHints": [],
       "iconVariant": "lined"
     },
@@ -2363,7 +2655,7 @@
       "status": "stable",
       "source": "src/icons/system-icons.tsx",
       "description": "System icon for unavailable chat states.",
-      "useCases": ["Unavailable chats", "Disabled conversations"],
+      "useCases": ["Unavailable chats", "Disabled sessions"],
       "migrationHints": [],
       "iconVariant": "filled"
     },
@@ -2381,6 +2673,20 @@
       "migrationHints": [],
       "iconVariant": "lined"
     },
+    {
+      "id": "uninstall-filled-icon",
+      "layer": "base",
+      "name": "UninstallIcon",
+      "export": "UninstallIcon",
+      "from": "@nextop-os/ui-system/icons",
+      "category": "icon",
+      "status": "stable",
+      "source": "src/icons/system-icons.tsx",
+      "description": "System icon for uninstall actions.",
+      "useCases": ["Uninstall actions", "Remove app actions"],
+      "migrationHints": [],
+      "iconVariant": "filled"
+    },
     {
       "id": "failed-lined-icon",
       "layer": "base",