randmarcomps 1.30.0 → 1.32.0

package/README.md

@@ -18,6 +18,23 @@ This component library requires the following dependencies:
 npm install tailwindcss@^4.0.0
 ```
 
+For Tailwind CSS v4, you need to add the following directives to your CSS file to include the styles from randmarcomps:
+
+```css
+/* In your main CSS file (e.g., src/index.css) */
+@import "tailwindcss";
+@plugin "tailwindcss-animate";
+@custom-variant dark (&:is(.dark *));
+@import "../node_modules/randmarcomps/dist/style.css";
+@source "../node_modules/randmarcomps/dist";
+
+/* Rest of your CSS */
+```
+
+This directive tells Tailwind to process the components from randmarcomps when generating your CSS.
+
+If you're using a different path structure, adjust the path accordingly. The path should be relative to your CSS file.
+
 ### React Router
 
 Several components (like Navbar and Topbar) require React Router:

package/dist/randmarcomps.d.ts

@@ -10,6 +10,14 @@ import * as ToastPrimitives from '@radix-ui/react-toast';
 import * as TooltipPrimitive from '@radix-ui/react-tooltip';
 import { VariantProps } from 'class-variance-authority';
 
+export declare function AvatarFooter({ getMyAccountPath, publicName, applicationName }: AvatarFooterProps): JSX.Element;
+
+export declare interface AvatarFooterProps {
+    publicName?: string;
+    applicationName: string;
+    getMyAccountPath: (appId: string) => string;
+}
+
 export declare const Button: React_2.ForwardRefExoticComponent<ButtonProps & React_2.RefAttributes<HTMLButtonElement>>;
 
 export declare interface ButtonProps extends React_2.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
@@ -35,79 +43,25 @@ export declare function InputOTPSlot({ index, className, ...props }: React_2.Com
     index: number;
 }): JSX.Element;
 
-export declare function Layout({ children, routes, searchResultsRouteName, getMyAccountPath, accountData, applicationName, dashboardTitle, onSignOut, }: LayoutProps): JSX.Element;
+export declare function Layout({ children, routes, footer, searchResultsRouteName, dashboardTitle, onSignOut, }: LayoutProps): JSX.Element;
 
-/**
- * Props for the Layout component
- */
 declare interface LayoutProps {
-    /**
-     * Child components to render within the layout
-     */
     children: React.ReactNode;
-    /**
-     * Array of application routes for navigation
-     */
+    footer: React.ReactNode;
     routes: NavRoute[];
-    /**
-     * Route name for search results page
-     * @default "search"
-     */
     searchResultsRouteName?: string;
-    /**
-     * Function to get the path to the account page for a given appID
-     */
-    getMyAccountPath: (appId: string) => string;
-    /**
-     * Account data containing partner information
-     */
-    accountData?: {
-        PublicName?: string;
-    };
-    /**
-     * Application name from the user profile
-     */
-    applicationName?: string;
-    /**
-     * Title to display in the dashboard header
-     * @default "Partner Dashboard"
-     */
     dashboardTitle?: string;
-    /**
-     * Function to handle sign out action
-     */
     onSignOut: () => void;
 }
 
-export declare function Navbar({ routes, getMyAccountPath, publicName, applicationName, dashboardTitle }: NavbarProps): JSX.Element;
+export declare function Navbar({ routes, footer, dashboardTitle }: NavbarProps): JSX.Element;
 
 declare interface NavbarProps {
-    /**
-     * Array of application routes to display in the navigation
-     */
     routes: NavRoute[];
-    /**
-     * Function to get the path to the account page for a given appID
-     */
-    getMyAccountPath: (appId: string) => string;
-    /**
-     * Public name of the partner
-     */
-    publicName?: string;
-    /**
-     * Application name from the user profile
-     */
-    applicationName?: string;
-    /**
-     * Title to display in the dashboard header
-     * @default "Partner Dashboard"
-     */
     dashboardTitle?: string;
+    footer: React.ReactNode;
 }
 
-/**
- * Minimal interface for route configuration needed by the navbar
- */
 export declare interface NavRoute {
     key: string;
     path: string;