{"_id":"@damarkuncoro/navbar-engine","_rev":"2-4ac3b9f819e58ad40ef41d804cc56d8f","name":"@damarkuncoro/navbar-engine","dist-tags":{"latest":"0.1.1"},"versions":{"0.1.0":{"name":"@damarkuncoro/navbar-engine","version":"0.1.0","keywords":["navbar","navigation","headless","ui","layout"],"license":"MIT","_id":"@damarkuncoro/navbar-engine@0.1.0","maintainers":[{"name":"damarkuncoro","email":"damarkuncoro@gmail.com"}],"dist":{"shasum":"6b3a58a558688651203062d39a213626201d2528","tarball":"https://registry.npmjs.org/@damarkuncoro/navbar-engine/-/navbar-engine-0.1.0.tgz","fileCount":164,"integrity":"sha512-nAeT/nJ32Rp46YUMZY83mYi6lnXiDcmNfcpazfk3V/DHkJPKMhirehYRi6rPqBMv+kzf6gmg9tOcjzZXsrbbdw==","signatures":[{"sig":"MEQCIAul7uimZxZ6yv/qOHWW1H9JB+tIU4uvkJz6MiY4PMpuAiA/bqOhho07XyFt8tsxFM8YWocb7IDua43HsXh/mCcT0w==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":146646},"main":"./lib/cjs/index.js","type":"module","_from":"file:damarkuncoro-navbar-engine-0.1.0.tgz","types":"./lib/esm/index.d.ts","module":"./lib/esm/index.js","engines":{"node":">=18"},"exports":{".":{"types":"./lib/esm/index.d.ts","import":"./lib/esm/index.js","require":"./lib/cjs/index.js"},"./package.json":"./package.json"},"scripts":{"build":"npm run build:esm && npm run build:cjs && npm run postbuild:cjs","build:cjs":"tsc -p tsconfig.cjs.json","build:esm":"tsc -p tsconfig.esm.json","typecheck":"tsc -p tsconfig.json --noEmit","postbuild:cjs":"node scripts/ensure-cjs.js"},"_npmUser":{"name":"damarkuncoro","email":"damarkuncoro@gmail.com"},"_resolved":"/private/var/folders/5q/j90n97w16zd2vsdm445cmp680000gp/T/1d3c52e66edb722bacd778c6f070665a/damarkuncoro-navbar-engine-0.1.0.tgz","_integrity":"sha512-nAeT/nJ32Rp46YUMZY83mYi6lnXiDcmNfcpazfk3V/DHkJPKMhirehYRi6rPqBMv+kzf6gmg9tOcjzZXsrbbdw==","_npmVersion":"10.8.2","description":"Headless navbar engine with slots and variants","directories":{},"sideEffects":false,"_nodeVersion":"20.20.0","dependencies":{"@damarkuncoro/layout-engine":"0.1.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"typescript":"^5.4.0","@damarkuncoro/layout-engine":"0.1.1"},"_npmOperationalInternal":{"tmp":"tmp/navbar-engine_0.1.0_1772975636137_0.012301640152759807","host":"s3://npm-registry-packages-npm-production"}},"0.1.1":{"name":"@damarkuncoro/navbar-engine","version":"0.1.1","description":"Headless navbar engine with slots and variants","license":"MIT","type":"module","main":"./lib/cjs/index.js","module":"./lib/esm/index.js","types":"./lib/esm/index.d.ts","sideEffects":false,"keywords":["navbar","navigation","headless","ui","layout"],"engines":{"node":">=18"},"exports":{".":{"types":"./lib/esm/index.d.ts","import":"./lib/esm/index.js","require":"./lib/cjs/index.js"},"./package.json":"./package.json"},"publishConfig":{"access":"public"},"dependencies":{"@damarkuncoro/layout-engine":"0.1.2"},"devDependencies":{"typescript":"^5.4.0","@damarkuncoro/layout-engine":"0.1.2"},"scripts":{"build:esm":"tsc -p tsconfig.esm.json","build:cjs":"tsc -p tsconfig.cjs.json","postbuild:cjs":"node scripts/ensure-cjs.js","build":"npm run build:esm && npm run build:cjs && npm run postbuild:cjs","typecheck":"tsc -p tsconfig.json --noEmit"},"_id":"@damarkuncoro/navbar-engine@0.1.1","_integrity":"sha512-2DMREx9B7qG2qOFXRseYfQYhYg1++0NrMhUXxa1Lt2Y1+sk94/K8LGVn2HfPaaaBNAtdqIarZGUBzn5hMmNeHw==","_resolved":"/private/var/folders/5q/j90n97w16zd2vsdm445cmp680000gp/T/8346baecf97be2fda677de28f9d88741/damarkuncoro-navbar-engine-0.1.1.tgz","_from":"file:damarkuncoro-navbar-engine-0.1.1.tgz","_nodeVersion":"20.20.0","_npmVersion":"10.8.2","dist":{"integrity":"sha512-2DMREx9B7qG2qOFXRseYfQYhYg1++0NrMhUXxa1Lt2Y1+sk94/K8LGVn2HfPaaaBNAtdqIarZGUBzn5hMmNeHw==","shasum":"4548902afb4270c55d614d4f987cc2a02b50588e","tarball":"https://registry.npmjs.org/@damarkuncoro/navbar-engine/-/navbar-engine-0.1.1.tgz","fileCount":233,"unpackedSize":244559,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIFMjpTrK7DqkKT+iRw7XImNO/4x06Z3+w+hCi50k9c9VAiEAvJbTl/VbpYG80+JqWsIhnqTm3Qxrx4Jq+yeG8GY2opc="}]},"_npmUser":{"name":"damarkuncoro","email":"damarkuncoro@gmail.com"},"directories":{},"maintainers":[{"name":"damarkuncoro","email":"damarkuncoro@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/navbar-engine_0.1.1_1772977957317_0.15553481375474787"},"_hasShrinkwrap":false}},"time":{"created":"2026-03-08T13:13:56.066Z","modified":"2026-03-08T13:52:37.574Z","0.1.0":"2026-03-08T13:13:56.295Z","0.1.1":"2026-03-08T13:52:37.470Z"},"license":"MIT","keywords":["navbar","navigation","headless","ui","layout"],"description":"Headless navbar engine with slots and variants","maintainers":[{"name":"damarkuncoro","email":"damarkuncoro@gmail.com"}],"readme":"# @damarkuncoro/navbar-engine\n\nHeadless navbar engine with slots and variants. Paket ini dirancang untuk memudahkan pembuatan navigasi tingkat lanjut dengan fleksibilitas tata letak penuh, struktur data menu yang kuat, dan dukungan aksesibilitas (A11y).\n\n## Instalasi\n\n```bash\nnpm install @damarkuncoro/navbar-engine\n```\n\n**Kebutuhan**: Bergantung pada `@damarkuncoro/layout-engine`.\n\n## Fitur Unggulan\n- **Slot Architecture**: Gunakan slot `left`, `center`, `right`, `search`, dan `actions` untuk kontrol konten penuh.\n- **Structured Menu & Dropdowns**: Dukungan interface `NavMenuItem` untuk menu bertingkat (dropdown) yang berfungsi di desktop maupun mobile (accordion).\n- **Integrated Search & Actions**: Slot khusus untuk Search Bar dan Action Buttons (CTA) dengan varian gaya yang beragam.\n- **Semantic & Accessible**: Menggunakan tag HTML semantik (`<nav>`, `<ul>`, `<li>`, `<button>`) dan atribut ARIA untuk aksesibilitas yang lebih baik.\n- **Modular Design**: Komponen internal dipisahkan secara modular (`mainbar` dan `mobilepanel`) untuk pemeliharaan yang lebih mudah.\n- **Scroll-Aware**: Logika bawaan untuk fitur `sticky`, `shrinkOnScroll`, dan `solidOnScroll`.\n- **Ready-to-use Presets**: Dilengkapi dengan preset modern seperti `NavbarGlassBlur`, `NavbarModern`, `NavbarFloating`, dll.\n\n## Penggunaan Dasar\n\n### Navbar dengan Menu Terstruktur & Search\n\n```js\nimport { Navbar } from \"@damarkuncoro/navbar-engine\"\n\nconst myNav = Navbar({\n  left: \"MyLogo\",\n  center: [\n    { id: \"home\", label: \"Home\", href: \"/\" },\n    { \n      id: \"products\", \n      label: \"Products\", \n      dropdown: [\n        { id: \"p1\", label: \"Analytics\", href: \"/analytics\" },\n        { id: \"p2\", label: \"Automation\", href: \"/automation\" }\n      ],\n      dropdownVariant: \"glass\"\n    }\n  ],\n  search: { \n    placeholder: \"Search products...\", \n    showOnMobile: true \n  },\n  actions: [\n    { id: \"login\", label: \"Login\", variant: \"outline\" },\n    { id: \"signup\", label: \"Sign Up\", variant: \"primary\" }\n  ],\n  position: \"sticky\",\n  elevation: true\n})\n```\n\n### Menggunakan Presets Modern\n\n```js\nimport { NavbarModern, NavbarGlassBlur } from \"@damarkuncoro/navbar-engine\"\n\n// Navbar dengan efek glassmorphism yang cantik\nconst glassNav = NavbarGlassBlur({\n  left: \"Brand\",\n  center: [...items],\n  right: \"Get Started\"\n})\n```\n\n## Modular Components\nPaket ini memungkinkan Anda mengimpor komponen spesifik untuk kustomisasi lebih dalam:\n```js\nimport { NavbarMainBar, NavbarMobilePanel, getBgForVariant } from \"@damarkuncoro/navbar-engine\"\n```\n\n## Struktur Paket\n- **ESM (Recommended)**: `import { ... } from \"@damarkuncoro/navbar-engine\"`\n- **CJS**: `const { ... } = require(\"@damarkuncoro/navbar-engine\")`\n\n## Lisensi\nMIT\n","readmeFilename":"README.md"}