@nextop-os/ui-system 0.0.27 → 0.0.29

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",
@@ -297,6 +333,137 @@ var components_default = {
       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",
@@ -894,6 +1061,41 @@ var components_default = {
       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",
@@ -1137,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",
@@ -1300,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",
@@ -1370,6 +1620,20 @@ var components_default = {
       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",
@@ -1864,6 +2128,34 @@ var components_default = {
       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",
@@ -2028,7 +2320,7 @@ var components_default = {
       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"
     },
@@ -2042,7 +2334,7 @@ var components_default = {
       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"
     },
@@ -2196,7 +2488,7 @@ var components_default = {
       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"
     },
@@ -2322,7 +2614,7 @@ var components_default = {
       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"
     },
@@ -2364,7 +2656,7 @@ var components_default = {
       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"
     },
@@ -2382,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",