@rovula/ui 0.0.3 → 0.0.5

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

@@ -0,0 +1,9 @@
+declare const resloveTimestamp: (timestamp: number) => number;
+declare const getStartDateOfDay: (date: Date) => Date;
+declare const getEndDateOfDay: (date: Date) => Date;
+declare const getStartEndTimestampOfDay: () => {
+    startTime: Date;
+    endTime: Date;
+};
+declare const getTimestampUTC: (date: Date) => number;
+export { resloveTimestamp, getStartDateOfDay, getEndDateOfDay, getStartEndTimestampOfDay, getTimestampUTC, };

package/dist/index.d.ts

@@ -0,0 +1,67 @@
+import React, { FC, ReactElement } from 'react';
+
+type ButtonProps = {
+    title?: string;
+    size?: "sm" | "md" | "lg";
+    color?: "primary" | "secondary" | "success" | "tertiary" | "info" | "warning" | "error";
+    variant?: "solid" | "outline" | "flat" | "link";
+    disabled?: boolean;
+    isLoading?: boolean;
+    fullwidth?: boolean;
+    children?: React.ReactNode;
+    startIcon?: ReactElement;
+    endIcon?: ReactElement;
+} & React.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>;
+
+interface TextInputProps {
+    value: string;
+    onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    placeholder?: string;
+    type?: 'text' | 'password' | 'email';
+    disabled?: boolean;
+    className?: string;
+}
+declare const TextInput: React.FC<TextInputProps>;
+
+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;
+    className?: string;
+    tag?: keyof JSX.IntrinsicElements;
+    style?: React.CSSProperties;
+    id?: string;
+};
+declare const Text: FC<TextProps>;
+
+interface Tab {
+    label: string;
+    content: React.ReactNode;
+}
+interface TabsProps {
+    tabs: Tab[];
+    initialTab?: number;
+}
+declare const Tabs: React.FC<TabsProps>;
+
+declare const resloveTimestamp: (timestamp: number) => number;
+declare const getStartDateOfDay: (date: Date) => Date;
+declare const getEndDateOfDay: (date: Date) => Date;
+declare const getStartEndTimestampOfDay: () => {
+    startTime: Date;
+    endTime: Date;
+};
+declare const getTimestampUTC: (date: Date) => number;
+
+export { Button, Table, Tabs, Text, TextInput, getEndDateOfDay, getStartDateOfDay, getStartEndTimestampOfDay, getTimestampUTC, resloveTimestamp };

package/dist/index.js

@@ -0,0 +1,12 @@
+// UI Components
+// 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/Form/TextInput";
+export { default as Text } from "./components/Text/Text";
+export { default as Tabs } from "./components/Tabs/Tabs";
+// UTILS
+export { resloveTimestamp, getStartDateOfDay, getEndDateOfDay, getStartEndTimestampOfDay, getTimestampUTC, } from "./utils/datetime";
+// const mainPreset = require("./theme/main-preset");
+// export { mainPreset };