@ttoss/ui 1.36.2 → 1.36.4

package/dist/esm/index.js

@@ -37,10 +37,10 @@ var useTheme = useThemeUI;
 import { Badge as BadgeUi } from "theme-ui";
 
 // src/components/Icon.tsx
-import * as React2 from "react";
+import * as React from "react";
 import { Icon as IconifyIcon } from "@iconify-icon/react";
 import { jsx as jsx2 } from "react/jsx-runtime";
-var Icon = /*#__PURE__*/React2.forwardRef((props, ref) => {
+var Icon = /*#__PURE__*/React.forwardRef((props, ref) => {
   return /* @__PURE__ */jsx2(IconifyIcon, {
     ref,
     "data-testid": "iconify-icon",
@@ -76,10 +76,10 @@ var Badge = ({
 import { Box } from "theme-ui";
 
 // src/components/Button.tsx
-import * as React3 from "react";
+import * as React2 from "react";
 import { Button as ButtonUi } from "theme-ui";
 import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
-var Button = /*#__PURE__*/React3.forwardRef((props, ref) => {
+var Button = /*#__PURE__*/React2.forwardRef((props, ref) => {
   const {
     children,
     leftIcon,
@@ -130,10 +130,10 @@ import { Heading } from "theme-ui";
 import { Image } from "theme-ui";
 
 // src/components/Input.tsx
-import * as React4 from "react";
+import * as React3 from "react";
 import { Input as InputUI } from "theme-ui";
 import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
-var Input = /*#__PURE__*/React4.forwardRef(({
+var Input = /*#__PURE__*/React3.forwardRef(({
   leadingIcon,
   onLeadingIconClick,
   trailingIcon,
@@ -220,9 +220,9 @@ var Label = ({
 
 // src/components/Link.tsx
 import { Link as LinkUi } from "theme-ui";
-import React5 from "react";
+import React4 from "react";
 import { jsx as jsx7 } from "react/jsx-runtime";
-var Link = /*#__PURE__*/React5.forwardRef(({
+var Link = /*#__PURE__*/React4.forwardRef(({
   quiet,
   className,
   ...props
@@ -242,10 +242,10 @@ import { Progress } from "theme-ui";
 import { Text } from "theme-ui";
 
 // src/components/Select.tsx
-import { Select as SelectUi } from "theme-ui";
-import React6 from "react";
+import * as React5 from "react";
+import { SelectProps, Select as SelectUi } from "theme-ui";
 import { Fragment as Fragment2, jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
-var Select = /*#__PURE__*/React6.forwardRef(({
+var Select = /*#__PURE__*/React5.forwardRef(({
   arrow,
   ...props
 }, ref) => {
@@ -295,10 +295,10 @@ import { Spinner } from "theme-ui";
 import { Radio } from "theme-ui";
 
 // src/components/IconButton.tsx
-import * as React7 from "react";
+import * as React6 from "react";
 import { IconButton as IconButtonUi } from "theme-ui";
 import { jsx as jsx9 } from "react/jsx-runtime";
-var IconButton = /*#__PURE__*/React7.forwardRef((props, ref) => {
+var IconButton = /*#__PURE__*/React6.forwardRef((props, ref) => {
   return /* @__PURE__ */jsx9(IconButtonUi, {
     type: "button",
     ...props,
@@ -314,12 +314,12 @@ import { Slider } from "theme-ui";
 import { Checkbox } from "theme-ui";
 
 // src/components/InfiniteLinearProgress.tsx
-import * as React8 from "react";
+import * as React7 from "react";
 import { jsx as jsx10 } from "react/jsx-runtime";
 var MAX_PROGRESS = 100;
 var InfiniteLinearProgress = () => {
-  const [progress, setProgress] = React8.useState(0);
-  React8.useEffect(() => {
+  const [progress, setProgress] = React7.useState(0);
+  React7.useEffect(() => {
     const timer = setInterval(() => {
       setProgress(oldProgress => {
         if (oldProgress === MAX_PROGRESS) {
@@ -349,9 +349,9 @@ var InfiniteLinearProgress = () => {
 
 // src/components/Textarea.tsx
 import { Textarea as TextareaUI } from "theme-ui";
-import React9 from "react";
+import React8 from "react";
 import { jsx as jsx11, jsxs as jsxs7 } from "react/jsx-runtime";
-var Textarea = /*#__PURE__*/React9.forwardRef(({
+var Textarea = /*#__PURE__*/React8.forwardRef(({
   trailingIcon,
   className,
   sx,
@@ -408,10 +408,10 @@ var HelpText = ({
 };
 
 // src/components/CloseButton.tsx
-import * as React10 from "react";
+import * as React9 from "react";
 import { Button as Button2 } from "theme-ui";
 import { jsx as jsx13, jsxs as jsxs8 } from "react/jsx-runtime";
-var CloseButton = /*#__PURE__*/React10.forwardRef(({
+var CloseButton = /*#__PURE__*/React9.forwardRef(({
   label,
   onlyText,
   ...props
@@ -433,10 +433,10 @@ var CloseButton = /*#__PURE__*/React10.forwardRef(({
 CloseButton.displayName = "CloseButton";
 
 // src/components/InputNumber.tsx
+import * as React10 from "react";
 import { Input as Input2 } from "theme-ui";
-import React11 from "react";
 import { jsx as jsx14, jsxs as jsxs9 } from "react/jsx-runtime";
-var InputNumber = /*#__PURE__*/React11.forwardRef(({
+var InputNumber = /*#__PURE__*/React10.forwardRef(({
   sx,
   value,
   infoIcon,
@@ -444,14 +444,14 @@ var InputNumber = /*#__PURE__*/React11.forwardRef(({
   onClickInfoIcon,
   ...inputProps
 }, ref) => {
-  const sxProps = React11.useMemo(() => {
+  const sxProps = React10.useMemo(() => {
     const size = String(typeof value === "undefined" ? 0 : value).length;
     if (inputProps["aria-invalid"] === "true") {
       return {
         width: `calc(139px + ${size > 1 ? size * 10 : 0}px)`,
         textAlign: "left",
         "&[type=number]::-webkit-inner-spin-button, &[type=number]::-webkit-outer-spin-button": {
-          "-webkit-appearance": "none",
+          WebkitAppearance: "none",
           margin: 0
         },
         ...sx,
@@ -464,7 +464,7 @@ var InputNumber = /*#__PURE__*/React11.forwardRef(({
       width: `calc(108px + ${size > 1 ? size * 10 : 0}px)`,
       textAlign: "center",
       "&[type=number]::-webkit-inner-spin-button, &[type=number]::-webkit-outer-spin-button": {
-        "-webkit-appearance": "none",
+        WebkitAppearance: "none",
         margin: 0
       },
       ...sx,
@@ -555,9 +555,9 @@ var InputNumber = /*#__PURE__*/React11.forwardRef(({
 InputNumber.displayName = "InputNumber";
 
 // src/components/Stack.tsx
-import * as React12 from "react";
+import * as React11 from "react";
 import { jsx as jsx15 } from "react/jsx-runtime";
-var Stack = /*#__PURE__*/React12.forwardRef((props, ref) => {
+var Stack = /*#__PURE__*/React11.forwardRef((props, ref) => {
   return /* @__PURE__ */jsx15(Flex, {
     ref,
     ...props,
@@ -573,16 +573,16 @@ Stack.displayName = "Stack";
 import { Paragraph } from "theme-ui";
 
 // src/components/InputPassword/InputPassword.tsx
-import * as React14 from "react";
+import * as React13 from "react";
 
 // src/components/InputPassword/useHidePassInput.ts
-import * as React13 from "react";
+import * as React12 from "react";
 var useHidePassInput = (defaultValue = true) => {
-  const [hidePass, setHidePass] = React13.useState(Boolean(defaultValue));
+  const [hidePass, setHidePass] = React12.useState(Boolean(defaultValue));
   const {
     icon,
     inputType
-  } = React13.useMemo(() => {
+  } = React12.useMemo(() => {
     return {
       icon: hidePass ? "view-off" : "view-on",
       inputType: hidePass ? "password" : "text"
@@ -602,7 +602,7 @@ var useHidePassInput = (defaultValue = true) => {
 
 // src/components/InputPassword/InputPassword.tsx
 import { jsx as jsx16 } from "react/jsx-runtime";
-var InputPassword = /*#__PURE__*/React14.forwardRef(({
+var InputPassword = /*#__PURE__*/React13.forwardRef(({
   showPasswordByDefault,
   ...inputPasswordProps
 }, ref) => {

package/dist/index.d.ts

@@ -54,7 +54,7 @@ type LinkProps = LinkProps$1 & {
 };
 declare const Link: React__default.ForwardRefExoticComponent<Omit<LinkProps, "ref"> & React__default.RefAttributes<HTMLAnchorElement>>;
 
-declare const Select: React__default.ForwardRefExoticComponent<Omit<SelectProps, "ref"> & React__default.RefAttributes<HTMLSelectElement>>;
+declare const Select: React.ForwardRefExoticComponent<Omit<SelectProps, "ref"> & React.RefAttributes<HTMLSelectElement>>;
 
 declare const IconButton: React.ForwardRefExoticComponent<Omit<IconButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 
@@ -83,7 +83,7 @@ type InputNumberProps = Omit<InputProps$1, 'type' | 'variant' | 'onChange'> & {
     infoIcon?: boolean;
     onClickInfoIcon?: () => void;
 };
-declare const InputNumber: React__default.ForwardRefExoticComponent<Omit<InputNumberProps, "ref"> & React__default.RefAttributes<HTMLInputElement>>;
+declare const InputNumber: React.ForwardRefExoticComponent<Omit<InputNumberProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
 
 type StackProps = FlexProps;
 /**

package/dist/index.js

@@ -71,7 +71,7 @@ __export(src_exports, {
   Text: () => import_theme_ui16.Text,
   Textarea: () => Textarea,
   ThemeProvider: () => ThemeProvider,
-  keyframes: () => import_react7.keyframes,
+  keyframes: () => import_react5.keyframes,
   useBreakpointIndex: () => import_match_media.useBreakpointIndex,
   useResponsiveValue: () => import_match_media.useResponsiveValue,
   useTheme: () => useTheme
@@ -79,7 +79,7 @@ __export(src_exports, {
 module.exports = __toCommonJS(src_exports);
 var import_theme_ui28 = require("theme-ui");
 var import_match_media = require("@theme-ui/match-media");
-var import_react7 = require("@emotion/react");
+var import_react5 = require("@emotion/react");
 
 // src/theme/ThemeProvider.tsx
 var import_Bruttal = require("@ttoss/theme/Bruttal");
@@ -113,10 +113,10 @@ var useTheme = import_theme_ui2.useThemeUI;
 var import_theme_ui3 = require("theme-ui");
 
 // src/components/Icon.tsx
-var React2 = __toESM(require("react"));
+var React = __toESM(require("react"));
 var import_react2 = require("@iconify-icon/react");
 var import_jsx_runtime2 = require("react/jsx-runtime");
-var Icon = React2.forwardRef((props, ref) => {
+var Icon = React.forwardRef((props, ref) => {
   return /* @__PURE__ */(0, import_jsx_runtime2.jsx)(import_react2.Icon, {
     ref,
     "data-testid": "iconify-icon",
@@ -152,10 +152,10 @@ var Badge = ({
 var import_theme_ui4 = require("theme-ui");
 
 // src/components/Button.tsx
-var React3 = __toESM(require("react"));
+var React2 = __toESM(require("react"));
 var import_theme_ui5 = require("theme-ui");
 var import_jsx_runtime4 = require("react/jsx-runtime");
-var Button = React3.forwardRef((props, ref) => {
+var Button = React2.forwardRef((props, ref) => {
   const {
     children,
     leftIcon,
@@ -206,10 +206,10 @@ var import_theme_ui10 = require("theme-ui");
 var import_theme_ui11 = require("theme-ui");
 
 // src/components/Input.tsx
-var React4 = __toESM(require("react"));
+var React3 = __toESM(require("react"));
 var import_theme_ui12 = require("theme-ui");
 var import_jsx_runtime5 = require("react/jsx-runtime");
-var Input = React4.forwardRef(({
+var Input = React3.forwardRef(({
   leadingIcon,
   onLeadingIconClick,
   trailingIcon,
@@ -318,10 +318,10 @@ var import_theme_ui15 = require("theme-ui");
 var import_theme_ui16 = require("theme-ui");
 
 // src/components/Select.tsx
+var React5 = __toESM(require("react"));
 var import_theme_ui17 = require("theme-ui");
-var import_react4 = __toESM(require("react"));
 var import_jsx_runtime8 = require("react/jsx-runtime");
-var Select = import_react4.default.forwardRef(({
+var Select = React5.forwardRef(({
   arrow,
   ...props
 }, ref) => {
@@ -371,10 +371,10 @@ var import_theme_ui18 = require("theme-ui");
 var import_theme_ui19 = require("theme-ui");
 
 // src/components/IconButton.tsx
-var React7 = __toESM(require("react"));
+var React6 = __toESM(require("react"));
 var import_theme_ui20 = require("theme-ui");
 var import_jsx_runtime9 = require("react/jsx-runtime");
-var IconButton = React7.forwardRef((props, ref) => {
+var IconButton = React6.forwardRef((props, ref) => {
   return /* @__PURE__ */(0, import_jsx_runtime9.jsx)(import_theme_ui20.IconButton, {
     type: "button",
     ...props,
@@ -390,12 +390,12 @@ var import_theme_ui21 = require("theme-ui");
 var import_theme_ui22 = require("theme-ui");
 
 // src/components/InfiniteLinearProgress.tsx
-var React8 = __toESM(require("react"));
+var React7 = __toESM(require("react"));
 var import_jsx_runtime10 = require("react/jsx-runtime");
 var MAX_PROGRESS = 100;
 var InfiniteLinearProgress = () => {
-  const [progress, setProgress] = React8.useState(0);
-  React8.useEffect(() => {
+  const [progress, setProgress] = React7.useState(0);
+  React7.useEffect(() => {
     const timer = setInterval(() => {
       setProgress(oldProgress => {
         if (oldProgress === MAX_PROGRESS) {
@@ -425,9 +425,9 @@ var InfiniteLinearProgress = () => {
 
 // src/components/Textarea.tsx
 var import_theme_ui23 = require("theme-ui");
-var import_react5 = __toESM(require("react"));
+var import_react4 = __toESM(require("react"));
 var import_jsx_runtime11 = require("react/jsx-runtime");
-var Textarea = import_react5.default.forwardRef(({
+var Textarea = import_react4.default.forwardRef(({
   trailingIcon,
   className,
   sx,
@@ -484,10 +484,10 @@ var HelpText = ({
 };
 
 // src/components/CloseButton.tsx
-var React10 = __toESM(require("react"));
+var React9 = __toESM(require("react"));
 var import_theme_ui25 = require("theme-ui");
 var import_jsx_runtime13 = require("react/jsx-runtime");
-var CloseButton = React10.forwardRef(({
+var CloseButton = React9.forwardRef(({
   label,
   onlyText,
   ...props
@@ -509,10 +509,10 @@ var CloseButton = React10.forwardRef(({
 CloseButton.displayName = "CloseButton";
 
 // src/components/InputNumber.tsx
+var React10 = __toESM(require("react"));
 var import_theme_ui26 = require("theme-ui");
-var import_react6 = __toESM(require("react"));
 var import_jsx_runtime14 = require("react/jsx-runtime");
-var InputNumber = import_react6.default.forwardRef(({
+var InputNumber = React10.forwardRef(({
   sx,
   value,
   infoIcon,
@@ -520,14 +520,14 @@ var InputNumber = import_react6.default.forwardRef(({
   onClickInfoIcon,
   ...inputProps
 }, ref) => {
-  const sxProps = import_react6.default.useMemo(() => {
+  const sxProps = React10.useMemo(() => {
     const size = String(typeof value === "undefined" ? 0 : value).length;
     if (inputProps["aria-invalid"] === "true") {
       return {
         width: `calc(139px + ${size > 1 ? size * 10 : 0}px)`,
         textAlign: "left",
         "&[type=number]::-webkit-inner-spin-button, &[type=number]::-webkit-outer-spin-button": {
-          "-webkit-appearance": "none",
+          WebkitAppearance: "none",
           margin: 0
         },
         ...sx,
@@ -540,7 +540,7 @@ var InputNumber = import_react6.default.forwardRef(({
       width: `calc(108px + ${size > 1 ? size * 10 : 0}px)`,
       textAlign: "center",
       "&[type=number]::-webkit-inner-spin-button, &[type=number]::-webkit-outer-spin-button": {
-        "-webkit-appearance": "none",
+        WebkitAppearance: "none",
         margin: 0
       },
       ...sx,
@@ -631,9 +631,9 @@ var InputNumber = import_react6.default.forwardRef(({
 InputNumber.displayName = "InputNumber";
 
 // src/components/Stack.tsx
-var React12 = __toESM(require("react"));
+var React11 = __toESM(require("react"));
 var import_jsx_runtime15 = require("react/jsx-runtime");
-var Stack = React12.forwardRef((props, ref) => {
+var Stack = React11.forwardRef((props, ref) => {
   return /* @__PURE__ */(0, import_jsx_runtime15.jsx)(import_theme_ui8.Flex, {
     ref,
     ...props,
@@ -649,16 +649,16 @@ Stack.displayName = "Stack";
 var import_theme_ui27 = require("theme-ui");
 
 // src/components/InputPassword/InputPassword.tsx
-var React14 = __toESM(require("react"));
+var React13 = __toESM(require("react"));
 
 // src/components/InputPassword/useHidePassInput.ts
-var React13 = __toESM(require("react"));
+var React12 = __toESM(require("react"));
 var useHidePassInput = (defaultValue = true) => {
-  const [hidePass, setHidePass] = React13.useState(Boolean(defaultValue));
+  const [hidePass, setHidePass] = React12.useState(Boolean(defaultValue));
   const {
     icon,
     inputType
-  } = React13.useMemo(() => {
+  } = React12.useMemo(() => {
     return {
       icon: hidePass ? "view-off" : "view-on",
       inputType: hidePass ? "password" : "text"
@@ -678,7 +678,7 @@ var useHidePassInput = (defaultValue = true) => {
 
 // src/components/InputPassword/InputPassword.tsx
 var import_jsx_runtime16 = require("react/jsx-runtime");
-var InputPassword = React14.forwardRef(({
+var InputPassword = React13.forwardRef(({
   showPasswordByDefault,
   ...inputPasswordProps
 }, ref) => {

package/package.json

@@ -1,8 +1,7 @@
 {
   "name": "@ttoss/ui",
-  "version": "1.36.2",
+  "version": "1.36.4",
   "description": "Primitive layout, typographic, and other components for styling applications.",
-  "license": "UNLICENSED",
   "author": "ttoss",
   "contributors": [
     "Pedro Arantes <pedro@arantespp.com> (https://arantespp.com/contact)"
@@ -20,7 +19,7 @@
     "@iconify-icon/react": "^1.0.7",
     "@theme-ui/match-media": "^0.15.7",
     "theme-ui": "^0.15.7",
-    "@ttoss/theme": "^1.4.31"
+    "@ttoss/theme": "^1.4.32"
   },
   "peerDependencies": {
     "react": ">=16.8.0"

package/src/components/InputNumber.tsx

@@ -1,6 +1,6 @@
+import * as React from 'react';
 import { Flex, Icon, Text } from '..';
 import { Input, type InputProps as InputPropsUI } from 'theme-ui';
-import React from 'react';
 
 export type InputNumberProps = Omit<
   InputPropsUI,
@@ -23,7 +23,7 @@ export const InputNumber = React.forwardRef<HTMLInputElement, InputNumberProps>(
           textAlign: 'left',
           '&[type=number]::-webkit-inner-spin-button, &[type=number]::-webkit-outer-spin-button':
             {
-              '-webkit-appearance': 'none',
+              WebkitAppearance: 'none',
               margin: 0,
             },
           ...sx,
@@ -38,7 +38,7 @@ export const InputNumber = React.forwardRef<HTMLInputElement, InputNumberProps>(
         textAlign: 'center',
         '&[type=number]::-webkit-inner-spin-button, &[type=number]::-webkit-outer-spin-button':
           {
-            '-webkit-appearance': 'none',
+            WebkitAppearance: 'none',
             margin: 0,
           },
         ...sx,

package/src/components/Select.tsx

@@ -1,8 +1,8 @@
+import * as React from 'react';
 import { Icon, Text } from '..';
 import { SelectProps, Select as SelectUi } from 'theme-ui';
-import React from 'react';
 
-export { type SelectProps };
+export { SelectProps };
 
 export const Select = React.forwardRef<HTMLSelectElement, SelectProps>(
   ({ arrow, ...props }, ref) => {