@ttoss/ui 1.31.18 → 1.32.1

package/dist/esm/index.js

@@ -412,4 +412,19 @@ var CloseButton = /*#__PURE__*/React9.forwardRef(({
   });
 });
 CloseButton.displayName = "CloseButton";
-export { Badge, BaseStyles, Box, Button, Card, Checkbox, CloseButton, Container, Divider, Flex, Grid, Heading, HelpText, Icon, IconButton, Image, InfiniteLinearProgress, Input, Label, Progress as LinearProgress, Link, Radio, Select, Slider, Spinner, Text, Textarea, ThemeProvider, useBreakpointIndex, useResponsiveValue, useTheme };
+
+// src/components/Stack.tsx
+import * as React10 from "react";
+import { jsx as jsx13 } from "react/jsx-runtime";
+var Stack = /*#__PURE__*/React10.forwardRef((props, ref) => {
+  return /* @__PURE__ */jsx13(Flex, {
+    ref,
+    ...props,
+    sx: {
+      flexDirection: "column",
+      ...props.sx
+    }
+  });
+});
+Stack.displayName = "Stack";
+export { Badge, BaseStyles, Box, Button, Card, Checkbox, CloseButton, Container, Divider, Flex, Grid, Heading, HelpText, Icon, IconButton, Image, InfiniteLinearProgress, Input, Label, Progress as LinearProgress, Link, Radio, Select, Slider, Spinner, Stack, Text, Textarea, ThemeProvider, useBreakpointIndex, useResponsiveValue, useTheme };

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 import * as theme_ui from 'theme-ui';
-import { Theme, BadgeProps as BadgeProps$1, ButtonProps as ButtonProps$1, InputProps as InputProps$1, LabelProps as LabelProps$1, SelectProps as SelectProps$1, IconButtonProps, TextareaProps as TextareaProps$1, TextProps } from 'theme-ui';
-export { BaseStyles, Box, BoxProps, Card, CardProps, Checkbox, CheckboxProps, Container, ContainerProps, Divider, DividerProps, Flex, FlexProps, Grid, GridProps, Heading, HeadingProps, IconButtonProps, Image, ImageProps, Progress as LinearProgress, ProgressProps as LinearProgressProps, Link, LinkProps, Radio, RadioProps, Slider, SliderProps, Spinner, SpinnerProps, Text, TextProps, Theme } from 'theme-ui';
+import { Theme, BadgeProps as BadgeProps$1, ButtonProps as ButtonProps$1, InputProps as InputProps$1, LabelProps as LabelProps$1, SelectProps, IconButtonProps, TextareaProps as TextareaProps$1, TextProps, FlexProps } from 'theme-ui';
+export { BaseStyles, Box, BoxProps, Card, CardProps, Checkbox, CheckboxProps, Container, ContainerProps, Divider, DividerProps, Flex, FlexProps, Grid, GridProps, Heading, HeadingProps, IconButtonProps, Image, ImageProps, Progress as LinearProgress, ProgressProps as LinearProgressProps, Link, LinkProps, Radio, RadioProps, 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 React__default from 'react';
@@ -34,10 +34,10 @@ type ButtonProps = ButtonProps$1 & {
 };
 declare const Button: React.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 
-type InputProps = InputProps$1 & {
+interface InputProps extends InputProps$1 {
     leadingIcon?: IconType;
     trailingIcon?: IconType;
-};
+}
 declare const Input: React__default.ForwardRefExoticComponent<Omit<InputProps, "ref"> & React__default.RefAttributes<HTMLInputElement>>;
 
 type LabelProps = LabelProps$1 & {
@@ -46,16 +46,15 @@ type LabelProps = LabelProps$1 & {
 };
 declare const Label: ({ children, onTooltipClick, tooltip, ...props }: LabelProps) => JSX.Element;
 
-type SelectProps = SelectProps$1;
-declare const Select: React__default.ForwardRefExoticComponent<Omit<SelectProps$1, "ref"> & React__default.RefAttributes<HTMLSelectElement>>;
+declare const Select: React__default.ForwardRefExoticComponent<Omit<SelectProps, "ref"> & React__default.RefAttributes<HTMLSelectElement>>;
 
 declare const IconButton: React.ForwardRefExoticComponent<Omit<IconButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 
 declare const InfiniteLinearProgress: () => JSX.Element;
 
-type TextareaProps = TextareaProps$1 & {
+interface TextareaProps extends TextareaProps$1 {
     trailingIcon?: IconType;
-};
+}
 declare const Textarea: React__default.ForwardRefExoticComponent<Omit<TextareaProps, "ref"> & React__default.RefAttributes<HTMLTextAreaElement>>;
 
 type HelpTextProps = Omit<TextProps, 'variant'> & {
@@ -69,4 +68,10 @@ type CloseButtonProps = ButtonProps$1 & {
 };
 declare const CloseButton: React__default.ForwardRefExoticComponent<Omit<CloseButtonProps, "ref"> & React__default.RefAttributes<HTMLButtonElement>>;
 
-export { Badge, BadgeProps, Button, ButtonProps, CloseButton, CloseButtonProps, HelpText, HelpTextProps, Icon, IconButton, IconProps, IconType, InfiniteLinearProgress, Input, InputProps, Label, LabelProps, Select, SelectProps, Textarea, TextareaProps, ThemeProvider, ThemeProviderProps, useTheme };
+type StackProps = FlexProps;
+/**
+ * A component that renders its children in a column.
+ */
+declare const Stack: React.ForwardRefExoticComponent<theme_ui.BoxProps & React.RefAttributes<HTMLElement>>;
+
+export { Badge, BadgeProps, Button, ButtonProps, CloseButton, CloseButtonProps, HelpText, HelpTextProps, Icon, IconButton, IconProps, IconType, InfiniteLinearProgress, Input, InputProps, Label, LabelProps, Select, Stack, StackProps, Textarea, TextareaProps, ThemeProvider, ThemeProviderProps, useTheme };

package/dist/index.js

@@ -63,6 +63,7 @@ __export(src_exports, {
   Select: () => Select,
   Slider: () => import_theme_ui21.Slider,
   Spinner: () => import_theme_ui18.Spinner,
+  Stack: () => Stack,
   Text: () => import_theme_ui16.Text,
   Textarea: () => Textarea,
   ThemeProvider: () => ThemeProvider,
@@ -482,6 +483,21 @@ var CloseButton = import_react6.default.forwardRef(({
   });
 });
 CloseButton.displayName = "CloseButton";
+
+// src/components/Stack.tsx
+var React10 = __toESM(require("react"));
+var import_jsx_runtime13 = require("react/jsx-runtime");
+var Stack = React10.forwardRef((props, ref) => {
+  return /* @__PURE__ */(0, import_jsx_runtime13.jsx)(import_theme_ui8.Flex, {
+    ref,
+    ...props,
+    sx: {
+      flexDirection: "column",
+      ...props.sx
+    }
+  });
+});
+Stack.displayName = "Stack";
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Badge,
@@ -509,6 +525,7 @@ CloseButton.displayName = "CloseButton";
   Select,
   Slider,
   Spinner,
+  Stack,
   Text,
   Textarea,
   ThemeProvider,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ttoss/ui",
-  "version": "1.31.18",
+  "version": "1.32.1",
   "description": "Primitive layout, typographic, and other components for styling applications.",
   "license": "UNLICENSED",
   "author": "ttoss",
@@ -15,7 +15,6 @@
   ],
   "scripts": {
     "build": "tsup",
-    "dev": "yarn workspace @docs/storybook run dev",
     "test": "jest"
   },
   "sideEffects": false,
@@ -24,16 +23,19 @@
     "@emotion/react": "^11.10.6",
     "@iconify-icon/react": "^1.0.7",
     "@theme-ui/match-media": "^0.15.7",
-    "@ttoss/theme": "^1.4.15",
+    "@ttoss/theme": "^1.4.16",
     "theme-ui": "^0.15.7"
   },
   "peerDependencies": {
     "react": ">=16.8.0"
   },
   "devDependencies": {
-    "@ttoss/config": "^1.29.3",
-    "@ttoss/test-utils": "^1.21.2",
+    "@iconify-icons/mdi-light": "^1.2.5",
+    "@iconify/types": "^2.0.0",
+    "@ttoss/config": "^1.29.4",
+    "@ttoss/test-utils": "^1.21.3",
     "@types/jest": "^29.5.0",
+    "@types/react": "^18.0.35",
     "jest": "^29.5.0",
     "react": "^18.2.0",
     "tsup": "^6.7.0"
@@ -46,5 +48,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "3f398d2717a3ac8f7fecf4c79c028b35f0ef45fb"
+  "gitHead": "81c9da91988b338a6449d84b4dfc183ccf9ed941"
 }

package/src/components/Input.tsx

@@ -1,11 +1,11 @@
 import { Flex, Icon, type IconType, Text } from '..';
-import { type InputProps as InputPropsUI, Input as InputUI } from 'theme-ui';
+import { InputProps as InputPropsUI, Input as InputUI } from 'theme-ui';
 import React from 'react';
 
-export type InputProps = InputPropsUI & {
+export interface InputProps extends InputPropsUI {
   leadingIcon?: IconType;
   trailingIcon?: IconType;
-};
+}
 
 export const Input = React.forwardRef<HTMLInputElement, InputProps>(
   ({ leadingIcon, trailingIcon, className, sx, ...inputProps }, ref) => {

package/src/components/Select.tsx

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

package/src/components/Stack.tsx

@@ -0,0 +1,24 @@
+import * as React from 'react';
+import { Flex, FlexProps } from './Flex';
+
+export type StackProps = FlexProps;
+
+/**
+ * A component that renders its children in a column.
+ */
+export const Stack = React.forwardRef<HTMLElement, StackProps>(
+  (props: FlexProps, ref) => {
+    return (
+      <Flex
+        ref={ref}
+        {...props}
+        sx={{
+          flexDirection: 'column',
+          ...props.sx,
+        }}
+      />
+    );
+  }
+);
+
+Stack.displayName = 'Stack';

package/src/components/Textarea.tsx

@@ -5,9 +5,9 @@ import {
 } from 'theme-ui';
 import React from 'react';
 
-export type TextareaProps = TextareaPropsUI & {
+export interface TextareaProps extends TextareaPropsUI {
   trailingIcon?: IconType;
-};
+}
 
 export const Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(
   ({ trailingIcon, className, sx, ...textareaProps }, ref) => {

package/src/index.ts

@@ -34,3 +34,4 @@ export { Textarea, type TextareaProps } from './components/Textarea';
 export { Container, type ContainerProps } from './components/Container';
 export { HelpText, type HelpTextProps } from './components/HelpText';
 export { CloseButton, type CloseButtonProps } from './components/CloseButton';
+export { Stack, type StackProps } from './components/Stack';