{"_id":"@acid-info/logos-ui","_rev":"4-4f69498ef1abc8ff59eed077a8da1154","name":"@acid-info/logos-ui","dist-tags":{"latest":"0.2.0"},"versions":{"0.1.0":{"name":"@acid-info/logos-ui","version":"0.1.0","_id":"@acid-info/logos-ui@0.1.0","maintainers":[{"name":"mikeatacidinfo","email":"mike@acid.info"},{"name":"jayacidinfo","email":"j@acid.info"},{"name":"pajicf","email":"fica.pajic@gmail.com"},{"name":"julesfiliot","email":"dev@julesfiliot.com"},{"name":"jinho","email":"jinho5051@gmail.com"}],"dist":{"shasum":"bd29a54cdad3e02ff7ef960f1128e866d33468ce","tarball":"https://registry.npmjs.org/@acid-info/logos-ui/-/logos-ui-0.1.0.tgz","fileCount":8,"integrity":"sha512-vnICUmHmqr4acwSOwXXXQPY2D6c2p2tTWirIo4hlqcjpA3J4nUellkGEBBZYKm/QJENUgu7LmtWj2Ml8PxNxvA==","signatures":[{"sig":"MEUCIQDeqC4z652hmQi+mSKfcae4QzWxceAz9TXMKfQ+M3SgywIgUhZ2t6zSTeMvXGCvK/pmSwDkHxHF5JdbvGEMyGWGOdw=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":49002},"type":"module","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js"},"./client":{"types":"./dist/client.d.ts","import":"./dist/client.js"},"./package.json":"./package.json"},"gitHead":"9b37ea8582cb9a70c4e68359c3d504a5576e523f","scripts":{"lint":"eslint . --config ../../packages/config/eslint/base.mjs --max-warnings 0","build":"tsup src/index.ts src/client.ts --format esm --dts --external react --external react/jsx-runtime --external tailwind-merge --clean --tsconfig tsconfig.build.json","lint:fix":"eslint . --config ../../packages/config/eslint/base.mjs --fix","check-types":"tsc --noEmit","prepublishOnly":"pnpm run build"},"_npmUser":{"name":"jayacidinfo","email":"j@acid.info"},"_npmVersion":"10.9.2","description":"Shared Logos React primitives and SVG icons.","directories":{},"sideEffects":false,"_nodeVersion":"23.10.0","dependencies":{"tailwind-merge":"^3.3.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"tsup":"^8.5.0","react":"^19.2.5","eslint":"^10.2.1","typescript":"^6.0.3","@types/node":"25.6.0","@types/react":"^19.2.14","@acid-info/logos-tokens":"workspace:*"},"peerDependencies":{"react":">=18.3.0 || >=19.0.0","@acid-info/logos-tokens":"0.1.0"},"peerDependenciesMeta":{"@acid-info/logos-tokens":{"optional":true}},"_npmOperationalInternal":{"tmp":"tmp/logos-ui_0.1.0_1778842721484_0.8178005623997322","host":"s3://npm-registry-packages-npm-production"}},"0.1.1":{"name":"@acid-info/logos-ui","version":"0.1.1","_id":"@acid-info/logos-ui@0.1.1","maintainers":[{"name":"mikeatacidinfo","email":"mike@acid.info"},{"name":"jayacidinfo","email":"j@acid.info"},{"name":"pajicf","email":"fica.pajic@gmail.com"},{"name":"julesfiliot","email":"dev@julesfiliot.com"},{"name":"jinho","email":"jinho5051@gmail.com"}],"dist":{"shasum":"b6fd6f486f82067c40b0b3af0d2c13cecf18f203","tarball":"https://registry.npmjs.org/@acid-info/logos-ui/-/logos-ui-0.1.1.tgz","fileCount":9,"integrity":"sha512-eMr5J33OPoJhhGMRwgVjAo5NaFKgnwSMz7uzbe7CsttfpQjkLdronpBBZ1p9RDTO8HWmBFXbrJfmHjOMckLvrg==","signatures":[{"sig":"MEQCIBRkLH0/ECMM3/LbwfhprZTwESgUqNXSXl1RSGwGBKANAiANZdLVCFyGwkWjIAPJcyGAbGpmWXmJ9C8C95s/SStefQ==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":49384},"type":"module","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js"},"./client":{"types":"./dist/client.d.ts","import":"./dist/client.js"},"./styles.css":{"style":"./styles.css","import":"./styles.css","default":"./styles.css"},"./package.json":"./package.json"},"gitHead":"e319fdc696e664e62949f71ae1c9c0f17bf098e9","scripts":{"lint":"eslint . --config ../../packages/config/eslint/base.mjs --max-warnings 0","build":"tsup src/index.ts src/client.ts --format esm --dts --external react --external react/jsx-runtime --external tailwind-merge --clean --tsconfig tsconfig.build.json","lint:fix":"eslint . --config ../../packages/config/eslint/base.mjs --fix","check-types":"tsc --noEmit","prepublishOnly":"pnpm run build"},"_npmUser":{"name":"jayacidinfo","email":"j@acid.info"},"_npmVersion":"10.9.2","description":"Shared Logos React primitives and SVG icons.","directories":{},"sideEffects":["**/*.css"],"_nodeVersion":"23.10.0","dependencies":{"tailwind-merge":"^3.3.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"tsup":"^8.5.0","react":"^19.2.5","eslint":"^10.2.1","typescript":"^6.0.3","@types/node":"25.6.0","@types/react":"^19.2.14","@acid-info/logos-tokens":"workspace:*"},"peerDependencies":{"react":">=18.3.0 || >=19.0.0","@acid-info/logos-tokens":"^0.1.0"},"peerDependenciesMeta":{"@acid-info/logos-tokens":{"optional":true}},"_npmOperationalInternal":{"tmp":"tmp/logos-ui_0.1.1_1778844537685_0.22882063093469096","host":"s3://npm-registry-packages-npm-production"}},"0.2.0":{"name":"@acid-info/logos-ui","version":"0.2.0","_id":"@acid-info/logos-ui@0.2.0","maintainers":[{"name":"mikeatacidinfo","email":"mike@acid.info"},{"name":"jayacidinfo","email":"j@acid.info"},{"name":"pajicf","email":"fica.pajic@gmail.com"},{"name":"julesfiliot","email":"dev@julesfiliot.com"},{"name":"jinho","email":"jinho5051@gmail.com"}],"dist":{"shasum":"38c5fc44af0fd611f12eec00c3f6fb9ac340585b","tarball":"https://registry.npmjs.org/@acid-info/logos-ui/-/logos-ui-0.2.0.tgz","fileCount":9,"integrity":"sha512-IY17EPJ0+eMSwfW4KNkFlmFH9Icoy3oULrTQbsOysOdQh5BYE2oX5uQEwPHzJwA8G5ml6zw0zgikSzQXDxqXdQ==","signatures":[{"sig":"MEQCIENiz+xt3x64fmFkajUX9YBkziWnRM2BE+IRHyXG/OmEAiA4JB6UHCojF5/MMmoGOp/kLLUFNKvkSGSMwXAxeMKcqQ==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":81475},"type":"module","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js"},"./client":{"types":"./dist/client.d.ts","import":"./dist/client.js"},"./styles.css":{"style":"./styles.css","import":"./styles.css","default":"./styles.css"},"./package.json":"./package.json"},"gitHead":"01bd83cb1356ebeb94b76aa330b045b6f2f7b1c4","scripts":{"lint":"eslint . --config ../../packages/config/eslint/base.mjs --max-warnings 0","build":"tsup src/index.ts src/client.ts --format esm --dts --external react --external react/jsx-runtime --external tailwind-merge --clean --tsconfig tsconfig.build.json","lint:fix":"eslint . --config ../../packages/config/eslint/base.mjs --fix","check-types":"tsc --noEmit","prepublishOnly":"pnpm run build"},"_npmUser":{"name":"jayacidinfo","email":"j@acid.info"},"_npmVersion":"11.12.1","description":"Shared Logos React primitives and SVG icons.","directories":{},"sideEffects":["**/*.css"],"_nodeVersion":"24.15.0","dependencies":{"tailwind-merge":"^3.3.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"tsup":"^8.5.0","react":"^19.2.5","eslint":"^10.2.1","typescript":"^6.0.3","@types/node":"^24.12.4","@types/react":"^19.2.14","@acid-info/logos-tokens":"workspace:*"},"peerDependencies":{"react":">=18.3.0 || >=19.0.0","@acid-info/logos-tokens":"^0.1.0"},"peerDependenciesMeta":{"@acid-info/logos-tokens":{"optional":true}},"_npmOperationalInternal":{"tmp":"tmp/logos-ui_0.2.0_1779822575787_0.21693526933468577","host":"s3://npm-registry-packages-npm-production"}}},"time":{"created":"2026-05-15T10:58:41.402Z","modified":"2026-06-05T12:40:59.425Z","0.1.0":"2026-05-15T10:58:41.632Z","0.1.1":"2026-05-15T11:28:57.857Z","0.2.0":"2026-05-26T19:09:35.934Z"},"description":"Shared Logos React primitives and SVG icons.","maintainers":[{"email":"mike@acid.info","name":"mikeatacidinfo"},{"email":"j@acid.info","name":"jayacidinfo"},{"email":"fica.pajic@gmail.com","name":"pajicf"},{"email":"dev@julesfiliot.com","name":"julesfiliot"}],"readme":"# @acid-info/logos-ui\n\nShared Logos React primitives and SVG icons.\n\nThis package contains reusable UI components used by Logos web surfaces,\nincluding ``, ``, ``, ``,\n``, ``, and table/view controls.\n\n## Install\n\n```bash\npnpm add @acid-info/logos-ui @acid-info/logos-tokens\n```\n\n```bash\nnpm install @acid-info/logos-ui @acid-info/logos-tokens\n```\n\n`react` is a peer dependency. Install it in your app if it is not already\npresent.\n\n## Styles\n\nThe components use Logos Tailwind utility classes and expect the Logos token\nCSS to be imported by the consuming app.\n\nFor Tailwind v4, import the token package in your app stylesheet:\n\n```css\n@import 'tailwindcss';\n@import '@acid-info/logos-tokens/theme.css';\n@import '@acid-info/logos-ui/styles.css';\n```\n\nThe UI stylesheet registers the package's compiled component files as Tailwind\nsources. This is required because Tailwind does not scan `node_modules` by\ndefault.\n\nThe React package does not inject global CSS by itself.\n\n## Usage\n\n```tsx\nimport { Button, LogosMark } from '@acid-info/logos-ui'\n\nexport function HeaderAction() {\n return (\n
\n \n \n Work with us\n \n
\n )\n}\n```\n\n## Link Components\n\nComponents that render internal links accept a `linkAs` prop for framework\nrouters such as Next.js or `next-intl`.\n\n```tsx\nimport Link from 'next/link'\nimport { Button } from '@acid-info/logos-ui'\n\nexport function LocalizedButton() {\n return (\n \n )\n}\n```\n\n## Exports\n\nAll public components and types are exported from the package root:\n\n```tsx\nimport {\n Button,\n ButtonArrowIcon,\n Card,\n Footer,\n GiantSwitch,\n IconButton,\n LogosMark,\n NavOverlay,\n Pagination,\n Table,\n ViewToggle,\n XIcon,\n} from '@acid-info/logos-ui'\n```\n\nClient-only components that use React effects are exported from the client\nentrypoint:\n\n```tsx\nimport { NavOverlay } from '@acid-info/logos-ui/client'\n```\n","readmeFilename":"README.md"}