cherry-styled-components 0.1.0 → 0.1.2

package/.claude/settings.local.json

@@ -0,0 +1,5 @@
+{
+  "permissions": {
+    "allow": ["Bash(npm run build:*)"]
+  }
+}

package/.eslintrc.cjs

@@ -0,0 +1,18 @@
+module.exports = {
+  root: true,
+  env: { browser: true, es2020: true },
+  extends: [
+    'eslint:recommended',
+    'plugin:@typescript-eslint/recommended',
+    'plugin:react-hooks/recommended',
+  ],
+  ignorePatterns: ['dist', '.eslintrc.cjs'],
+  parser: '@typescript-eslint/parser',
+  plugins: ['react-refresh'],
+  rules: {
+    'react-refresh/only-export-components': [
+      'warn',
+      { allowConstantExport: true },
+    ],
+  },
+}

package/.prettierignore

@@ -0,0 +1,5 @@
+node_modules
+convex/_generated
+package.json
+package-lock.json
+dist

package/.prettierrc

@@ -0,0 +1,11 @@
+{
+  "printWidth": 80,
+  "useTabs": false,
+  "tabWidth": 2,
+  "endOfLine": "lf",
+  "semi": true,
+  "singleQuote": false,
+  "trailingComma": "all",
+  "bracketSpacing": true,
+  "arrowParens": "always"
+}

package/.supermaven/config.json

@@ -0,0 +1,6 @@
+{
+  "api_key": "4e94fd92d9d3e56803d0d5340beb64a8",
+  "api_key_obtained_at": "2024-07-19T22:18:47+02:00",
+  "link_id": "bw4cwq4Og3aqUNwrefbPo9D016ptryeK",
+  "machine_id": "EgXOpDipQw6LbkqDKtbnec2TTIVC7Vg3"
+}

package/README.md

@@ -1,15 +1,37 @@
-# Cherry Design System
+# Cherry React Library
+
 ## Introduction
-The **Cherry Design System** is a versatile foundation for your projects. As a starting point, it provides a clean slate—a white label—upon which you can build and extend. Whether you’re creating a web application, mobile app, or any other digital interface, Cherry defines the essential components you need.
 
-## Key Features
-- **White Label Base**: Cherry serves as a neutral canvas, allowing you to customize and brand it according to your project’s requirements.
-- **React Components**: We’ve carefully curated the fundamental building blocks for a typical interface. These include components, typography, color schemes, and layout guidelines.
-- **Theming Support**: Cherry embraces theming, enabling you to adapt the design system to different contexts while maintaining consistency.
-Sanity and Consistency: By adhering to Cherry’s guidelines, you’ll create a cohesive user experience across various screens and interactions.
-- **Open Source**: Cherry takes it a step further by providing ready-to-use source code for the **Figma designs**. This means you not only get the visual templates but also the actual implementation. It’s like having a bridge between your design tool and your codebase.
+Cherry Design System is a versatile foundation for projects. It offers a white label base, ready-to-use Figma designs, open-source React components, built-in support for theming and dark mode. Explore the [docs](https://cherry.al/) to create delightful user interfaces.
+
+---
+
+# Installation
+
+This project requires Node.js v20+ installed.
+
+```bash
+npm install
+```
+
+To run the development environment, use the following command:
+
+```bash
+npm run dev
+```
+
+To build the library for production, use the following command:
+
+```bash
+npm run build
+```
+
+## Community
+
+For help, discussion about best practices, or any other conversation that would benefit from being searchable:
+
+[Discuss Cherry on GitHub](https://github.com/cherry-design-system/styled-components/discussions)
 
-Getting Started
-To begin using Cherry, refer to our comprehensive documentation at [cherry.design](https://cherry.design/). Explore the components, study the design principles, and integrate them seamlessly into your project. Remember, Cherry is not just a set of rules—it’s a toolkit that empowers you to create delightful user interfaces.
+For casual chit-chat with others using Cherry:
 
-Happy designing! 🍒
+[Join the Discord Server](https://discord.gg/6JvcWU5bke)

package/dist/App.d.ts

@@ -0,0 +1,2 @@
+declare function App(): import("react").JSX.Element;
+export default App;