@ttoss/ui 1.22.0 → 1.23.1

package/dist/esm/index.js

@@ -186,10 +186,12 @@ import { Radio } from "theme-ui";
 // src/components/Icon/Icon.tsx
 import { Icon as IconUI } from "@iconify/react";
 import { jsx as jsx3 } from "react/jsx-runtime";
-var Icon = ({ icon, sx }) => {
+var Icon = ({ icon, sx, iconProps, ...props }) => {
   return /* @__PURE__ */ jsx3(Text, {
     sx,
+    ...props,
     children: /* @__PURE__ */ jsx3(IconUI, {
+      ...iconProps,
       icon
     })
   });
@@ -197,10 +199,14 @@ var Icon = ({ icon, sx }) => {
 
 // src/components/Slider/Slider.tsx
 import { Slider } from "theme-ui";
+
+// src/components/Checkbox/Checkbox.tsx
+import { Checkbox } from "theme-ui";
 export {
   Box,
   Button,
   Card,
+  Checkbox,
   Divider,
   Flex,
   Grid,

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 import * as theme_ui from 'theme-ui';
 import { Theme, ButtonProps, TextProps } from 'theme-ui';
-export { Box, BoxProps, ButtonProps, Card, CardProps, Divider, DividerProps, Flex, FlexProps, Grid, GridProps, Heading, HeadingProps, Image, ImageProps, Input, InputProps, Label, LabelProps, Progress as LinearProgress, ProgressProps as LinearProgressProps, Link, LinkProps, Radio, RadioProps, Select, SelectProps, Slider, SliderProps, Spinner, SpinnerProps, Text, TextProps, Theme } from 'theme-ui';
+export { Box, BoxProps, ButtonProps, Card, CardProps, Checkbox, CheckboxProps, Divider, DividerProps, Flex, FlexProps, Grid, GridProps, Heading, HeadingProps, Image, ImageProps, Input, InputProps, Label, LabelProps, Progress as LinearProgress, ProgressProps as LinearProgressProps, Link, LinkProps, Radio, RadioProps, Select, SelectProps, Slider, SliderProps, Spinner, SpinnerProps, Text, TextProps, Theme } from 'theme-ui';
 export { useBreakpointIndex, useResponsiveValue } from '@theme-ui/match-media';
 import * as React from 'react';
 import { IconProps as IconProps$1 } from '@iconify/react';
@@ -19,10 +19,10 @@ declare const useTheme: () => theme_ui.ThemeUIContextValue;
 
 declare const Button: (props: ButtonProps) => JSX.Element;
 
-declare type IconProps = {
+declare type IconProps = TextProps & {
     icon: IconProps$1['icon'];
-    sx?: TextProps['sx'];
+    iconProps?: Omit<IconProps$1, 'icon'>;
 };
-declare const Icon: ({ icon, sx }: IconProps) => JSX.Element;
+declare const Icon: ({ icon, sx, iconProps, ...props }: IconProps) => JSX.Element;
 
 export { Button, Icon, IconProps, ThemeProvider, ThemeProviderProps, useTheme };

package/dist/index.js

@@ -30,6 +30,7 @@ __export(src_exports, {
   Box: () => import_theme_ui3.Box,
   Button: () => Button,
   Card: () => import_theme_ui5.Card,
+  Checkbox: () => import_theme_ui20.Checkbox,
   Divider: () => import_theme_ui6.Divider,
   Flex: () => import_theme_ui7.Flex,
   Grid: () => import_theme_ui8.Grid,
@@ -236,10 +237,12 @@ var import_theme_ui18 = require("theme-ui");
 // src/components/Icon/Icon.tsx
 var import_react2 = require("@iconify/react");
 var import_jsx_runtime3 = require("react/jsx-runtime");
-var Icon = ({ icon, sx }) => {
+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
     })
   });
@@ -247,11 +250,15 @@ var Icon = ({ icon, sx }) => {
 
 // src/components/Slider/Slider.tsx
 var import_theme_ui19 = require("theme-ui");
+
+// src/components/Checkbox/Checkbox.tsx
+var import_theme_ui20 = require("theme-ui");
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Box,
   Button,
   Card,
+  Checkbox,
   Divider,
   Flex,
   Grid,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ttoss/ui",
-  "version": "1.22.0",
+  "version": "1.23.1",
   "description": "Primitive layout, typographic, and other components for styling applications.",
   "license": "UNLICENSED",
   "author": "ttoss",
@@ -45,5 +45,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "d1583c4306e792373d84030dba29f9e6cc57031d"
+  "gitHead": "e9c6b47f9b2ff9a44358a16c9feff84ba9342346"
 }

package/src/components/Checkbox/Checkbox.tsx

@@ -0,0 +1 @@
+export { Checkbox, type CheckboxProps } from 'theme-ui';

package/src/components/Icon/Icon.tsx

@@ -1,15 +1,15 @@
 import { IconProps as IconPropsUI, Icon as IconUI } from '@iconify/react';
 import { Text, TextProps } from '../Text/Text';
 
-export type IconProps = {
+export type IconProps = TextProps & {
   icon: IconPropsUI['icon'];
-  sx?: TextProps['sx'];
+  iconProps?: Omit<IconPropsUI, 'icon'>;
 };
 
-export const Icon = ({ icon, sx }: IconProps) => {
+export const Icon = ({ icon, sx, iconProps, ...props }: IconProps) => {
   return (
-    <Text sx={sx}>
-      <IconUI icon={icon} />
+    <Text sx={sx} {...props}>
+      <IconUI {...iconProps} icon={icon} />
     </Text>
   );
 };

package/src/index.ts

@@ -29,3 +29,4 @@ export { Spinner, type SpinnerProps } from './components/Spinner/Spinner';
 export { Radio, type RadioProps } from './components/Radio/Radio';
 export { Icon, type IconProps } from './components/Icon/Icon';
 export { Slider, type SliderProps } from './components/Slider/Slider';
+export { Checkbox, type CheckboxProps } from './components/Checkbox/Checkbox';