@pelatform/ui 1.5.9 → 2.0.0

package/dist/components.d.ts

@@ -1,14 +1,11 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React$1 from 'react';
 import React__default, { ReactNode, HTMLAttributes, ComponentProps, FC, DragEvent, RefObject } from 'react';
-import { B as BaseProps, L as Link, I as Image } from './components-CidsRcc3.js';
-import { DialogProps } from '@radix-ui/react-dialog';
+import { BaseComponentProps, LinkComponent, ImageComponent, VariantProps, ThemeMode } from '@pelatform/ui.core';
+import { DialogProps, ThemeProvider as ThemeProvider$1 } from '@pelatform/ui.default/dep';
 import { QueryClient } from '@tanstack/react-query';
-import { ThemeProvider as ThemeProvider$1 } from 'next-themes';
-import { VariantProps } from 'class-variance-authority';
-import { b as badgeVariants } from './badge-BtI4BMea.js';
-import { a as ThemeMode } from './colors-CUDWvz1g.js';
-import 'class-variance-authority/types';
+import { badgeVariants } from '@pelatform/ui.default';
+export { Icons } from './index.js';
 
 /**
  * Alert Toast Component
@@ -313,7 +310,7 @@ declare function ScreenLoader({ loadingText, className, spinnerClassName, textCl
  * </LayoutAuth>
  * ```
  */
-declare function LayoutAuth({ children, className, logo }: BaseProps & {
+declare function LayoutAuth({ children, className, logo, }: BaseComponentProps & {
     logo?: ReactNode;
 }): react_jsx_runtime.JSX.Element;
 
@@ -321,7 +318,7 @@ declare function LayoutAuth({ children, className, logo }: BaseProps & {
  * Props interface for the `LayoutBlank` component
  * Inherits `children` and `className` from `BaseProps`, and `Link` from `SharedLink`.
  */
-interface LayoutBlankProps extends BaseProps {
+interface LayoutBlankProps extends BaseComponentProps {
     /** Optional footer content displayed at the bottom */
     footer?: ReactNode;
     /** Optional logo element displayed at the top */
@@ -385,7 +382,7 @@ declare function LayoutBlank({ children, footer, className, logo, logoHref }: La
  * }
  * ```
  */
-declare function Body({ slug, children, className }: BaseProps & {
+declare function Body({ slug, children, className }: BaseComponentProps & {
     slug: string;
 }): react_jsx_runtime.JSX.Element;
 
@@ -631,7 +628,7 @@ declare const Section: ({ children, sectionClassName, className, ...props }: Sec
  * </SiteFooter>
  * ```
  */
-declare function SiteFooter({ children, className }: BaseProps): react_jsx_runtime.JSX.Element;
+declare function SiteFooter({ children, className }: BaseComponentProps): react_jsx_runtime.JSX.Element;
 
 /**
  * SiteHeader Component
@@ -684,7 +681,7 @@ declare function SiteFooter({ children, className }: BaseProps): react_jsx_runti
  * </SiteHeader>
  * ```
  */
-declare function SiteHeader({ className, children }: BaseProps): react_jsx_runtime.JSX.Element;
+declare function SiteHeader({ className, children }: BaseComponentProps): react_jsx_runtime.JSX.Element;
 
 /**
  * MaxWidthWrapper Component
@@ -734,7 +731,7 @@ declare function SiteHeader({ className, children }: BaseProps): react_jsx_runti
  * </Section>
  * ```
  */
-declare function MaxWidthWrapper({ className, children }: BaseProps): react_jsx_runtime.JSX.Element;
+declare function MaxWidthWrapper({ className, children }: BaseComponentProps): react_jsx_runtime.JSX.Element;
 
 /**
  * CodeDisplay Component
@@ -848,11 +845,160 @@ declare function CodeDisplay({ children, component, }: {
  * </DownloadFile>
  * ```
  */
-declare function DownloadFile({ children, className, href }: BaseProps & {
+declare function DownloadFile({ children, className, href }: BaseComponentProps & {
     href: string;
 }): react_jsx_runtime.JSX.Element;
 
-declare function ExtraLink({ Link, href, target, className, children, }: SharedLink & ComponentProps<Link>): react_jsx_runtime.JSX.Element;
+/**
+ * Shared Component Types and Default Implementations
+ * Provides reusable component interfaces and default implementations
+ * for common UI elements like images, links, and navigation
+ */
+
+/**
+ * Interface for components that accept a custom Image component
+ * Allows injection of custom image implementations (e.g., Next.js Image)
+ */
+interface SharedImage {
+    /** Custom Image component implementation */
+    Image?: ImageComponent;
+}
+/**
+ * Interface for components that accept a custom Link component
+ * Allows injection of custom link implementations (e.g., Next.js Link)
+ */
+interface SharedLink {
+    /** Custom Link component implementation */
+    Link?: LinkComponent;
+}
+/**
+ * Interface for components that accept a custom navigation function
+ * Allows injection of custom navigation implementations (e.g., Next.js router)
+ */
+interface SharedNavigate {
+    /** Custom navigation function */
+    navigate?: (href: string) => void;
+}
+/**
+ * Default Image Component
+ *
+ * A basic HTML img element implementation that serves as the default
+ * when no custom Image component is provided. Supports standard
+ * image attributes and CSS classes.
+ *
+ * @param props - Image component props
+ * @param props.src - Source URL of the image
+ * @param props.alt - Alt text for accessibility
+ * @param props.className - Additional CSS classes
+ * @returns JSX element containing a standard img tag
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <DefaultImage
+ *   src="/images/logo.png"
+ *   alt="Company Logo"
+ *   className="w-32 h-auto"
+ * />
+ * ```
+ */
+declare const DefaultImage: ImageComponent;
+/**
+ * Default Link Component
+ *
+ * A basic HTML anchor element implementation that serves as the default
+ * when no custom Link component is provided. Supports standard
+ * link attributes and CSS classes.
+ *
+ * @param props - Link component props
+ * @param props.href - Destination URL
+ * @param props.className - Additional CSS classes
+ * @param props.children - Link content
+ * @returns JSX element containing a standard anchor tag
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <DefaultLink
+ *   href="/about"
+ *   className="text-blue-600 hover:underline"
+ * >
+ *   About Us
+ * </DefaultLink>
+ * ```
+ */
+declare const DefaultLink: LinkComponent;
+/**
+ * Default Navigation Function
+ *
+ * A basic navigation implementation using window.location.href
+ * that serves as the default when no custom navigation function
+ * is provided. Performs a full page navigation.
+ *
+ * @param href - Destination URL to navigate to
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * const handleNavigation = () => {
+ *   DefaultNavigate('/dashboard');
+ * };
+ *
+ * // In a component
+ * <button onClick={() => DefaultNavigate('/contact')}>
+ *   Contact Us
+ * </button>
+ * ```
+ */
+declare const DefaultNavigate: (href: string) => void;
+
+/**
+ * ExtraLink component for external and internal links in MDX content
+ *
+ * This component provides a consistent styled link experience across MDX documents
+ * with support for custom Link implementations (e.g., Next.js Link, React Router Link)
+ * and automatic styling with underline decoration.
+ *
+ * Features:
+ * - Custom Link component support (defaults to standard anchor tag)
+ * - Consistent underline styling with 4px offset
+ * - Medium font weight for emphasis
+ * - Customizable className for additional styling
+ * - Full accessibility support via Link component
+ *
+ * @param props - Component props extending SharedLink and LinkComponent
+ * @param props.Link - Custom Link component (defaults to DefaultLink/anchor)
+ * @param props.href - Target URL for the link
+ * @param props.target - Target attribute (_blank, _self, etc.)
+ * @param props.className - Additional CSS classes to apply
+ * @param props.children - Link text or child elements
+ * @returns JSX element representing the styled link
+ *
+ * @example
+ * ```tsx
+ * // Basic usage in MDX
+ * <ExtraLink href="https://example.com">
+ *   Visit Example
+ * </ExtraLink>
+ *
+ * // With custom Link component (Next.js)
+ * import NextLink from 'next/link';
+ *
+ * <ExtraLink Link={NextLink} href="/about">
+ *   About Us
+ * </ExtraLink>
+ *
+ * // With target and custom styling
+ * <ExtraLink
+ *   href="https://external.com"
+ *   target="_blank"
+ *   className="text-primary hover:text-primary-dark"
+ * >
+ *   External Resource
+ * </ExtraLink>
+ * ```
+ */
+declare function ExtraLink({ Link, href, target, className, children, }: SharedLink & ComponentProps<LinkComponent>): react_jsx_runtime.JSX.Element;
 
 /**
  * Video Component
@@ -952,7 +1098,7 @@ declare function Video({ className, ...props }: ComponentProps<'video'>): react_
  * </div>
  * ```
  */
-declare function Wrapper({ children, className }: BaseProps): react_jsx_runtime.JSX.Element;
+declare function Wrapper({ children, className }: BaseComponentProps): react_jsx_runtime.JSX.Element;
 
 /**
  * Youtube Component
@@ -1011,113 +1157,10 @@ declare function Youtube({ id }: {
     id: string;
 }): react_jsx_runtime.JSX.Element;
 
-/**
- * Shared Component Types and Default Implementations
- * Provides reusable component interfaces and default implementations
- * for common UI elements like images, links, and navigation
- */
-
-/**
- * Interface for components that accept a custom Image component
- * Allows injection of custom image implementations (e.g., Next.js Image)
- */
-interface SharedImage {
-    /** Custom Image component implementation */
-    Image?: Image;
-}
-/**
- * Interface for components that accept a custom Link component
- * Allows injection of custom link implementations (e.g., Next.js Link)
- */
-interface SharedLink {
-    /** Custom Link component implementation */
-    Link?: Link;
-}
-/**
- * Interface for components that accept a custom navigation function
- * Allows injection of custom navigation implementations (e.g., Next.js router)
- */
-interface SharedNavigate {
-    /** Custom navigation function */
-    navigate?: (href: string) => void;
-}
-/**
- * Default Image Component
- *
- * A basic HTML img element implementation that serves as the default
- * when no custom Image component is provided. Supports standard
- * image attributes and CSS classes.
- *
- * @param props - Image component props
- * @param props.src - Source URL of the image
- * @param props.alt - Alt text for accessibility
- * @param props.className - Additional CSS classes
- * @returns JSX element containing a standard img tag
- *
- * @example
- * ```tsx
- * // Basic usage
- * <DefaultImage
- *   src="/images/logo.png"
- *   alt="Company Logo"
- *   className="w-32 h-auto"
- * />
- * ```
- */
-declare const DefaultImage: Image;
-/**
- * Default Link Component
- *
- * A basic HTML anchor element implementation that serves as the default
- * when no custom Link component is provided. Supports standard
- * link attributes and CSS classes.
- *
- * @param props - Link component props
- * @param props.href - Destination URL
- * @param props.className - Additional CSS classes
- * @param props.children - Link content
- * @returns JSX element containing a standard anchor tag
- *
- * @example
- * ```tsx
- * // Basic usage
- * <DefaultLink
- *   href="/about"
- *   className="text-blue-600 hover:underline"
- * >
- *   About Us
- * </DefaultLink>
- * ```
- */
-declare const DefaultLink: Link;
-/**
- * Default Navigation Function
- *
- * A basic navigation implementation using window.location.href
- * that serves as the default when no custom navigation function
- * is provided. Performs a full page navigation.
- *
- * @param href - Destination URL to navigate to
- *
- * @example
- * ```tsx
- * // Basic usage
- * const handleNavigation = () => {
- *   DefaultNavigate('/dashboard');
- * };
- *
- * // In a component
- * <button onClick={() => DefaultNavigate('/contact')}>
- *   Contact Us
- * </button>
- * ```
- */
-declare const DefaultNavigate: (href: string) => void;
-
 /**
  * Props interface for the BackLink component
  */
-interface BackLinkProps extends SharedLink, BaseProps {
+interface BackLinkProps extends SharedLink, BaseComponentProps {
     /** URL to navigate back to */
     href: string;
 }
@@ -1405,7 +1448,7 @@ declare function handleMenuClick(item: NavItem): void;
  * </MobileNav>
  * ```
  */
-declare function MobileNav({ children, className }: BaseProps): react_jsx_runtime.JSX.Element;
+declare function MobileNav({ children, className }: BaseComponentProps): react_jsx_runtime.JSX.Element;
 interface MobileNavItemRendererProps extends SharedLink, SharedNavigate {
     item: NavItem;
     pathname: string | null;
@@ -1909,78 +1952,78 @@ interface GridBackgroundProps {
  */
 declare const GridBackground: FC<GridBackgroundProps>;
 
+/**
+ * Props interface for HexagonBadge component
+ */
 interface HexagonBadgeProps {
+    /** Content to be displayed inside the hexagon badge */
     children?: ReactNode;
+    /** Custom class names for different parts of the component */
     classNames?: {
+        /** Class name for the base container element */
         base?: string;
+        /** Class name for the SVG hexagon shape */
         svg?: string;
+        /** Class name for the content wrapper (note: typo 'wraper' kept for backward compatibility) */
         wraper?: string;
     };
 }
-declare const HexagonBadge: ({ children, classNames }: HexagonBadgeProps) => react_jsx_runtime.JSX.Element;
-
 /**
- * Props interface for icon components
- * Extends standard HTML SVG element attributes for full customization
- */
-type IconProps = React__default.HTMLAttributes<SVGElement>;
-/**
- * Collection of brand and service icons
+ * HexagonBadge component
+ *
+ * Creates a hexagon-shaped badge container using SVG for the border shape.
+ * The hexagon provides a distinctive visual element for displaying icons,
+ * status indicators, or small pieces of content.
+ *
+ * Features:
+ * - SVG-based hexagon shape with fill and stroke
+ * - Perfectly centered content using absolute positioning
+ * - Customizable styling via classNames prop
+ * - RTL (right-to-left) layout support
+ * - Responsive sizing based on container
  *
- * This object contains SVG icons for popular brands, services, and technologies.
- * All icons are designed to be scalable and themeable using CSS currentColor.
+ * The component uses a 44x48 viewBox for the SVG hexagon and automatically
+ * centers the content within the hexagonal boundary.
+ *
+ * @param props - Component props
+ * @param props.children - Content to display inside the hexagon (icons, text, etc.)
+ * @param props.classNames - Object containing custom class names for styling
+ * @param props.classNames.base - Classes for the outer container
+ * @param props.classNames.svg - Classes for the SVG hexagon element
+ * @param props.classNames.wraper - Classes for the content wrapper element
+ * @returns JSX element representing the hexagon badge
  *
  * @example
  * ```tsx
- * // Basic usage
- * <Icons.google className="w-6 h-6" />
+ * // Basic usage with an icon
+ * import { StarIcon } from '@pelatform/ui.core';
  *
- * // With custom styling
- * <Icons.github
- *   className="w-8 h-8 text-gray-600 hover:text-gray-900"
- *   onClick={handleGitHubClick}
- * />
+ * <HexagonBadge>
+ *   <StarIcon className="w-6 h-6" />
+ * </HexagonBadge>
  *
- * // Colorful variants
- * <Icons.googleColorful className="w-10 h-10" />
- * <Icons.facebookColorful className="w-10 h-10" />
+ * // With custom styling
+ * <HexagonBadge
+ *   classNames={{
+ *     base: 'w-16 h-16',
+ *     svg: 'text-primary fill-primary/10',
+ *     wraper: 'text-white'
+ *   }}
+ * >
+ *   <span className="font-bold">A</span>
+ * </HexagonBadge>
+ *
+ * // As a status badge
+ * <HexagonBadge
+ *   classNames={{
+ *     svg: 'text-green-500 fill-green-50'
+ *   }}
+ * >
+ *   <CheckIcon />
+ * </HexagonBadge>
  * ```
  */
-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;
-    facebook: (props: IconProps) => react_jsx_runtime.JSX.Element;
-    facebookColorful: (props: IconProps) => react_jsx_runtime.JSX.Element;
-    github: (props: IconProps) => react_jsx_runtime.JSX.Element;
-    google: (props: IconProps) => react_jsx_runtime.JSX.Element;
-    googleColorful: (props: IconProps) => react_jsx_runtime.JSX.Element;
-    instagram: (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;
-    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;
-    scira: (props: IconProps) => react_jsx_runtime.JSX.Element;
-    scribble: (props: IconProps) => react_jsx_runtime.JSX.Element;
-    supabaseColorful: (props: IconProps) => react_jsx_runtime.JSX.Element;
-    tailwind: (props: IconProps) => react_jsx_runtime.JSX.Element;
-    telegram: (props: IconProps) => react_jsx_runtime.JSX.Element;
-    twitter: (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;
-};
+declare const HexagonBadge: ({ children, classNames }: HexagonBadgeProps) => react_jsx_runtime.JSX.Element;
 
 /**
  * Image Input Component
@@ -2607,7 +2650,7 @@ declare function Subscribe({ heading, subheading, buttonText, loadingButtonText,
  * </Toolbar>
  * ```
  */
-declare const Toolbar: ({ children }: BaseProps) => react_jsx_runtime.JSX.Element;
+declare const Toolbar: ({ children }: BaseComponentProps) => react_jsx_runtime.JSX.Element;
 /**
  * ToolbarHeading Component
  *
@@ -2627,7 +2670,7 @@ declare const Toolbar: ({ children }: BaseProps) => react_jsx_runtime.JSX.Elemen
  * </ToolbarHeading>
  * ```
  */
-declare const ToolbarHeading: ({ children, className }: BaseProps) => react_jsx_runtime.JSX.Element;
+declare const ToolbarHeading: ({ children, className }: BaseComponentProps) => react_jsx_runtime.JSX.Element;
 /**
  * ToolbarTitle Component
  *
@@ -2647,7 +2690,7 @@ declare const ToolbarHeading: ({ children, className }: BaseProps) => react_jsx_
  * </ToolbarTitle>
  * ```
  */
-declare const ToolbarTitle: ({ className, children }: BaseProps) => react_jsx_runtime.JSX.Element;
+declare const ToolbarTitle: ({ className, children }: BaseComponentProps) => react_jsx_runtime.JSX.Element;
 /**
  * ToolbarActions Component
  *
@@ -2685,7 +2728,7 @@ declare const ToolbarTitle: ({ className, children }: BaseProps) => react_jsx_ru
  * </ToolbarActions>
  * ```
  */
-declare const ToolbarActions: ({ children }: BaseProps) => react_jsx_runtime.JSX.Element;
+declare const ToolbarActions: ({ children }: BaseComponentProps) => react_jsx_runtime.JSX.Element;
 
 /**
  * User Avatar Component
@@ -2941,4 +2984,4 @@ interface RecaptchaPopoverProps {
  */
 declare function RecaptchaPopover({ open, onOpenChange, onVerify, trigger, verifyButtonText, }: RecaptchaPopoverProps): react_jsx_runtime.JSX.Element;
 
-export { AlertComingsoon, AlertNotification, AlertToast, type AlertToastOptions, Announcement, AnnouncementTag, AnnouncementTitle, BackLink, BackgroundPaths, Body, Book, CodeDisplay, ComingSoon, type ComingSoonProps, CommandMenu, type CommandMenuProps, ConfirmDismissDialog, type ConfirmDismissDialogProps, DEFAULT_DATA_URL_KEY, DEFAULT_NULL_INDEX, DefaultImage, DefaultLink, DefaultNavigate, DotsPattern, DownloadFile, ErrorComponents, type ErrorComponentsProps, ExtraLink, FloatingPaths, Grid, GridBackground, HexagonBadge, Icons, ImageInput, type ImageInputFile, type ImageInputFiles, type ImageInputProps, LanguageSwitcher, type LanguageSwitcherProps, LayoutAuth, LayoutBlank, type LayoutBlankProps, type LocaleOption, Logo, MainNav, MaxWidthWrapper, MobileNav, MobileNavItemRenderer, ModeSwitcher, type ModeSwitcherProps, MovingBorder, MovingLabel, type NavItem, type NavigationProps, QueryProvider, RecaptchaPopover, SatoshiFontCSS, ScreenLoader, type ScreenLoaderProps, Section, type SharedImage, type SharedLink, type SharedNavigate, SiteFooter, SiteHeader, Stack, Subscribe, type SubscribeProps, ThemeProvider, Toolbar, ToolbarActions, ToolbarHeading, ToolbarTitle, UserAvatar, Video, Wrapper, Youtube, cssFontFace, getAcceptTypeString, getBase64, getImage, getInitials, getListFiles, handleMenuClick, openFileDialog, satoshiFontUrl };
+export { AlertComingsoon, AlertNotification, AlertToast, type AlertToastOptions, Announcement, AnnouncementTag, AnnouncementTitle, BackLink, BackgroundPaths, Body, Book, CodeDisplay, ComingSoon, type ComingSoonProps, CommandMenu, type CommandMenuProps, ConfirmDismissDialog, type ConfirmDismissDialogProps, DEFAULT_DATA_URL_KEY, DEFAULT_NULL_INDEX, DefaultImage, DefaultLink, DefaultNavigate, DotsPattern, DownloadFile, ErrorComponents, type ErrorComponentsProps, ExtraLink, FloatingPaths, Grid, GridBackground, HexagonBadge, ImageInput, type ImageInputFile, type ImageInputFiles, type ImageInputProps, LanguageSwitcher, type LanguageSwitcherProps, LayoutAuth, LayoutBlank, type LayoutBlankProps, type LocaleOption, Logo, MainNav, MaxWidthWrapper, MobileNav, MobileNavItemRenderer, ModeSwitcher, type ModeSwitcherProps, MovingBorder, MovingLabel, type NavItem, type NavigationProps, QueryProvider, RecaptchaPopover, SatoshiFontCSS, ScreenLoader, type ScreenLoaderProps, Section, type SharedImage, type SharedLink, type SharedNavigate, SiteFooter, SiteHeader, Stack, Subscribe, type SubscribeProps, ThemeProvider, Toolbar, ToolbarActions, ToolbarHeading, ToolbarTitle, UserAvatar, Video, Wrapper, Youtube, cssFontFace, getAcceptTypeString, getBase64, getImage, getInitials, getListFiles, handleMenuClick, openFileDialog, satoshiFontUrl };