{"_id":"@arthur2079/whale1","name":"@arthur2079/whale1","dist-tags":{"next":"0.1.1-next.0","latest":"0.1.1-next.0"},"versions":{"0.1.1-next.0":{"name":"@arthur2079/whale1","version":"0.1.1-next.0","description":"Whale design system — Radix Themes and custom components for React 18 & 19","license":"MIT","type":"module","sideEffects":["**/*.css"],"main":"./dist/index.js","module":"./dist/index.js","types":"./dist/index.d.ts","exports":{".":{"types":"./dist/index.d.ts","default":"./dist/index.js"},"./styles.css":"./dist/styles.css"},"scripts":{"build":"rangutopia library build && node scripts/use-client.mjs && node scripts/build-styles.mjs","dev":"tsc -p ./tsconfig.build.json --watch","typecheck":"tsc --noEmit","lint":"eslint \"src/**/*.{ts,tsx}\"","clean":"node -e \"require('node:fs').rmSync('dist',{recursive:true,force:true})\""},"dependencies":{"@radix-ui/themes":"^3.3.0"},"peerDependencies":{"react":"^18.0.0 || ^19.0.0","react-dom":"^18.0.0 || ^19.0.0"},"devDependencies":{"@types/react":"^19.2.18","@types/react-dom":"^19.2.4","esbuild":"^0.28.1","esbuild-plugins-node-modules-polyfill":"^1.7.1","rangutopia":"^0.3.1","react":"^19.2.8","react-dom":"^19.2.8"},"publishConfig":{"access":"public","registry":"https://registry.npmjs.org"},"repository":{"type":"git","url":"git+https://github.com/llawliet-l-l/whale-fork.git"},"gitHead":"92fe1d462b26965b9ec32c05ef68b6fb72def98f","_id":"@arthur2079/whale1@0.1.1-next.0","bugs":{"url":"https://github.com/llawliet-l-l/whale-fork/issues"},"homepage":"https://github.com/llawliet-l-l/whale-fork#readme","_nodeVersion":"24.18.0","_npmVersion":"11.16.0","dist":{"integrity":"sha512-FVcR22w5ie60byAPkpVgbh77JpuUFRVEA7NeMqGsWTol1iv6tfVS07bO41OD8KblFGWcr1348WA4ySLnyBuHDg==","shasum":"870569d45a33651e525131d6bb52aa2bd2a1b59b","tarball":"https://registry.npmjs.org/@arthur2079/whale1/-/whale1-0.1.1-next.0.tgz","fileCount":21,"unpackedSize":821595,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIQC+QumMyl/ICdQ02n/5LJuVQTqITOUC5LabGAyCbJDCqgIgQn0p2XlIh4Pyc1DDQmG7uYGdeUJ5xrQAya1bC82/hVU="}]},"_npmUser":{"name":"arthur2079","email":"arthoor.200079@gmail.com"},"directories":{},"maintainers":[{"name":"arthur2079","email":"arthoor.200079@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/whale1_0.1.1-next.0_1785858564658_0.06708422129918867"},"_hasShrinkwrap":false}},"time":{"created":"2026-08-04T15:49:24.489Z","0.1.1-next.0":"2026-08-04T15:49:24.812Z","modified":"2026-08-04T15:49:25.160Z"},"maintainers":[{"name":"arthur2079","email":"arthoor.200079@gmail.com"}],"description":"Whale design system — Radix Themes and custom components for React 18 & 19","homepage":"https://github.com/llawliet-l-l/whale-fork#readme","repository":{"type":"git","url":"git+https://github.com/llawliet-l-l/whale-fork.git"},"bugs":{"url":"https://github.com/llawliet-l-l/whale-fork/issues"},"license":"MIT","readme":"# @arthur2079/whale1\n\nWhale design system. Components from [Radix Themes](https://www.radix-ui.com/themes)\nplus custom Whale components, exported from a single entry point.\n\nWorks with React 18 and 19, in Vite and Next.js (Pages or App Router).\n\n## Install\n\n```bash\nyarn add @arthur2079/whale1\n```\n\n`react` and `react-dom` are peer dependencies. `@radix-ui/themes` is a regular\ndependency, so you do not need to install it yourself.\n\n## Usage\n\nImport the stylesheet once at the root of your app, then wrap it in\n`WhaleProvider`:\n\n```tsx\nimport { WhaleProvider, Button } from '@arthur2079/whale1';\nimport '@arthur2079/whale1/styles.css';\n\nexport default function App() {\n  return (\n    <WhaleProvider>\n      <Button variant=\"solid\" size=\"2\">\n        Click me\n      </Button>\n    </WhaleProvider>\n  );\n}\n```\n\n### Next.js App Router\n\nImport the stylesheet in `app/layout.tsx`. `WhaleProvider` and every component\nalready carry the `'use client'` directive, so they can be used directly from a\nserver component without wrapping them yourself.\n\n```tsx\nimport { WhaleProvider } from '@arthur2079/whale1';\nimport '@arthur2079/whale1/styles.css';\n\nexport default function RootLayout({\n  children,\n}: {\n  children: React.ReactNode;\n}) {\n  return (\n    <html lang=\"en\">\n      <body>\n        <WhaleProvider>{children}</WhaleProvider>\n      </body>\n    </html>\n  );\n}\n```\n\n## Theming\n\n`WhaleProvider` accepts every [Radix `Theme`](https://www.radix-ui.com/themes/docs/components/theme)\nprop and forwards it untouched, so Radix's own defaults apply — including\n`grayColor=\"auto\"`, which picks a gray tuned to the current accent.\n\n```tsx\n<WhaleProvider accentColor=\"jade\" appearance=\"dark\" radius=\"large\">\n  {children}\n</WhaleProvider>\n```\n\nWhale intentionally does not override these yet. It is the right place for\nbrand-level defaults once there are values worth setting; restating Radix's\nown defaults here would only shadow them.\n\n## Components\n\n| Component       | Source                     | Needs `WhaleProvider` |\n| --------------- | -------------------------- | --------------------- |\n| `Button`        | Radix Themes (re-exported) | yes                   |\n| `WhaleProvider` | Whale                      | —                     |\n\nSource layout mirrors this split: everything under `src/radix` is built on\nRadix Themes and requires `WhaleProvider`. Whale's own custom components live\noutside that folder and depend on neither Radix nor the provider.\n\n## Notes\n\n`@arthur2079/whale1/styles.css` contains the Radix Themes stylesheet inlined at build\ntime followed by Whale's own styles. Radix ships a fully flattened stylesheet,\nso inlining avoids making your bundler resolve a bare specifier from inside CSS\n— which behaves inconsistently across Vite, Next.js and webpack. If you also\nimport `@radix-ui/themes/styles.css` directly somewhere, drop it to avoid\nshipping those rules twice.\n","readmeFilename":"README.md","_rev":"1-580304939dc119142a118e49004e20cd"}