{"_id":"@alazndy/gt-ui","_rev":"2-02649020712b179806409acce06a15a5","name":"@alazndy/gt-ui","dist-tags":{"latest":"1.1.1"},"versions":{"1.1.0":{"name":"@alazndy/gt-ui","version":"1.1.0","keywords":["react","ui","components","cyberpunk","glassmorphism","fui","design-system","typescript"],"author":{"name":"Turhan"},"license":"MIT","_id":"@alazndy/gt-ui@1.1.0","maintainers":[{"name":"alazndy","email":"goktugturhan74@gmail.com"}],"homepage":"https://github.com/turhansel/gt-ui#readme","bugs":{"url":"https://github.com/turhansel/gt-ui/issues"},"dist":{"shasum":"3b72c914fdc027c7bd3e946c740286e4696ea0a7","tarball":"https://registry.npmjs.org/@alazndy/gt-ui/-/gt-ui-1.1.0.tgz","fileCount":258,"integrity":"sha512-RQ200juMhnyulKzw87EUMQ3MnEh8ByQsqWhK/nvds5Gulwd5qMUsKnHEbatNhFkbAknEuAfWP2Un3P+3YgsZmw==","signatures":[{"sig":"MEYCIQC//mP/OgRQSGYXa38/nxZMD0VZGAFTUJswvOoV/jmNRwIhAMRXiMIUs/4wuPGCG2PEXKde2RwkioJ3DlMcgIp1eEEx","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":8591453},"main":"./dist/gt-ui.cjs.js","type":"module","types":"./dist/index.d.ts","module":"./dist/gt-ui.es.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/gt-ui.es.js","require":"./dist/gt-ui.cjs.js"},"./css":"./dist/gt-ui.css"},"gitHead":"85673a4feec61068615dc90883c41dac3156ebad","scripts":{"dev":"vite","lint":"eslint .","test":"vitest","build":"vite build && tsc --project tsconfig.build.json","preview":"vite preview","test:ui":"vitest --ui","storybook":"storybook dev -p 6006","type-check":"tsc --noEmit","build:types":"tsc --project tsconfig.build.json","test:coverage":"vitest run --coverage","build-storybook":"storybook build","storybook:build":"storybook build -o storybook-static"},"_npmUser":{"name":"alazndy","email":"goktugturhan74@gmail.com"},"repository":{"url":"git+https://github.com/turhansel/gt-ui.git","type":"git"},"_npmVersion":"10.9.2","description":"Retro-Industrial Glass OS - A FUI Component Library (Apple × eDEX-UI × TVA × Aperture)","directories":{},"sideEffects":["**/*.css"],"_nodeVersion":"22.17.0","dependencies":{"clsx":"^2.1.1","sonner":"^2.0.7","date-fns":"^4.1.0","recharts":"^3.6.0","matter-js":"^0.20.0","lucide-react":"^0.562.0","framer-motion":"^12.29.0","react-colorful":"^5.6.1","tailwind-merge":"^3.4.0","@motionone/utils":"^10.18.0","react-day-picker":"^9.13.0","embla-carousel-react":"^8.6.0","react-resizable-panels":"^4.5.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^7.2.4","jsdom":"^27.4.0","react":"^19.2.0","eslint":"^9.39.1","vitest":"^4.0.17","globals":"^16.5.0","react-dom":"^19.2.0","storybook":"8.6.15","@eslint/js":"^9.39.1","@vitest/ui":"^4.0.17","typescript":"~5.9.3","@types/node":"^24.10.1","@types/react":"^19.2.5","embla-carousel":"^8.6.0","@storybook/test":"^8.6.15","vite-plugin-dts":"^4.5.4","@storybook/react":"8.6.15","@types/react-dom":"^19.2.3","@storybook/blocks":"8.6.15","typescript-eslint":"^8.46.4","@vitejs/plugin-react":"^5.1.1","@storybook/react-vite":"8.6.15","@testing-library/react":"^16.3.1","@testing-library/jest-dom":"^6.9.1","eslint-plugin-react-hooks":"^7.0.1","@storybook/addon-essentials":"8.6.15","@storybook/addon-onboarding":"8.6.15","@testing-library/user-event":"^14.6.1","eslint-plugin-react-refresh":"^0.4.24","@storybook/addon-interactions":"8.6.15"},"peerDependencies":{"react":"^18.0.0 || ^19.0.0","react-dom":"^18.0.0 || ^19.0.0"},"_npmOperationalInternal":{"tmp":"tmp/gt-ui_1.1.0_1769278543223_0.5019037679768716","host":"s3://npm-registry-packages-npm-production"}},"1.1.1":{"name":"@alazndy/gt-ui","version":"1.1.1","publishConfig":{"access":"public"},"type":"module","description":"Retro-Industrial Glass OS - A FUI Component Library (Apple × eDEX-UI × TVA × Aperture)","author":{"name":"Turhan"},"license":"MIT","main":"./dist/gt-ui.cjs.js","module":"./dist/gt-ui.es.js","types":"./dist/index.d.ts","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/gt-ui.es.js","require":"./dist/gt-ui.cjs.js"},"./css":"./dist/gt-ui.css"},"sideEffects":["**/*.css"],"scripts":{"dev":"vite","build":"vite build && tsc --project tsconfig.build.json","build:types":"tsc --project tsconfig.build.json","lint":"eslint .","preview":"vite preview","test":"vitest","test:ui":"vitest --ui","test:coverage":"vitest run --coverage","storybook":"storybook dev -p 6006","storybook:build":"storybook build -o storybook-static","type-check":"tsc --noEmit","build-storybook":"storybook build"},"peerDependencies":{"react":"^18.0.0 || ^19.0.0","react-dom":"^18.0.0 || ^19.0.0"},"devDependencies":{"@eslint/js":"^9.39.1","@storybook/addon-essentials":"8.6.15","@storybook/addon-interactions":"8.6.15","@storybook/addon-onboarding":"8.6.15","@storybook/blocks":"8.6.15","@storybook/react":"8.6.15","@storybook/react-vite":"8.6.15","@storybook/test":"^8.6.15","@testing-library/jest-dom":"^6.9.1","@testing-library/react":"^16.3.1","@testing-library/user-event":"^14.6.1","@types/node":"^24.10.1","@types/react":"^19.2.5","@types/react-dom":"^19.2.3","@vitejs/plugin-react":"^5.1.1","@vitest/ui":"^4.0.17","embla-carousel":"^8.6.0","eslint":"^9.39.1","eslint-plugin-react-hooks":"^7.0.1","eslint-plugin-react-refresh":"^0.4.24","globals":"^16.5.0","jsdom":"^27.4.0","react":"^19.2.0","react-dom":"^19.2.0","storybook":"8.6.15","typescript":"~5.9.3","typescript-eslint":"^8.46.4","vite":"^7.2.4","vite-plugin-dts":"^4.5.4","vitest":"^4.0.17"},"keywords":["react","ui","components","cyberpunk","glassmorphism","fui","design-system","typescript"],"repository":{"type":"git","url":"git+https://github.com/turhansel/gt-ui.git"},"dependencies":{"@motionone/utils":"^10.18.0","clsx":"^2.1.1","date-fns":"^4.1.0","embla-carousel-react":"^8.6.0","framer-motion":"^12.29.0","lucide-react":"^0.562.0","matter-js":"^0.20.0","react-colorful":"^5.6.1","react-day-picker":"^9.13.0","react-resizable-panels":"^4.5.0","recharts":"^3.6.0","sonner":"^2.0.7","tailwind-merge":"^3.4.0"},"_id":"@alazndy/gt-ui@1.1.1","gitHead":"ef611a464d694da1340f97167ad1cee5dcb820f3","bugs":{"url":"https://github.com/turhansel/gt-ui/issues"},"homepage":"https://github.com/turhansel/gt-ui#readme","_nodeVersion":"22.17.0","_npmVersion":"10.9.2","dist":{"integrity":"sha512-4ueiCOB5pEJigDdWOZU5UwmG5AFheAgOS9MZHfoelI/JRL08B8PRzmaWNCchWe6nyIy0VBNfFjGN5P3IfBafWA==","shasum":"7d8c61fef5c7486049dc51aa7bfdab7128671119","tarball":"https://registry.npmjs.org/@alazndy/gt-ui/-/gt-ui-1.1.1.tgz","fileCount":258,"unpackedSize":8611654,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEQCIGp+i9cGSwy9Fkji0LwjSwKschwzwAT9G0xZzMTMy6B/AiAf+aLm/woak8w3pcIvOFX/1NtBkwWOiMszUszPJN+b/g=="}]},"_npmUser":{"name":"alazndy","email":"goktugturhan74@gmail.com"},"directories":{},"maintainers":[{"name":"alazndy","email":"goktugturhan74@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/gt-ui_1.1.1_1769279812818_0.6026131933591634"},"_hasShrinkwrap":false}},"time":{"created":"2026-01-24T18:15:43.146Z","modified":"2026-01-24T18:36:53.173Z","1.1.0":"2026-01-24T18:15:43.449Z","1.1.1":"2026-01-24T18:36:53.057Z"},"bugs":{"url":"https://github.com/turhansel/gt-ui/issues"},"author":{"name":"Turhan"},"license":"MIT","homepage":"https://github.com/turhansel/gt-ui#readme","keywords":["react","ui","components","cyberpunk","glassmorphism","fui","design-system","typescript"],"repository":{"type":"git","url":"git+https://github.com/turhansel/gt-ui.git"},"description":"Retro-Industrial Glass OS - A FUI Component Library (Apple × eDEX-UI × TVA × Aperture)","maintainers":[{"name":"alazndy","email":"goktugturhan74@gmail.com"}],"readme":"# GT-UI: Retro-Industrial Glass OS\n\n> _\"Sinematik Kullanıcı Arayüzü\"_ — A Fictional User Interface (FUI) Component Library\n\nA zero-dependency React + TypeScript + Native CSS component library that fuses four iconic design languages:\n\n| Influence                     | Contribution                                      |\n| ----------------------------- | ------------------------------------------------- |\n| **Apple**                     | Usability, fluidity, glassmorphism                |\n| **eDEX-UI**                   | Cyberpunk data visualization, terminal aesthetics |\n| **TVA (Loki)**                | Analog warmth, bureaucratic retro, amber tones    |\n| **Aperture Science (Portal)** | Industrial sterility, scientific precision        |\n\n## Installation\n\n```bash\npnpm add @alazndy/gt-ui\n# or\nnpm install @alazndy/gt-ui\n```\n\n## Quick Start\n\n### 1. Style Setup\n\nGT-UI is a **Native CSS** library. No Tailwind configuration is required. Simply import the core styles in your root entry file (e.g., `main.tsx` or `App.tsx`):\n\n```tsx\nimport \"@alazndy/gt-ui/dist/gt-ui.css\"; // 👈 Required: Loads all theme variables and core styles\n```\n\n### 2. Provider Setup\n\nWrap your application with `GTProvider` to enable themes and sound effects:\n\n```tsx\nimport { GTProvider } from \"@alazndy/gt-ui\";\n\nfunction App() {\n  return (\n    <GTProvider\n      defaultTheme=\"dark\" // Options: 'dark', 'light', 'system' + 8 FUI themes\n      soundEnabled={true}\n      crtOverlay={true}\n    >\n      <YourApp />\n    </GTProvider>\n  );\n}\n```\n\n## Features\n\n- 🎨 **FUI Design System** - 8 Core Aesthetics including **LCARS**, **Vitruvian**, **JazzNoir**, **Archer**.\n- 💠 **Hybrid Iconography** - `<TechIcon />`.\n- 📊 **Data Visualization** - `<Sparkline />`, `<Chart />`, `<GenerativeGrid />`.\n- 🔊 **Sound Effects** - 12+ Synthesized UI sounds with `useSound` hook.\n- 📦 **75+ Components** - Comprehensive library matching modern standards. [View Component Reference](./COMPONENTS.md)\n- 🚀 **Premium FUI** - Advanced specialized components like `VitalsMonitor`, `HexagonGrid`, and `Commlink`.\n\n## Design System\n\nGT-UI implements a comprehensive **Theme x Variant** system. You can mix and match aesthetics across your entire application or per component.\n\n### 🎨 Themes (Universes)\n\nPass the `theme` prop (e.g., `<Button theme=\"lcars\" />`) to switch aesthetics:\n\n| Theme         | Inspiration | Visual Style                              |\n| :------------ | :---------- | :---------------------------------------- |\n| **default**   | Modern      | Standard Clean Dark UI                    |\n| **lcars**     | Star Trek   | Rounded Corners, Orange/Purple, Blocky    |\n| **aperture**  | Portal      | Sterile White, Scientific, Orange Accents |\n| **tva**       | Loki        | Analog Retro, Amber CRT, Bureaucratic     |\n| **edex**      | eDEX-UI     | Cyberpunk Terminal, Neon Green/Blue       |\n| **vitruvian** | Da Vinci    | Sepia, Sketchy, Hand-drawn lines          |\n| **jazznoir**  | Persona 5   | High Contrast, Red/Black, Kinetic         |\n| **archer**    | Archer      | Bold Outlines, 60s Pop Art, Pastel        |\n| **cyber**     | Cyberpunk   | High Tech, Glitch, Neon Pink/Blue         |\n\n### 💠 Variants\n\nStructural styles available across most components:\n\n- **solid**: High emphasis, filled background.\n- **outline**: Medium emphasis, bordered.\n- **ghost**: Low emphasis, transparent background (hover only).\n- **glass**: Frosted glass effect (Blur).\n- **neon**: Glowing borders and text.\n\n### 📏 Sizes\n\nStandardized sizing prop `size`:\n`xs`, `sm`, `md` (default), `lg`, `xl`\n\n## Component Library\n\n### Structure & Layout\n\n- **Shell**: `AppShell` (Responsive layout with sidebar/header)\n- **Panels**: `Resizable`, `ScrollArea`, `Sheet`, `Drawer`\n- **Primitives**: `AspectRatio`, `Separator`\n\n### Forms & Inputs\n\n- **Controls**: `Button`, `Switch`, `Checkbox`, `RadioGroup`, `Slider`, `Knob`, `Toggle`, `ToggleGroup`, `ColorInput`\n- **Text**: `Input`, `Textarea`, `InputGroup`\n- **Selection**: `Select`, `Combobox`, `DatePicker`, `Calendar`\n- **Framework**: `Form` (React Hook Form wrapper), `Label`\n\n### Navigation\n\n- **Menus**: `NavigationMenu`, `Menubar`, `DropdownMenu`, `ContextMenu`\n- **Routing**: `Pagination`, `Tabs`, `Breadcrumb`\n- **Command Palette**: `Command` (cmdk based)\n\n### Feedback & Overlay\n\n- **Dialogs**: `Modal`, `AlertDialog`, `Sheet`, `Drawer`\n- **Feedback**: `Toaster (Sonner)`, `Alert`, `Progress`, `Spinner`, `Toast`, `Skeleton`\n- **Info**: `Tooltip`, `HoverCard`\n\n### Data & Display\n\n- **Visuals**: `Card`, `Stat`, `Badge`, `Avatar`, `Tag`, `AspectRatio`, `Divider`, `TechIcon`\n- **Technical**: `Kbd`, `CodeBlock`, `Terminal`, `SystemMonitor`, `Timeline`, `Tree`\n- **Lists**: `Table`, `Datagrid`, `Carousel`\n- **Charts**: `Sparkline`, `Chart`\n\n### ⭐️ Premium FUI (v1.0 Exclusives)\n\n- **HUD/Status**: `VitalsMonitor` (Iron Man style rings), `HexagonGrid` (Hive stats), `EmptyState` (Holographic), `SoundWave`\n- **Communications**: `Commlink` (Tactical Chat), `Sidebar` (Collapsible AppRail)\n- **Data/IO**: `TransferList` (Matrix Migration), `DataIngestion` (Drag & Drop Port)\n- **Tools**: `ThemeBuilder` (Live definition editor), `CommandCenter` (Dashboard example)\n\n## Theme Customization\n\nGT-UI uses CSS variables for theming. You can override them in your CSS:\n\n```css\n:root {\n  --primary-500: #ff00ff; /* Change primary color */\n  --font-heading: \"Your Font\", sans-serif;\n}\n```\n\nThemes are applied as data attributes on the body (e.g., `data-theme=\"lcars\"`).\n\n## Development\n\n```bash\n# Install dependencies\npnpm install\n\n# Start Storybook (Includes Showcase)\npnpm storybook\n\n# Build library\npnpm build\n```\n\n## License\n\nMIT © Alazndy\n","readmeFilename":"README.md"}