cybercore-css 0.2.0

package/src/icons/defs/tech/wifi-off.ts

@@ -0,0 +1,43 @@
+/**
+ * WiFi Off Icon
+ * @category tech
+ */
+import type { IconDefinition } from '../../types';
+
+export const wifiOff: IconDefinition = {
+  name: 'wifi-off',
+  category: 'tech',
+  description: 'No WiFi connection',
+  tags: ['wifi', 'offline', 'disconnected', 'no-connection', 'disabled'],
+  svg: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+  <line x1="2" y1="2" x2="22" y2="22"/>
+  <path d="M8.5 16.5a5 5 0 0 1 7 0"/>
+  <path d="M5 12.55a11 11 0 0 1 5.5-2.5"/>
+  <path d="M13.5 10.05a11 11 0 0 1 5.5 2.5"/>
+  <circle cx="12" cy="20" r="1"/>
+</svg>`,
+  variants: {
+    solid: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" stroke="none">
+  <circle cx="12" cy="20" r="1.5"/>
+  <path d="M8.5 16.5c1.9-1.6 4.7-1.6 6.6 0l1.5-1.5c-2.8-2.3-6.8-2.3-9.6 0l1.5 1.5zM5 12.5c2.5-2 5.5-2.5 8-2.5.8 0 1.5.1 2.3.2l1.7-1.7c-1.3-.4-2.6-.6-4-.6-3.5 0-7 1-10 3l1.5 1.5c.2-.2.3-.3.5-.5l1.5 1.5c-.4 0-.8.1-1.5-.4z"/>
+  <path d="M2.7 2.3l19 19 1.4-1.4-19-19L2.7 2.3z"/>
+</svg>`,
+    duotone: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+  <line x1="2" y1="2" x2="22" y2="22"/>
+  <path d="M8.5 16.5a5 5 0 0 1 7 0" opacity="0.3"/>
+  <path d="M5 12.55a11 11 0 0 1 5.5-2.5" opacity="0.3"/>
+  <path d="M13.5 10.05a11 11 0 0 1 5.5 2.5" opacity="0.3"/>
+  <circle cx="12" cy="20" r="1" fill="currentColor"/>
+</svg>`,
+    glitch: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+  <line x1="2" y1="2" x2="22" y2="22"/>
+  <line x1="2" y1="2" x2="22" y2="22" transform="translate(1,-1)" opacity="0.4"/>
+  <path d="M8.5 16.5a5 5 0 0 1 7 0"/>
+  <path d="M5 12.55a11 11 0 0 1 5.5-2.5"/>
+  <path d="M13.5 10.05a11 11 0 0 1 5.5 2.5"/>
+  <circle cx="12" cy="20" r="1"/>
+</svg>`,
+  },
+};
+
+export default wifiOff;

package/src/icons/defs/tech/wifi.ts

@@ -0,0 +1,38 @@
+/**
+ * WiFi Icon
+ * @category tech
+ */
+import type { IconDefinition } from '../../types';
+
+export const wifi: IconDefinition = {
+  name: 'wifi',
+  category: 'tech',
+  description: 'WiFi connection',
+  tags: ['wifi', 'wireless', 'internet', 'connection', 'network'],
+  svg: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+  <path d="M5 12.55a11 11 0 0 1 14 0"/>
+  <path d="M7.5 15.5a7 7 0 0 1 9 0"/>
+  <path d="M10 18.5a3 3 0 0 1 4 0"/>
+  <circle cx="12" cy="21" r="0.5"/>
+</svg>`,
+  variants: {
+    solid: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" stroke="none">
+  <path d="M12 19c-.8 0-1.5.3-2.1.8l-.4.4c-.6.6-.6 1.5 0 2.1.3.3.7.4 1 .4.4 0 .7-.1 1-.4l.4-.4c1.2-1.2 3.1-1.2 4.2 0 .6.6 1.5.6 2.1 0 .6-.6.6-1.5 0-2.1C16.8 19.3 14.5 19 12 19zM5 12.5c5-4 12-4 17 0 .6.5 1.5.4 2 0 .5-.6.4-1.5 0-2-6-5-14-5-20 0-.6.5-.6 1.4 0 2 .5.5 1.4.5 2 0zM7.5 15.5c3.3-2.7 8-2.7 11.3 0 .6.5 1.5.4 2-.1.5-.6.4-1.5-.1-2-4.3-3.5-10.4-3.5-14.7 0-.6.5-.6 1.4-.1 2 .5.6 1.4.6 2 .1z"/>
+</svg>`,
+    duotone: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+  <path d="M5 12.55a11 11 0 0 1 14 0" opacity="0.3"/>
+  <path d="M7.5 15.5a7 7 0 0 1 9 0" opacity="0.3"/>
+  <path d="M10 18.5a3 3 0 0 1 4 0"/>
+  <circle cx="12" cy="21" r="0.5" fill="currentColor"/>
+</svg>`,
+    glitch: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+  <path d="M5 12.55a11 11 0 0 1 14 0"/>
+  <path d="M5 12.55a11 11 0 0 1 14 0" transform="translate(1,-1)" opacity="0.4"/>
+  <path d="M7.5 15.5a7 7 0 0 1 9 0"/>
+  <path d="M10 18.5a3 3 0 0 1 4 0"/>
+  <circle cx="12" cy="21" r="0.5"/>
+</svg>`,
+  },
+};
+
+export default wifi;

package/src/icons/defs/tech/zap.ts

@@ -0,0 +1,30 @@
+/**
+ * Zap Icon
+ * @category tech
+ */
+import type { IconDefinition } from '../../types';
+
+export const zap: IconDefinition = {
+  name: 'zap',
+  category: 'tech',
+  description: 'Lightning/power (bolt)',
+  tags: ['zap', 'lightning', 'bolt', 'power', 'energy', 'fast'],
+  svg: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+  <polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2"/>
+</svg>`,
+  variants: {
+    solid: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" stroke="none">
+  <polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2"/>
+</svg>`,
+    duotone: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+  <polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2" fill="currentColor" opacity="0.3"/>
+  <polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2"/>
+</svg>`,
+    glitch: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+  <polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2"/>
+  <polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2" transform="translate(1,-1)" opacity="0.4"/>
+</svg>`,
+  },
+};
+
+export default zap;

package/src/icons/icon-list.ts

@@ -0,0 +1,305 @@
+/**
+ * Cyber Icons - Master Icon List
+ * This defines all icons to be created for the icon system.
+ * Use this as a checklist for artist agents to generate icons.
+ */
+
+import type { IconCategory } from './types';
+
+export interface IconSpec {
+  name: string;
+  description: string;
+  tags: string[];
+}
+
+export const ICON_LIST: Record<IconCategory, IconSpec[]> = {
+  // ═══════════════════════════════════════════════════════════════════════════
+  // NAVIGATION - Moving through UI
+  // ═══════════════════════════════════════════════════════════════════════════
+  navigation: [
+    { name: 'arrow-up', description: 'Upward arrow', tags: ['direction', 'up', 'move'] },
+    { name: 'arrow-down', description: 'Downward arrow', tags: ['direction', 'down', 'move'] },
+    { name: 'arrow-left', description: 'Leftward arrow', tags: ['direction', 'left', 'back'] },
+    {
+      name: 'arrow-right',
+      description: 'Rightward arrow',
+      tags: ['direction', 'right', 'forward'],
+    },
+    {
+      name: 'chevron-up',
+      description: 'Chevron pointing up',
+      tags: ['expand', 'collapse', 'accordion'],
+    },
+    {
+      name: 'chevron-down',
+      description: 'Chevron pointing down',
+      tags: ['expand', 'dropdown', 'accordion'],
+    },
+    {
+      name: 'chevron-left',
+      description: 'Chevron pointing left',
+      tags: ['back', 'previous', 'carousel'],
+    },
+    {
+      name: 'chevron-right',
+      description: 'Chevron pointing right',
+      tags: ['next', 'forward', 'carousel'],
+    },
+    { name: 'home', description: 'Home/dashboard', tags: ['main', 'start', 'dashboard'] },
+    { name: 'menu', description: 'Hamburger menu', tags: ['navigation', 'sidebar', 'mobile'] },
+    {
+      name: 'menu-dots',
+      description: 'Three dots menu (kebab)',
+      tags: ['more', 'options', 'overflow'],
+    },
+    {
+      name: 'external-link',
+      description: 'External link indicator',
+      tags: ['new-tab', 'outbound', 'link'],
+    },
+    {
+      name: 'maximize',
+      description: 'Maximize/fullscreen',
+      tags: ['expand', 'fullscreen', 'window'],
+    },
+    {
+      name: 'minimize',
+      description: 'Minimize/exit fullscreen',
+      tags: ['collapse', 'exit', 'window'],
+    },
+  ],
+
+  // ═══════════════════════════════════════════════════════════════════════════
+  // ACTIONS - User interactions
+  // ═══════════════════════════════════════════════════════════════════════════
+  actions: [
+    { name: 'search', description: 'Search/find', tags: ['find', 'lookup', 'query'] },
+    { name: 'filter', description: 'Filter results', tags: ['sort', 'refine', 'funnel'] },
+    { name: 'sort', description: 'Sort order', tags: ['order', 'arrange', 'list'] },
+    { name: 'edit', description: 'Edit/modify', tags: ['pencil', 'modify', 'change'] },
+    { name: 'delete', description: 'Delete/remove', tags: ['trash', 'remove', 'destroy'] },
+    { name: 'copy', description: 'Copy to clipboard', tags: ['duplicate', 'clipboard', 'clone'] },
+    { name: 'paste', description: 'Paste from clipboard', tags: ['clipboard', 'insert'] },
+    { name: 'cut', description: 'Cut to clipboard', tags: ['scissors', 'move', 'clipboard'] },
+    { name: 'download', description: 'Download file', tags: ['save', 'export', 'get'] },
+    { name: 'upload', description: 'Upload file', tags: ['import', 'send', 'attach'] },
+    { name: 'share', description: 'Share content', tags: ['send', 'social', 'distribute'] },
+    { name: 'save', description: 'Save changes', tags: ['disk', 'store', 'persist'] },
+    { name: 'undo', description: 'Undo action', tags: ['revert', 'back', 'history'] },
+    { name: 'redo', description: 'Redo action', tags: ['forward', 'repeat', 'history'] },
+    { name: 'plus', description: 'Add/create new', tags: ['add', 'new', 'create'] },
+    { name: 'minus', description: 'Remove/subtract', tags: ['remove', 'decrease', 'subtract'] },
+    { name: 'check', description: 'Confirm/checkmark', tags: ['done', 'complete', 'approve'] },
+    { name: 'x', description: 'Close/cancel', tags: ['close', 'cancel', 'dismiss'] },
+    { name: 'refresh', description: 'Refresh/reload', tags: ['reload', 'sync', 'update'] },
+    { name: 'drag', description: 'Drag handle', tags: ['move', 'reorder', 'grip'] },
+    { name: 'pin', description: 'Pin/bookmark', tags: ['favorite', 'save', 'bookmark'] },
+    { name: 'link', description: 'Create link', tags: ['chain', 'url', 'connect'] },
+    { name: 'unlink', description: 'Break link', tags: ['disconnect', 'remove-link'] },
+  ],
+
+  // ═══════════════════════════════════════════════════════════════════════════
+  // MEDIA - Audio/video controls
+  // ═══════════════════════════════════════════════════════════════════════════
+  media: [
+    { name: 'play', description: 'Play media', tags: ['start', 'video', 'audio'] },
+    { name: 'pause', description: 'Pause media', tags: ['stop', 'video', 'audio'] },
+    { name: 'stop', description: 'Stop media', tags: ['end', 'video', 'audio'] },
+    { name: 'skip-back', description: 'Skip to previous', tags: ['previous', 'rewind', 'back'] },
+    { name: 'skip-forward', description: 'Skip to next', tags: ['next', 'forward', 'advance'] },
+    { name: 'rewind', description: 'Rewind', tags: ['back', 'fast-back'] },
+    { name: 'fast-forward', description: 'Fast forward', tags: ['forward', 'advance'] },
+    { name: 'volume-high', description: 'Volume on/high', tags: ['sound', 'audio', 'speaker'] },
+    { name: 'volume-low', description: 'Volume low', tags: ['sound', 'audio', 'quiet'] },
+    { name: 'volume-off', description: 'Volume muted', tags: ['mute', 'silent', 'audio'] },
+    { name: 'mic', description: 'Microphone on', tags: ['audio', 'record', 'voice'] },
+    { name: 'mic-off', description: 'Microphone off', tags: ['mute', 'voice', 'disabled'] },
+    { name: 'camera', description: 'Camera/video on', tags: ['video', 'record', 'photo'] },
+    { name: 'camera-off', description: 'Camera/video off', tags: ['video', 'disabled'] },
+    { name: 'image', description: 'Image/photo', tags: ['picture', 'photo', 'gallery'] },
+    { name: 'video', description: 'Video file', tags: ['movie', 'film', 'media'] },
+    { name: 'music', description: 'Music/audio file', tags: ['audio', 'song', 'sound'] },
+  ],
+
+  // ═══════════════════════════════════════════════════════════════════════════
+  // COMMUNICATION - Messaging & notifications
+  // ═══════════════════════════════════════════════════════════════════════════
+  communication: [
+    { name: 'bell', description: 'Notification bell', tags: ['alert', 'notification', 'alarm'] },
+    { name: 'bell-off', description: 'Notifications disabled', tags: ['mute', 'silent', 'dnd'] },
+    { name: 'message', description: 'Message/comment', tags: ['chat', 'comment', 'bubble'] },
+    { name: 'mail', description: 'Email', tags: ['email', 'envelope', 'inbox'] },
+    { name: 'inbox', description: 'Inbox', tags: ['mail', 'messages', 'receive'] },
+    { name: 'send', description: 'Send message', tags: ['submit', 'paper-plane', 'dispatch'] },
+    { name: 'at-sign', description: 'Mention/at', tags: ['mention', 'email', 'handle'] },
+    { name: 'phone', description: 'Phone call', tags: ['call', 'contact', 'telephone'] },
+    { name: 'phone-off', description: 'End call', tags: ['hangup', 'disconnect'] },
+    { name: 'video-call', description: 'Video call', tags: ['meeting', 'conference', 'chat'] },
+  ],
+
+  // ═══════════════════════════════════════════════════════════════════════════
+  // DATA - Information & analytics
+  // ═══════════════════════════════════════════════════════════════════════════
+  data: [
+    { name: 'chart-bar', description: 'Bar chart', tags: ['analytics', 'stats', 'graph'] },
+    { name: 'chart-line', description: 'Line chart', tags: ['trend', 'analytics', 'graph'] },
+    { name: 'chart-pie', description: 'Pie chart', tags: ['percentage', 'analytics', 'graph'] },
+    { name: 'database', description: 'Database', tags: ['storage', 'data', 'backend'] },
+    { name: 'table', description: 'Data table', tags: ['grid', 'spreadsheet', 'rows'] },
+    { name: 'cloud', description: 'Cloud storage', tags: ['online', 'sync', 'backup'] },
+    { name: 'cloud-upload', description: 'Upload to cloud', tags: ['sync', 'backup', 'save'] },
+    {
+      name: 'cloud-download',
+      description: 'Download from cloud',
+      tags: ['sync', 'restore', 'get'],
+    },
+    { name: 'sync', description: 'Sync/synchronize', tags: ['refresh', 'update', 'cloud'] },
+    { name: 'calendar', description: 'Calendar/date', tags: ['date', 'schedule', 'event'] },
+    { name: 'clock', description: 'Time/clock', tags: ['time', 'schedule', 'duration'] },
+    { name: 'timer', description: 'Timer/countdown', tags: ['countdown', 'stopwatch', 'duration'] },
+    { name: 'hash', description: 'Hashtag/number', tags: ['tag', 'number', 'category'] },
+    { name: 'percent', description: 'Percentage', tags: ['discount', 'ratio', 'stats'] },
+  ],
+
+  // ═══════════════════════════════════════════════════════════════════════════
+  // SECURITY - Auth & privacy
+  // ═══════════════════════════════════════════════════════════════════════════
+  security: [
+    { name: 'lock', description: 'Locked/secure', tags: ['secure', 'private', 'protected'] },
+    { name: 'unlock', description: 'Unlocked', tags: ['open', 'unsecure', 'access'] },
+    { name: 'key', description: 'Key/access', tags: ['password', 'auth', 'credential'] },
+    { name: 'shield', description: 'Security shield', tags: ['protect', 'secure', 'guard'] },
+    {
+      name: 'shield-check',
+      description: 'Verified/protected',
+      tags: ['verified', 'secure', 'safe'],
+    },
+    { name: 'shield-x', description: 'Not protected', tags: ['vulnerable', 'warning', 'unsafe'] },
+    { name: 'eye', description: 'Visible/show', tags: ['view', 'visible', 'show-password'] },
+    { name: 'eye-off', description: 'Hidden/hide', tags: ['hide', 'invisible', 'hide-password'] },
+    { name: 'fingerprint', description: 'Biometric auth', tags: ['auth', 'biometric', 'identity'] },
+    { name: 'user', description: 'User/profile', tags: ['account', 'person', 'avatar'] },
+    { name: 'users', description: 'Multiple users', tags: ['team', 'group', 'people'] },
+    { name: 'user-plus', description: 'Add user', tags: ['invite', 'add-member', 'signup'] },
+    { name: 'user-minus', description: 'Remove user', tags: ['remove-member', 'kick', 'ban'] },
+    { name: 'log-in', description: 'Log in', tags: ['signin', 'auth', 'enter'] },
+    { name: 'log-out', description: 'Log out', tags: ['signout', 'exit', 'leave'] },
+  ],
+
+  // ═══════════════════════════════════════════════════════════════════════════
+  // TECH - Development & systems
+  // ═══════════════════════════════════════════════════════════════════════════
+  tech: [
+    { name: 'terminal', description: 'Terminal/console', tags: ['cli', 'command', 'shell'] },
+    { name: 'code', description: 'Code/programming', tags: ['develop', 'brackets', 'html'] },
+    { name: 'chip', description: 'CPU/processor', tags: ['hardware', 'cpu', 'processor'] },
+    { name: 'circuit', description: 'Circuit board', tags: ['hardware', 'electronics', 'board'] },
+    { name: 'signal', description: 'Signal/broadcast', tags: ['wifi', 'wireless', 'connection'] },
+    { name: 'wifi', description: 'WiFi connection', tags: ['internet', 'wireless', 'network'] },
+    { name: 'wifi-off', description: 'No WiFi', tags: ['offline', 'disconnected', 'no-internet'] },
+    { name: 'bluetooth', description: 'Bluetooth', tags: ['wireless', 'connect', 'pair'] },
+    { name: 'server', description: 'Server', tags: ['backend', 'hosting', 'machine'] },
+    { name: 'api', description: 'API endpoint', tags: ['interface', 'connect', 'integration'] },
+    { name: 'git-branch', description: 'Git branch', tags: ['version', 'branch', 'code'] },
+    { name: 'git-commit', description: 'Git commit', tags: ['version', 'save', 'code'] },
+    { name: 'git-merge', description: 'Git merge', tags: ['version', 'combine', 'code'] },
+    { name: 'git-pull', description: 'Git pull request', tags: ['version', 'review', 'code'] },
+    { name: 'bug', description: 'Bug/issue', tags: ['error', 'debug', 'problem'] },
+    { name: 'settings', description: 'Settings/config', tags: ['gear', 'config', 'preferences'] },
+    { name: 'sliders', description: 'Sliders/adjustments', tags: ['config', 'tune', 'adjust'] },
+    { name: 'zap', description: 'Lightning/power', tags: ['fast', 'energy', 'electric'] },
+    { name: 'cpu', description: 'CPU usage', tags: ['processor', 'performance', 'load'] },
+    { name: 'memory', description: 'Memory/RAM', tags: ['ram', 'storage', 'performance'] },
+    { name: 'globe', description: 'Web/internet', tags: ['world', 'website', 'global'] },
+    { name: 'qr-code', description: 'QR code', tags: ['scan', 'barcode', 'link'] },
+  ],
+
+  // ═══════════════════════════════════════════════════════════════════════════
+  // FILES - Documents & folders
+  // ═══════════════════════════════════════════════════════════════════════════
+  files: [
+    { name: 'file', description: 'Generic file', tags: ['document', 'page', 'blank'] },
+    { name: 'file-text', description: 'Text file', tags: ['document', 'txt', 'content'] },
+    { name: 'file-code', description: 'Code file', tags: ['source', 'script', 'programming'] },
+    { name: 'file-image', description: 'Image file', tags: ['picture', 'photo', 'graphic'] },
+    { name: 'file-video', description: 'Video file', tags: ['movie', 'media', 'clip'] },
+    { name: 'file-audio', description: 'Audio file', tags: ['music', 'sound', 'mp3'] },
+    { name: 'file-archive', description: 'Archive/zip file', tags: ['zip', 'compress', 'package'] },
+    { name: 'file-plus', description: 'New file', tags: ['create', 'add', 'new'] },
+    { name: 'file-minus', description: 'Remove file', tags: ['delete', 'remove'] },
+    { name: 'folder', description: 'Folder', tags: ['directory', 'container', 'organize'] },
+    { name: 'folder-open', description: 'Open folder', tags: ['directory', 'browse', 'explore'] },
+    { name: 'folder-plus', description: 'New folder', tags: ['create', 'add', 'directory'] },
+    { name: 'archive', description: 'Archive', tags: ['storage', 'old', 'backup'] },
+    { name: 'clipboard', description: 'Clipboard', tags: ['paste', 'copy', 'buffer'] },
+    { name: 'attachment', description: 'Attachment', tags: ['attach', 'paperclip', 'file'] },
+  ],
+
+  // ═══════════════════════════════════════════════════════════════════════════
+  // STATUS - States & feedback
+  // ═══════════════════════════════════════════════════════════════════════════
+  status: [
+    { name: 'info', description: 'Information', tags: ['help', 'about', 'details'] },
+    { name: 'warning', description: 'Warning/caution', tags: ['alert', 'caution', 'attention'] },
+    { name: 'error', description: 'Error/danger', tags: ['danger', 'problem', 'fail'] },
+    { name: 'success', description: 'Success/complete', tags: ['done', 'complete', 'check'] },
+    { name: 'help', description: 'Help/question', tags: ['question', 'support', 'faq'] },
+    { name: 'loading', description: 'Loading spinner', tags: ['wait', 'progress', 'busy'] },
+    { name: 'progress', description: 'Progress indicator', tags: ['loading', 'percent', 'bar'] },
+    { name: 'online', description: 'Online/connected', tags: ['active', 'available', 'green'] },
+    {
+      name: 'offline',
+      description: 'Offline/disconnected',
+      tags: ['inactive', 'unavailable', 'gray'],
+    },
+    { name: 'battery-full', description: 'Battery full', tags: ['power', 'charge', 'energy'] },
+    { name: 'battery-low', description: 'Battery low', tags: ['power', 'charge', 'warning'] },
+    {
+      name: 'battery-charging',
+      description: 'Battery charging',
+      tags: ['power', 'charge', 'plug'],
+    },
+  ],
+
+  // ═══════════════════════════════════════════════════════════════════════════
+  // SOCIAL - Social media & sharing
+  // ═══════════════════════════════════════════════════════════════════════════
+  social: [
+    { name: 'heart', description: 'Like/favorite', tags: ['love', 'favorite', 'like'] },
+    {
+      name: 'heart-filled',
+      description: 'Liked/favorited',
+      tags: ['loved', 'favorited', 'active'],
+    },
+    { name: 'star', description: 'Star/rate', tags: ['favorite', 'rate', 'bookmark'] },
+    { name: 'star-filled', description: 'Starred/rated', tags: ['favorited', 'rated', 'active'] },
+    { name: 'thumbs-up', description: 'Thumbs up', tags: ['like', 'approve', 'positive'] },
+    { name: 'thumbs-down', description: 'Thumbs down', tags: ['dislike', 'reject', 'negative'] },
+    { name: 'bookmark', description: 'Bookmark', tags: ['save', 'favorite', 'later'] },
+    { name: 'bookmark-filled', description: 'Bookmarked', tags: ['saved', 'favorited', 'active'] },
+    { name: 'flag', description: 'Flag/report', tags: ['report', 'mark', 'attention'] },
+    { name: 'award', description: 'Award/badge', tags: ['achievement', 'trophy', 'prize'] },
+    { name: 'trending', description: 'Trending/popular', tags: ['hot', 'popular', 'rising'] },
+  ],
+};
+
+/**
+ * Get total icon count
+ */
+export function getIconCount(): number {
+  return Object.values(ICON_LIST).reduce((sum, icons) => sum + icons.length, 0);
+}
+
+/**
+ * Get all icon names as a flat array
+ */
+export function getAllIconNames(): string[] {
+  return Object.values(ICON_LIST).flatMap((icons) => icons.map((icon) => icon.name));
+}
+
+/**
+ * Get icons by category
+ */
+export function getIconsByCategory(category: IconCategory): IconSpec[] {
+  return ICON_LIST[category] || [];
+}

package/src/icons/index.ts

@@ -0,0 +1,95 @@
+/**
+ * Cyber Icons
+ * Cyberpunk-themed SVG icon system for CYBERCORE CSS
+ *
+ * @example Import everything
+ * ```ts
+ * import * as CyberIcons from 'cybercore-css/icons';
+ * CyberIcons.renderIcon('terminal', { size: 24, color: 'cyan' });
+ * ```
+ *
+ * @example Import specific utilities
+ * ```ts
+ * import { renderIcon, getIcon, icons } from 'cybercore-css/icons';
+ * const svg = getIcon('terminal');
+ * ```
+ *
+ * @example Import just the icon registry
+ * ```ts
+ * import { icons } from 'cybercore-css/icons';
+ * const terminalSvg = icons.terminal.svg;
+ * ```
+ *
+ * @example Tree-shakeable individual icon import (SVG strings)
+ * ```ts
+ * import { ChipIcon, TerminalIcon, SignalIcon } from 'cybercore-css/icons/individual';
+ * ```
+ *
+ * @example Tree-shakeable category import (full definitions)
+ * ```ts
+ * import { arrowUp, arrowDown } from 'cybercore-css/icons/defs/navigation';
+ * import { terminal, chip } from 'cybercore-css/icons/defs/tech';
+ * ```
+ *
+ * @example Build custom registry from definitions
+ * ```ts
+ * import { buildRegistry, categories } from 'cybercore-css/icons';
+ * const registry = buildRegistry(); // All icons
+ * const navIcons = categories.navigation; // Just navigation icons
+ * ```
+ */
+
+// Types
+export type {
+  IconDefinition,
+  IconCategory,
+  IconSize,
+  IconColor,
+  IconVariant,
+  IconVariants,
+  IconProps,
+  IconRegistry,
+} from './types';
+
+// Icon list (specs for what icons should exist)
+export { ICON_LIST, getIconCount, getAllIconNames, getIconsByCategory } from './icon-list';
+export type { IconSpec } from './icon-list';
+
+// Registry (actual icon SVGs)
+export {
+  icons,
+  getRegisteredIcons,
+  isIconRegistered,
+  getIconDefinition,
+  registerIcon,
+  getRegisteredByCategory,
+} from './registry';
+
+// Utilities
+export {
+  renderIcon,
+  renderIconDef,
+  getIcon,
+  getIconSvg,
+  iconExists,
+  hasVariant,
+  getVariants,
+  createSpriteSheet,
+  renderIconRef,
+  getIconDataUri,
+} from './utils';
+
+/**
+ * Quick access: Import a single icon's SVG by name
+ * @example const svg = cyberIcon('terminal');
+ */
+export { getIcon as cyberIcon } from './utils';
+
+// Icon definitions (for tree-shaking and building custom registries)
+export { buildRegistry, categories } from './defs';
+
+/**
+ * Default export: The full icons registry for convenience
+ * @example import icons from '@cybercore/icons';
+ */
+export { icons as default } from './registry';