@rovula/ui 0.0.14 → 0.0.15

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

@@ -1,5 +1,4 @@
 import * as React from "react";
-import { AvatarImage } from "./AvatarBase";
 type BaseAvatarProps = {
     imageUrl?: string;
     text?: string;
@@ -13,20 +12,20 @@ type BaseAvatarProps = {
     fallbackClassName?: string;
     style?: React.CSSProperties;
 };
-type AvatarText = {
+type AvatarTextProps = {
     text: string;
     type: "text";
 } & BaseAvatarProps;
-type AvatarImage = {
+type AvatarImageProps = {
     imageUrl: string;
     fallback: React.ReactNode;
     type: "image";
 } & BaseAvatarProps;
-type AvatarIcon = {
+type AvatarIconProps = {
     icon: string;
     type: "icon";
 } & BaseAvatarProps;
-export type AvatarProps = AvatarText | AvatarImage | AvatarIcon;
+export type AvatarProps = AvatarTextProps | AvatarImageProps | AvatarIconProps;
 export declare const formatAvatarName: (text: string) => string;
 declare const Avatar: React.FC<AvatarProps>;
 export default Avatar;

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

@@ -14,7 +14,7 @@ declare const meta: {
         fallback?: React.ReactNode;
         icon?: React.ReactNode;
         children?: React.ReactNode;
-        size?: "sm" | "md" | "lg" | "xs" | "xxs" | undefined;
+        size?: "sm" | "md" | "lg" | "xxs" | "xs" | undefined;
         rounded?: "none" | "normal" | "full" | undefined;
         className?: string | undefined;
         imageClassName?: string | undefined;
@@ -27,7 +27,7 @@ declare const meta: {
         text?: string | undefined;
         icon?: React.ReactNode;
         children?: React.ReactNode;
-        size?: "sm" | "md" | "lg" | "xs" | "xxs" | undefined;
+        size?: "sm" | "md" | "lg" | "xxs" | "xs" | undefined;
         rounded?: "none" | "normal" | "full" | undefined;
         className?: string | undefined;
         imageClassName?: string | undefined;
@@ -40,7 +40,7 @@ declare const meta: {
         text?: string | undefined;
         fallback?: React.ReactNode;
         children?: React.ReactNode;
-        size?: "sm" | "md" | "lg" | "xs" | "xxs" | undefined;
+        size?: "sm" | "md" | "lg" | "xxs" | "xs" | undefined;
         rounded?: "none" | "normal" | "full" | undefined;
         className?: string | undefined;
         imageClassName?: string | undefined;

package/dist/esm/types/components/Avatar/Avatar.styles.d.ts

@@ -1,4 +1,4 @@
 export declare const avatarVariants: (props?: ({
-    size?: "sm" | "md" | "lg" | "xs" | "xxs" | null | undefined;
+    size?: "sm" | "md" | "lg" | "xxs" | "xs" | null | undefined;
     rounded?: "none" | "normal" | "full" | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;

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

@@ -0,0 +1,3 @@
+import Avatar from "./Avatar";
+import AvatarGroup from "./AvatarGroup";
+export { Avatar, AvatarGroup };

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

@@ -1,5 +1,5 @@
 import { FC, ReactNode } from "react";
-type NavbarProps = {
+export type NavbarProps = {
     position?: "static" | "sticky";
     children?: ReactNode;
     leftNav?: ReactNode;

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

@@ -1,15 +1,7 @@
 import React from "react";
 declare const meta: {
     title: string;
-    component: React.FC<{
-        position?: "static" | "sticky" | undefined;
-        children?: React.ReactNode;
-        leftNav?: React.ReactNode;
-        rightNav?: React.ReactNode;
-        center?: React.ReactNode;
-        container?: boolean | undefined;
-        className?: string | undefined;
-    }>;
+    component: React.FC<import("./Navbar").NavbarProps>;
     tags: string[];
     parameters: {
         layout: string;

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

@@ -0,0 +1,2 @@
+import Navbar from "./Navbar";
+export { Navbar };

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

@@ -7,6 +7,8 @@ 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 { Navbar } from "./components/Navbar";
+export { Avatar, AvatarGroup } from "./components/Avatar";
 export * from "./components/Table/Table";
 export * from "./components/DataTable/DataTable";
 export * from "./components/Dialog/Dialog";
@@ -14,5 +16,8 @@ export * from "./components/AlertDialog/AlertDialog";
 export type { ButtonProps } from "./components/Button/Button";
 export type { InputProps } from "./components/TextInput/TextInput";
 export type { DropdownProps, Options } from "./components/Dropdown/Dropdown";
+export type { NavbarProps } from "./components/Navbar/Navbar";
+export type { AvatarProps } from "./components/Avatar/Avatar";
+export type { AvatarGroupProps } from "./components/Avatar/AvatarGroup";
 export { resloveTimestamp, getStartDateOfDay, getEndDateOfDay, getStartEndTimestampOfDay, getTimestampUTC, } from "./utils/datetime";
 export { cn } from "./utils/cn";

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import React__default, { ReactElement, ReactNode } from 'react';
+import React__default, { ReactElement, ReactNode, FC } 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';
@@ -165,6 +165,56 @@ declare const Input: React__default.ForwardRefExoticComponent<{
     className?: string | undefined;
 } & Omit<React__default.InputHTMLAttributes<HTMLInputElement>, "size"> & React__default.RefAttributes<HTMLInputElement>>;
 
+type NavbarProps = {
+    position?: "static" | "sticky";
+    children?: ReactNode;
+    leftNav?: ReactNode;
+    rightNav?: ReactNode;
+    center?: ReactNode;
+    container?: boolean;
+    className?: string;
+};
+declare const Navbar: FC<NavbarProps>;
+
+type BaseAvatarProps = {
+    imageUrl?: string;
+    text?: string;
+    fallback?: React.ReactNode;
+    icon?: React.ReactNode;
+    children?: React.ReactNode;
+    size?: "xxs" | "xs" | "sm" | "md" | "lg";
+    rounded?: "full" | "normal" | "none";
+    className?: string;
+    imageClassName?: string;
+    fallbackClassName?: string;
+    style?: React.CSSProperties;
+};
+type AvatarTextProps = {
+    text: string;
+    type: "text";
+} & BaseAvatarProps;
+type AvatarImageProps = {
+    imageUrl: string;
+    fallback: React.ReactNode;
+    type: "image";
+} & BaseAvatarProps;
+type AvatarIconProps = {
+    icon: string;
+    type: "icon";
+} & BaseAvatarProps;
+type AvatarProps = AvatarTextProps | AvatarImageProps | AvatarIconProps;
+declare const Avatar: React.FC<AvatarProps>;
+
+type AvatarGroupProps = {
+    maxDisplay?: number;
+    borderWidth?: number;
+    borderColor?: string;
+    remainingText?: string;
+    children?: ReactNode;
+    remainingAvatar?: ReactNode;
+};
+declare const AvatarGroup: FC<AvatarGroupProps>;
+
 declare const Table: React.ForwardRefExoticComponent<{
     rootRef?: React.LegacyRef<HTMLDivElement> | undefined;
 } & React.HTMLAttributes<HTMLTableElement> & React.RefAttributes<HTMLTableElement>>;
@@ -231,4 +281,4 @@ declare const getTimestampUTC: (date: Date) => number;
 
 declare function cn(...inputs: ClassValue[]): string;
 
-export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, Button, type ButtonProps, Checkbox, DataTable, type DataTableProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Dropdown, type DropdownProps, Input, type InputProps, Label, type Options, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, Text, TextInput, cn, getEndDateOfDay, getStartDateOfDay, getStartEndTimestampOfDay, getTimestampUTC, resloveTimestamp };
+export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, Button, type ButtonProps, Checkbox, DataTable, type DataTableProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Dropdown, type DropdownProps, Input, type InputProps, Label, Navbar, type NavbarProps, type Options, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, Text, TextInput, cn, getEndDateOfDay, getStartDateOfDay, getStartEndTimestampOfDay, getTimestampUTC, resloveTimestamp };

package/dist/index.js

@@ -9,6 +9,8 @@ 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 { Navbar } from "./components/Navbar";
+export { Avatar, AvatarGroup } from "./components/Avatar";
 export * from "./components/Table/Table";
 export * from "./components/DataTable/DataTable";
 export * from "./components/Dialog/Dialog";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rovula/ui",
-  "version": "0.0.14",
+  "version": "0.0.15",
   "main": "dist/cjs/bundle.js",
   "module": "dist/esm/bundle.js",
   "types": "dist/index.d.ts",

package/src/components/Avatar/Avatar.tsx

@@ -19,23 +19,23 @@ type BaseAvatarProps = {
   style?: React.CSSProperties;
 };
 
-type AvatarText = {
+type AvatarTextProps = {
   text: string;
   type: "text";
 } & BaseAvatarProps;
 
-type AvatarImage = {
+type AvatarImageProps = {
   imageUrl: string;
   fallback: React.ReactNode;
   type: "image";
 } & BaseAvatarProps;
 
-type AvatarIcon = {
+type AvatarIconProps = {
   icon: string;
   type: "icon";
 } & BaseAvatarProps;
 
-export type AvatarProps = AvatarText | AvatarImage | AvatarIcon;
+export type AvatarProps = AvatarTextProps | AvatarImageProps | AvatarIconProps;
 
 export const formatAvatarName = (text: string) => {
   if (!text.length) return "-";

package/src/components/Avatar/index.ts

@@ -0,0 +1,4 @@
+import Avatar from "./Avatar";
+import AvatarGroup from "./AvatarGroup";
+
+export { Avatar, AvatarGroup };

package/src/components/Navbar/Navbar.tsx

@@ -1,7 +1,7 @@
 import { cn } from "@/utils/cn";
 import React, { FC, ReactNode } from "react";
 
-type NavbarProps = {
+export type NavbarProps = {
   position?: "static" | "sticky";
   children?: ReactNode;
   leftNav?: ReactNode;

package/src/components/Navbar/index.ts

@@ -0,0 +1,3 @@
+import Navbar from "./Navbar";
+
+export { Navbar };

package/src/index.ts

@@ -9,6 +9,8 @@ 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 { Navbar } from "./components/Navbar";
+export { Avatar, AvatarGroup } from "./components/Avatar";
 export * from "./components/Table/Table";
 export * from "./components/DataTable/DataTable";
 export * from "./components/Dialog/Dialog";
@@ -18,6 +20,9 @@ export * from "./components/AlertDialog/AlertDialog";
 export type { ButtonProps } from "./components/Button/Button";
 export type { InputProps } from "./components/TextInput/TextInput";
 export type { DropdownProps, Options } from "./components/Dropdown/Dropdown";
+export type { NavbarProps } from "./components/Navbar/Navbar";
+export type { AvatarProps } from "./components/Avatar/Avatar";
+export type { AvatarGroupProps } from "./components/Avatar/AvatarGroup";
 
 // UTILS
 export {