@ttoss/ui 1.26.3 → 1.27.1

package/README.md

@@ -5,7 +5,7 @@
 ## Installation
 
 ```shell
-yarn add @ttoss/ui @emotion/react
+yarn add @ttoss/ui
 ```
 
 ## Quick start

package/dist/esm/index.js

@@ -1,8 +1,5 @@
 /** Powered by @ttoss/config. https://ttoss.dev/docs/modules/packages/config/ */
 
-// tsup.inject.js
-import * as React from "react";
-
 // src/index.ts
 import { useResponsiveValue, useBreakpointIndex } from "@theme-ui/match-media";
 
@@ -106,21 +103,20 @@ var ThemeProvider = ({
     }
     return merge(DefaultTheme, theme);
   }, [theme]);
-  return /* @__PURE__ */ jsx(Fragment, {
-    children: /* @__PURE__ */ jsxs(ThemeUiProvider, {
-      theme: mergedTheme,
-      children: [
-        fonts.map((url) => {
-          return /* @__PURE__ */ jsx(Global, {
-            styles: css`
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(ThemeUiProvider, { theme: mergedTheme, children: [
+    fonts.map((url) => {
+      return /* @__PURE__ */ jsx(
+        Global,
+        {
+          styles: css`
                 @import url('${url}');
               `
-          }, url);
-        }),
-        children
-      ]
-    })
-  });
+        },
+        url
+      );
+    }),
+    children
+  ] }) });
 };
 var ThemeProvider_default = ThemeProvider;
 
@@ -135,10 +131,13 @@ import { Box } from "theme-ui";
 import { Button as ButtonUi } from "theme-ui";
 import { jsx as jsx2 } from "react/jsx-runtime";
 var Button = (props) => {
-  return /* @__PURE__ */ jsx2(ButtonUi, {
-    ...props,
-    sx: { cursor: "pointer", fontFamily: "body", ...props.sx }
-  });
+  return /* @__PURE__ */ jsx2(
+    ButtonUi,
+    {
+      ...props,
+      sx: { cursor: "pointer", fontFamily: "body", ...props.sx }
+    }
+  );
 };
 
 // src/components/Card.tsx
@@ -189,14 +188,7 @@ import { Radio } from "theme-ui";
 import { Icon as IconUI } from "@iconify/react";
 import { jsx as jsx3 } from "react/jsx-runtime";
 var Icon = ({ icon, sx, iconProps, ...props }) => {
-  return /* @__PURE__ */ jsx3(Text, {
-    sx,
-    ...props,
-    children: /* @__PURE__ */ jsx3(IconUI, {
-      ...iconProps,
-      icon
-    })
-  });
+  return /* @__PURE__ */ jsx3(Text, { sx, ...props, children: /* @__PURE__ */ jsx3(IconUI, { ...iconProps, icon }) });
 };
 
 // src/components/Slider.tsx
@@ -232,11 +224,7 @@ var InfiniteLinearProgress = () => {
       clearInterval(timer);
     };
   }, []);
-  return /* @__PURE__ */ jsx4(Progress, {
-    max: MAX_PROGRESS,
-    value: progress,
-    role: "progressbar"
-  });
+  return /* @__PURE__ */ jsx4(Progress, { max: MAX_PROGRESS, value: progress, role: "progressbar" });
 };
 export {
   Box,

package/dist/index.d.ts

@@ -5,7 +5,7 @@ export { useBreakpointIndex, useResponsiveValue } from '@theme-ui/match-media';
 import * as React from 'react';
 import { IconProps as IconProps$1 } from '@iconify/react';
 
-declare type ThemeProviderProps = {
+type ThemeProviderProps = {
     children?: React.ReactNode;
     theme?: Theme;
     /**
@@ -19,7 +19,7 @@ declare const useTheme: () => theme_ui.ThemeUIContextValue;
 
 declare const Button: (props: ButtonProps) => JSX.Element;
 
-declare type IconProps = TextProps & {
+type IconProps = TextProps & {
     icon: IconProps$1['icon'];
     iconProps?: Omit<IconProps$1, 'icon'>;
 };

package/dist/index.js

@@ -53,11 +53,6 @@ __export(src_exports, {
   useTheme: () => useTheme
 });
 module.exports = __toCommonJS(src_exports);
-
-// tsup.inject.js
-var React = __toESM(require("react"));
-
-// src/index.ts
 var import_match_media = require("@theme-ui/match-media");
 
 // src/theme/ThemeProvider.tsx
@@ -160,21 +155,20 @@ var ThemeProvider = ({
     }
     return (0, import_theme_ui.merge)(DefaultTheme, theme);
   }, [theme]);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {
-    children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_theme_ui.ThemeProvider, {
-      theme: mergedTheme,
-      children: [
-        fonts.map((url) => {
-          return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react.Global, {
-            styles: import_react.css`
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_theme_ui.ThemeProvider, { theme: mergedTheme, children: [
+    fonts.map((url) => {
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_react.Global,
+        {
+          styles: import_react.css`
                 @import url('${url}');
               `
-          }, url);
-        }),
-        children
-      ]
-    })
-  });
+        },
+        url
+      );
+    }),
+    children
+  ] }) });
 };
 var ThemeProvider_default = ThemeProvider;
 
@@ -189,10 +183,13 @@ var import_theme_ui3 = require("theme-ui");
 var import_theme_ui4 = require("theme-ui");
 var import_jsx_runtime2 = require("react/jsx-runtime");
 var Button = (props) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_theme_ui4.Button, {
-    ...props,
-    sx: { cursor: "pointer", fontFamily: "body", ...props.sx }
-  });
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    import_theme_ui4.Button,
+    {
+      ...props,
+      sx: { cursor: "pointer", fontFamily: "body", ...props.sx }
+    }
+  );
 };
 
 // src/components/Card.tsx
@@ -241,14 +238,7 @@ var import_theme_ui18 = require("theme-ui");
 var import_react2 = require("@iconify/react");
 var import_jsx_runtime3 = require("react/jsx-runtime");
 var Icon = ({ icon, sx, iconProps, ...props }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_theme_ui15.Text, {
-    sx,
-    ...props,
-    children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react2.Icon, {
-      ...iconProps,
-      icon
-    })
-  });
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_theme_ui15.Text, { sx, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react2.Icon, { ...iconProps, icon }) });
 };
 
 // src/components/Slider.tsx
@@ -284,11 +274,7 @@ var InfiniteLinearProgress = () => {
       clearInterval(timer);
     };
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_theme_ui14.Progress, {
-    max: MAX_PROGRESS,
-    value: progress,
-    role: "progressbar"
-  });
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_theme_ui14.Progress, { max: MAX_PROGRESS, value: progress, role: "progressbar" });
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ttoss/ui",
-  "version": "1.26.3",
+  "version": "1.27.1",
   "description": "Primitive layout, typographic, and other components for styling applications.",
   "license": "UNLICENSED",
   "author": "ttoss",
@@ -18,18 +18,18 @@
     "dev": "yarn workspace @docs/storybook run dev",
     "test": "jest"
   },
+  "sideEffects": false,
   "typings": "dist/index.d.ts",
   "dependencies": {
+    "@emotion/react": "^11.10.5",
     "@iconify/react": "^4.0.1",
     "@theme-ui/match-media": "^0.15.4",
     "theme-ui": "^0.15.4"
   },
   "peerDependencies": {
-    "@emotion/react": "^11",
-    "react": ">=18.2.0"
+    "react": ">=16.8.0"
   },
   "devDependencies": {
-    "@emotion/react": "^11.10.4",
     "@ttoss/config": "^1.25.0",
     "@ttoss/test-utils": "^1.18.3",
     "@ttoss/theme": "^1.1.2",
@@ -45,5 +45,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "88b98945c469cdfdece6b12ce41243403ad2c242"
+  "gitHead": "055a9b2d3f53f0d8f3bbaea24ac9e51f99d0ca57"
 }