@tollerud/ui 1.1.5 → 3.0.0

package/registry.json

@@ -0,0 +1,920 @@
+{
+  "name": "tollerud-noir",
+  "version": "3.0.0",
+  "description": "Tollerud Design System \u2014 dark, cinematic, keyboard-first infrastructure UI",
+  "components": {
+    "button": {
+      "name": "Button",
+      "description": "Primary action button with terminal, ghost, and variant styles",
+      "files": [
+        "components/Button.tsx"
+      ],
+      "dependencies": [
+        "clsx",
+        "tailwind-merge",
+        "@radix-ui/react-slot"
+      ],
+      "registryDependencies": [],
+      "type": "components:ui"
+    },
+    "card": {
+      "name": "Card",
+      "description": "Surface container with optional accent border",
+      "files": [
+        "components/Card.tsx"
+      ],
+      "dependencies": [
+        "clsx",
+        "tailwind-merge"
+      ],
+      "registryDependencies": [],
+      "type": "components:ui"
+    },
+    "badge": {
+      "name": "Badge",
+      "description": "Status/notification badge with variant colors",
+      "files": [
+        "components/Badge.tsx"
+      ],
+      "dependencies": [
+        "clsx",
+        "tailwind-merge"
+      ],
+      "registryDependencies": [],
+      "type": "components:ui"
+    },
+    "status-dot": {
+      "name": "StatusDot",
+      "description": "Online/offline/warning/idle signal indicator",
+      "files": [
+        "components/StatusDot.tsx"
+      ],
+      "dependencies": [
+        "clsx",
+        "tailwind-merge",
+        "framer-motion"
+      ],
+      "registryDependencies": [],
+      "type": "components:ui"
+    },
+    "input": {
+      "name": "Input",
+      "description": "Text input with error state support",
+      "files": [
+        "components/Input.tsx"
+      ],
+      "dependencies": [
+        "clsx",
+        "tailwind-merge"
+      ],
+      "registryDependencies": [],
+      "type": "components:ui"
+    },
+    "code-block": {
+      "name": "CodeBlock",
+      "description": "Terminal-style code display with copy action",
+      "files": [
+        "components/CodeBlock.tsx"
+      ],
+      "dependencies": [
+        "clsx",
+        "tailwind-merge"
+      ],
+      "registryDependencies": [],
+      "type": "components:ui"
+    },
+    "stat-card": {
+      "name": "StatCard",
+      "description": "Dashboard metric card with label, value, and change indicator",
+      "files": [
+        "components/StatCard.tsx"
+      ],
+      "dependencies": [
+        "clsx",
+        "tailwind-merge"
+      ],
+      "registryDependencies": [],
+      "type": "components:ui"
+    },
+    "container": {
+      "name": "Container",
+      "description": "Width-constrained content wrapper",
+      "files": [
+        "components/Container.tsx"
+      ],
+      "dependencies": [
+        "clsx",
+        "tailwind-merge"
+      ],
+      "registryDependencies": [],
+      "type": "components:ui"
+    },
+    "noir-glow-background": {
+      "name": "NoirGlowBackground",
+      "description": "Tollerud.no-inspired animated WebGL background with CSS fallback",
+      "files": [
+        "components/NoirGlowBackground.tsx"
+      ],
+      "dependencies": [
+        "clsx",
+        "tailwind-merge",
+        "@paper-design/shaders-react"
+      ],
+      "registryDependencies": [],
+      "type": "components:ui"
+    },
+    "kbd": {
+      "name": "Kbd",
+      "description": "Keyboard shortcut chip (Raycast-style)",
+      "files": [
+        "components/Kbd.tsx"
+      ],
+      "dependencies": [
+        "clsx",
+        "tailwind-merge"
+      ],
+      "registryDependencies": [],
+      "type": "components:ui"
+    },
+    "action-row": {
+      "name": "ActionRow",
+      "description": "Command/action item row with icon, label, description, and shortcut",
+      "files": [
+        "components/ActionRow.tsx"
+      ],
+      "dependencies": [
+        "clsx",
+        "tailwind-merge"
+      ],
+      "registryDependencies": [
+        "kbd"
+      ],
+      "type": "components:ui"
+    },
+    "command-menu": {
+      "name": "CommandMenu",
+      "description": "Raycast-style global command palette with search, groups, and keyboard nav",
+      "files": [
+        "components/CommandMenu.tsx"
+      ],
+      "dependencies": [
+        "clsx",
+        "tailwind-merge"
+      ],
+      "registryDependencies": [
+        "action-row"
+      ],
+      "type": "components:ui"
+    },
+    "service-health-card": {
+      "name": "ServiceHealthCard",
+      "description": "Service status card with uptime, response time, and version",
+      "files": [
+        "components/ServiceHealthCard.tsx"
+      ],
+      "dependencies": [
+        "clsx",
+        "tailwind-merge"
+      ],
+      "registryDependencies": [
+        "status-dot"
+      ],
+      "type": "components:ui"
+    },
+    "host-card": {
+      "name": "HostCard",
+      "description": "Server/VM card with CPU, RAM, disk, containers, and IP",
+      "files": [
+        "components/HostCard.tsx"
+      ],
+      "dependencies": [
+        "clsx",
+        "tailwind-merge"
+      ],
+      "registryDependencies": [
+        "status-dot"
+      ],
+      "type": "components:ui"
+    },
+    "docker-stack-card": {
+      "name": "DockerStackCard",
+      "description": "Docker Compose stack overview with per-service health",
+      "files": [
+        "components/DockerStackCard.tsx"
+      ],
+      "dependencies": [
+        "clsx",
+        "tailwind-merge"
+      ],
+      "registryDependencies": [
+        "status-dot"
+      ],
+      "type": "components:ui"
+    },
+    "incident-card": {
+      "name": "IncidentCard",
+      "description": "Severity-graded incident/alert card (critical \u2192 info)",
+      "files": [
+        "components/IncidentCard.tsx"
+      ],
+      "dependencies": [
+        "clsx",
+        "tailwind-merge"
+      ],
+      "registryDependencies": [],
+      "type": "components:ui"
+    },
+    "approval-card": {
+      "name": "ApprovalCard",
+      "description": "Pending operation approval card with approve/reject actions",
+      "files": [
+        "components/ApprovalCard.tsx"
+      ],
+      "dependencies": [
+        "clsx",
+        "tailwind-merge"
+      ],
+      "registryDependencies": [],
+      "type": "components:ui"
+    },
+    "action-diff": {
+      "name": "ActionDiff",
+      "description": "Unified diff viewer with line numbers and context toggle",
+      "files": [
+        "components/ActionDiff.tsx"
+      ],
+      "dependencies": [
+        "clsx",
+        "tailwind-merge"
+      ],
+      "registryDependencies": [],
+      "type": "components:ui"
+    },
+    "rollback-plan": {
+      "name": "RollbackPlan",
+      "description": "Ordered rollback step list with execution status",
+      "files": [
+        "components/RollbackPlan.tsx"
+      ],
+      "dependencies": [
+        "clsx",
+        "tailwind-merge"
+      ],
+      "registryDependencies": [],
+      "type": "components:ui"
+    },
+    "log-viewer": {
+      "name": "LogViewer",
+      "description": "Terminal-style scrollable log viewer with search, live follow, and level coloring",
+      "files": [
+        "components/LogViewer.tsx"
+      ],
+      "dependencies": [
+        "clsx",
+        "tailwind-merge"
+      ],
+      "registryDependencies": [],
+      "type": "components:ui"
+    },
+    "alert-inbox": {
+      "name": "AlertInbox",
+      "description": "Alert feed with severity badges, filters, and acknowledge action",
+      "files": [
+        "components/AlertInbox.tsx"
+      ],
+      "dependencies": [
+        "clsx",
+        "tailwind-merge"
+      ],
+      "registryDependencies": [
+        "incident-card"
+      ],
+      "type": "components:ui"
+    },
+    "timeline": {
+      "name": "Timeline",
+      "description": "Vertical activity timeline with status dots, connecting lines, and metadata",
+      "files": [
+        "components/Timeline.tsx"
+      ],
+      "dependencies": [
+        "clsx",
+        "tailwind-merge"
+      ],
+      "registryDependencies": [],
+      "type": "components:ui"
+    },
+    "backup-status-panel": {
+      "name": "BackupStatusPanel",
+      "description": "Backup job overview with per-job status, size, and schedule",
+      "files": [
+        "components/BackupStatusPanel.tsx"
+      ],
+      "dependencies": [
+        "clsx",
+        "tailwind-merge"
+      ],
+      "registryDependencies": [
+        "status-dot"
+      ],
+      "type": "components:ui"
+    },
+    "textarea": {
+      "name": "Textarea",
+      "description": "Multiline text input with label and error state",
+      "files": [
+        "components/Textarea.tsx"
+      ],
+      "dependencies": [
+        "clsx",
+        "tailwind-merge"
+      ],
+      "registryDependencies": [],
+      "type": "components:ui"
+    },
+    "select": {
+      "name": "Select",
+      "description": "Styled native select dropdown with custom chevron",
+      "files": [
+        "components/Select.tsx"
+      ],
+      "dependencies": [
+        "clsx",
+        "tailwind-merge"
+      ],
+      "registryDependencies": [],
+      "type": "components:ui"
+    },
+    "checkbox": {
+      "name": "Checkbox",
+      "description": "Custom-styled checkbox with checkmark SVG and label",
+      "files": [
+        "components/Checkbox.tsx"
+      ],
+      "dependencies": [
+        "clsx",
+        "tailwind-merge"
+      ],
+      "registryDependencies": [],
+      "type": "components:ui"
+    },
+    "switch": {
+      "name": "Switch",
+      "description": "Toggle switch with role=switch accessibility",
+      "files": [
+        "components/Switch.tsx"
+      ],
+      "dependencies": [
+        "clsx",
+        "tailwind-merge"
+      ],
+      "registryDependencies": [],
+      "type": "components:ui"
+    },
+    "radio-group": {
+      "name": "RadioGroup",
+      "description": "Fieldset-based radio group with custom dot indicator",
+      "files": [
+        "components/RadioGroup.tsx"
+      ],
+      "dependencies": [
+        "clsx",
+        "tailwind-merge"
+      ],
+      "registryDependencies": [],
+      "type": "components:ui"
+    },
+    "footer": {
+      "name": "Footer",
+      "description": "Footer bar with Tollerud monogram and branding link",
+      "files": [
+        "components/Footer.tsx"
+      ],
+      "dependencies": [
+        "clsx",
+        "tailwind-merge"
+      ],
+      "registryDependencies": [],
+      "type": "components:ui"
+    },
+    "alert": {
+      "name": "Alert",
+      "description": "Inline alert banner with tone variants and optional icon",
+      "files": [
+        "components/Alert.tsx"
+      ],
+      "dependencies": [
+        "clsx",
+        "tailwind-merge"
+      ],
+      "registryDependencies": [],
+      "type": "components:ui"
+    },
+    "accordion": {
+      "name": "Accordion",
+      "description": "Collapsible accordion with single or multiple open items",
+      "files": [
+        "components/Accordion.tsx"
+      ],
+      "dependencies": [
+        "clsx",
+        "tailwind-merge",
+        "lucide-react"
+      ],
+      "registryDependencies": [],
+      "type": "components:ui"
+    },
+    "avatar": {
+      "name": "Avatar",
+      "description": "Avatar with image-to-initials fallback, plus AvatarGroup for stacked avatars",
+      "files": [
+        "components/Avatar.tsx"
+      ],
+      "dependencies": [
+        "clsx",
+        "tailwind-merge"
+      ],
+      "registryDependencies": [],
+      "type": "components:ui"
+    },
+    "bento-dashboard": {
+      "name": "BentoDashboard",
+      "description": "Composable bento-grid dashboard layout for hosts, metrics, services, and incidents",
+      "files": [
+        "components/BentoDashboard.tsx"
+      ],
+      "dependencies": [
+        "clsx",
+        "tailwind-merge"
+      ],
+      "registryDependencies": [],
+      "type": "components:ui"
+    },
+    "breadcrumb": {
+      "name": "Breadcrumb",
+      "description": "Breadcrumb navigation trail with custom separators",
+      "files": [
+        "components/Breadcrumb.tsx"
+      ],
+      "dependencies": [
+        "clsx",
+        "tailwind-merge",
+        "lucide-react"
+      ],
+      "registryDependencies": [],
+      "type": "components:ui"
+    },
+    "combobox": {
+      "name": "Combobox",
+      "description": "Searchable single-select combobox with full keyboard navigation",
+      "files": [
+        "components/Combobox.tsx"
+      ],
+      "dependencies": [
+        "clsx",
+        "tailwind-merge",
+        "lucide-react"
+      ],
+      "registryDependencies": [],
+      "type": "components:ui"
+    },
+    "data-table": {
+      "name": "DataTable",
+      "description": "Data table with sort, column filters, search, segmented filter, selection, bulk actions, row menus, and pagination",
+      "files": [
+        "components/DataTable.tsx"
+      ],
+      "dependencies": [
+        "clsx",
+        "tailwind-merge"
+      ],
+      "registryDependencies": [],
+      "type": "components:ui"
+    },
+    "date-picker": {
+      "name": "DatePicker",
+      "description": "Calendar date picker with month navigation",
+      "files": [
+        "components/DatePicker.tsx"
+      ],
+      "dependencies": [
+        "clsx",
+        "tailwind-merge",
+        "lucide-react"
+      ],
+      "registryDependencies": [],
+      "type": "components:ui"
+    },
+    "dialog": {
+      "name": "Dialog",
+      "description": "Modal dialog built on Radix Dialog with overlay, header, and footer",
+      "files": [
+        "components/Dialog.tsx"
+      ],
+      "dependencies": [
+        "clsx",
+        "tailwind-merge",
+        "@radix-ui/react-dialog",
+        "lucide-react"
+      ],
+      "registryDependencies": [],
+      "type": "components:ui"
+    },
+    "divider": {
+      "name": "Divider",
+      "description": "Horizontal or vertical separator with an optional inline label",
+      "files": [
+        "components/Divider.tsx"
+      ],
+      "dependencies": [
+        "clsx",
+        "tailwind-merge"
+      ],
+      "registryDependencies": [],
+      "type": "components:ui"
+    },
+    "dropdown-menu": {
+      "name": "DropdownMenu",
+      "description": "Dropdown menu built on Radix Dropdown Menu",
+      "files": [
+        "components/DropdownMenu.tsx"
+      ],
+      "dependencies": [
+        "clsx",
+        "tailwind-merge",
+        "@radix-ui/react-dropdown-menu"
+      ],
+      "registryDependencies": [],
+      "type": "components:ui"
+    },
+    "empty": {
+      "name": "Empty",
+      "description": "Empty state block with icon, title, description, and action slots",
+      "files": [
+        "components/Empty.tsx"
+      ],
+      "dependencies": [
+        "clsx",
+        "tailwind-merge"
+      ],
+      "registryDependencies": [],
+      "type": "components:ui"
+    },
+    "file-upload": {
+      "name": "FileUpload",
+      "description": "Drag-and-drop file upload with selected-file list and removal",
+      "files": [
+        "components/FileUpload.tsx"
+      ],
+      "dependencies": [
+        "clsx",
+        "tailwind-merge",
+        "lucide-react"
+      ],
+      "registryDependencies": [],
+      "type": "components:ui"
+    },
+    "form-row": {
+      "name": "FormRow",
+      "description": "Form field wrapper with label, description, required mark, and error",
+      "files": [
+        "components/FormRow.tsx"
+      ],
+      "dependencies": [
+        "clsx",
+        "tailwind-merge"
+      ],
+      "registryDependencies": [],
+      "type": "components:ui"
+    },
+    "glow-card": {
+      "name": "GlowCard",
+      "description": "Card with an animated glow border effect",
+      "files": [
+        "components/GlowCard.tsx"
+      ],
+      "dependencies": [
+        "clsx",
+        "tailwind-merge"
+      ],
+      "registryDependencies": [],
+      "type": "components:ui"
+    },
+    "meter": {
+      "name": "Meter",
+      "description": "Labeled progress meter with tone variants",
+      "files": [
+        "components/Meter.tsx"
+      ],
+      "dependencies": [
+        "clsx",
+        "tailwind-merge"
+      ],
+      "registryDependencies": [],
+      "type": "components:ui"
+    },
+    "pagination": {
+      "name": "Pagination",
+      "description": "Page navigation with sibling pages and ellipsis collapsing",
+      "files": [
+        "components/Pagination.tsx"
+      ],
+      "dependencies": [
+        "clsx",
+        "tailwind-merge",
+        "lucide-react"
+      ],
+      "registryDependencies": [],
+      "type": "components:ui"
+    },
+    "panel": {
+      "name": "Panel",
+      "description": "Bordered content panel with header, description, and action slot",
+      "files": [
+        "components/Panel.tsx"
+      ],
+      "dependencies": [
+        "clsx",
+        "tailwind-merge"
+      ],
+      "registryDependencies": [],
+      "type": "components:ui"
+    },
+    "password-input": {
+      "name": "PasswordInput",
+      "description": "Password field with a show/hide visibility toggle",
+      "files": [
+        "components/PasswordInput.tsx"
+      ],
+      "dependencies": [
+        "clsx",
+        "tailwind-merge",
+        "lucide-react"
+      ],
+      "registryDependencies": [],
+      "type": "components:ui"
+    },
+    "pill": {
+      "name": "Pill",
+      "description": "Rounded pill badge with outline, solid, and accent variants",
+      "files": [
+        "components/Pill.tsx"
+      ],
+      "dependencies": [
+        "clsx",
+        "tailwind-merge"
+      ],
+      "registryDependencies": [],
+      "type": "components:ui"
+    },
+    "pricing-card": {
+      "name": "PricingCard",
+      "description": "Pricing plan card with feature list, badge, and call-to-action button",
+      "files": [
+        "components/PricingCard.tsx"
+      ],
+      "dependencies": [
+        "clsx",
+        "tailwind-merge",
+        "lucide-react"
+      ],
+      "registryDependencies": [
+        "button"
+      ],
+      "type": "components:ui"
+    },
+    "progress": {
+      "name": "Progress",
+      "description": "Progress bar built on Radix Progress",
+      "files": [
+        "components/Progress.tsx"
+      ],
+      "dependencies": [
+        "clsx",
+        "tailwind-merge",
+        "@radix-ui/react-progress"
+      ],
+      "registryDependencies": [],
+      "type": "components:ui"
+    },
+    "segmented": {
+      "name": "Segmented",
+      "description": "Segmented control for switching between a small set of options",
+      "files": [
+        "components/Segmented.tsx"
+      ],
+      "dependencies": [
+        "clsx",
+        "tailwind-merge"
+      ],
+      "registryDependencies": [],
+      "type": "components:ui"
+    },
+    "sheet": {
+      "name": "Sheet",
+      "description": "Slide-out side panel built on Radix Dialog",
+      "files": [
+        "components/Sheet.tsx"
+      ],
+      "dependencies": [
+        "clsx",
+        "tailwind-merge",
+        "@radix-ui/react-dialog"
+      ],
+      "registryDependencies": [],
+      "type": "components:ui"
+    },
+    "skeleton": {
+      "name": "Skeleton",
+      "description": "Skeleton loading placeholder block",
+      "files": [
+        "components/Skeleton.tsx"
+      ],
+      "dependencies": [
+        "clsx",
+        "tailwind-merge"
+      ],
+      "registryDependencies": [],
+      "type": "components:ui"
+    },
+    "slider": {
+      "name": "Slider",
+      "description": "Range slider with optional label and live value display",
+      "files": [
+        "components/Slider.tsx"
+      ],
+      "dependencies": [
+        "clsx",
+        "tailwind-merge"
+      ],
+      "registryDependencies": [],
+      "type": "components:ui"
+    },
+    "stepper": {
+      "name": "Stepper",
+      "description": "Step progress indicator for multi-step flows, horizontal or vertical",
+      "files": [
+        "components/Stepper.tsx"
+      ],
+      "dependencies": [
+        "clsx",
+        "tailwind-merge",
+        "lucide-react"
+      ],
+      "registryDependencies": [],
+      "type": "components:ui"
+    },
+    "tabs": {
+      "name": "Tabs",
+      "description": "Tabs built on Radix Tabs",
+      "files": [
+        "components/Tabs.tsx"
+      ],
+      "dependencies": [
+        "clsx",
+        "tailwind-merge",
+        "@radix-ui/react-tabs"
+      ],
+      "registryDependencies": [],
+      "type": "components:ui"
+    },
+    "tag-input": {
+      "name": "TagInput",
+      "description": "Tag/chip input with keyboard add and remove",
+      "files": [
+        "components/TagInput.tsx"
+      ],
+      "dependencies": [
+        "clsx",
+        "tailwind-merge",
+        "lucide-react"
+      ],
+      "registryDependencies": [],
+      "type": "components:ui"
+    },
+    "toaster": {
+      "name": "Toaster",
+      "description": "Toast notification host built on Sonner",
+      "files": [
+        "components/Toaster.tsx"
+      ],
+      "dependencies": [
+        "clsx",
+        "tailwind-merge",
+        "sonner"
+      ],
+      "registryDependencies": [],
+      "type": "components:ui"
+    },
+    "tooltip": {
+      "name": "Tooltip",
+      "description": "Tooltip built on Radix Tooltip",
+      "files": [
+        "components/Tooltip.tsx"
+      ],
+      "dependencies": [
+        "clsx",
+        "tailwind-merge",
+        "@radix-ui/react-tooltip"
+      ],
+      "registryDependencies": [],
+      "type": "components:ui"
+    },
+    "bar-chart": {
+      "name": "BarChart",
+      "description": "Palette-aware vertical bar chart with optional yellow accent series",
+      "files": [
+        "components/BarChart.tsx"
+      ],
+      "dependencies": [
+        "clsx",
+        "tailwind-merge"
+      ],
+      "registryDependencies": [],
+      "type": "components:ui"
+    },
+    "area-chart": {
+      "name": "AreaChart",
+      "description": "Area/line chart with yellow gradient fill and grid lines",
+      "files": [
+        "components/AreaChart.tsx"
+      ],
+      "dependencies": [
+        "clsx",
+        "tailwind-merge"
+      ],
+      "registryDependencies": [],
+      "type": "components:ui"
+    },
+    "donut": {
+      "name": "Donut",
+      "description": "Donut chart with segment legend",
+      "files": [
+        "components/Donut.tsx"
+      ],
+      "dependencies": [
+        "clsx",
+        "tailwind-merge"
+      ],
+      "registryDependencies": [],
+      "type": "components:ui"
+    },
+    "sparkline": {
+      "name": "Sparkline",
+      "description": "Compact inline sparkline for stat cards and tables",
+      "files": [
+        "components/Sparkline.tsx"
+      ],
+      "dependencies": [
+        "clsx",
+        "tailwind-merge"
+      ],
+      "registryDependencies": [],
+      "type": "components:ui"
+    },
+    "hero-block": {
+      "name": "HeroBlock",
+      "description": "Landing hero on noir glow background with optional shader intensity",
+      "files": [
+        "components/HeroBlock.tsx"
+      ],
+      "dependencies": [
+        "clsx",
+        "tailwind-merge"
+      ],
+      "registryDependencies": [
+        "pill",
+        "noir-glow-background"
+      ],
+      "type": "components:ui"
+    },
+    "feature-card": {
+      "name": "FeatureCard",
+      "description": "Marketing feature card with icon chip, title and description",
+      "files": [
+        "components/FeatureCard.tsx"
+      ],
+      "dependencies": [
+        "clsx",
+        "tailwind-merge"
+      ],
+      "registryDependencies": [
+        "card"
+      ],
+      "type": "components:ui"
+    },
+    "cta-band": {
+      "name": "CTABand",
+      "description": "Closing call-to-action band with optional yellow accent bar",
+      "files": [
+        "components/CTABand.tsx"
+      ],
+      "dependencies": [
+        "clsx",
+        "tailwind-merge"
+      ],
+      "registryDependencies": [],
+      "type": "components:ui"
+    }
+  }
+}