@ttoss/ui 0.7.0 → 0.9.0

package/README.md

@@ -0,0 +1,42 @@
+# @ttoss/ui
+
+## 📚 About
+
+<strong> @ttoss/ui</strong> is a easiest way to use Ui components in your React application.
+
+## 🚀 Get Started
+
+### Install @ttoss/ui
+
+```shell
+$ yarn add @ttoss/ui
+# or
+$ npm install @ttoss/ui
+```
+
+## 📄 Examples of use
+
+```tsx
+import { Flex, Text, Box, Button } from '@ttoss/ui';
+
+const App = () => {
+  return (
+    <ThemeProvider>
+      <Flex sx={{ flexDirection: 'column' }}>
+        <Text>Text Value</Text>
+        <Box>
+          <Text>Text Value</Text>
+
+          <Button>Button Primary</Button>
+        </Box>
+      </Flex>
+    </ThemeProvider>
+  );
+};
+
+export default App;
+```
+
+```tsx
+
+```

package/dist/esm/index.js

@@ -47,9 +47,7 @@ import { Button } from "@theme-ui/components";
 import { Flex } from "@theme-ui/components";
 
 // src/components/FormField/FormField.tsx
-import {
-  createElement
-} from "react";
+import * as React2 from "react";
 
 // src/components/Label/Label.tsx
 import { Label } from "@theme-ui/components";
@@ -68,11 +66,11 @@ var FormField = ({ children, label, error }) => {
     }
     return [];
   })();
-  return /* @__PURE__ */ createElement(Box, null, /* @__PURE__ */ createElement(Label, {
+  return /* @__PURE__ */ React2.createElement(Box, null, /* @__PURE__ */ React2.createElement(Label, {
     sx: { display: "flex", flexDirection: "column" }
-  }, label && /* @__PURE__ */ createElement(Text, {
+  }, label && /* @__PURE__ */ React2.createElement(Text, {
     as: "span"
-  }, label), children), errorAsArray.map((err) => /* @__PURE__ */ createElement(Text, {
+  }, label), children), errorAsArray.map((err) => /* @__PURE__ */ React2.createElement(Text, {
     key: err,
     as: "span",
     variant: "error"

package/dist/index.js

@@ -1,8 +1,49 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }// tsup.inject.js
-var _react = require('react'); var React = _interopRequireWildcard(_react);
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+
+// src/index.ts
+var src_exports = {};
+__export(src_exports, {
+  Box: () => import_components.Box,
+  Button: () => import_components2.Button,
+  Flex: () => import_components3.Flex,
+  FormField: () => FormField_default,
+  Image: () => import_components6.Image,
+  Input: () => import_components7.Input,
+  Text: () => import_components5.Text,
+  ThemeProvider: () => ThemeProvider_default
+});
+
+// tsup.inject.js
+var React = __toESM(require("react"));
 
 // src/theme/ThemeProvider.tsx
-var _core = require('@theme-ui/core');
+var import_core = require("@theme-ui/core");
 
 // src/theme/theme.ts
 var theme = {
@@ -31,31 +72,29 @@ var theme = {
 
 // src/theme/ThemeProvider.tsx
 var ThemeProvider = ({ children }) => {
-  return /* @__PURE__ */ React.createElement(_core.ThemeProvider, {
+  return /* @__PURE__ */ React.createElement(import_core.ThemeProvider, {
     theme
   }, children);
 };
 var ThemeProvider_default = ThemeProvider;
 
 // src/components/Box/Box.tsx
-var _components = require('@theme-ui/components');
+var import_components = require("@theme-ui/components");
 
 // src/components/Button/Button.tsx
-
+var import_components2 = require("@theme-ui/components");
 
 // src/components/Flex/Flex.tsx
-
+var import_components3 = require("@theme-ui/components");
 
 // src/components/FormField/FormField.tsx
-
-
-
+var React2 = __toESM(require("react"));
 
 // src/components/Label/Label.tsx
-
+var import_components4 = require("@theme-ui/components");
 
 // src/components/Text/Text.tsx
-
+var import_components5 = require("@theme-ui/components");
 
 // src/components/FormField/FormField.tsx
 var FormField = ({ children, label, error }) => {
@@ -68,11 +107,11 @@ var FormField = ({ children, label, error }) => {
     }
     return [];
   })();
-  return /* @__PURE__ */ _react.createElement.call(void 0, _components.Box, null, /* @__PURE__ */ _react.createElement.call(void 0, _components.Label, {
+  return /* @__PURE__ */ React2.createElement(import_components.Box, null, /* @__PURE__ */ React2.createElement(import_components4.Label, {
     sx: { display: "flex", flexDirection: "column" }
-  }, label && /* @__PURE__ */ _react.createElement.call(void 0, _components.Text, {
+  }, label && /* @__PURE__ */ React2.createElement(import_components5.Text, {
     as: "span"
-  }, label), children), errorAsArray.map((err) => /* @__PURE__ */ _react.createElement.call(void 0, _components.Text, {
+  }, label), children), errorAsArray.map((err) => /* @__PURE__ */ React2.createElement(import_components5.Text, {
     key: err,
     as: "span",
     variant: "error"
@@ -81,17 +120,19 @@ var FormField = ({ children, label, error }) => {
 var FormField_default = FormField;
 
 // src/components/Image/Image.tsx
-
+var import_components6 = require("@theme-ui/components");
 
 // src/components/Input/Input.tsx
-
-
-
-
-
-
-
-
-
-
-exports.Box = _components.Box; exports.Button = _components.Button; exports.Flex = _components.Flex; exports.FormField = FormField_default; exports.Image = _components.Image; exports.Input = _components.Input; exports.Text = _components.Text; exports.ThemeProvider = ThemeProvider_default;
+var import_components7 = require("@theme-ui/components");
+module.exports = __toCommonJS(src_exports);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Box,
+  Button,
+  Flex,
+  FormField,
+  Image,
+  Input,
+  Text,
+  ThemeProvider
+});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ttoss/ui",
-  "version": "0.7.0",
+  "version": "0.9.0",
   "description": "Primitive layout, typographic, and other components for styling applications.",
   "license": "UNLICENSED",
   "publishConfig": {
@@ -39,8 +39,8 @@
     "react": ">=16.8.0"
   },
   "devDependencies": {
-    "@ttoss/config": "^0.7.0",
-    "@ttoss/test-utils": "^0.7.0"
+    "@ttoss/config": "^0.9.0",
+    "@ttoss/test-utils": "^0.9.0"
   },
-  "gitHead": "a30e8313b3d18efe8914133e56951cbc419d86da"
+  "gitHead": "bb45872f0106803249cb8ef1e6971ca17609cb3d"
 }