@rovula/ui 0.0.9 → 0.0.11

package/dist/index.d.ts

@@ -1,5 +1,13 @@
-import React, { FC, ReactElement, ReactNode } from 'react';
+import * as React from 'react';
+import React__default, { ReactElement, ReactNode } from 'react';
+import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
+import * as class_variance_authority_dist_types from 'class-variance-authority/dist/types';
+import * as LabelPrimitive from '@radix-ui/react-label';
+import { VariantProps } from 'class-variance-authority';
 import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as DialogPrimitive from '@radix-ui/react-dialog';
+import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
+import { ClassValue } from 'clsx';
 
 type ButtonProps = {
     title?: string;
@@ -9,29 +17,30 @@ type ButtonProps = {
     disabled?: boolean;
     isLoading?: boolean;
     fullwidth?: boolean;
-    children?: React.ReactNode;
+    children?: React__default.ReactNode;
     startIcon?: ReactElement;
     endIcon?: ReactElement;
-} & React.ButtonHTMLAttributes<HTMLButtonElement>;
-declare const Button: FC<ButtonProps>;
+} & React__default.ButtonHTMLAttributes<HTMLButtonElement>;
+declare const Button: React__default.ForwardRefExoticComponent<{
+    title?: string | undefined;
+    size?: "sm" | "md" | "lg" | undefined;
+    color?: "primary" | "secondary" | "tertiary" | "success" | "info" | "warning" | "error" | undefined;
+    variant?: "solid" | "outline" | "flat" | "link" | undefined;
+    disabled?: boolean | undefined;
+    isLoading?: boolean | undefined;
+    fullwidth?: boolean | undefined;
+    children?: React__default.ReactNode;
+    startIcon?: React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>> | undefined;
+    endIcon?: React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>> | undefined;
+} & React__default.ButtonHTMLAttributes<HTMLButtonElement> & React__default.RefAttributes<HTMLButtonElement>>;
 
-interface Column {
-    header: string;
-    accessor: string;
-}
-interface TableProps {
-    columns: Column[];
-    data: Record<string, any>[];
-}
-declare const Table: React.FC<TableProps>;
-
-type InputProps = {
+type InputProps$1 = {
     id?: string;
     label?: string;
     size?: "sm" | "md" | "lg";
     rounded?: "none" | "normal" | "full";
     variant?: "flat" | "outline" | "underline";
-    type?: React.HTMLInputTypeAttribute;
+    type?: React__default.HTMLInputTypeAttribute;
     helperText?: string;
     errorMessage?: string;
     fullwidth?: boolean;
@@ -41,33 +50,60 @@ type InputProps = {
     hasClearIcon?: boolean;
     endIcon?: ReactNode;
     className?: string;
-} & Omit<React.InputHTMLAttributes<HTMLInputElement>, "size">;
-declare const TextInput: FC<InputProps>;
+    labelClassName?: string;
+} & Omit<React__default.InputHTMLAttributes<HTMLInputElement>, "size">;
+declare const TextInput: React__default.ForwardRefExoticComponent<{
+    id?: string | undefined;
+    label?: string | undefined;
+    size?: "sm" | "md" | "lg" | undefined;
+    rounded?: "none" | "normal" | "full" | undefined;
+    variant?: "outline" | "flat" | "underline" | undefined;
+    type?: React__default.HTMLInputTypeAttribute | undefined;
+    helperText?: string | undefined;
+    errorMessage?: string | undefined;
+    fullwidth?: boolean | undefined;
+    disabled?: boolean | undefined;
+    error?: boolean | undefined;
+    required?: boolean | undefined;
+    hasClearIcon?: boolean | undefined;
+    endIcon?: ReactNode;
+    className?: string | undefined;
+    labelClassName?: string | undefined;
+} & Omit<React__default.InputHTMLAttributes<HTMLInputElement>, "size"> & React__default.RefAttributes<HTMLInputElement>>;
 
 type TextProps = {
     variant?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "subtitile1" | "subtitile2" | "subtitile3" | "subtitile4" | "subtitile5" | "subtitile6" | "body1" | "body2" | "body3" | "body4" | "small1" | "small2" | "small3" | "label1" | "label2";
     color?: "primary" | "secondary" | "success" | "tertiary" | "info" | "warning" | "error";
-    children?: React.ReactNode;
+    children?: React__default.ReactNode;
     className?: string;
     tag?: keyof JSX.IntrinsicElements;
-    style?: React.CSSProperties;
+    style?: React__default.CSSProperties;
     id?: string;
 };
-declare const Text: FC<TextProps>;
+declare const Text: React__default.ForwardRefExoticComponent<TextProps & React__default.RefAttributes<keyof JSX.IntrinsicElements | undefined>>;
 
-interface Tab {
+type Tab = {
     label: string;
-    content: React.ReactNode;
-}
-interface TabsProps {
+    startTabContent?: ReactElement;
+    endTabContent?: ReactElement;
+    content: React__default.ReactNode;
+};
+type TabsProps = {
     tabs: Tab[];
     initialTab?: number;
-}
-declare const Tabs: React.FC<TabsProps>;
+};
+declare const Tabs: React__default.FC<TabsProps>;
 
+type RenderLabelCallbackArg = {
+    value: string;
+    label: string;
+    handleOnClick: () => void;
+    className: string;
+};
 type Options = {
     value: string;
     label: string;
+    renderLabel?: (config: RenderLabelCallbackArg) => ReactNode;
 };
 type DropdownProps = {
     id?: string;
@@ -85,10 +121,80 @@ type DropdownProps = {
     className?: string;
     options: Options[];
     value?: Options;
-    onChangeText?: InputProps["onChange"];
+    onChangeText?: InputProps$1["onChange"];
     onSelect?: (value: Options) => void;
-} & Omit<InputProps, "value">;
-declare const Dropdown: ({ id, options, value, label, size, rounded, variant, helperText, errorMessage, fullwidth, disabled, error, filterMode, required, onChangeText, onSelect, ...props }: DropdownProps) => react_jsx_runtime.JSX.Element;
+} & Omit<InputProps$1, "value">;
+declare const Dropdown: React__default.ForwardRefExoticComponent<{
+    id?: string | undefined;
+    label?: string | undefined;
+    size?: "sm" | "md" | "lg" | undefined;
+    rounded?: "none" | "normal" | "full" | undefined;
+    variant?: "outline" | "flat" | "underline" | undefined;
+    helperText?: string | undefined;
+    errorMessage?: string | undefined;
+    filterMode?: boolean | undefined;
+    fullwidth?: boolean | undefined;
+    disabled?: boolean | undefined;
+    error?: boolean | undefined;
+    required?: boolean | undefined;
+    className?: string | undefined;
+    options: Options[];
+    value?: Options | undefined;
+    onChangeText?: InputProps$1["onChange"];
+    onSelect?: ((value: Options) => void) | undefined;
+} & Omit<InputProps$1, "value"> & React__default.RefAttributes<HTMLInputElement>>;
+
+declare const Checkbox: React.ForwardRefExoticComponent<Omit<CheckboxPrimitive.CheckboxProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+
+declare const Label: React.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React.RefAttributes<HTMLLabelElement>, "ref"> & VariantProps<(props?: class_variance_authority_dist_types.ClassProp | undefined) => string> & React.RefAttributes<HTMLLabelElement>>;
+
+interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
+}
+declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
+
+declare const Table: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableElement> & React.RefAttributes<HTMLTableElement>>;
+declare const TableHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
+declare const TableBody: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
+declare const TableFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
+declare const TableRow: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableRowElement> & React.RefAttributes<HTMLTableRowElement>>;
+declare const TableHead: React.ForwardRefExoticComponent<React.ThHTMLAttributes<HTMLTableCellElement> & React.RefAttributes<HTMLTableCellElement>>;
+declare const TableCell: React.ForwardRefExoticComponent<React.TdHTMLAttributes<HTMLTableCellElement> & React.RefAttributes<HTMLTableCellElement>>;
+declare const TableCaption: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableCaptionElement> & React.RefAttributes<HTMLTableCaptionElement>>;
+
+declare const Dialog: React.FC<DialogPrimitive.DialogProps>;
+declare const DialogTrigger: React.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const DialogPortal: React.FC<DialogPrimitive.DialogPortalProps>;
+declare const DialogClose: React.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
+declare const DialogOverlay: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DialogContent: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DialogHeader: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+declare const DialogFooter: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+declare const DialogTitle: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+declare const DialogDescription: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+
+declare const AlertDialog: React.FC<AlertDialogPrimitive.AlertDialogProps>;
+declare const AlertDialogTrigger: React.ForwardRefExoticComponent<AlertDialogPrimitive.AlertDialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const AlertDialogPortal: React.FC<AlertDialogPrimitive.AlertDialogPortalProps>;
+declare const AlertDialogOverlay: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const AlertDialogContent: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const AlertDialogHeader: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+declare const AlertDialogFooter: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+declare const AlertDialogTitle: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+declare const AlertDialogDescription: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+declare const AlertDialogAction: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogActionProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const AlertDialogCancel: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogCancelProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 
 declare const resloveTimestamp: (timestamp: number) => number;
 declare const getStartDateOfDay: (date: Date) => Date;
@@ -99,4 +205,6 @@ declare const getStartEndTimestampOfDay: () => {
 };
 declare const getTimestampUTC: (date: Date) => number;
 
-export { Button, Dropdown, Table, Tabs, Text, TextInput, getEndDateOfDay, getStartDateOfDay, getStartEndTimestampOfDay, getTimestampUTC, resloveTimestamp };
+declare function cn(...inputs: ClassValue[]): string;
+
+export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, Button, type ButtonProps, Checkbox, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Dropdown, type DropdownProps, Input, type InputProps$1 as InputProps, Label, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, Text, TextInput, cn, getEndDateOfDay, getStartDateOfDay, getStartEndTimestampOfDay, getTimestampUTC, resloveTimestamp };

package/dist/index.js

@@ -2,12 +2,18 @@
 // import "./src/styles/style.css";
 import "./theme/global.css";
 export { default as Button } from "./components/Button/Button";
-export { default as Table } from "./components/Table/Table";
 export { default as TextInput } from "./components/TextInput/TextInput";
 export { default as Text } from "./components/Text/Text";
 export { default as Tabs } from "./components/Tabs/Tabs";
 export { default as Dropdown } from "./components/Dropdown/Dropdown";
+export { Checkbox } from "./components/Checkbox/Checkbox";
+export { Label } from "./components/Label/Label";
+export { Input } from "./components/Input/Input";
+export * from "./components/Table/Table";
+export * from "./components/Dialog/Dialog";
+export * from "./components/AlertDialog/AlertDialog";
 // UTILS
 export { resloveTimestamp, getStartDateOfDay, getEndDateOfDay, getStartEndTimestampOfDay, getTimestampUTC, } from "./utils/datetime";
+export { cn } from "./utils/cn";
 // const mainPreset = require("./theme/main-preset");
 // export { mainPreset };