@tecsinapse/cortex-react 1.0.2 → 1.1.0

package/dist/esm/components/Input.js

@@ -0,0 +1,72 @@
+import React from 'react';
+import { inputBox, labelStyle, input } from '@tecsinapse/cortex-core';
+import { clsx } from 'clsx';
+
+const getValidChildren = (children) => {
+  return React.Children.toArray(children).filter(
+    (el) => React.isValidElement(el)
+  );
+};
+const Box = React.forwardRef(
+  ({ id, name, variants, label, placeholder, className, ...rest }, ref) => {
+    return /* @__PURE__ */ React.createElement("div", { className: "flex w-full flex-col" }, /* @__PURE__ */ React.createElement(
+      "input",
+      {
+        id: id ?? name,
+        name,
+        placeholder: placeholder ?? " ",
+        className: clsx(inputBox(placeholder, label, className)),
+        ...rest,
+        ref
+      }
+    ), /* @__PURE__ */ React.createElement(
+      "label",
+      {
+        htmlFor: id ?? name,
+        className: labelStyle({ intent: variants?.intent, placeholder })
+      },
+      label
+    ));
+  }
+);
+const Face = React.forwardRef(
+  ({ children, variants, className, ...rest }, ref) => {
+    const clones = getValidChildren(children).map((el) => {
+      return React.cloneElement(el, { ...el.props, variants });
+    });
+    return /* @__PURE__ */ React.createElement(
+      "div",
+      {
+        ...rest,
+        className: clsx(input(variants), className),
+        id: "input-face",
+        ref
+      },
+      clones
+    );
+  }
+);
+const Root = React.forwardRef(
+  ({ variants, className, ...rest }, ref) => {
+    return /* @__PURE__ */ React.createElement(Face, { variants, className }, /* @__PURE__ */ React.createElement(Box, { ...rest, ref }));
+  }
+);
+const Left = React.forwardRef(
+  ({ children, className, ...rest }, ref) => {
+    return /* @__PURE__ */ React.createElement("div", { className: clsx(className, "mr-2.5"), ...rest, ref }, children);
+  }
+);
+const Right = React.forwardRef(
+  ({ children, className, ...rest }, ref) => {
+    return /* @__PURE__ */ React.createElement("div", { className: clsx(className, "ml-2.5"), ...rest, ref }, children);
+  }
+);
+const Input = {
+  Root,
+  Face,
+  Box,
+  Left,
+  Right
+};
+
+export { Box, Face, Input, Left, Right, Root };

package/dist/esm/components/Modal.js

@@ -0,0 +1,23 @@
+import React, { forwardRef } from 'react';
+import { overlay, modal } from '@tecsinapse/cortex-core';
+
+const Modal = forwardRef((props, ref) => {
+  const { open, onClose, children, className } = props;
+  return /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      ref,
+      ...props
+    },
+    /* @__PURE__ */ React.createElement(
+      "div",
+      {
+        className: overlay({ show: open }),
+        onClick: onClose
+      }
+    ),
+    /* @__PURE__ */ React.createElement("dialog", { className: modal({ open, className }) }, children)
+  );
+});
+
+export { Modal };

package/dist/esm/components/SearchInput.js

@@ -0,0 +1,68 @@
+import React, { useState, useEffect } from 'react';
+import './Badge.js';
+import { Button } from './Button.js';
+import './Card.js';
+import './Hint.js';
+import { Input } from './Input.js';
+import './Modal.js';
+import './Select.js';
+import './Snackbar.js';
+import './Tag.js';
+import './Toggle.js';
+import './TextArea.js';
+import '@tecsinapse/cortex-core';
+import { AiOutlineLoading } from 'react-icons/ai';
+import { IoSearchOutline } from 'react-icons/io5';
+import { useDebouncedState } from '../hooks/useDebouncedState.js';
+
+const inputFace = "bg-white w-full";
+const inputLeft = "flex items-center";
+const SearchInput = ({
+  label,
+  placeholder,
+  isSubmitting = false,
+  onChange,
+  onClick,
+  BOUNCE_TIMEOUT = 1e3
+}) => {
+  const [bouncedText, setBouncedText] = useState("");
+  const [searchInput, setSearchInput] = useDebouncedState(
+    "",
+    setBouncedText,
+    BOUNCE_TIMEOUT
+  );
+  useEffect(() => {
+    if (onChange) {
+      onChange(bouncedText);
+    }
+  }, [bouncedText]);
+  const handleEnterKey = (e) => {
+    if (e.key === "Enter" && onClick && searchInput) {
+      onClick(searchInput);
+    }
+  };
+  return /* @__PURE__ */ React.createElement("div", { className: "flex flex-row w-full space-x-mili" }, /* @__PURE__ */ React.createElement(Input.Face, { variants: { className: inputFace } }, !onClick && /* @__PURE__ */ React.createElement(Input.Left, { className: inputLeft }, /* @__PURE__ */ React.createElement(IoSearchOutline, null)), /* @__PURE__ */ React.createElement(
+    Input.Box,
+    {
+      placeholder,
+      label,
+      onChange: (e) => setSearchInput(e.target.value),
+      onKeyDown: handleEnterKey,
+      disabled: isSubmitting
+    }
+  )), onClick && /* @__PURE__ */ React.createElement(
+    Button,
+    {
+      variants: {
+        intent: "primary",
+        size: "square",
+        className: "h-11"
+      },
+      onClick: () => onClick(searchInput),
+      disabled: !searchInput || isSubmitting
+    },
+    isSubmitting ? /* @__PURE__ */ React.createElement("div", { className: "animate-spin" }, /* @__PURE__ */ React.createElement(AiOutlineLoading, null)) : /* @__PURE__ */ React.createElement(IoSearchOutline, null)
+  ));
+};
+
+export { SearchInput as default };

package/dist/esm/components/Select.js

@@ -0,0 +1,96 @@
+import { selectVariants, option } from '@tecsinapse/cortex-core';
+import React, { useState, useMemo, useRef, useCallback, useEffect } from 'react';
+import { Hint } from './Hint.js';
+import { IoChevronDownOutline } from 'react-icons/io5';
+import { IoIosCloseCircleOutline } from 'react-icons/io';
+import SearchInput from './SearchInput.js';
+
+const { button, dropdown, groupedTitle, containerGrouped, hintBody } = selectVariants();
+const Select = (props) => {
+  const {
+    label,
+    keyExtractor,
+    labelExtractor,
+    options,
+    value,
+    onSelect,
+    onSearch,
+    disabled,
+    grouped,
+    groupedLabelExtractor,
+    hint,
+    placeholderSearchInput,
+    variant = "default"
+  } = props;
+  const [open, setOpen] = useState(false);
+  const placeholder = useMemo(
+    () => value ? labelExtractor(value) : label,
+    [label, labelExtractor, value]
+  );
+  const ref = useRef(null);
+  const handleClickOutside = useCallback((event) => {
+    if (ref.current && !ref.current.contains(event.target)) {
+      setOpen(false);
+    }
+  }, []);
+  const handleSelect = useCallback(
+    (option) => {
+      onSelect(option);
+      setOpen(false);
+    },
+    [onSelect]
+  );
+  useEffect(() => {
+    document.addEventListener("click", handleClickOutside, true);
+    return () => {
+      document.removeEventListener("click", handleClickOutside, true);
+    };
+  }, [handleClickOutside]);
+  const Option = ({ option: option$1 }) => /* @__PURE__ */ React.createElement(
+    "li",
+    {
+      onClick: () => handleSelect(option$1),
+      className: option(),
+      role: "option"
+    },
+    labelExtractor(option$1)
+  );
+  const GroupedOptions = ({ options: options2 }) => /* @__PURE__ */ React.createElement(React.Fragment, null, [...options2 ?? []].map(([key, value2]) => /* @__PURE__ */ React.createElement("div", { key, className: containerGrouped() }, /* @__PURE__ */ React.createElement("span", { className: groupedTitle() }, groupedLabelExtractor?.(key)), value2.map((option) => /* @__PURE__ */ React.createElement(Option, { option, key: keyExtractor(option) })))));
+  const DefaultOptions = ({ options: options2 }) => /* @__PURE__ */ React.createElement(React.Fragment, null, (options2 ?? []).map((option) => /* @__PURE__ */ React.createElement(Option, { option, key: keyExtractor(option) })));
+  return /* @__PURE__ */ React.createElement("div", { className: "w-full relative bg-white", ref }, /* @__PURE__ */ React.createElement(
+    "button",
+    {
+      className: button({ disabled, intent: variant }),
+      onClick: () => setOpen((prevState) => !prevState),
+      disabled
+    },
+    /* @__PURE__ */ React.createElement("span", null, placeholder),
+    /* @__PURE__ */ React.createElement(IoChevronDownOutline, null)
+  ), /* @__PURE__ */ React.createElement(
+    "ul",
+    {
+      role: "select",
+      className: dropdown({
+        open
+      })
+    },
+    onSearch ? /* @__PURE__ */ React.createElement("div", { className: "m-mili" }, /* @__PURE__ */ React.createElement(
+      SearchInput,
+      {
+        placeholder: placeholderSearchInput,
+        onChange: onSearch
+      }
+    )) : /* @__PURE__ */ React.createElement(React.Fragment, null),
+    grouped ? /* @__PURE__ */ React.createElement(GroupedOptions, { options }) : /* @__PURE__ */ React.createElement(DefaultOptions, { options })
+  ), hint && /* @__PURE__ */ React.createElement(
+    Hint,
+    {
+      variants: {
+        intent: variant
+      }
+    },
+    /* @__PURE__ */ React.createElement("div", { className: hintBody() }, variant === "error" ? /* @__PURE__ */ React.createElement(IoIosCloseCircleOutline, null) : /* @__PURE__ */ React.createElement(React.Fragment, null), /* @__PURE__ */ React.createElement("span", null, hint))
+  ));
+};
+
+export { Select, Select as default };

package/dist/esm/components/Snackbar.js

@@ -0,0 +1,16 @@
+import React, { forwardRef } from 'react';
+import { snackbar } from '@tecsinapse/cortex-core';
+
+const Snackbar = forwardRef((props, ref) => {
+  const { children, show, variants } = props;
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, show ? /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      className: snackbar(variants),
+      ref
+    },
+    children
+  ) : /* @__PURE__ */ React.createElement(React.Fragment, null));
+});
+
+export { Snackbar };

package/dist/esm/components/Table.js

@@ -0,0 +1,13 @@
+import React from 'react';
+import { tHead, tRow, tHeadCell, tCell, tFoot, tRoot, hr } from '@tecsinapse/cortex-core';
+
+const THead = ({ children }) => /* @__PURE__ */ React.createElement("thead", { className: tHead() }, children);
+const TRow = ({ children }) => /* @__PURE__ */ React.createElement("tr", { className: tRow() }, children);
+const THeadCell = ({ children }) => /* @__PURE__ */ React.createElement("th", { className: tHeadCell() }, children);
+const TCell = ({ children }) => /* @__PURE__ */ React.createElement("td", { className: tCell() }, children);
+const TFoot = ({ children }) => /* @__PURE__ */ React.createElement("tfoot", { className: tFoot() }, children);
+const Table = ({ children }) => /* @__PURE__ */ React.createElement("table", { className: tRoot() }, children);
+const Hr = ({ children }) => /* @__PURE__ */ React.createElement("hr", { className: hr() }, children);
+const Td = ({ children }) => /* @__PURE__ */ React.createElement("td", { colSpan: 99 }, children);
+
+export { Hr, TCell, TFoot, THead, THeadCell, TRow, Table, Td };

package/dist/esm/components/Tag.js

@@ -0,0 +1,16 @@
+import React, { forwardRef } from 'react';
+import { tag } from '@tecsinapse/cortex-core';
+
+const Tag = forwardRef((props, ref) => {
+  const { label, variants } = props;
+  return /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      className: tag(variants),
+      ref
+    },
+    /* @__PURE__ */ React.createElement("p", null, label)
+  );
+});
+
+export { Tag };

package/dist/esm/components/TextArea.js

@@ -0,0 +1,79 @@
+import React from 'react';
+import { inputBox, labelStyle, input } from '@tecsinapse/cortex-core';
+import { clsx } from 'clsx';
+
+const getValidChildren = (children) => {
+  return React.Children.toArray(children).filter(
+    (el) => React.isValidElement(el)
+  );
+};
+const Box = React.forwardRef(
+  ({ id, name, variants, label, placeholder, rows, className, ...rest }, ref) => {
+    return /* @__PURE__ */ React.createElement("div", { className: "flex w-full flex-col" }, /* @__PURE__ */ React.createElement(
+      "textarea",
+      {
+        ref,
+        id: id ?? name,
+        name,
+        placeholder: placeholder ?? " ",
+        className: clsx(
+          inputBox(placeholder, label, className),
+          "resize-none mt-mili"
+        ),
+        rows,
+        ...rest
+      }
+    ), /* @__PURE__ */ React.createElement(
+      "label",
+      {
+        htmlFor: id ?? name,
+        className: labelStyle({
+          intent: variants?.intent,
+          placeholder
+        })
+      },
+      label
+    ));
+  }
+);
+const Face = React.forwardRef(
+  ({ children, variants, className, ...rest }, ref) => {
+    const clones = getValidChildren(children).map((el) => {
+      return React.cloneElement(el, { ...el.props, variants });
+    });
+    return /* @__PURE__ */ React.createElement(
+      "div",
+      {
+        ref,
+        className: clsx(input(variants), className),
+        id: "textarea-face",
+        ...rest
+      },
+      clones
+    );
+  }
+);
+const Root = React.forwardRef(
+  ({ variants, className, ...rest }, ref) => {
+    return /* @__PURE__ */ React.createElement(Face, { variants, className }, /* @__PURE__ */ React.createElement(Box, { ref, ...rest }));
+  }
+);
+const Left = React.forwardRef(
+  ({ children, className, ...rest }, ref) => {
+    return /* @__PURE__ */ React.createElement("div", { className: clsx(className, "mr-2.5"), ...rest, ref }, children);
+  }
+);
+const Right = React.forwardRef(
+  ({ children, className, ...rest }, ref) => {
+    return /* @__PURE__ */ React.createElement("div", { className: clsx(className, "ml-2.5"), ...rest, ref }, children);
+  }
+);
+const TextArea = {
+  Root,
+  Face,
+  Box,
+  Left,
+  Right
+};
+
+export { TextArea };

package/dist/esm/components/Toggle.js

@@ -0,0 +1,16 @@
+import React, { forwardRef } from 'react';
+import { styleLabelElement, styleInputElement, toggle } from '@tecsinapse/cortex-core';
+
+const Toggle = forwardRef((props, ref) => {
+  return /* @__PURE__ */ React.createElement("div", { className: "flex flex-row items-center gap-x-centi" }, /* @__PURE__ */ React.createElement("label", { className: styleLabelElement() }, /* @__PURE__ */ React.createElement(
+    "input",
+    {
+      type: "checkbox",
+      className: styleInputElement(),
+      ref,
+      ...props
+    }
+  ), /* @__PURE__ */ React.createElement("div", { className: toggle() })));
+});
+
+export { Toggle };

package/dist/esm/hooks/useDebouncedState.js

@@ -0,0 +1,14 @@
+import { useRef, useState, useEffect } from 'react';
+
+function useDebouncedState(initialState, timeoutCallback, timeoutMs = 166) {
+  const timeoutId = useRef();
+  const [state, setState] = useState(initialState);
+  useEffect(() => {
+    if (timeoutId.current) clearTimeout(timeoutId.current);
+    if (timeoutCallback)
+      timeoutId.current = setTimeout(() => timeoutCallback(state), timeoutMs);
+  }, [state]);
+  return [state, setState];
+}
+
+export { useDebouncedState };

package/dist/esm/index.js

@@ -0,0 +1,12 @@
+export { Badge, BadgeAnchor } from './components/Badge.js';
+export { Button } from './components/Button.js';
+export { Card } from './components/Card.js';
+export { Hint } from './components/Hint.js';
+export { Box, Face, Input, Left, Right, Root } from './components/Input.js';
+export { Modal } from './components/Modal.js';
+export { Select } from './components/Select.js';
+export { Snackbar } from './components/Snackbar.js';
+export { Tag } from './components/Tag.js';
+export { Toggle } from './components/Toggle.js';
+export { TextArea } from './components/TextArea.js';
+export { Hr, TCell, TFoot, THead, THeadCell, TRow, Table, Td } from './components/Table.js';

package/dist/types/components/Badge.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { BadgeVariants } from '@tecsinapse/cortex-core';
+interface BadgeProps {
+    value: string | number;
+    variants?: BadgeVariants;
+}
+interface BadgeAnchorProps extends BadgeProps {
+    children: JSX.Element;
+}
+export declare const Badge: React.ForwardRefExoticComponent<Omit<BadgeProps & Omit<React.HTMLProps<HTMLDivElement>, "className">, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const BadgeAnchor: React.ForwardRefExoticComponent<Omit<BadgeAnchorProps & Omit<React.HTMLProps<HTMLDivElement>, "className">, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export {};

package/dist/types/components/Button.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { ButtonVariants } from '@tecsinapse/cortex-core';
+interface ButtonProps {
+    variants?: ButtonVariants;
+    children?: JSX.Element;
+}
+export declare const Button: React.ForwardRefExoticComponent<ButtonProps & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "className"> & React.RefAttributes<HTMLButtonElement>>;
+export {};

package/dist/types/components/Card.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+interface CardProps {
+    children: JSX.Element;
+}
+export declare const Card: React.ForwardRefExoticComponent<Omit<CardProps & React.HTMLProps<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export {};

package/dist/types/components/Hint.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { HintVariants } from '@tecsinapse/cortex-core';
+interface HintProps {
+    children?: never;
+    description: string;
+    variants?: HintVariants;
+}
+interface HintPropsWithChildrenProps {
+    children: JSX.Element;
+    description?: never;
+    variants?: HintVariants;
+}
+export declare const Hint: React.ForwardRefExoticComponent<(Omit<HintProps & Omit<React.HTMLProps<HTMLDivElement>, "className">, "ref"> | Omit<HintPropsWithChildrenProps & Omit<React.HTMLProps<HTMLDivElement>, "className">, "ref">) & React.RefAttributes<HTMLDivElement>>;
+export {};

package/dist/types/components/Input.d.ts

@@ -0,0 +1,34 @@
+import React from 'react';
+import { InputBaseVariants } from '@tecsinapse/cortex-core';
+interface InputPropsBase {
+    variants?: InputBaseVariants;
+    label?: string;
+}
+export interface InputProps extends React.InputHTMLAttributes<HTMLInputElement>, InputPropsBase {
+}
+export declare const Box: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
+type DivBaseProps = React.HTMLAttributes<HTMLDivElement>;
+export declare const Face: React.ForwardRefExoticComponent<DivBaseProps & Pick<InputPropsBase, "variants"> & React.RefAttributes<HTMLDivElement>>;
+export declare const Root: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
+export declare const Left: React.ForwardRefExoticComponent<DivBaseProps & {
+    children: React.ReactNode;
+    className?: string | undefined;
+} & React.RefAttributes<HTMLDivElement>>;
+export declare const Right: React.ForwardRefExoticComponent<DivBaseProps & {
+    children: React.ReactNode;
+    className?: string | undefined;
+} & React.RefAttributes<HTMLDivElement>>;
+export declare const Input: {
+    Root: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
+    Face: React.ForwardRefExoticComponent<DivBaseProps & Pick<InputPropsBase, "variants"> & React.RefAttributes<HTMLDivElement>>;
+    Box: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
+    Left: React.ForwardRefExoticComponent<DivBaseProps & {
+        children: React.ReactNode;
+        className?: string | undefined;
+    } & React.RefAttributes<HTMLDivElement>>;
+    Right: React.ForwardRefExoticComponent<DivBaseProps & {
+        children: React.ReactNode;
+        className?: string | undefined;
+    } & React.RefAttributes<HTMLDivElement>>;
+};
+export {};

package/dist/types/components/Modal.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface ModalProps {
+    open: boolean;
+    onClose: () => void;
+    children: JSX.Element;
+}
+export declare const Modal: React.ForwardRefExoticComponent<ModalProps & React.InputHTMLAttributes<HTMLInputElement> & React.RefAttributes<HTMLDivElement>>;
+export {};

package/dist/types/components/SearchInput.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+interface SearchInputProps {
+    label?: string;
+    placeholder?: string;
+    isSubmitting?: boolean;
+    onChange?: (value: string) => void;
+    onClick?: (value: string) => void;
+    BOUNCE_TIMEOUT?: number;
+}
+declare const SearchInput: ({ label, placeholder, isSubmitting, onChange, onClick, BOUNCE_TIMEOUT, }: SearchInputProps) => JSX.Element;
+export default SearchInput;

package/dist/types/components/Select.d.ts

@@ -0,0 +1,28 @@
+/// <reference types="react" />
+interface CommonProps<T> {
+    label: string;
+    value: T | undefined;
+    onSelect: (value: T) => void;
+    keyExtractor: (value: T) => string;
+    labelExtractor: (value: T) => string;
+    onSearch?: (search: string) => void;
+    disabled?: boolean;
+    grouped?: boolean;
+    variant?: 'error' | 'default';
+    hint?: string;
+    placeholderSearchInput?: string;
+}
+interface GroupedProps<T> {
+    options?: Map<string, T[]>;
+    groupedLabelExtractor: (value: string) => string;
+    grouped: true;
+}
+interface DefaultProps<T> {
+    options?: T[];
+    groupedLabelExtractor?: never;
+    grouped?: never;
+}
+type ConditionalProps<T> = GroupedProps<T> | DefaultProps<T>;
+type SelectProps<T> = CommonProps<T> & ConditionalProps<T>;
+export declare const Select: <T>(props: SelectProps<T>) => JSX.Element;
+export default Select;

package/dist/types/components/Snackbar.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { SnackbarVariants } from '@tecsinapse/cortex-core';
+interface SnackbarProps {
+    variants?: SnackbarVariants;
+    children: JSX.Element;
+    show: boolean;
+}
+export declare const Snackbar: React.ForwardRefExoticComponent<SnackbarProps & React.RefAttributes<HTMLDivElement>>;
+export {};

package/dist/types/components/Table.d.ts

@@ -0,0 +1,13 @@
+import { ReactNode } from 'react';
+interface TableCommon {
+    children?: ReactNode;
+}
+export declare const THead: ({ children }: TableCommon) => JSX.Element;
+export declare const TRow: ({ children }: TableCommon) => JSX.Element;
+export declare const THeadCell: ({ children }: TableCommon) => JSX.Element;
+export declare const TCell: ({ children }: TableCommon) => JSX.Element;
+export declare const TFoot: ({ children }: TableCommon) => JSX.Element;
+export declare const Table: ({ children }: TableCommon) => JSX.Element;
+export declare const Hr: ({ children }: TableCommon) => JSX.Element;
+export declare const Td: ({ children }: TableCommon) => JSX.Element;
+export {};

package/dist/types/components/Tag.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { TagVariants } from '@tecsinapse/cortex-core';
+interface TagProps {
+    variants?: TagVariants;
+    label: string;
+}
+export declare const Tag: React.ForwardRefExoticComponent<Omit<TagProps & React.HTMLProps<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export {};

package/dist/types/components/TextArea.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+import { InputBaseVariants } from '@tecsinapse/cortex-core';
+interface TextAreaPropsBase {
+    variants?: InputBaseVariants;
+    label?: string;
+    rows?: number;
+}
+interface TextAreaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement>, TextAreaPropsBase {
+}
+type DivBaseProps = React.HTMLAttributes<HTMLDivElement>;
+export declare const TextArea: {
+    Root: React.ForwardRefExoticComponent<TextAreaProps & React.RefAttributes<HTMLTextAreaElement>>;
+    Face: React.ForwardRefExoticComponent<DivBaseProps & Pick<TextAreaPropsBase, "variants"> & React.RefAttributes<HTMLDivElement>>;
+    Box: React.ForwardRefExoticComponent<TextAreaProps & React.RefAttributes<HTMLTextAreaElement>>;
+    Left: React.ForwardRefExoticComponent<DivBaseProps & {
+        children: React.ReactNode;
+        className?: string | undefined;
+    } & React.RefAttributes<HTMLDivElement>>;
+    Right: React.ForwardRefExoticComponent<DivBaseProps & {
+        children: React.ReactNode;
+        className?: string | undefined;
+    } & React.RefAttributes<HTMLDivElement>>;
+};
+export {};

package/dist/types/components/Toggle.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const Toggle: React.ForwardRefExoticComponent<React.InputHTMLAttributes<HTMLInputElement> & React.RefAttributes<HTMLInputElement>>;

package/{src/components/index.ts → dist/types/components/index.d.ts}

@@ -9,3 +9,4 @@ export * from './Snackbar';
 export * from './Tag';
 export * from './Toggle';
 export * from './TextArea';
+export * from './Table';