@saas-ui/react 0.1.0

package/package.json

@@ -0,0 +1,79 @@
+{
+  "name": "@saas-ui/react",
+  "version": "0.1.0",
+  "description": "Saas UI - The frontend stack for SaaS companies.",
+  "source": "src/index.ts",
+  "exports": {
+    "require": "./dist/index.js",
+    "development": "./src/index.ts",
+    "default": "./dist/index.modern.js"
+  },
+  "main": "./dist/index.js",
+  "module": "./dist/index.modern.js",
+  "types": "./dist/index.d.ts",
+  "scripts": {
+    "clean": "rimraf --no-glob ./dist",
+    "build": "yarn clean && cross-env NODE_ENV=production microbundle --tsconfig ./tsconfig.json --jsx React.createElement --jsxFragment React.Fragment -f cjs,modern --compress",
+    "lint": "eslint src --ext .ts,.tsx,.js,.jsx --config ../../.eslintrc.js",
+    "lint:staged": "lint-staged --allow-empty --config ../../lint-staged.config.js",
+    "typecheck": "tsc --noEmit"
+  },
+  "sideEffects": false,
+  "publishConfig": {
+    "access": "public"
+  },
+  "author": "Eelco Wiersma <eelco@appulse.nl>",
+  "license": "MIT",
+  "homepage": "https://saas-ui.dev/",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/AppulseSoftware/saas-ui",
+    "directory": "packages/saas-ui-react"
+  },
+  "keywords": [
+    "react",
+    "ui",
+    "chakra-ui",
+    "design-system",
+    "react-components",
+    "uikit",
+    "accessible",
+    "components",
+    "emotion",
+    "library"
+  ],
+  "storybook": {
+    "title": "Saas UI",
+    "url": "https://storybook.saas-ui.dev"
+  },
+  "dependencies": {
+    "@saas-ui/auth": "workspace:*",
+    "@saas-ui/button": "workspace:*",
+    "@saas-ui/card": "workspace:*",
+    "@saas-ui/collapse": "workspace:*",
+    "@saas-ui/forms": "workspace:*",
+    "@saas-ui/hooks": "workspace:*",
+    "@saas-ui/hotkeys": "workspace:*",
+    "@saas-ui/input-right-button": "workspace:*",
+    "@saas-ui/menu": "workspace:*",
+    "@saas-ui/nprogress": "workspace:*",
+    "@saas-ui/number-input": "workspace:*",
+    "@saas-ui/palette": "workspace:*",
+    "@saas-ui/password-input": "workspace:*",
+    "@saas-ui/persona": "workspace:*",
+    "@saas-ui/pin-input": "workspace:*",
+    "@saas-ui/property": "workspace:*",
+    "@saas-ui/provider": "workspace:*",
+    "@saas-ui/radio": "workspace:*",
+    "@saas-ui/snackbar": "workspace:*",
+    "@saas-ui/system": "workspace:*",
+    "@saas-ui/theme": "workspace:^"
+  },
+  "peerDependencies": {
+    "@chakra-ui/react": ">=1.7.0",
+    "@chakra-ui/system": ">=1.0.0",
+    "framer-motion": ">=5.5.0",
+    "react": ">=16.8.6",
+    "react-dom": ">=16.8.6"
+  }
+}

package/src/index.ts

@@ -0,0 +1,25 @@
+export * from './typography'
+
+export * from '@saas-ui/auth'
+export * from '@saas-ui/button'
+export * from '@saas-ui/card'
+export * from '@saas-ui/collapse'
+export * from '@saas-ui/forms'
+export * from '@saas-ui/hooks'
+export * from '@saas-ui/hotkeys'
+export * from '@saas-ui/input-right-button'
+export * from '@saas-ui/menu'
+export * from '@saas-ui/nprogress'
+export * from '@saas-ui/number-input'
+export * from '@saas-ui/palette'
+export * from '@saas-ui/password-input'
+export * from '@saas-ui/persona'
+export * from '@saas-ui/pin-input'
+export * from '@saas-ui/property'
+export * from '@saas-ui/provider'
+export * from '@saas-ui/radio'
+export * from '@saas-ui/search-input'
+export * from '@saas-ui/select'
+export * from '@saas-ui/snackbar'
+export * from '@saas-ui/system'
+export * from '@saas-ui/theme'

package/src/typography.tsx

@@ -0,0 +1,10 @@
+import * as React from 'react'
+import { chakra, HTMLChakraProps } from '@chakra-ui/system'
+
+export const Br: React.FC<HTMLChakraProps<'span'>> = (props) => {
+  return (
+    <chakra.span {...props}>
+      <br />
+    </chakra.span>
+  )
+}

package/tests/react.test.tsx

@@ -0,0 +1,20 @@
+/**
+ * 📝 Notes for Contributors:
+ * 
+ * - Ensure you write tests for component behavior defined in the hook.
+ * - Ensure you write tests for the accessibility and interactions.
+ * - No snapshot tests for components please! 🙂
+ * 
+ * @see Testing-Guide https://chakra-ui.com/guides/component-guide#4-build-and-test
+ */
+
+import * as React from 'react'
+import { renderHook } from '@chakra-ui/test-utils'
+
+import { useReact } from '../src'
+
+describe("useReact", () => {
+  test("it works", () => {
+    expect(true).toBeTruthy();
+  });
+});

package/tsconfig.json

@@ -0,0 +1,12 @@
+{
+  "extends": "../../tsconfig.base.json",
+  "include": ["src"],
+  "exclude": [
+    "src/tests",
+    "**/*.spec.ts",
+    "**/*.spec.tsx",
+    "**/*.test.ts",
+    "**/*.test.tsx",
+    "**/*/*.stories.tsx"
+  ]
+}