@cronocode/react-box 0.1.9 → 0.2.2

package/chunk/jsx-runtime-8434466e.js

@@ -0,0 +1,33 @@
+import React from "react";
+var jsxRuntime = { exports: {} };
+var reactJsxRuntime_production_min = {};
+/**
+ * @license React
+ * react-jsx-runtime.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var f = React, k = Symbol.for("react.element"), l = Symbol.for("react.fragment"), m = Object.prototype.hasOwnProperty, n = f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, p = { key: true, ref: true, __self: true, __source: true };
+function q(c, a, g) {
+  var b, d = {}, e = null, h = null;
+  g !== void 0 && (e = "" + g);
+  a.key !== void 0 && (e = "" + a.key);
+  a.ref !== void 0 && (h = a.ref);
+  for (b in a)
+    m.call(a, b) && !p.hasOwnProperty(b) && (d[b] = a[b]);
+  if (c && c.defaultProps)
+    for (b in a = c.defaultProps, a)
+      d[b] === void 0 && (d[b] = a[b]);
+  return { $$typeof: k, type: c, key: e, ref: h, props: d, _owner: n.current };
+}
+reactJsxRuntime_production_min.Fragment = l;
+reactJsxRuntime_production_min.jsx = q;
+reactJsxRuntime_production_min.jsxs = q;
+{
+  jsxRuntime.exports = reactJsxRuntime_production_min;
+}
+const jsx = jsxRuntime.exports.jsx;
+export { jsx as j };

package/components/button.d.ts

@@ -0,0 +1,9 @@
+import Box from '../box';
+declare type BoxProps = React.ComponentProps<typeof Box>;
+interface Props extends BoxProps {
+    onClick?: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+    type?: React.ComponentProps<'button'>['type'];
+    disabled?: boolean;
+}
+export default function Button(props: Props): JSX.Element;
+export {};

package/components/button.js

@@ -0,0 +1,41 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+import Box from "../box.js";
+import { j as jsx } from "../chunk/jsx-runtime-8434466e.js";
+import "react";
+function Button(props) {
+  const {
+    props: tagProps,
+    onClick,
+    type,
+    disabled
+  } = props;
+  const newTagProps = __spreadValues(__spreadValues({}, {
+    onClick,
+    type: type || "button",
+    disabled
+  }), tagProps);
+  const newProps = __spreadValues(__spreadValues({}, props), {
+    props: newTagProps
+  });
+  return /* @__PURE__ */ jsx(Box, __spreadValues({
+    tag: "button",
+    cursor: "pointer",
+    display: "inline-block"
+  }, newProps));
+}
+export { Button as default };

package/components/flex.d.ts

@@ -0,0 +1,14 @@
+import Box from '../box';
+declare type BoxProps = React.ComponentProps<typeof Box>;
+interface Props extends BoxProps {
+    wrap?: BoxProps['flexWrap'];
+    jc?: BoxProps['justifyContent'];
+    ai?: BoxProps['alignItems'];
+    ac?: BoxProps['alignContent'];
+    d?: BoxProps['direction'];
+    grow?: BoxProps['flexGrow'];
+    shrink?: BoxProps['flexShrink'];
+    as?: BoxProps['alignSelf'];
+}
+export default function Flex(props: Props): JSX.Element;
+export {};

package/components/flex.js

@@ -0,0 +1,43 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+import Box from "../box.js";
+import { j as jsx } from "../chunk/jsx-runtime-8434466e.js";
+import "react";
+function Flex(props) {
+  const {
+    wrap,
+    jc,
+    ai,
+    ac,
+    d,
+    grow,
+    shrink,
+    as
+  } = props;
+  return /* @__PURE__ */ jsx(Box, __spreadValues({
+    display: "flex",
+    flexWrap: wrap,
+    justifyContent: jc,
+    alignItems: ai,
+    alignContent: ac,
+    direction: d,
+    flexGrow: grow,
+    flexShrink: shrink,
+    alignSelf: as
+  }, props));
+}
+export { Flex as default };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cronocode/react-box",
-  "version": "0.1.9",
+  "version": "0.2.2",
   "main": "./box.js",
   "module": "./box.js",
   "types": "./box.d.ts",
@@ -43,7 +43,7 @@
     "@cronocode/identity-factory": "^0.0.6",
     "@types/node": "^18.7.6",
     "@types/react": "^18.0.17",
-    "@vitejs/plugin-react": "^2.0.1",
+    "@vitejs/plugin-react": "^1.3.2",
     "autoprefixer": "^10.4.8",
     "postcss": "^8.4.16",
     "postcss-calc": "^8.2.4",
@@ -53,7 +53,7 @@
     "react": "^18.1.0",
     "react-dom": "^18.2.0",
     "typescript": "^4.7.4",
-    "vite": "^3.0.8",
+    "vite": "^2.9.14",
     "vite-plugin-dts": "^1.4.1"
   }
 }