@nextop-os/ui-system 0.0.28 → 0.0.29

package/dist/icons/index.d.ts

@@ -16,6 +16,8 @@ declare function LayoutPresetIcon({ className, selectedCount, size, title, varia
 declare function NextopMark({ className, size, title, ...props }: IconProps): react_jsx_runtime.JSX.Element;
 
 declare function LaunchIcon(props: IconProps): react_jsx_runtime.JSX.Element;
+declare function PlayIcon(props: IconProps): react_jsx_runtime.JSX.Element;
+declare function PauseIcon(props: IconProps): react_jsx_runtime.JSX.Element;
 declare function FolderIcon(props: IconProps): react_jsx_runtime.JSX.Element;
 declare function FolderFilledIcon(props: IconProps): react_jsx_runtime.JSX.Element;
 declare function DashboardIcon(props: IconProps): react_jsx_runtime.JSX.Element;
@@ -61,6 +63,7 @@ declare function NavApplicationsLinedIcon(props: IconProps): react_jsx_runtime.J
 declare function OverviewLayoutIcon(props: IconProps): react_jsx_runtime.JSX.Element;
 declare function MoreHorizontalIcon(props: IconProps): react_jsx_runtime.JSX.Element;
 declare function PinIcon(props: IconProps): react_jsx_runtime.JSX.Element;
+declare function PinFilledIcon(props: IconProps): react_jsx_runtime.JSX.Element;
 declare function RefreshIcon(props: IconProps): react_jsx_runtime.JSX.Element;
 declare function SearchIcon(props: IconProps): react_jsx_runtime.JSX.Element;
 declare function DownloadIcon(props: IconProps): react_jsx_runtime.JSX.Element;
@@ -95,6 +98,7 @@ declare function RoomsHintIcon(props: IconProps): react_jsx_runtime.JSX.Element;
 declare function ToolsIcon(props: IconProps): react_jsx_runtime.JSX.Element;
 declare function UnavailableChatIcon(props: IconProps): react_jsx_runtime.JSX.Element;
 declare function UploadFolderIcon(props: IconProps): react_jsx_runtime.JSX.Element;
+declare function UninstallIcon(props: IconProps): react_jsx_runtime.JSX.Element;
 declare function FailedFilledIcon(props: IconProps): react_jsx_runtime.JSX.Element;
 declare function FailedLinedIcon(props: IconProps): react_jsx_runtime.JSX.Element;
 declare function SuccessFilledIcon(props: IconProps): react_jsx_runtime.JSX.Element;
@@ -104,4 +108,4 @@ declare function WarningLinedIcon(props: IconProps): react_jsx_runtime.JSX.Eleme
 declare function GoogleBrandIcon(props: IconProps): react_jsx_runtime.JSX.Element;
 declare function GitHubBrandIcon(props: IconProps): react_jsx_runtime.JSX.Element;
 
-export { AddIcon, AgentSessionsIcon, AppWindowIcon, ArrowLeftIcon, ArrowRightIcon, CapabilityIcon, ChatIcon, CheckIcon, ChevronDownIcon, ChevronUpIcon, CloseIcon, CopyIcon, CreateChatIcon, DarkModeIcon, DashboardIcon, DeleteIcon, DirectoryIcon, DownloadIcon, EditIcon, EyeIcon, FailedFilledIcon, FailedLinedIcon, FileCodeIcon, FileCreateIcon, FileIcon, FileLinedIcon, FileTextIcon, FolderFailedIcon, FolderFilledIcon, FolderIcon, GitHubBrandIcon, GoogleBrandIcon, GridBottomLinedIcon, GridHorizontalLinedIcon, GridLeftLinedIcon, GridRightLinedIcon, GridTopLinedIcon, GridVerticalLinedIcon, GuideIcon, HealthIcon, type IconProps, ImageFileIcon, ImageGenerateIcon, IssueIcon, KeyboardIcon, LaunchIcon, LayoutMenuIcon, LayoutPresetIcon, type LayoutPresetIconProps, LightModeIcon, LinkIcon, LoadingIcon, type LoadingIconProps, LocateFolderIcon, MaximizeIcon, MinimizeIcon, MoreHorizontalIcon, NavAgentsIcon, NavApplicationsFilledIcon, NavApplicationsLinedIcon, NavLaunchIcon, NewWorkspaceIcon, NewWorkspaceLinedIcon, NextopMark, NoWorkspaceLinedIcon, OpenSessionsIcon, OverviewLayoutIcon, PanelIcon, PinIcon, PlatformIcon, ProductDocIcon, ProductIcon, RefreshIcon, RestoreIcon, RoomsHintIcon, SearchIcon, SettingsIcon, SuccessFilledIcon, SuccessLinedIcon, TaskIcon, ThinkingIcon, ToolsIcon, UnavailableChatIcon, UploadFolderIcon, UploadIcon, VideoFileIcon, WarningFilledIcon, WarningLinedIcon, WebIcon, WebScrapeIcon };
+export { AddIcon, AgentSessionsIcon, AppWindowIcon, ArrowLeftIcon, ArrowRightIcon, CapabilityIcon, ChatIcon, CheckIcon, ChevronDownIcon, ChevronUpIcon, CloseIcon, CopyIcon, CreateChatIcon, DarkModeIcon, DashboardIcon, DeleteIcon, DirectoryIcon, DownloadIcon, EditIcon, EyeIcon, FailedFilledIcon, FailedLinedIcon, FileCodeIcon, FileCreateIcon, FileIcon, FileLinedIcon, FileTextIcon, FolderFailedIcon, FolderFilledIcon, FolderIcon, GitHubBrandIcon, GoogleBrandIcon, GridBottomLinedIcon, GridHorizontalLinedIcon, GridLeftLinedIcon, GridRightLinedIcon, GridTopLinedIcon, GridVerticalLinedIcon, GuideIcon, HealthIcon, type IconProps, ImageFileIcon, ImageGenerateIcon, IssueIcon, KeyboardIcon, LaunchIcon, LayoutMenuIcon, LayoutPresetIcon, type LayoutPresetIconProps, LightModeIcon, LinkIcon, LoadingIcon, type LoadingIconProps, LocateFolderIcon, MaximizeIcon, MinimizeIcon, MoreHorizontalIcon, NavAgentsIcon, NavApplicationsFilledIcon, NavApplicationsLinedIcon, NavLaunchIcon, NewWorkspaceIcon, NewWorkspaceLinedIcon, NextopMark, NoWorkspaceLinedIcon, OpenSessionsIcon, OverviewLayoutIcon, PanelIcon, PauseIcon, PinFilledIcon, PinIcon, PlatformIcon, PlayIcon, ProductDocIcon, ProductIcon, RefreshIcon, RestoreIcon, RoomsHintIcon, SearchIcon, SettingsIcon, SuccessFilledIcon, SuccessLinedIcon, TaskIcon, ThinkingIcon, ToolsIcon, UnavailableChatIcon, UninstallIcon, UploadFolderIcon, UploadIcon, VideoFileIcon, WarningFilledIcon, WarningLinedIcon, WebIcon, WebScrapeIcon };

package/dist/icons/index.js

@@ -66,8 +66,11 @@ import {
   OpenSessionsIcon,
   OverviewLayoutIcon,
   PanelIcon,
+  PauseIcon,
+  PinFilledIcon,
   PinIcon,
   PlatformIcon,
+  PlayIcon,
   ProductDocIcon,
   ProductIcon,
   RefreshIcon,
@@ -81,6 +84,7 @@ import {
   ThinkingIcon,
   ToolsIcon,
   UnavailableChatIcon,
+  UninstallIcon,
   UploadFolderIcon,
   UploadIcon,
   VideoFileIcon,
@@ -88,7 +92,7 @@ import {
   WarningLinedIcon,
   WebIcon,
   WebScrapeIcon
-} from "../chunk-3BPTHQCX.js";
+} from "../chunk-45BNCYIU.js";
 export {
   AddIcon,
   AgentSessionsIcon,
@@ -155,8 +159,11 @@ export {
   OpenSessionsIcon,
   OverviewLayoutIcon,
   PanelIcon,
+  PauseIcon,
+  PinFilledIcon,
   PinIcon,
   PlatformIcon,
+  PlayIcon,
   ProductDocIcon,
   ProductIcon,
   RefreshIcon,
@@ -170,6 +177,7 @@ export {
   ThinkingIcon,
   ToolsIcon,
   UnavailableChatIcon,
+  UninstallIcon,
   UploadFolderIcon,
   UploadIcon,
   VideoFileIcon,

package/dist/index.d.ts

@@ -1,5 +1,5 @@
-export { Badge, Button, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, ConfirmationDialog, ConfirmationDialogTone, DatePicker, DatePickerLabels, DatePickerProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Input, MentionPill, MentionPillFileKind, MentionPillKind, MentionPillProps, MenuPoint, MenuPointAlignment, MenuSize, MenuSurface, Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverPortal, PopoverTrigger, ResizableHandle, ResizablePanel, ResizablePanelGroup, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectSplitColumn, SelectSplitColumnItems, SelectSplitColumnLabel, SelectSplitDivider, SelectSplitLayout, SelectTrigger, SelectValue, Separator, Spinner, SpinnerProps, StatusDot, Switch, Textarea, ToastClose, ToastDescription, ToastProvider, ToastRoot, ToastTitle, ToastViewport, Toaster, Tooltip, TooltipContent, TooltipPortal, TooltipProvider, TooltipTrigger, UnderlineTabItem, UnderlineTabs, ViewportMenuPlacement, ViewportMenuSurface, ViewportMenuSurfaceProps, badgeVariants, buttonVariants, menuItemClassName, menuItemIndicatorClassName, menuItemWithIndicatorClassName, menuSurfaceClassName, statusDotVariants, toastVariants } from './components/index.js';
-export { AddIcon, AgentSessionsIcon, AppWindowIcon, ArrowLeftIcon, ArrowRightIcon, CapabilityIcon, ChatIcon, CheckIcon, ChevronDownIcon, ChevronUpIcon, CloseIcon, CopyIcon, CreateChatIcon, DarkModeIcon, DashboardIcon, DeleteIcon, DirectoryIcon, DownloadIcon, EditIcon, EyeIcon, FailedFilledIcon, FailedLinedIcon, FileCodeIcon, FileCreateIcon, FileIcon, FileLinedIcon, FileTextIcon, FolderFailedIcon, FolderFilledIcon, FolderIcon, GitHubBrandIcon, GoogleBrandIcon, GridBottomLinedIcon, GridHorizontalLinedIcon, GridLeftLinedIcon, GridRightLinedIcon, GridTopLinedIcon, GridVerticalLinedIcon, GuideIcon, HealthIcon, IconProps, ImageFileIcon, ImageGenerateIcon, IssueIcon, KeyboardIcon, LaunchIcon, LayoutMenuIcon, LayoutPresetIcon, LayoutPresetIconProps, LightModeIcon, LinkIcon, LoadingIcon, LoadingIconProps, LocateFolderIcon, MaximizeIcon, MinimizeIcon, MoreHorizontalIcon, NavAgentsIcon, NavApplicationsFilledIcon, NavApplicationsLinedIcon, NavLaunchIcon, NewWorkspaceIcon, NewWorkspaceLinedIcon, NextopMark, NoWorkspaceLinedIcon, OpenSessionsIcon, OverviewLayoutIcon, PanelIcon, PinIcon, PlatformIcon, ProductDocIcon, ProductIcon, RefreshIcon, RestoreIcon, RoomsHintIcon, SearchIcon, SettingsIcon, SuccessFilledIcon, SuccessLinedIcon, TaskIcon, ThinkingIcon, ToolsIcon, UnavailableChatIcon, UploadFolderIcon, UploadIcon, VideoFileIcon, WarningFilledIcon, WarningLinedIcon, WebIcon, WebScrapeIcon } from './icons/index.js';
+export { Badge, BareIconButton, BareIconButtonProps, Button, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, ConfirmationDialog, ConfirmationDialogTone, DatePicker, DatePickerLabels, DatePickerProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Input, MentionPill, MentionPillFileKind, MentionPillKind, MentionPillProps, MenuPoint, MenuPointAlignment, MenuSize, MenuSurface, Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverPortal, PopoverTrigger, ResizableHandle, ResizablePanel, ResizablePanelGroup, ScrollArea, ScrollBar, SectionTabItem, SectionTabs, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectSplitColumn, SelectSplitColumnItems, SelectSplitColumnLabel, SelectSplitDivider, SelectSplitLayout, SelectTrigger, SelectValue, Separator, ShortcutBadge, Spinner, SpinnerProps, StatusDot, Switch, Textarea, ToastClose, ToastDescription, ToastProvider, ToastRoot, ToastTitle, ToastViewport, Toaster, Tooltip, TooltipContent, TooltipPortal, TooltipProvider, TooltipTrigger, UnderlineTabItem, UnderlineTabs, ViewportMenuPlacement, ViewportMenuSurface, ViewportMenuSurfaceProps, badgeVariants, buttonVariants, menuItemClassName, menuItemIndicatorClassName, menuItemWithIndicatorClassName, menuSurfaceClassName, statusDotVariants, toastVariants } from './components/index.js';
+export { AddIcon, AgentSessionsIcon, AppWindowIcon, ArrowLeftIcon, ArrowRightIcon, CapabilityIcon, ChatIcon, CheckIcon, ChevronDownIcon, ChevronUpIcon, CloseIcon, CopyIcon, CreateChatIcon, DarkModeIcon, DashboardIcon, DeleteIcon, DirectoryIcon, DownloadIcon, EditIcon, EyeIcon, FailedFilledIcon, FailedLinedIcon, FileCodeIcon, FileCreateIcon, FileIcon, FileLinedIcon, FileTextIcon, FolderFailedIcon, FolderFilledIcon, FolderIcon, GitHubBrandIcon, GoogleBrandIcon, GridBottomLinedIcon, GridHorizontalLinedIcon, GridLeftLinedIcon, GridRightLinedIcon, GridTopLinedIcon, GridVerticalLinedIcon, GuideIcon, HealthIcon, IconProps, ImageFileIcon, ImageGenerateIcon, IssueIcon, KeyboardIcon, LaunchIcon, LayoutMenuIcon, LayoutPresetIcon, LayoutPresetIconProps, LightModeIcon, LinkIcon, LoadingIcon, LoadingIconProps, LocateFolderIcon, MaximizeIcon, MinimizeIcon, MoreHorizontalIcon, NavAgentsIcon, NavApplicationsFilledIcon, NavApplicationsLinedIcon, NavLaunchIcon, NewWorkspaceIcon, NewWorkspaceLinedIcon, NextopMark, NoWorkspaceLinedIcon, OpenSessionsIcon, OverviewLayoutIcon, PanelIcon, PauseIcon, PinFilledIcon, PinIcon, PlatformIcon, PlayIcon, ProductDocIcon, ProductIcon, RefreshIcon, RestoreIcon, RoomsHintIcon, SearchIcon, SettingsIcon, SuccessFilledIcon, SuccessLinedIcon, TaskIcon, ThinkingIcon, ToolsIcon, UnavailableChatIcon, UninstallIcon, UploadFolderIcon, UploadIcon, VideoFileIcon, WarningFilledIcon, WarningLinedIcon, WebIcon, WebScrapeIcon } from './icons/index.js';
 export { NextopDateLocale, formatNextopDateTime, formatNextopShortDateTime, getCurrentNextopDateLocale } from './date-format.js';
 export { cn } from './utils.js';
 export { ExternalToast, ToasterProps, toast } from 'sonner';

package/dist/index.js

@@ -1,5 +1,6 @@
 import {
   Badge,
+  BareIconButton,
   Button,
   Card,
   CardAction,
@@ -60,6 +61,7 @@ import {
   ResizablePanelGroup,
   ScrollArea,
   ScrollBar,
+  SectionTabs,
   Select,
   SelectContent,
   SelectGroup,
@@ -76,6 +78,7 @@ import {
   SelectTrigger,
   SelectValue,
   Separator,
+  ShortcutBadge,
   Spinner,
   StatusDot,
   Switch,
@@ -103,7 +106,7 @@ import {
   statusDotVariants,
   toast,
   toastVariants
-} from "./chunk-CBMNQQWH.js";
+} from "./chunk-YSWPZLZ4.js";
 import {
   formatNextopDateTime,
   formatNextopShortDateTime,
@@ -177,8 +180,11 @@ import {
   OpenSessionsIcon,
   OverviewLayoutIcon,
   PanelIcon,
+  PauseIcon,
+  PinFilledIcon,
   PinIcon,
   PlatformIcon,
+  PlayIcon,
   ProductDocIcon,
   ProductIcon,
   RefreshIcon,
@@ -192,6 +198,7 @@ import {
   ThinkingIcon,
   ToolsIcon,
   UnavailableChatIcon,
+  UninstallIcon,
   UploadFolderIcon,
   UploadIcon,
   VideoFileIcon,
@@ -199,7 +206,7 @@ import {
   WarningLinedIcon,
   WebIcon,
   WebScrapeIcon
-} from "./chunk-3BPTHQCX.js";
+} from "./chunk-45BNCYIU.js";
 import {
   cn
 } from "./chunk-DGPY4WP3.js";
@@ -210,6 +217,7 @@ export {
   ArrowLeftIcon,
   ArrowRightIcon,
   Badge,
+  BareIconButton,
   Button,
   CapabilityIcon,
   Card,
@@ -319,8 +327,11 @@ export {
   OpenSessionsIcon,
   OverviewLayoutIcon,
   PanelIcon,
+  PauseIcon,
+  PinFilledIcon,
   PinIcon,
   PlatformIcon,
+  PlayIcon,
   Popover,
   PopoverAnchor,
   PopoverClose,
@@ -338,6 +349,7 @@ export {
   ScrollArea,
   ScrollBar,
   SearchIcon,
+  SectionTabs,
   Select,
   SelectContent,
   SelectGroup,
@@ -355,6 +367,7 @@ export {
   SelectValue,
   Separator,
   SettingsIcon,
+  ShortcutBadge,
   Spinner,
   StatusDot,
   SuccessFilledIcon,
@@ -378,6 +391,7 @@ export {
   TooltipTrigger,
   UnavailableChatIcon,
   UnderlineTabs,
+  UninstallIcon,
   UploadFolderIcon,
   UploadIcon,
   VideoFileIcon,

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",
@@ -1302,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",
@@ -1465,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",
@@ -2057,6 +2141,20 @@
       "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",
@@ -2575,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",

package/dist/metadata/index.js

@@ -30,6 +30,20 @@ var components_default = {
       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",
@@ -57,6 +71,28 @@ var components_default = {
       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",
@@ -1303,6 +1339,26 @@ var components_default = {
       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",
@@ -1466,6 +1522,34 @@ var components_default = {
       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",
@@ -2058,6 +2142,20 @@ var components_default = {
       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",
@@ -2576,6 +2674,20 @@ var components_default = {
       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",