@rovula/ui 0.0.8 → 0.0.10

package/dist/esm/types/components/Tabs/Tabs.stories.d.ts

@@ -0,0 +1,49 @@
+import React from "react";
+declare const meta: {
+    title: string;
+    component: React.FC<{
+        tabs: {
+            label: string;
+            startTabContent?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
+            endTabContent?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
+            content: React.ReactNode;
+        }[];
+        initialTab?: number | undefined;
+    }>;
+    tags: string[];
+    parameters: {
+        layout: string;
+    };
+    decorators: ((Story: import("@storybook/types").PartialStoryFn<import("@storybook/react").ReactRenderer, {
+        tabs: {
+            label: string;
+            startTabContent?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
+            endTabContent?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
+            content: React.ReactNode;
+        }[];
+        initialTab?: number | undefined;
+    }>) => import("react/jsx-runtime").JSX.Element)[];
+};
+export default meta;
+export declare const Default: {
+    args: {
+        initialTab: number;
+        tabs: {
+            label: string;
+            content: import("react/jsx-runtime").JSX.Element;
+        }[];
+    };
+    render: (args: {}) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const CustomTab: {
+    args: {
+        initialTab: number;
+        tabs: {
+            startTabContent: import("react/jsx-runtime").JSX.Element;
+            endTabContent: import("react/jsx-runtime").JSX.Element;
+            label: string;
+            content: import("react/jsx-runtime").JSX.Element;
+        }[];
+    };
+    render: (args: {}) => import("react/jsx-runtime").JSX.Element;
+};

package/dist/esm/types/components/TextInput/TextInput.d.ts

@@ -1,5 +1,5 @@
-import React, { FC } from "react";
-type InputProps = {
+import React, { FC, ReactNode } from "react";
+export type InputProps = {
     id?: string;
     label?: string;
     size?: "sm" | "md" | "lg";
@@ -13,6 +13,7 @@ type InputProps = {
     error?: boolean;
     required?: boolean;
     hasClearIcon?: boolean;
+    endIcon?: ReactNode;
     className?: string;
 } & Omit<React.InputHTMLAttributes<HTMLInputElement>, "size">;
 declare const TextInput: FC<InputProps>;

package/dist/esm/types/components/TextInput/TextInput.stories.d.ts

@@ -1,22 +1,7 @@
 import React from "react";
 declare const meta: {
     title: string;
-    component: React.FC<{
-        id?: string | undefined;
-        label?: string | undefined;
-        size?: "sm" | "md" | "lg" | undefined;
-        rounded?: "none" | "normal" | "full" | undefined;
-        variant?: "outline" | "flat" | "underline" | undefined;
-        type?: React.HTMLInputTypeAttribute | undefined;
-        helperText?: string | undefined;
-        errorMessage?: string | undefined;
-        fullwidth?: boolean | undefined;
-        disabled?: boolean | undefined;
-        error?: boolean | undefined;
-        required?: boolean | undefined;
-        hasClearIcon?: boolean | undefined;
-        className?: string | undefined;
-    } & Omit<React.InputHTMLAttributes<HTMLInputElement>, "size">>;
+    component: React.FC<import("./TextInput").InputProps>;
     tags: string[];
     parameters: {
         layout: string;
@@ -35,6 +20,7 @@ declare const meta: {
         error?: boolean | undefined;
         required?: boolean | undefined;
         hasClearIcon?: boolean | undefined;
+        endIcon?: React.ReactNode;
         className?: string | undefined;
         color?: string | undefined;
         title?: string | undefined;

package/dist/esm/types/index.d.ts

@@ -1,8 +1,14 @@
 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 Select } from "./components/Select/Select";
+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";
 export { resloveTimestamp, getStartDateOfDay, getEndDateOfDay, getStartEndTimestampOfDay, getTimestampUTC, } from "./utils/datetime";
+export { cn } from "./utils/cn";

package/dist/esm/types/utils/cn.d.ts

@@ -0,0 +1,2 @@
+import { type ClassValue } from "clsx";
+export declare function cn(...inputs: ClassValue[]): string;

package/dist/index.d.ts

@@ -1,5 +1,13 @@
-import React, { FC, ReactElement } from 'react';
+import * as React from 'react';
+import React__default, { FC, ReactElement, ReactNode } from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
+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 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,19 @@ type ButtonProps = {
     disabled?: boolean;
     isLoading?: boolean;
     fullwidth?: boolean;
-    children?: React.ReactNode;
+    children?: React__default.ReactNode;
     startIcon?: ReactElement;
     endIcon?: ReactElement;
-} & React.ButtonHTMLAttributes<HTMLButtonElement>;
+} & React__default.ButtonHTMLAttributes<HTMLButtonElement>;
 declare const Button: FC<ButtonProps>;
 
-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;
@@ -39,52 +37,110 @@ type InputProps = {
     error?: boolean;
     required?: boolean;
     hasClearIcon?: boolean;
+    endIcon?: ReactNode;
     className?: string;
-} & Omit<React.InputHTMLAttributes<HTMLInputElement>, "size">;
-declare const TextInput: FC<InputProps>;
+} & Omit<React__default.InputHTMLAttributes<HTMLInputElement>, "size">;
+declare const TextInput: FC<InputProps$1>;
 
 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>;
 
-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 Options = {
     value: string;
     label: string;
 };
-type SelectProps = {
+type DropdownProps = {
     id?: string;
     label?: string;
     size?: "sm" | "md" | "lg";
     rounded?: "none" | "normal" | "full";
     variant?: "flat" | "outline" | "underline";
-    type?: React.HTMLInputTypeAttribute;
     helperText?: string;
     errorMessage?: string;
+    filterMode?: boolean;
     fullwidth?: boolean;
     disabled?: boolean;
     error?: boolean;
     required?: boolean;
     className?: string;
     options: Options[];
-} & Omit<React.InputHTMLAttributes<HTMLSelectElement>, "size">;
-declare const Select: ({ id, options, label, size, rounded, variant, type, helperText, errorMessage, fullwidth, disabled, error, required, ...props }: SelectProps) => react_jsx_runtime.JSX.Element;
+    value?: Options;
+    onChangeText?: InputProps$1["onChange"];
+    onSelect?: (value: Options) => void;
+} & Omit<InputProps$1, "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;
+
+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;
@@ -95,4 +151,6 @@ declare const getStartEndTimestampOfDay: () => {
 };
 declare const getTimestampUTC: (date: Date) => number;
 
-export { Button, Select, 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, Checkbox, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Dropdown, Input, 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 Select } from "./components/Select/Select";
+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 };