pelatform-ui 1.4.3 → 1.5.0

package/dist/{button-Bc3N6jWT.d.ts → button-BHmUZBYK.d.ts}

@@ -1,4 +1,3 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
@@ -6,10 +5,10 @@ import { VariantProps } from 'class-variance-authority';
 declare const alertVariants: (props?: ({
     variant?: "default" | "destructive" | "info" | "success" | "warning" | "invert" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-declare function Alert({ className, variant, ...props }: React.ComponentProps<"div"> & VariantProps<typeof alertVariants>): react_jsx_runtime.JSX.Element;
-declare function AlertTitle({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
-declare function AlertDescription({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
-declare function AlertAction({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function Alert({ className, variant, ...props }: React.ComponentProps<"div"> & VariantProps<typeof alertVariants>): React.JSX.Element;
+declare function AlertTitle({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function AlertDescription({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function AlertAction({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
 
 declare const buttonVariants: (props?: ({
     variant?: "link" | "default" | "outline" | "secondary" | "ghost" | "destructive" | null | undefined;
@@ -17,6 +16,6 @@ declare const buttonVariants: (props?: ({
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare function Button({ className, variant, size, asChild, ...props }: React.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {
     asChild?: boolean;
-}): react_jsx_runtime.JSX.Element;
+}): React.JSX.Element;
 
 export { Alert as A, Button as B, AlertAction as a, AlertDescription as b, AlertTitle as c, buttonVariants as d };

package/dist/components.d.ts

@@ -1,14 +1,19 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React$1 from 'react';
 import React__default, { ReactNode, ComponentProps } from 'react';
 import { QueryClient } from '@tanstack/react-query';
 import { ThemeProvider as ThemeProvider$1 } from 'next-themes';
-import { A as Alert, B as Button } from './button-Bc3N6jWT.js';
-import { B as Badge } from './badge-CnQznr5B.js';
+import { A as Alert, B as Button } from './button-BHmUZBYK.js';
+import { B as Badge } from './badge-BScpb9q4.js';
 import { ThemeMode } from '@pelatform/utils';
 import 'class-variance-authority/types';
 import 'class-variance-authority';
 
+/**
+ * Icon Collection Component
+ * Provides a comprehensive collection of SVG icons for common brands and services
+ * All icons are optimized for web use and support currentColor for theming
+ */
+
 /**
  * Props interface for icon components
  * Extends standard HTML SVG element attributes for full customization
@@ -38,54 +43,54 @@ type IconProps = React__default.HTMLAttributes<SVGElement>;
  * ```
  */
 declare const Icons: {
-    Anthropic: (props: IconProps) => react_jsx_runtime.JSX.Element;
-    Apple: (props: IconProps) => react_jsx_runtime.JSX.Element;
-    Aria: (props: IconProps) => react_jsx_runtime.JSX.Element;
-    Discord: (props: IconProps) => react_jsx_runtime.JSX.Element;
-    Dropbox: (props: IconProps) => react_jsx_runtime.JSX.Element;
-    Facebook: (props: IconProps) => react_jsx_runtime.JSX.Element;
-    FacebookColorful: (props: IconProps) => react_jsx_runtime.JSX.Element;
-    Github: (props: IconProps) => react_jsx_runtime.JSX.Element;
-    Gitlab: (props: IconProps) => react_jsx_runtime.JSX.Element;
-    Google: (props: IconProps) => react_jsx_runtime.JSX.Element;
-    GoogleColorful: (props: IconProps) => react_jsx_runtime.JSX.Element;
-    Huggingface: (props: IconProps) => react_jsx_runtime.JSX.Element;
-    Instagram: (props: IconProps) => react_jsx_runtime.JSX.Element;
-    Kick: (props: IconProps) => react_jsx_runtime.JSX.Element;
-    Linear: (props: IconProps) => react_jsx_runtime.JSX.Element;
-    Linkedin: (props: IconProps) => react_jsx_runtime.JSX.Element;
-    LinkedinColorful: (props: IconProps) => react_jsx_runtime.JSX.Element;
-    Microsoft: (props: IconProps) => react_jsx_runtime.JSX.Element;
-    Nextjs: (props: IconProps) => react_jsx_runtime.JSX.Element;
-    Notion: (props: IconProps) => react_jsx_runtime.JSX.Element;
-    Npm: (props: IconProps) => react_jsx_runtime.JSX.Element;
-    Openai: (props: IconProps) => react_jsx_runtime.JSX.Element;
-    Paypal: (props: IconProps) => react_jsx_runtime.JSX.Element;
-    Pelatform: (props: IconProps) => react_jsx_runtime.JSX.Element;
-    Pnpm: (props: IconProps) => react_jsx_runtime.JSX.Element;
-    Postgresql: (props: IconProps) => react_jsx_runtime.JSX.Element;
-    Prisma: (props: IconProps) => react_jsx_runtime.JSX.Element;
-    Radix: (props: IconProps) => react_jsx_runtime.JSX.Element;
-    Radixui: (props: IconProps) => react_jsx_runtime.JSX.Element;
-    React: (props: IconProps) => react_jsx_runtime.JSX.Element;
-    Reddit: (props: IconProps) => react_jsx_runtime.JSX.Element;
-    Roblox: (props: IconProps) => react_jsx_runtime.JSX.Element;
-    Scira: (props: IconProps) => react_jsx_runtime.JSX.Element;
-    Scribble: (props: IconProps) => react_jsx_runtime.JSX.Element;
-    Slack: (props: IconProps) => react_jsx_runtime.JSX.Element;
-    Spotify: (props: IconProps) => react_jsx_runtime.JSX.Element;
-    Supabase: (props: IconProps) => react_jsx_runtime.JSX.Element;
-    Tailwind: (props: IconProps) => react_jsx_runtime.JSX.Element;
-    Telegram: (props: IconProps) => react_jsx_runtime.JSX.Element;
-    Tiktok: (props: IconProps) => react_jsx_runtime.JSX.Element;
-    Twitch: (props: IconProps) => react_jsx_runtime.JSX.Element;
-    Twitter: (props: IconProps) => react_jsx_runtime.JSX.Element;
-    Vk: (props: IconProps) => react_jsx_runtime.JSX.Element;
-    WhatsApp: (props: IconProps) => react_jsx_runtime.JSX.Element;
-    X: (props: IconProps) => react_jsx_runtime.JSX.Element;
-    Yarn: (props: IconProps) => react_jsx_runtime.JSX.Element;
-    Youtube: (props: IconProps) => react_jsx_runtime.JSX.Element;
-    Zoom: (props: IconProps) => react_jsx_runtime.JSX.Element;
+    Anthropic: (props: IconProps) => React__default.JSX.Element;
+    Apple: (props: IconProps) => React__default.JSX.Element;
+    Aria: (props: IconProps) => React__default.JSX.Element;
+    Discord: (props: IconProps) => React__default.JSX.Element;
+    Dropbox: (props: IconProps) => React__default.JSX.Element;
+    Facebook: (props: IconProps) => React__default.JSX.Element;
+    FacebookColorful: (props: IconProps) => React__default.JSX.Element;
+    Github: (props: IconProps) => React__default.JSX.Element;
+    Gitlab: (props: IconProps) => React__default.JSX.Element;
+    Google: (props: IconProps) => React__default.JSX.Element;
+    GoogleColorful: (props: IconProps) => React__default.JSX.Element;
+    Huggingface: (props: IconProps) => React__default.JSX.Element;
+    Instagram: (props: IconProps) => React__default.JSX.Element;
+    Kick: (props: IconProps) => React__default.JSX.Element;
+    Linear: (props: IconProps) => React__default.JSX.Element;
+    Linkedin: (props: IconProps) => React__default.JSX.Element;
+    LinkedinColorful: (props: IconProps) => React__default.JSX.Element;
+    Microsoft: (props: IconProps) => React__default.JSX.Element;
+    Nextjs: (props: IconProps) => React__default.JSX.Element;
+    Notion: (props: IconProps) => React__default.JSX.Element;
+    Npm: (props: IconProps) => React__default.JSX.Element;
+    Openai: (props: IconProps) => React__default.JSX.Element;
+    Paypal: (props: IconProps) => React__default.JSX.Element;
+    Pelatform: (props: IconProps) => React__default.JSX.Element;
+    Pnpm: (props: IconProps) => React__default.JSX.Element;
+    Postgresql: (props: IconProps) => React__default.JSX.Element;
+    Prisma: (props: IconProps) => React__default.JSX.Element;
+    Radix: (props: IconProps) => React__default.JSX.Element;
+    Radixui: (props: IconProps) => React__default.JSX.Element;
+    React: (props: IconProps) => React__default.JSX.Element;
+    Reddit: (props: IconProps) => React__default.JSX.Element;
+    Roblox: (props: IconProps) => React__default.JSX.Element;
+    Scira: (props: IconProps) => React__default.JSX.Element;
+    Scribble: (props: IconProps) => React__default.JSX.Element;
+    Slack: (props: IconProps) => React__default.JSX.Element;
+    Spotify: (props: IconProps) => React__default.JSX.Element;
+    Supabase: (props: IconProps) => React__default.JSX.Element;
+    Tailwind: (props: IconProps) => React__default.JSX.Element;
+    Telegram: (props: IconProps) => React__default.JSX.Element;
+    Tiktok: (props: IconProps) => React__default.JSX.Element;
+    Twitch: (props: IconProps) => React__default.JSX.Element;
+    Twitter: (props: IconProps) => React__default.JSX.Element;
+    Vk: (props: IconProps) => React__default.JSX.Element;
+    WhatsApp: (props: IconProps) => React__default.JSX.Element;
+    X: (props: IconProps) => React__default.JSX.Element;
+    Yarn: (props: IconProps) => React__default.JSX.Element;
+    Youtube: (props: IconProps) => React__default.JSX.Element;
+    Zoom: (props: IconProps) => React__default.JSX.Element;
 };
 
 /**
@@ -133,7 +138,7 @@ declare const Icons: {
  */
 declare function Logo({ className }: {
     className?: string;
-}): react_jsx_runtime.JSX.Element;
+}): React$1.JSX.Element;
 
 /**
  * Main Navigation Component
@@ -216,7 +221,7 @@ interface NavigationProps {
  * <MainNav items={navItems} />
  * ```
  */
-declare function MainNav({ pathname, items, className }: NavigationProps): react_jsx_runtime.JSX.Element;
+declare function MainNav({ pathname, items, className }: NavigationProps): React$1.JSX.Element;
 
 /**
  * MobileNav Component
@@ -273,14 +278,14 @@ declare function MainNav({ pathname, items, className }: NavigationProps): react
 declare function MobileNav({ children, className }: {
     children: ReactNode;
     className?: string;
-}): react_jsx_runtime.JSX.Element;
+}): React$1.JSX.Element;
 interface MobileNavItemRendererProps {
     item: NavItem;
     pathname: string | null;
     level: number;
     onOpenChange: (open: boolean) => void;
 }
-declare function MobileNavItemRenderer({ item, pathname, level, onOpenChange, }: MobileNavItemRendererProps): react_jsx_runtime.JSX.Element;
+declare function MobileNavItemRenderer({ item, pathname, level, onOpenChange, }: MobileNavItemRendererProps): React$1.JSX.Element;
 
 /**
  * SiteFooter Component
@@ -338,7 +343,7 @@ declare function MobileNavItemRenderer({ item, pathname, level, onOpenChange, }:
 declare function SiteFooter({ children, className }: {
     children: ReactNode;
     className?: string;
-}): react_jsx_runtime.JSX.Element;
+}): React$1.JSX.Element;
 
 /**
  * SiteHeader Component
@@ -394,7 +399,7 @@ declare function SiteFooter({ children, className }: {
 declare function SiteHeader({ children, className }: {
     children: ReactNode;
     className?: string;
-}): react_jsx_runtime.JSX.Element;
+}): React$1.JSX.Element;
 
 /**
  * React Query provider component with optimized configuration
@@ -436,7 +441,13 @@ declare function SiteHeader({ children, className }: {
 declare const QueryProvider: ({ client: clientProps, children, }: {
     client?: QueryClient;
     children: ReactNode;
-}) => react_jsx_runtime.JSX.Element;
+}) => React$1.JSX.Element;
+
+/**
+ * Theme provider for application-wide theme management
+ * Integrates next-themes with custom theme configuration and tooltip provider
+ * Supports light, dark, and system theme modes with smooth transitions
+ */
 
 /**
  * Props interface for ThemeProvider component
@@ -499,7 +510,7 @@ interface ThemeProviderProps extends React$1.ComponentProps<typeof ThemeProvider
  * }
  * ```
  */
-declare function ThemeProvider({ children, ...props }: ThemeProviderProps): react_jsx_runtime.JSX.Element;
+declare function ThemeProvider({ children, ...props }: ThemeProviderProps): React$1.JSX.Element;
 
 /**
  * Configuration options for the alert toast notification
@@ -571,7 +582,7 @@ declare function AlertToast({ message, icon, variant, }: AlertToastOptions): voi
  * />
  * ```
  */
-declare function AlertNotification({ message, variant }: AlertToastOptions): react_jsx_runtime.JSX.Element | null;
+declare function AlertNotification({ message, variant }: AlertToastOptions): React$1.JSX.Element | null;
 /**
  * Displays a standardized "coming soon" toast notification
  *
@@ -643,7 +654,7 @@ interface ComingSoonProps {
  * <ComingSoon title="Coming Soon" description="We are cooking something nice." />
  * ```
  */
-declare function ComingSoon({ className, title, description }: ComingSoonProps): react_jsx_runtime.JSX.Element;
+declare function ComingSoon({ className, title, description }: ComingSoonProps): React$1.JSX.Element;
 
 /**
  * Confirm Dismiss Dialog Component
@@ -729,7 +740,7 @@ interface ConfirmDismissDialogProps {
  * />
  * ```
  */
-declare const ConfirmDismissDialog: ({ open, onOpenChange, onConfirm, onCancel, title, description, confirmText, cancelText, maxWidth, }: ConfirmDismissDialogProps) => react_jsx_runtime.JSX.Element;
+declare const ConfirmDismissDialog: ({ open, onOpenChange, onConfirm, onCancel, title, description, confirmText, cancelText, maxWidth, }: ConfirmDismissDialogProps) => React$1.JSX.Element;
 
 /**
  * Locale option used by the LanguageSwitcher
@@ -775,7 +786,13 @@ interface LanguageSwitcherProps {
     /** Badge variant style */
     badgeVariant?: ComponentProps<typeof Badge>["variant"];
 }
-declare function LanguageSwitcher({ className, type, variant, size, showNames, showFlags, label, i18nEnabled, currentLocale, locales, onLocaleChange, customFlagUrl, badgeVariant, }: LanguageSwitcherProps): react_jsx_runtime.JSX.Element | null;
+declare function LanguageSwitcher({ className, type, variant, size, showNames, showFlags, label, i18nEnabled, currentLocale, locales, onLocaleChange, customFlagUrl, badgeVariant, }: LanguageSwitcherProps): React$1.JSX.Element | null;
+
+/**
+ * Theme Mode Switcher Component
+ * Provides a button to cycle through light, dark, and system theme modes
+ * Integrates with the application's color configuration and meta color management
+ */
 
 /**
  * Props interface for the ModeSwitcher component
@@ -790,7 +807,7 @@ interface ModeSwitcherProps {
     /** Custom cycle order for themes (defaults to system -> light -> dark) */
     cycleOrder?: ThemeMode[];
     /** Button type: 'toggle' for a single button or 'dropdown' and 'sub-dropdown' for a menu with options */
-    type?: "toogle" | "dropdown" | "sub-dropdown";
+    type?: "toggle" | "dropdown" | "sub-dropdown";
     /** Labels for each theme mode (optional) */
     label?: {
         system?: string;
@@ -834,7 +851,7 @@ interface ModeSwitcherProps {
  * />
  * ```
  */
-declare function ModeSwitcher({ className, variant, size, cycleOrder, type, label, }: ModeSwitcherProps): react_jsx_runtime.JSX.Element;
+declare function ModeSwitcher({ className, variant, size, cycleOrder, type, label, }: ModeSwitcherProps): React$1.JSX.Element;
 
 /**
  * Screen Loader Component
@@ -912,7 +929,7 @@ interface ScreenLoaderProps {
  * />
  * ```
  */
-declare function ScreenLoader({ loadingText, className, spinnerClassName, textClassName, contentLoader, }?: ScreenLoaderProps): react_jsx_runtime.JSX.Element;
+declare function ScreenLoader({ loadingText, className, spinnerClassName, textClassName, contentLoader, }?: ScreenLoaderProps): React$1.JSX.Element;
 
 /**
  * Main Toolbar Component
@@ -942,7 +959,7 @@ declare function ScreenLoader({ loadingText, className, spinnerClassName, textCl
  */
 declare const Toolbar: ({ children }: {
     children: ReactNode;
-}) => react_jsx_runtime.JSX.Element;
+}) => React$1.JSX.Element;
 /**
  * ToolbarHeading Component
  *
@@ -965,7 +982,7 @@ declare const Toolbar: ({ children }: {
 declare const ToolbarHeading: ({ children, className, }: {
     children: ReactNode;
     className?: string;
-}) => react_jsx_runtime.JSX.Element;
+}) => React$1.JSX.Element;
 /**
  * ToolbarTitle Component
  *
@@ -988,7 +1005,7 @@ declare const ToolbarHeading: ({ children, className, }: {
 declare const ToolbarTitle: ({ children, className, }: {
     children: ReactNode;
     className?: string;
-}) => react_jsx_runtime.JSX.Element;
+}) => React$1.JSX.Element;
 /**
  * ToolbarActions Component
  *
@@ -1028,7 +1045,7 @@ declare const ToolbarTitle: ({ children, className, }: {
  */
 declare const ToolbarActions: ({ children }: {
     children: ReactNode;
-}) => react_jsx_runtime.JSX.Element;
+}) => React$1.JSX.Element;
 
 /**
  * User Avatar Component
@@ -1118,7 +1135,7 @@ interface UserAvatarProps {
  * </div>
  * ```
  */
-declare function UserAvatar({ className, indicator, src, alt }: UserAvatarProps): react_jsx_runtime.JSX.Element;
+declare function UserAvatar({ className, indicator, src, alt }: UserAvatarProps): React$1.JSX.Element;
 /**
  * Utility function to generate initials from a name
  *

package/dist/components.js

@@ -57,7 +57,7 @@ var Icons = {
     "path",
     {
       d: "M216.856 16.597A208.5 208.5 0 0 0 164.042 0c-2.275 4.113-4.933 9.645-6.766 14.046q-29.538-4.442-58.533 0c-1.832-4.4-4.55-9.933-6.846-14.046a207.8 207.8 0 0 0-52.855 16.638C5.618 67.147-3.443 116.4 1.087 164.956c22.169 16.555 43.653 26.612 64.775 33.193A161 161 0 0 0 79.735 175.3a136.4 136.4 0 0 1-21.846-10.632a109 109 0 0 0 5.356-4.237c42.122 19.702 87.89 19.702 129.51 0a132 132 0 0 0 5.355 4.237a136 136 0 0 1-21.886 10.653c4.006 8.02 8.638 15.67 13.873 22.848c21.142-6.58 42.646-16.637 64.815-33.213c5.316-56.288-9.08-105.09-38.056-148.36M85.474 135.095c-12.645 0-23.015-11.805-23.015-26.18s10.149-26.2 23.015-26.2s23.236 11.804 23.015 26.2c.02 14.375-10.148 26.18-23.015 26.18m85.051 0c-12.645 0-23.014-11.805-23.014-26.18s10.148-26.2 23.014-26.2c12.867 0 23.236 11.804 23.015 26.2c0 14.375-10.148 26.18-23.015 26.18",
-      fill: "#5865f2"
+      fill: "currentColor"
     }
   ) }),
   Dropbox: (props) => /* @__PURE__ */ jsx("svg", { viewBox: "0 0 256 218", ...props, children: /* @__PURE__ */ jsx(
@@ -105,32 +105,14 @@ var Icons = {
       d: "M409.132 114.573c-19.608-33.596-46.205-60.194-79.798-79.8-33.598-19.607-70.277-29.408-110.063-29.408-39.781 0-76.472 9.804-110.063 29.408-33.596 19.605-60.192 46.204-79.8 79.8C9.803 148.168 0 184.854 0 224.63c0 47.78 13.94 90.745 41.827 128.906 27.884 38.164 63.906 64.572 108.063 79.227 5.14.954 8.945.283 11.419-1.996 2.475-2.282 3.711-5.14 3.711-8.562 0-.571-.049-5.708-.144-15.417a2549.81 2549.81 0 01-.144-25.406l-6.567 1.136c-4.187.767-9.469 1.092-15.846 1-6.374-.089-12.991-.757-19.842-1.999-6.854-1.231-13.229-4.086-19.13-8.559-5.898-4.473-10.085-10.328-12.56-17.556l-2.855-6.57c-1.903-4.374-4.899-9.233-8.992-14.559-4.093-5.331-8.232-8.945-12.419-10.848l-1.999-1.431c-1.332-.951-2.568-2.098-3.711-3.429-1.142-1.331-1.997-2.663-2.568-3.997-.572-1.335-.098-2.43 1.427-3.289 1.525-.859 4.281-1.276 8.28-1.276l5.708.853c3.807.763 8.516 3.042 14.133 6.851 5.614 3.806 10.229 8.754 13.846 14.842 4.38 7.806 9.657 13.754 15.846 17.847 6.184 4.093 12.419 6.136 18.699 6.136 6.28 0 11.704-.476 16.274-1.423 4.565-.952 8.848-2.383 12.847-4.285 1.713-12.758 6.377-22.559 13.988-29.41-10.848-1.14-20.601-2.857-29.264-5.14-8.658-2.286-17.605-5.996-26.835-11.14-9.235-5.137-16.896-11.516-22.985-19.126-6.09-7.614-11.088-17.61-14.987-29.979-3.901-12.374-5.852-26.648-5.852-42.826 0-23.035 7.52-42.637 22.557-58.817-7.044-17.318-6.379-36.732 1.997-58.24 5.52-1.715 13.706-.428 24.554 3.853 10.85 4.283 18.794 7.952 23.84 10.994 5.046 3.041 9.089 5.618 12.135 7.708 17.705-4.947 35.976-7.421 54.818-7.421s37.117 2.474 54.823 7.421l10.849-6.849c7.419-4.57 16.18-8.758 26.262-12.565 10.088-3.805 17.802-4.853 23.134-3.138 8.562 21.509 9.325 40.922 2.279 58.24 15.036 16.18 22.559 35.787 22.559 58.817 0 16.178-1.958 30.497-5.853 42.966-3.9 12.471-8.941 22.457-15.125 29.979-6.191 7.521-13.901 13.85-23.131 18.986-9.232 5.14-18.182 8.85-26.84 11.136-8.662 2.286-18.415 4.004-29.263 5.146 9.894 8.562 14.842 22.077 14.842 40.539v60.237c0 3.422 1.19 6.279 3.572 8.562 2.379 2.279 6.136 2.95 11.276 1.995 44.163-14.653 80.185-41.062 108.068-79.226 27.88-38.161 41.825-81.126 41.825-128.906-.01-39.771-9.818-76.454-29.414-110.049z"
     }
   ) }),
-  Gitlab: (props) => /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 256 236", ...props, children: [
-    /* @__PURE__ */ jsx("path", { d: "m128.075 236.075l47.104-144.97H80.97z", fill: "#e24329" }),
-    /* @__PURE__ */ jsx("path", { d: "M128.075 236.074L80.97 91.104H14.956z", fill: "#fc6d26" }),
-    /* @__PURE__ */ jsx(
-      "path",
-      {
-        d: "M14.956 91.104L.642 135.16a9.75 9.75 0 0 0 3.542 10.903l123.891 90.012z",
-        fill: "#fca326"
-      }
-    ),
-    /* @__PURE__ */ jsx("path", { d: "M14.956 91.105H80.97L52.601 3.79c-1.46-4.493-7.816-4.492-9.275 0z", fill: "#e24329" }),
-    /* @__PURE__ */ jsx("path", { d: "m128.075 236.074l47.104-144.97h66.015z", fill: "#fc6d26" }),
-    /* @__PURE__ */ jsx(
-      "path",
-      {
-        d: "m241.194 91.104l14.314 44.056a9.75 9.75 0 0 1-3.543 10.903l-123.89 90.012z",
-        fill: "#fca326"
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      "path",
-      {
-        d: "M241.194 91.105h-66.015l28.37-87.315c1.46-4.493 7.816-4.492 9.275 0z",
-        fill: "#e24329"
-      }
-    )
+  Gitlab: (props) => /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 256 236", fill: "currentColor", ...props, children: [
+    /* @__PURE__ */ jsx("path", { d: "m128.075 236.075l47.104-144.97H80.97z" }),
+    /* @__PURE__ */ jsx("path", { d: "M128.075 236.074L80.97 91.104H14.956z" }),
+    /* @__PURE__ */ jsx("path", { d: "M14.956 91.104L.642 135.16a9.75 9.75 0 0 0 3.542 10.903l123.891 90.012z" }),
+    /* @__PURE__ */ jsx("path", { d: "M14.956 91.105H80.97L52.601 3.79c-1.46-4.493-7.816-4.492-9.275 0z" }),
+    /* @__PURE__ */ jsx("path", { d: "m128.075 236.074l47.104-144.97h66.015z" }),
+    /* @__PURE__ */ jsx("path", { d: "m241.194 91.104l14.314 44.056a9.75 9.75 0 0 1-3.543 10.903l-123.89 90.012z" }),
+    /* @__PURE__ */ jsx("path", { d: "M241.194 91.105h-66.015l28.37-87.315c1.46-4.493 7.816-4.492 9.275 0z" })
   ] }),
   Google: (props) => /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", ...props, children: /* @__PURE__ */ jsx(
     "path",
@@ -201,7 +183,9 @@ var Icons = {
   Linkedin: (props) => /* @__PURE__ */ jsx("svg", { viewBox: "0 0 32 32", fill: "none", ...props, children: /* @__PURE__ */ jsx(
     "path",
     {
-      d: "M16 4C9.4 4 4 9.42714 4 16.0603C4 22.0121 8.404 26.9568 14.08 28V19.4372H11.08V16.0603H14.08V13.407C14.08 10.392 16 8.70352 18.76 8.70352C19.6 8.70352 20.56 8.82412 21.4 8.94472V12.0201H19.84C18.4 12.0201 18.04 12.7437 18.04 13.7085V16.0603H21.22L20.68 19.4372H18.04V27.9879C23.71 26.9387 28 22.0121 28 16.0603C28 9.42714 22.6 4 16 4Z",
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M25.3333 4H6.66667C5.19333 4 4 5.19333 4 6.66667V25.3333C4 26.8067 5.19333 28 6.66667 28H25.3333C26.8067 28 28 26.8067 28 25.3333V6.66667C28 5.19333 26.8067 4 25.3333 4ZM11.2567 24.6667H7.67667V13.11H11.2567V24.6667ZM9.45 11.5967C8.28 11.5967 7.33333 10.6433 7.33333 9.46333C7.33333 8.28333 8.28 7.33 9.45 7.33C10.62 7.33 11.5667 8.28333 11.5667 9.46333C11.5667 10.6433 10.62 11.5967 9.45 11.5967ZM24.6667 24.6667H21.1067V18.6C21.1067 16.9367 20.4733 16.0067 19.16 16.0067C17.7267 16.0067 16.98 16.9733 16.98 18.6V24.6667H13.5467V13.11H16.98V14.6667C16.98 14.6667 18.0133 12.7567 20.4633 12.7567C22.9133 12.7567 24.67 14.2533 24.67 17.35V24.6667H24.6667Z",
       fill: "currentColor"
     }
   ) }),
@@ -284,7 +268,7 @@ var Icons = {
     "path",
     {
       d: "M12 25a8 8 0 1 1 0-16v16zM12 0H4v8h8V0zM17 8a4 4 0 1 0 0-8 4 4 0 0 0 0 8z",
-      fill: "currentcolor"
+      fill: "currentColor"
     }
   ) }),
   React: (props) => /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", ...props, children: /* @__PURE__ */ jsx(
@@ -841,7 +825,6 @@ function MobileNavItemRenderer({
     ) ?? false)
   ) ?? false : item.href === pathname || item.href !== "/" && item.href && pathname?.startsWith(item.href);
   if (hasChildren && level <= 3) {
-    console.log(item);
     return /* @__PURE__ */ jsxs3(Collapsible, { open: isOpen, onOpenChange: setIsOpen, children: [
       /* @__PURE__ */ jsxs3(
         CollapsibleTrigger,
@@ -882,8 +865,9 @@ function MobileNavItemRenderer({
     {
       href: item.href || "#",
       ...item.external ? { target: "_blank", rel: "noopener noreferrer" } : {},
-      onClick: () => {
+      onClick: (e) => {
         if (!item.external && item.href) {
+          e.preventDefault();
           window.location.href = item.href.toString();
         }
         onOpenChange?.(false);
@@ -1161,7 +1145,7 @@ import { cn as cn7 } from "@pelatform/utils";
 import { jsx as jsx12, jsxs as jsxs8 } from "react/jsx-runtime";
 function getFlagUrl(flag) {
   const flagCode = flag.toLowerCase();
-  return `"https://assets.pelatform.com"/media/flags/${flagCode}.svg`;
+  return `https://assets.pelatform.com/media/flags/${flagCode}.svg`;
 }
 function LanguageSwitcher({
   className,
@@ -1313,7 +1297,7 @@ function ModeSwitcher({
   variant = "ghost",
   size = "default",
   cycleOrder = [THEME_MODES2.SYSTEM, THEME_MODES2.LIGHT, THEME_MODES2.DARK],
-  type = "toogle",
+  type = "toggle",
   label = {
     system: "System",
     dark: "Dark",
@@ -1349,7 +1333,7 @@ function ModeSwitcher({
     ] });
   };
   const isActive = (val) => theme === val;
-  if (type === "toogle") {
+  if (type === "toggle") {
     return /* @__PURE__ */ jsxs9(
       Button,
       {

package/dist/hooks.d.ts

@@ -1,6 +1,10 @@
 import * as React from 'react';
-import React__default, { DragEvent, ChangeEvent, InputHTMLAttributes, ComponentType, SVGProps, RefObject } from 'react';
+import React__default, { DragEvent, ChangeEvent, InputHTMLAttributes, RefObject } from 'react';
+import { MenuItem, MenuConfig } from './index.js';
 import { META_THEME_COLORS } from '@pelatform/utils';
+import './badge-BScpb9q4.js';
+import 'class-variance-authority/types';
+import 'class-variance-authority';
 
 /**
  * Analytics tracking hook for React components
@@ -554,47 +558,6 @@ declare const useMediaQuery: (query: string) => boolean;
  * Handles active states, breadcrumbs, and hierarchical menu structures
  */
 
-/**
- * Menu item interface
- */
-interface MenuItem {
-    /** Heading text */
-    heading?: string;
-    /** Menu item title */
-    title?: string;
-    /** Navigation path */
-    path?: string;
-    /** Menu item icon component */
-    icon?: ComponentType<SVGProps<SVGSVGElement>>;
-    /** Whether to show separator */
-    separator?: boolean;
-    /** Root path for active state matching */
-    rootPath?: string;
-    /** Child menu items */
-    children?: MenuConfig;
-    /** Children index for nested items */
-    childrenIndex?: number;
-    /** Whether the item is external */
-    external?: boolean;
-    /** Whether the item is disabled */
-    disabled?: boolean;
-    /** Disable text */
-    disabledText?: string;
-    /** Badge text */
-    badge?: string;
-    /** Badge variant */
-    badgeVariant?: "primary" | "destructive" | "success" | "info" | "warning" | "secondary" | "outline";
-    /** Collapse configuration */
-    collapse?: boolean;
-    /** Title when collapsed */
-    collapseTitle?: string;
-    /** Title when expanded */
-    expandTitle?: string;
-}
-/**
- * Type aliases for backward compatibility
- */
-type MenuConfig = MenuItem[];
 /** Return type interface for useMenu hook */
 interface UseMenuReturn {
     /** Check if a specific path is currently active */

package/dist/index.d.ts

@@ -1,6 +1,5 @@
 import { ComponentType, SVGProps, ComponentProps } from 'react';
-import { B as Badge } from './badge-CnQznr5B.js';
-import 'react/jsx-runtime';
+import { B as Badge } from './badge-BScpb9q4.js';
 import 'class-variance-authority/types';
 import 'class-variance-authority';