@ttoss/ui 2.0.3 → 2.0.5

package/dist/esm/index.js

@@ -29,6 +29,9 @@ var ThemeProvider = ({
   });
 };
 
+// src/index.ts
+import { addIcon } from "@ttoss/theme";
+
 // src/theme/useTheme.ts
 import { useThemeUI } from "theme-ui";
 var useTheme = useThemeUI;
@@ -146,13 +149,14 @@ import { Input as InputUI } from "theme-ui";
 import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
 var Input = /*#__PURE__*/React3.forwardRef(({
   leadingIcon,
+  trailingIcon: trailingIconProp,
   onLeadingIconClick,
   onTrailingIconClick,
   className,
   sx,
   ...inputProps
 }, ref) => {
-  const trailingIcon = inputProps["aria-invalid"] ? "warning-alt" : inputProps.trailingIcon;
+  const trailingIcon = inputProps["aria-invalid"] ? "warning-alt" : trailingIconProp;
   return /* @__PURE__ */jsxs4(Flex, {
     className,
     sx: {
@@ -721,4 +725,4 @@ var ActionButton = ({
     ...props
   });
 };
-export { ActionButton, Badge, BaseStyles, Box, Button, Card, Checkbox, CloseButton, Container, Divider, Flex, Global2 as Global, Grid, Heading, HelpText, Icon, IconButton, Image, InfiniteLinearProgress, Input, InputNumber, InputPassword, Label, Progress as LinearProgress, Link, Paragraph, Radio, Select, Slider, Spinner, Stack, Text, Textarea, ThemeProvider, keyframes, useBreakpointIndex, useResponsiveValue, useTheme };
+export { ActionButton, Badge, BaseStyles, Box, Button, Card, Checkbox, CloseButton, Container, Divider, Flex, Global2 as Global, Grid, Heading, HelpText, Icon, IconButton, Image, InfiniteLinearProgress, Input, InputNumber, InputPassword, Label, Progress as LinearProgress, Link, Paragraph, Radio, Select, Slider, Spinner, Stack, Text, Textarea, ThemeProvider, addIcon, keyframes, useBreakpointIndex, useResponsiveValue, useTheme };

package/dist/index.d.mts

@@ -5,6 +5,7 @@ export { useBreakpointIndex, useResponsiveValue } from '@theme-ui/match-media';
 export { Keyframes, keyframes } from '@emotion/react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
+export { addIcon } from '@ttoss/theme';
 import { IconifyIconProps, IconifyIconHTMLElement } from '@iconify-icon/react';
 import { IconifyIcon } from '@iconify/types';
 

package/dist/index.d.ts

@@ -5,6 +5,7 @@ export { useBreakpointIndex, useResponsiveValue } from '@theme-ui/match-media';
 export { Keyframes, keyframes } from '@emotion/react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
+export { addIcon } from '@ttoss/theme';
 import { IconifyIconProps, IconifyIconHTMLElement } from '@iconify-icon/react';
 import { IconifyIcon } from '@iconify/types';
 

package/dist/index.js

@@ -72,6 +72,7 @@ __export(src_exports, {
   Text: () => import_theme_ui16.Text,
   Textarea: () => Textarea,
   ThemeProvider: () => ThemeProvider,
+  addIcon: () => import_theme.addIcon,
   keyframes: () => import_react3.keyframes,
   useBreakpointIndex: () => import_match_media.useBreakpointIndex,
   useResponsiveValue: () => import_match_media.useResponsiveValue,
@@ -106,6 +107,9 @@ var ThemeProvider = ({
   });
 };
 
+// src/index.ts
+var import_theme = require("@ttoss/theme");
+
 // src/theme/useTheme.ts
 var import_theme_ui2 = require("theme-ui");
 var useTheme = import_theme_ui2.useThemeUI;
@@ -223,13 +227,14 @@ var import_theme_ui12 = require("theme-ui");
 var import_jsx_runtime5 = require("react/jsx-runtime");
 var Input = React3.forwardRef(({
   leadingIcon,
+  trailingIcon: trailingIconProp,
   onLeadingIconClick,
   onTrailingIconClick,
   className,
   sx,
   ...inputProps
 }, ref) => {
-  const trailingIcon = inputProps["aria-invalid"] ? "warning-alt" : inputProps.trailingIcon;
+  const trailingIcon = inputProps["aria-invalid"] ? "warning-alt" : trailingIconProp;
   return /* @__PURE__ */(0, import_jsx_runtime5.jsxs)(import_theme_ui8.Flex, {
     className,
     sx: {
@@ -834,6 +839,7 @@ var ActionButton = ({
   Text,
   Textarea,
   ThemeProvider,
+  addIcon,
   keyframes,
   useBreakpointIndex,
   useResponsiveValue,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ttoss/ui",
-  "version": "2.0.3",
+  "version": "2.0.5",
   "description": "Primitive layout, typographic, and other components for styling applications.",
   "author": "ttoss",
   "contributors": [
@@ -23,7 +23,7 @@
     "@iconify-icon/react": "^1.0.7",
     "@theme-ui/match-media": "^0.16.0",
     "theme-ui": "^0.16.0",
-    "@ttoss/theme": "^1.5.5"
+    "@ttoss/theme": "^1.5.6"
   },
   "peerDependencies": {
     "@emotion/react": "^11",

package/src/components/Input.tsx

@@ -13,6 +13,7 @@ export const Input = React.forwardRef<HTMLInputElement, InputProps>(
   (
     {
       leadingIcon,
+      trailingIcon: trailingIconProp,
       onLeadingIconClick,
       onTrailingIconClick,
       className,
@@ -23,7 +24,7 @@ export const Input = React.forwardRef<HTMLInputElement, InputProps>(
   ) => {
     const trailingIcon = inputProps['aria-invalid']
       ? 'warning-alt'
-      : inputProps.trailingIcon;
+      : trailingIconProp;
 
     return (
       <Flex

package/src/index.ts

@@ -3,6 +3,7 @@ export { useResponsiveValue, useBreakpointIndex } from '@theme-ui/match-media';
 export { keyframes, type Keyframes } from '@emotion/react';
 
 export { ThemeProvider, type ThemeProviderProps } from './theme/ThemeProvider';
+export { addIcon } from '@ttoss/theme';
 
 export { useTheme } from './theme/useTheme';