@ttoss/layouts 0.3.4 → 0.3.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ttoss/layouts",
-  "version": "0.3.4",
+  "version": "0.3.6",
   "description": "Layout components for React",
   "author": "ttoss",
   "contributors": [
@@ -25,7 +25,7 @@
   "sideEffects": false,
   "peerDependencies": {
     "react": ">=16.8.0",
-    "@ttoss/ui": "^5.0.4"
+    "@ttoss/ui": "^5.0.6"
   },
   "devDependencies": {
     "@types/jest": "^29.5.13",
@@ -33,9 +33,9 @@
     "jest": "^29.7.0",
     "react": "^18.3.1",
     "tsup": "^8.3.0",
-    "@ttoss/config": "^1.32.10",
-    "@ttoss/test-utils": "^2.1.14",
-    "@ttoss/ui": "^5.0.4"
+    "@ttoss/config": "^1.33.0",
+    "@ttoss/test-utils": "^2.1.15",
+    "@ttoss/ui": "^5.0.6"
   },
   "keywords": [
     "React"

package/dist/esm/index.js

@@ -1,118 +0,0 @@
-/** Powered by @ttoss/config. https://ttoss.dev/docs/modules/packages/config/ */
-
-// src/components/BaseLayout.tsx
-import { Box } from "@ttoss/ui";
-import { jsx } from "react/jsx-runtime";
-var BaseLayout = props => {
-  return /* @__PURE__ */jsx(Box, {
-    ...props,
-    children: props.children
-  });
-};
-
-// src/components/Layout.tsx
-import { Container } from "@ttoss/ui";
-
-// src/components/Footer.tsx
-import { Box as Box2 } from "@ttoss/ui";
-import { jsx as jsx2 } from "react/jsx-runtime";
-var Footer = props => {
-  return /* @__PURE__ */jsx2(Box2, {
-    variant: "layout.footer",
-    ...props,
-    as: "footer",
-    children: props.children
-  });
-};
-Footer.displayName = "Footer";
-
-// src/components/Header.tsx
-import { Box as Box3 } from "@ttoss/ui";
-import { jsx as jsx3 } from "react/jsx-runtime";
-var Header = props => {
-  return /* @__PURE__ */jsx3(Box3, {
-    variant: "layout.header",
-    ...props,
-    as: "header",
-    children: props.children
-  });
-};
-Header.displayName = "Header";
-
-// src/components/Main.tsx
-import { Box as Box4 } from "@ttoss/ui";
-import { jsx as jsx4 } from "react/jsx-runtime";
-var Main = props => {
-  return /* @__PURE__ */jsx4(Box4, {
-    variant: "layout.main",
-    ...props,
-    as: "main",
-    children: props.children
-  });
-};
-Main.displayName = "Main";
-
-// src/components/Layout.tsx
-import { jsx as jsx5 } from "react/jsx-runtime";
-var Layout = ({
-  children,
-  ...props
-}) => {
-  return /* @__PURE__ */jsx5(BaseLayout, {
-    variant: "layout.layout",
-    ...props,
-    children
-  });
-};
-Layout.Header = Header;
-Layout.Main = Main;
-Layout.Footer = Footer;
-Layout.Container = Container;
-
-// src/getSemanticElements.ts
-import * as React from "react";
-var semanticComponents = {
-  Header: "header",
-  Footer: "footer",
-  Main: "main"
-};
-var getSematicElements = ({
-  children
-}) => {
-  const semanticElements = {};
-  React.Children.forEach(children, child => {
-    const displayName = child?.type?.displayName;
-    if (!displayName) {
-      return;
-    }
-    if (semanticComponents[displayName]) {
-      semanticElements[semanticComponents[displayName]] = child;
-    }
-  });
-  return semanticElements;
-};
-
-// src/components/StackedLayout.tsx
-import { jsxs } from "react/jsx-runtime";
-var StackedLayout = ({
-  children,
-  ...props
-}) => {
-  const {
-    header,
-    main,
-    footer
-  } = getSematicElements({
-    children
-  });
-  return /* @__PURE__ */jsxs(BaseLayout, {
-    ...props,
-    sx: {
-      display: "flex",
-      flexDirection: "column",
-      ...props.sx
-    },
-    children: [header, main, footer]
-  });
-};
-export { Footer, Header, Layout, Main, StackedLayout };

package/dist/index.d.ts

@@ -1,42 +0,0 @@
-import * as react from 'react';
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { BoxProps } from '@ttoss/ui';
-
-type BaseLayoutProps = BoxProps;
-
-type LayoutProps = BaseLayoutProps;
-declare const Layout: {
-    ({ children, ...props }: LayoutProps): react_jsx_runtime.JSX.Element;
-    Header: {
-        (props: BoxProps): react_jsx_runtime.JSX.Element;
-        displayName: string;
-    };
-    Main: {
-        (props: BoxProps): react_jsx_runtime.JSX.Element;
-        displayName: string;
-    };
-    Footer: {
-        (props: BoxProps): react_jsx_runtime.JSX.Element;
-        displayName: string;
-    };
-    Container: react.ForwardRefExoticComponent<BoxProps & react.RefAttributes<HTMLDivElement>>;
-};
-
-declare const Header: {
-    (props: BoxProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-
-declare const Footer: {
-    (props: BoxProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-
-declare const Main: {
-    (props: BoxProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-
-declare const StackedLayout: ({ children, ...props }: BaseLayoutProps) => react_jsx_runtime.JSX.Element;
-
-export { Footer, Header, Layout, Main, StackedLayout };