musae 0.1.6 → 0.1.7

package/dist/divider/divider.d.ts

@@ -0,0 +1,4 @@
+import { DividerProps } from "./types";
+import React from "react";
+declare const Divider: (props: DividerProps) => React.JSX.Element;
+export default Divider;

package/dist/divider/divider.js

@@ -0,0 +1,9 @@
+import React, { useMemo } from 'react';
+import { StyledWrapper } from './styled.js';
+
+const Divider = (props) => {
+    const hasChildren = useMemo(() => !!props.children, [props.children]);
+    return React.createElement(StyledWrapper, { hasChildren: hasChildren }, props.children);
+};
+
+export { Divider as default };

package/dist/divider/index.d.ts

@@ -0,0 +1,2 @@
+import Divider from "./divider";
+export { Divider };

package/dist/divider/styled.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import type { DividerRenderProps } from "./types";
+export declare const StyledWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & DividerRenderProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/divider/styled.js

@@ -0,0 +1,13 @@
+import styled from '@emotion/styled';
+
+const StyledWrapper = styled.div(({ hasChildren }) => {
+    if (!hasChildren) {
+        return {
+            margin: "1.5rem 0",
+            borderBlockStart: "1px solid rgba(5, 5, 5, 0.06)",
+        };
+    }
+    return {};
+});
+
+export { StyledWrapper };

package/dist/divider/types.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from "react";
+export interface DividerProps {
+    children: ReactNode;
+}
+export interface DividerRenderProps {
+    hasChildren: boolean;
+}

package/dist/index.d.ts

@@ -11,6 +11,8 @@ export { Button } from "./button";
 export { Switch } from "./switch";
 export { Radio, RadioGroup } from "./radio";
 export { Checkbox } from "./checkbox";
+export { Row } from "./row";
+export { Divider } from "./divider";
 /**
  * @description
  * hooks

package/dist/index.js

@@ -8,4 +8,6 @@ export { default as Switch } from './switch/switch.js';
 export { default as Radio } from './radio/radio.js';
 export { default as RadioGroup } from './radio/group.js';
 export { default as Checkbox } from './checkbox/checkbox.js';
+export { default as Row } from './row/row.js';
+export { default as Divider } from './divider/divider.js';
 export { useMessage } from './message/hooks.js';

package/dist/row/index.d.ts

@@ -0,0 +1,2 @@
+import Row from "./row";
+export { Row };

package/dist/row/row.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import type { RowProps } from "./types";
+declare const Row: (props: RowProps) => React.JSX.Element;
+export default Row;

package/dist/row/row.js

@@ -0,0 +1,8 @@
+import React from 'react';
+import { StyledWrapper } from './styled.js';
+
+const Row = (props) => {
+    return React.createElement(StyledWrapper, null, props.children);
+};
+
+export { Row as default };

package/dist/row/styled.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare const StyledWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/row/styled.js

@@ -0,0 +1,8 @@
+import styled from '@emotion/styled';
+
+const StyledWrapper = styled.div({
+    display: "grid",
+    gridTemplateColumns: "repeat(24, minmax(0, 1fr))",
+});
+
+export { StyledWrapper };

package/dist/row/types.d.ts

@@ -0,0 +1,4 @@
+import type { ReactNode } from "react";
+export interface RowProps {
+    children: ReactNode;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "musae",
-  "version": "0.1.6",
+  "version": "0.1.7",
   "description": "musae-ui",
   "author": "tutu@fantufantu.com",
   "license": "MIT",