@rovula/ui 0.0.24 → 0.0.26

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

@@ -7,6 +7,10 @@ export type NavbarProps = {
     center?: ReactNode;
     container?: boolean;
     className?: string;
+    containerClassName?: string;
+    leftNavClassName?: string;
+    centerClassName?: string;
+    rightNavClassName?: string;
 };
 declare const Navbar: FC<NavbarProps>;
 export default Navbar;

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

@@ -14,6 +14,10 @@ declare const meta: {
         center?: React.ReactNode;
         container?: boolean | undefined;
         className?: string | undefined;
+        containerClassName?: string | undefined;
+        leftNavClassName?: string | undefined;
+        centerClassName?: string | undefined;
+        rightNavClassName?: string | undefined;
     }>) => import("react/jsx-runtime").JSX.Element)[];
 };
 export default meta;

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

@@ -25,6 +25,7 @@ export * from "./components/AlertDialog/AlertDialog";
 export * from "./components/Search/Search";
 export * from "./components/Slider/Slider";
 export * from "./components/Switch/Switch";
+export * from "./components/DropdownMenu/DropdownMenu";
 export type { ButtonProps } from "./components/Button/Button";
 export type { InputProps } from "./components/TextInput/TextInput";
 export type { DropdownProps, Options } from "./components/Dropdown/Dropdown";

package/dist/index.d.ts

@@ -12,6 +12,7 @@ import * as DialogPrimitive from '@radix-ui/react-dialog';
 import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
 import * as SliderPrimitive from '@radix-ui/react-slider';
 import * as SwitchPrimitives from '@radix-ui/react-switch';
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
 import { ClassValue } from 'clsx';
 
 type ButtonProps = {
@@ -191,6 +192,10 @@ type NavbarProps = {
     center?: ReactNode;
     container?: boolean;
     className?: string;
+    containerClassName?: string;
+    leftNavClassName?: string;
+    centerClassName?: string;
+    rightNavClassName?: string;
 };
 declare const Navbar: FC<NavbarProps>;
 
@@ -398,6 +403,31 @@ type SliderProps = React.ComponentProps<typeof Slider>;
 
 declare const Switch: React.ForwardRefExoticComponent<Omit<SwitchPrimitives.SwitchProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 
+declare const DropdownMenu: React.FC<DropdownMenuPrimitive.DropdownMenuProps>;
+declare const DropdownMenuTrigger: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const DropdownMenuGroup: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuGroupProps & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuPortal: React.FC<DropdownMenuPrimitive.DropdownMenuPortalProps>;
+declare const DropdownMenuSub: React.FC<DropdownMenuPrimitive.DropdownMenuSubProps>;
+declare const DropdownMenuRadioGroup: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuRadioGroupProps & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuSubTrigger: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubTriggerProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean | undefined;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuSubContent: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuContent: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean | undefined;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuCheckboxItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuCheckboxItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuRadioItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuRadioItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuLabel: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean | undefined;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuSeparator: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuShortcut: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
 declare const resloveTimestamp: (timestamp: number) => number;
 declare const getStartDateOfDay: (date: Date) => Date;
 declare const getEndDateOfDay: (date: Date) => Date;
@@ -409,4 +439,4 @@ declare const getTimestampUTC: (date: Date) => number;
 
 declare function cn(...inputs: ClassValue[]): string;
 
-export { ActionButton, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, Button, type ButtonProps, Calendar, Checkbox, Collapsible, DataTable, type DataTableProps, DatePicker, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Dropdown, type DropdownProps, Icon, Input, type InputProps, Label, Loading, Navbar, type NavbarProps, type Options, Popover, PopoverContent, PopoverTrigger, ProgressBar, Search, type SearchProps, Slider, type SliderProps, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, ForwardedText as Text, TextInput, cn, getEndDateOfDay, getStartDateOfDay, getStartEndTimestampOfDay, getTimestampUTC, resloveTimestamp };
+export { ActionButton, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, Button, type ButtonProps, Calendar, Checkbox, Collapsible, DataTable, type DataTableProps, DatePicker, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Dropdown, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, type DropdownProps, Icon, Input, type InputProps, Label, Loading, Navbar, type NavbarProps, type Options, Popover, PopoverContent, PopoverTrigger, ProgressBar, Search, type SearchProps, Slider, type SliderProps, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, ForwardedText as Text, TextInput, cn, getEndDateOfDay, getStartDateOfDay, getStartEndTimestampOfDay, getTimestampUTC, resloveTimestamp };

package/dist/index.js

@@ -27,6 +27,7 @@ export * from "./components/AlertDialog/AlertDialog";
 export * from "./components/Search/Search";
 export * from "./components/Slider/Slider";
 export * from "./components/Switch/Switch";
+export * from "./components/DropdownMenu/DropdownMenu";
 // UTILS
 export { resloveTimestamp, getStartDateOfDay, getEndDateOfDay, getStartEndTimestampOfDay, getTimestampUTC, } from "./utils/datetime";
 export { cn } from "./utils/cn";

package/package.json

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

package/src/components/Navbar/Navbar.tsx

@@ -9,6 +9,10 @@ export type NavbarProps = {
   center?: ReactNode;
   container?: boolean;
   className?: string;
+  containerClassName?: string;
+  leftNavClassName?: string;
+  centerClassName?: string;
+  rightNavClassName?: string;
 };
 
 const Navbar: FC<NavbarProps> = ({
@@ -19,6 +23,10 @@ const Navbar: FC<NavbarProps> = ({
   rightNav,
   position,
   container = false,
+  containerClassName,
+  leftNavClassName,
+  centerClassName,
+  rightNavClassName,
 }) => {
   return (
     <header
@@ -29,21 +37,40 @@ const Navbar: FC<NavbarProps> = ({
       )}
     >
       <div
-        className={cn("mx-auto flex h-full justify-between items-center", {
-          container,
-        })}
+        className={cn(
+          "mx-auto flex h-full justify-between items-center",
+          {
+            container,
+          },
+          containerClassName
+        )}
       >
         {children || (
           <>
-            <nav className="flex w-1/2 gap-x-[var(--navbar-gap)] text-xl">
+            <nav
+              className={cn(
+                "flex w-1/2 gap-x-[var(--navbar-gap)] text-xl",
+                leftNavClassName
+              )}
+            >
               {leftNav}
             </nav>
 
-            <div className="flex flex-shrink-0 flex-wrap justify-center">
+            <div
+              className={cn(
+                "flex flex-shrink-0 flex-wrap justify-center",
+                centerClassName
+              )}
+            >
               {center}
             </div>
 
-            <nav className="flex w-1/2 justify-end gap-x-[var(--navbar-gap)] text-xl">
+            <nav
+              className={cn(
+                "flex w-1/2 justify-end gap-x-[var(--navbar-gap)] text-xl",
+                rightNavClassName
+              )}
+            >
               {rightNav}
             </nav>
           </>

package/src/index.ts

@@ -32,6 +32,7 @@ export * from "./components/AlertDialog/AlertDialog";
 export * from "./components/Search/Search";
 export * from "./components/Slider/Slider";
 export * from "./components/Switch/Switch";
+export * from "./components/DropdownMenu/DropdownMenu";
 
 // Export component types
 export type { ButtonProps } from "./components/Button/Button";