@pelatform/ui 1.5.2 → 1.5.3

package/dist/components.d.cts

@@ -1,7 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { B as BaseProps, L as Link, I as Image } from './components-BgbIL9EW.cjs';
 import * as React$1 from 'react';
-import React__default, { HTMLAttributes, ReactNode, ComponentProps, FC, DragEvent, RefObject } 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.cjs';
 import { DialogProps } from '@radix-ui/react-dialog';
 import { ThemeProvider as ThemeProvider$1 } from 'next-themes';
 import { VariantProps } from 'class-variance-authority';
@@ -296,6 +296,56 @@ interface ScreenLoaderProps {
  */
 declare function ScreenLoader({ loadingText, className, spinnerClassName, textClassName, contentLoader, }?: ScreenLoaderProps): react_jsx_runtime.JSX.Element;
 
+/**
+ * LayoutAuth Component
+ *
+ * A centered authentication page layout that vertically and horizontally
+ * centers its content. Optionally renders a `logo` above the card.
+ *
+ * @param props - Component props
+ * @returns JSX element containing the authentication layout
+ *
+ * @example
+ * ```tsx
+ * <LayoutAuth logo={<MyLogo />}>
+ *   <LoginForm />
+ * </LayoutAuth>
+ * ```
+ */
+declare function LayoutAuth({ children, className, logo }: BaseProps & {
+    logo?: ReactNode;
+}): react_jsx_runtime.JSX.Element;
+
+/**
+ * Props interface for the `LayoutBlank` component
+ * Inherits `children` and `className` from `BaseProps`, and `Link` from `SharedLink`.
+ */
+interface LayoutBlankProps extends BaseProps {
+    /** Optional footer content displayed at the bottom */
+    footer?: ReactNode;
+    /** Optional logo element displayed at the top */
+    logo?: ReactNode;
+    /** Destination URL for the logo link */
+    logoHref?: string;
+}
+/**
+ * LayoutBlank Component
+ *
+ * A minimal full-screen layout with a subtle background grid and configurable
+ * header logo and footer content. Useful for simple landing or blank pages.
+ *
+ * @param props - Component props
+ * @returns JSX element containing the blank layout
+ *
+ * @example
+ * ```tsx
+ * <LayoutBlank logo={<Logo />} logoHref="/">
+ *   <Content />
+ * </LayoutBlank>
+ * ```
+ */
+declare function LayoutBlank({ children, footer, className, logo, logoHref }: LayoutBlankProps): react_jsx_runtime.JSX.Element;
+
 /**
  * Body Component
  *
@@ -338,6 +388,74 @@ declare function Body({ slug, children, className }: BaseProps & {
     slug: string;
 }): react_jsx_runtime.JSX.Element;
 
+/**
+ * Coming Soon Component
+ * Displays a full-height section with an animated hover background and
+ * optional title and description. Ideal for placeholder pages or upcoming
+ * feature announcements.
+ */
+/**
+ * Props interface for the `ComingSoon` component
+ */
+interface ComingSoonProps {
+    /** Additional CSS classes for the wrapper */
+    className?: string;
+    /** Optional highlighted title text */
+    title?: string;
+    /** Optional descriptive text below the title */
+    description?: string;
+}
+/**
+ * ComingSoon Component
+ *
+ * Renders a full-height container with animated hover background objects
+ * and optional title/description content centered on the screen.
+ *
+ * @param props - Component props
+ * @returns JSX element containing the coming soon layout
+ *
+ * @example
+ * ```tsx
+ * <ComingSoon title="Coming Soon" description="We are cooking something nice." />
+ * ```
+ */
+declare function ComingSoon({ className, title, description }: ComingSoonProps): react_jsx_runtime.JSX.Element;
+
+/**
+ * Props interface for the `ErrorComponents` component
+ */
+interface ErrorComponentsProps {
+    /** Additional CSS classes for the container */
+    className?: string;
+    /** Error variant to display */
+    type?: 'default' | '404' | '500' | 'custom';
+    /** Optional title content */
+    textTitle?: ReactNode;
+    /** Optional subtitle content */
+    textSubtitle?: ReactNode;
+    /** Optional action button (e.g., retry) */
+    button?: ReactNode;
+}
+/**
+ * ErrorComponents Component
+ *
+ * A reusable error layout supporting multiple variants (404, 500, default, custom).
+ * Displays illustrations and optional title, subtitle, and button.
+ *
+ * @param props - Component props
+ * @returns JSX element containing the error layout
+ *
+ * @example
+ * ```tsx
+ * <ErrorComponents
+ *   type="404"
+ *   textTitle="Page not found"
+ *   textSubtitle="The page you are looking for does not exist."
+ * />
+ * ```
+ */
+declare function ErrorComponents({ className, type, textTitle, textSubtitle, button, }: ErrorComponentsProps): react_jsx_runtime.JSX.Element;
+
 /**
  * Grid Component
  * Renders an SVG grid pattern overlay for background decoration
@@ -2089,6 +2207,48 @@ declare const getListFiles: (files: FileList, dataURLKey: string) => Promise<Ima
  */
 declare const ImageInput: FC<ImageInputProps>;
 
+/**
+ * Locale option used by the LanguageSwitcher
+ */
+interface LocaleOption {
+    /** Locale code, e.g. 'en', 'id' */
+    code: string;
+    /** Human readable language name */
+    name: string;
+    /** Optional flag code to render, e.g. 'us', 'id' */
+    flag?: string;
+    /** Optional currency code associated with the locale */
+    currency?: string;
+}
+/**
+ * Props for the LanguageSwitcher component (prop-driven)
+ */
+interface LanguageSwitcherProps extends SharedImage {
+    /** Additional CSS classes */
+    className?: string;
+    /** UI type: standalone toggle button or submenu dropdown */
+    type?: 'toggle' | 'dropdown';
+    /** Button variant style (for toggle type) */
+    variant?: 'ghost' | 'outline' | 'secondary';
+    /** Button size (for toggle type) */
+    size?: 'sm' | 'md' | 'lg';
+    /** Whether to show language names */
+    showNames?: boolean;
+    /** Whether to show flag icons */
+    showFlags?: boolean;
+    /** Label text for the dropdown trigger; defaults to 'Language' */
+    label?: string;
+    /** Whether i18n is enabled; if false and <=1 locales, render null */
+    i18nEnabled?: boolean;
+    /** Current active locale code */
+    currentLocale: string;
+    /** Available locales to render */
+    locales: LocaleOption[];
+    /** Handler called when a new locale is selected */
+    onLocaleChange: (newLocale: string) => void | Promise<void>;
+}
+declare function LanguageSwitcher({ className, type, variant, size, showNames, showFlags, label, i18nEnabled, currentLocale, locales, onLocaleChange, Image, }: LanguageSwitcherProps): react_jsx_runtime.JSX.Element | null;
+
 /**
  * Logo Component
  * Displays the application logo as an SVG icon
@@ -2148,6 +2308,14 @@ interface ModeSwitcherProps {
     size?: 'sm' | 'md' | 'lg';
     /** Custom cycle order for themes (defaults to system -> light -> dark) */
     cycleOrder?: ThemeMode[];
+    /** Button type: 'toggle' for a single button or 'dropdown' for a menu with options */
+    type?: 'toogle' | 'dropdown';
+    /** Labels for each theme mode (optional) */
+    label?: {
+        system?: string;
+        dark?: string;
+        light?: string;
+    };
 }
 /**
  * ModeSwitcher Component
@@ -2185,7 +2353,7 @@ interface ModeSwitcherProps {
  * />
  * ```
  */
-declare function ModeSwitcher({ className, variant, size, cycleOrder, }: ModeSwitcherProps): react_jsx_runtime.JSX.Element;
+declare function ModeSwitcher({ className, variant, size, cycleOrder, type, label, }: ModeSwitcherProps): react_jsx_runtime.JSX.Element;
 
 /**
  * Props interface for MovingLabel component
@@ -2759,4 +2927,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, CommandMenu, type CommandMenuProps, ConfirmDismissDialog, type ConfirmDismissDialogProps, DEFAULT_DATA_URL_KEY, DEFAULT_NULL_INDEX, DefaultImage, DefaultLink, DefaultNavigate, DotsPattern, DownloadFile, ExtraLink, FloatingPaths, Grid, GridBackground, Icons, ImageInput, type ImageInputFile, type ImageInputFiles, type ImageInputProps, 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, 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 };

package/dist/components.d.ts

@@ -1,7 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { B as BaseProps, L as Link, I as Image } from './components-BgbIL9EW.js';
 import * as React$1 from 'react';
-import React__default, { HTMLAttributes, ReactNode, ComponentProps, FC, DragEvent, RefObject } 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 { ThemeProvider as ThemeProvider$1 } from 'next-themes';
 import { VariantProps } from 'class-variance-authority';
@@ -296,6 +296,56 @@ interface ScreenLoaderProps {
  */
 declare function ScreenLoader({ loadingText, className, spinnerClassName, textClassName, contentLoader, }?: ScreenLoaderProps): react_jsx_runtime.JSX.Element;
 
+/**
+ * LayoutAuth Component
+ *
+ * A centered authentication page layout that vertically and horizontally
+ * centers its content. Optionally renders a `logo` above the card.
+ *
+ * @param props - Component props
+ * @returns JSX element containing the authentication layout
+ *
+ * @example
+ * ```tsx
+ * <LayoutAuth logo={<MyLogo />}>
+ *   <LoginForm />
+ * </LayoutAuth>
+ * ```
+ */
+declare function LayoutAuth({ children, className, logo }: BaseProps & {
+    logo?: ReactNode;
+}): react_jsx_runtime.JSX.Element;
+
+/**
+ * Props interface for the `LayoutBlank` component
+ * Inherits `children` and `className` from `BaseProps`, and `Link` from `SharedLink`.
+ */
+interface LayoutBlankProps extends BaseProps {
+    /** Optional footer content displayed at the bottom */
+    footer?: ReactNode;
+    /** Optional logo element displayed at the top */
+    logo?: ReactNode;
+    /** Destination URL for the logo link */
+    logoHref?: string;
+}
+/**
+ * LayoutBlank Component
+ *
+ * A minimal full-screen layout with a subtle background grid and configurable
+ * header logo and footer content. Useful for simple landing or blank pages.
+ *
+ * @param props - Component props
+ * @returns JSX element containing the blank layout
+ *
+ * @example
+ * ```tsx
+ * <LayoutBlank logo={<Logo />} logoHref="/">
+ *   <Content />
+ * </LayoutBlank>
+ * ```
+ */
+declare function LayoutBlank({ children, footer, className, logo, logoHref }: LayoutBlankProps): react_jsx_runtime.JSX.Element;
+
 /**
  * Body Component
  *
@@ -338,6 +388,74 @@ declare function Body({ slug, children, className }: BaseProps & {
     slug: string;
 }): react_jsx_runtime.JSX.Element;
 
+/**
+ * Coming Soon Component
+ * Displays a full-height section with an animated hover background and
+ * optional title and description. Ideal for placeholder pages or upcoming
+ * feature announcements.
+ */
+/**
+ * Props interface for the `ComingSoon` component
+ */
+interface ComingSoonProps {
+    /** Additional CSS classes for the wrapper */
+    className?: string;
+    /** Optional highlighted title text */
+    title?: string;
+    /** Optional descriptive text below the title */
+    description?: string;
+}
+/**
+ * ComingSoon Component
+ *
+ * Renders a full-height container with animated hover background objects
+ * and optional title/description content centered on the screen.
+ *
+ * @param props - Component props
+ * @returns JSX element containing the coming soon layout
+ *
+ * @example
+ * ```tsx
+ * <ComingSoon title="Coming Soon" description="We are cooking something nice." />
+ * ```
+ */
+declare function ComingSoon({ className, title, description }: ComingSoonProps): react_jsx_runtime.JSX.Element;
+
+/**
+ * Props interface for the `ErrorComponents` component
+ */
+interface ErrorComponentsProps {
+    /** Additional CSS classes for the container */
+    className?: string;
+    /** Error variant to display */
+    type?: 'default' | '404' | '500' | 'custom';
+    /** Optional title content */
+    textTitle?: ReactNode;
+    /** Optional subtitle content */
+    textSubtitle?: ReactNode;
+    /** Optional action button (e.g., retry) */
+    button?: ReactNode;
+}
+/**
+ * ErrorComponents Component
+ *
+ * A reusable error layout supporting multiple variants (404, 500, default, custom).
+ * Displays illustrations and optional title, subtitle, and button.
+ *
+ * @param props - Component props
+ * @returns JSX element containing the error layout
+ *
+ * @example
+ * ```tsx
+ * <ErrorComponents
+ *   type="404"
+ *   textTitle="Page not found"
+ *   textSubtitle="The page you are looking for does not exist."
+ * />
+ * ```
+ */
+declare function ErrorComponents({ className, type, textTitle, textSubtitle, button, }: ErrorComponentsProps): react_jsx_runtime.JSX.Element;
+
 /**
  * Grid Component
  * Renders an SVG grid pattern overlay for background decoration
@@ -2089,6 +2207,48 @@ declare const getListFiles: (files: FileList, dataURLKey: string) => Promise<Ima
  */
 declare const ImageInput: FC<ImageInputProps>;
 
+/**
+ * Locale option used by the LanguageSwitcher
+ */
+interface LocaleOption {
+    /** Locale code, e.g. 'en', 'id' */
+    code: string;
+    /** Human readable language name */
+    name: string;
+    /** Optional flag code to render, e.g. 'us', 'id' */
+    flag?: string;
+    /** Optional currency code associated with the locale */
+    currency?: string;
+}
+/**
+ * Props for the LanguageSwitcher component (prop-driven)
+ */
+interface LanguageSwitcherProps extends SharedImage {
+    /** Additional CSS classes */
+    className?: string;
+    /** UI type: standalone toggle button or submenu dropdown */
+    type?: 'toggle' | 'dropdown';
+    /** Button variant style (for toggle type) */
+    variant?: 'ghost' | 'outline' | 'secondary';
+    /** Button size (for toggle type) */
+    size?: 'sm' | 'md' | 'lg';
+    /** Whether to show language names */
+    showNames?: boolean;
+    /** Whether to show flag icons */
+    showFlags?: boolean;
+    /** Label text for the dropdown trigger; defaults to 'Language' */
+    label?: string;
+    /** Whether i18n is enabled; if false and <=1 locales, render null */
+    i18nEnabled?: boolean;
+    /** Current active locale code */
+    currentLocale: string;
+    /** Available locales to render */
+    locales: LocaleOption[];
+    /** Handler called when a new locale is selected */
+    onLocaleChange: (newLocale: string) => void | Promise<void>;
+}
+declare function LanguageSwitcher({ className, type, variant, size, showNames, showFlags, label, i18nEnabled, currentLocale, locales, onLocaleChange, Image, }: LanguageSwitcherProps): react_jsx_runtime.JSX.Element | null;
+
 /**
  * Logo Component
  * Displays the application logo as an SVG icon
@@ -2148,6 +2308,14 @@ interface ModeSwitcherProps {
     size?: 'sm' | 'md' | 'lg';
     /** Custom cycle order for themes (defaults to system -> light -> dark) */
     cycleOrder?: ThemeMode[];
+    /** Button type: 'toggle' for a single button or 'dropdown' for a menu with options */
+    type?: 'toogle' | 'dropdown';
+    /** Labels for each theme mode (optional) */
+    label?: {
+        system?: string;
+        dark?: string;
+        light?: string;
+    };
 }
 /**
  * ModeSwitcher Component
@@ -2185,7 +2353,7 @@ interface ModeSwitcherProps {
  * />
  * ```
  */
-declare function ModeSwitcher({ className, variant, size, cycleOrder, }: ModeSwitcherProps): react_jsx_runtime.JSX.Element;
+declare function ModeSwitcher({ className, variant, size, cycleOrder, type, label, }: ModeSwitcherProps): react_jsx_runtime.JSX.Element;
 
 /**
  * Props interface for MovingLabel component
@@ -2759,4 +2927,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, CommandMenu, type CommandMenuProps, ConfirmDismissDialog, type ConfirmDismissDialogProps, DEFAULT_DATA_URL_KEY, DEFAULT_NULL_INDEX, DefaultImage, DefaultLink, DefaultNavigate, DotsPattern, DownloadFile, ExtraLink, FloatingPaths, Grid, GridBackground, Icons, ImageInput, type ImageInputFile, type ImageInputFiles, type ImageInputProps, 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, 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 };