@cronocode/react-box 1.3.5 → 1.3.7

package/box.d.ts

@@ -4,7 +4,11 @@ import ClassNameUtils from './utils/className/classNameUtils';
 import { ThemeComponentProps } from './theme';
 type AllProps<TTag extends keyof React.ReactHTML> = React.ComponentProps<TTag>;
 type TagPropsType<TTag extends keyof React.ReactHTML> = Omit<AllProps<TTag>, 'className' | 'style' | 'ref'>;
-interface Props<TTag extends keyof React.ReactHTML> extends BoxStyles, ThemeComponentProps {
+export declare namespace Augmented {
+    interface Props {
+    }
+}
+interface Props<TTag extends keyof React.ReactHTML> extends BoxStyles, ThemeComponentProps, Augmented.Props {
     children?: React.ReactNode | ((props: {
         isHover: boolean;
     }) => React.ReactNode);

package/components/flex.d.ts

@@ -1,4 +1,4 @@
 import Box from '../box';
-type BoxProps = React.ComponentProps<typeof Box>;
-export default function Flex(props: BoxProps): JSX.Element;
-export {};
+type BoxProps<TTag extends keyof React.ReactHTML> = Omit<React.ComponentProps<typeof Box<TTag>>, 'ref'>;
+declare const _default: <TTag extends keyof import("react").ReactHTML = "div">(props: BoxProps<TTag>) => JSX.Element;
+export default _default;

package/components/flex.mjs

@@ -1,13 +1,14 @@
 import { jsx as t } from "react/jsx-runtime";
-import r from "../box.mjs";
-import "react";
+import { forwardRef as e } from "react";
+import f from "../box.mjs";
 import "../box.module.css.mjs";
 import "../utils/utils.mjs";
 import "../theme.mjs";
-function x(i) {
-  const { inline: o } = i;
-  return /* @__PURE__ */ t(r, { display: o ? "inline-flex" : "flex", ...i });
+function m(o, r) {
+  const { inline: i } = o;
+  return /* @__PURE__ */ t(f, { ref: r, display: i ? "inline-flex" : "flex", ...o });
 }
+const c = e(m);
 export {
-  x as default
+  c as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cronocode/react-box",
-  "version": "1.3.5",
+  "version": "1.3.7",
   "main": "./box.mjs",
   "module": "./box.mjs",
   "types": "./box.d.ts",