@banzamel/mineralui 1.6.3 → 1.7.1

package/dist/components/cards/ServiceCardsShared/ServiceCardsShared.types.d.ts

@@ -1,6 +1,6 @@
 import { HTMLAttributes, ReactNode } from 'react';
 import { MColor } from '../../../theme';
-export type SharedServiceCardVariant = 'service' | 'course' | 'product' | 'event' | 'widget';
+export type SharedServiceCardVariant = 'service' | 'course' | 'product' | 'event';
 export interface SharedServiceCardPerson {
     name: string;
     avatar?: string;
@@ -39,6 +39,4 @@ export interface SharedServiceCardProps extends Omit<HTMLAttributes<HTMLDivEleme
     date?: Date | string;
     location?: string;
     status?: string;
-    value?: ReactNode;
-    trend?: number;
 }

package/dist/components/cards/index.d.ts

@@ -12,6 +12,8 @@ export { MCardOffer } from './MCardOffer';
 export type { MCardOfferProps } from './MCardOffer';
 export { MCardCourse } from './MCardCourse';
 export type { MCardCourseProps } from './MCardCourse';
+export { MCardTile } from './MCardTile';
+export type { MCardTileProps, MCardTileMenuItem, MCardTileOverlayPosition } from './MCardTile';
 export { MCardProduct } from './MCardProduct';
 export type { MCardProductProps } from './MCardProduct';
 export { MCardEvent } from './MCardEvent';

package/dist/components/data/MCalendarBoard/MCalendarBoard.d.ts

@@ -1,7 +1,8 @@
-import { MCalendarBoardProps, MCalendarDayCellProps, MCalendarEventItemProps, MCalendarEventListProps, MCalendarEventPopoverProps, MCalendarTimelineProps } from './MCalendarBoard.types';
-export declare function MCalendarDayCell({ date, events, badge, markers, isToday, isSelected, isOutsideMonth, className, children, ...rest }: MCalendarDayCellProps): import("react/jsx-runtime").JSX.Element;
-export declare function MCalendarEventItem({ event, locale: localeOverride, className, currentDate, ...rest }: MCalendarEventItemProps): import("react/jsx-runtime").JSX.Element;
-export declare function MCalendarEventList({ events, locale: localeOverride, currentDate, emptyStateText, renderEventItem, className, ...rest }: MCalendarEventListProps): import("react/jsx-runtime").JSX.Element;
-export declare function MCalendarTimeline({ date, events, locale: localeOverride, startHour, endHour, emptyStateText, className, ...rest }: MCalendarTimelineProps): import("react/jsx-runtime").JSX.Element;
-export declare function MCalendarEventPopover({ open, anchorRef, onClose, onPointerEnter, onPointerLeave, date, events, locale: localeOverride, timelineStartHour, timelineEndHour, showTimeline, emptyStateText, renderEventItem, className, style, }: MCalendarEventPopoverProps): import("react/jsx-runtime").JSX.Element;
-export declare function MCalendarBoard({ month, defaultMonth, onMonthChange, events, locale: localeOverride, weekStartsOn, view, defaultView, views, onViewChange, selectedDate, defaultSelectedDate, onDayClick, dayBadge, renderDayCell, renderEventItem, detailsTrigger, detailsMode, showTimeline, timelineStartHour, timelineEndHour, emptyStateText, filters, activeFilters, defaultActiveFilters, onActiveFiltersChange, fullWidth, className, ...rest }: MCalendarBoardProps): import("react/jsx-runtime").JSX.Element;
+import { MCalendarBoardProps, MCalendarDayCellProps, MCalendarEventListProps, MCalendarEventPopoverProps, MCalendarEventProps, MCalendarHourBarProps, MCalendarTimelineProps } from './MCalendarBoard.types';
+export declare function MCalendarHourBar({ date, events, overlapWarning, orientation, className, ...rest }: MCalendarHourBarProps): import("react/jsx-runtime").JSX.Element;
+export declare function MCalendarDayCell({ date, events, badge, isToday, isSelected, isOutsideMonth, showHourBar, overlapWarning, onAddEvent, addEventLabel, className, children, ...rest }: MCalendarDayCellProps): import("react/jsx-runtime").JSX.Element;
+export declare function MCalendarEventItem({ event, locale: localeOverride, className, currentDate, menuItems, renderMenu, showActions, overlap, onSelect, onEdit, onDelete, ...rest }: MCalendarEventProps): import("react/jsx-runtime").JSX.Element;
+export declare function MCalendarEventList({ events, locale: localeOverride, currentDate, emptyStateText, overlapWarning, renderEventItem, renderEventMenu, onEventSelect, onEventEdit, onEventDelete, className, ...rest }: MCalendarEventListProps): import("react/jsx-runtime").JSX.Element;
+export declare function MCalendarTimeline({ date, events, locale: localeOverride, startHour, endHour, emptyStateText, overlapWarning, onAddEvent, addEventLabel, renderEventItem, renderEventMenu, onEventSelect, onEventEdit, onEventDelete, className, ...rest }: MCalendarTimelineProps): import("react/jsx-runtime").JSX.Element;
+export declare function MCalendarEventPopover({ open, anchorRef, onClose, date, events, locale: localeOverride, timelineStartHour, timelineEndHour, showTimeline, emptyStateText, overlapWarning, onAddEvent, addEventLabel, dayMenuLabel, onEventSelect, onEventEdit, onEventDelete, renderEventItem, renderEventMenu, renderDayMenu, className, style, }: MCalendarEventPopoverProps): import("react/jsx-runtime").JSX.Element;
+export declare function MCalendarBoard({ month, defaultMonth, onMonthChange, events, locale: localeOverride, weekStartsOn, view, defaultView, views, onViewChange, selectedDate, defaultSelectedDate, onDayClick, dayBadge, renderDayCell, renderEventItem, renderEventMenu, detailsMode, showTimeline, showHourBar, timelineStartHour, timelineEndHour, overlapWarning, onAddEvent, addEventLabel, dayMenuLabel, renderDayMenu, onEventSelect, onEventEdit, onEventDelete, emptyStateText, filters, activeFilters, defaultActiveFilters, onActiveFiltersChange, fullWidth, className, ...rest }: MCalendarBoardProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/data/MCalendarBoard/MCalendarBoard.types.d.ts

@@ -1,6 +1,6 @@
 import { ButtonHTMLAttributes, CSSProperties, HTMLAttributes, ReactNode, RefObject } from 'react';
+import { MColor } from '../../../theme';
 export type MCalendarBoardLocale = string;
-export type MCalendarDetailsTrigger = 'click' | 'hover';
 export type MCalendarDetailsMode = 'auto' | 'popover' | 'modal';
 export type MCalendarEventStatus = 'planned' | 'active' | 'done' | 'cancelled';
 export type MCalendarTimelineSlotState = 'past' | 'active' | 'upcoming';
@@ -11,6 +11,24 @@ export interface MCalendarEventUser {
     avatar?: string;
     color?: string;
 }
+export interface MCalendarEventActionItem {
+    id: string;
+    label: ReactNode;
+    icon?: ReactNode;
+    color?: MColor;
+    disabled?: boolean;
+    onSelect?: (event: MCalendarEvent) => void;
+    href?: string;
+}
+export interface MCalendarDayActionItem {
+    id: string;
+    label: ReactNode;
+    icon?: ReactNode;
+    color?: MColor;
+    disabled?: boolean;
+    onSelect?: (date: Date, events: MCalendarEvent[]) => void;
+    href?: string;
+}
 export interface MCalendarEvent {
     id: string;
     title: string;
@@ -23,6 +41,11 @@ export interface MCalendarEvent {
     color?: string;
     badgeLabel?: string;
     user?: MCalendarEventUser;
+    href?: string;
+    menuItems?: MCalendarEventActionItem[];
+    onClick?: (event: MCalendarEvent) => void;
+    onEdit?: (event: MCalendarEvent) => void;
+    onDelete?: (event: MCalendarEvent) => void;
     meta?: Record<string, unknown>;
 }
 export interface MCalendarFilterOption {
@@ -43,23 +66,39 @@ export interface MCalendarDayCellProps extends Omit<ButtonHTMLAttributes<HTMLBut
     date: Date;
     events?: MCalendarEvent[];
     badge?: ReactNode;
-    markers?: ReactNode;
     isToday?: boolean;
     isSelected?: boolean;
     isOutsideMonth?: boolean;
+    showHourBar?: boolean;
+    overlapWarning?: boolean;
+    onAddEvent?: (date: Date) => void;
+    addEventLabel?: string;
     children?: ReactNode;
 }
-export interface MCalendarEventItemProps extends Omit<HTMLAttributes<HTMLDivElement>, 'color'> {
+export interface MCalendarEventProps extends Omit<HTMLAttributes<HTMLDivElement>, 'color' | 'onClick' | 'onSelect'> {
     event: MCalendarEvent;
     locale?: MCalendarBoardLocale;
     currentDate?: Date;
+    menuItems?: MCalendarEventActionItem[];
+    renderMenu?: (event: MCalendarEvent) => MCalendarEventActionItem[] | undefined;
+    showActions?: boolean;
+    overlap?: boolean;
+    onSelect?: (event: MCalendarEvent) => void;
+    onEdit?: (event: MCalendarEvent) => void;
+    onDelete?: (event: MCalendarEvent) => void;
 }
+export type MCalendarEventItemProps = MCalendarEventProps;
 export interface MCalendarEventListProps extends Omit<HTMLAttributes<HTMLDivElement>, 'color'> {
     events: MCalendarEvent[];
     locale?: MCalendarBoardLocale;
     currentDate?: Date;
     emptyStateText?: string;
+    overlapWarning?: boolean;
     renderEventItem?: (event: MCalendarEvent) => ReactNode;
+    renderEventMenu?: (event: MCalendarEvent) => MCalendarEventActionItem[] | undefined;
+    onEventSelect?: (event: MCalendarEvent) => void;
+    onEventEdit?: (event: MCalendarEvent) => void;
+    onEventDelete?: (event: MCalendarEvent) => void;
 }
 export interface MCalendarTimelineProps extends Omit<HTMLAttributes<HTMLDivElement>, 'color'> {
     date: Date;
@@ -68,13 +107,25 @@ export interface MCalendarTimelineProps extends Omit<HTMLAttributes<HTMLDivEleme
     startHour?: number;
     endHour?: number;
     emptyStateText?: string;
+    overlapWarning?: boolean;
+    onAddEvent?: (date: Date, hour: number) => void;
+    addEventLabel?: string;
+    renderEventItem?: (event: MCalendarEvent) => ReactNode;
+    renderEventMenu?: (event: MCalendarEvent) => MCalendarEventActionItem[] | undefined;
+    onEventSelect?: (event: MCalendarEvent) => void;
+    onEventEdit?: (event: MCalendarEvent) => void;
+    onEventDelete?: (event: MCalendarEvent) => void;
+}
+export interface MCalendarHourBarProps extends Omit<HTMLAttributes<HTMLDivElement>, 'color'> {
+    date: Date;
+    events: MCalendarEvent[];
+    overlapWarning?: boolean;
+    orientation?: 'vertical' | 'horizontal';
 }
 export interface MCalendarEventPopoverProps {
     open: boolean;
     anchorRef: RefObject<HTMLElement | null>;
     onClose: () => void;
-    onPointerEnter?: () => void;
-    onPointerLeave?: () => void;
     date: Date | null;
     events: MCalendarEvent[];
     locale?: MCalendarBoardLocale;
@@ -82,9 +133,18 @@ export interface MCalendarEventPopoverProps {
     timelineEndHour?: number;
     showTimeline?: boolean;
     emptyStateText?: string;
+    overlapWarning?: boolean;
+    onAddEvent?: (date: Date, hour?: number) => void;
+    addEventLabel?: string;
+    dayMenuLabel?: string;
     className?: string;
     style?: CSSProperties;
     renderEventItem?: (event: MCalendarEvent) => ReactNode;
+    renderEventMenu?: (event: MCalendarEvent) => MCalendarEventActionItem[] | undefined;
+    renderDayMenu?: (date: Date, events: MCalendarEvent[]) => MCalendarDayActionItem[] | undefined;
+    onEventSelect?: (event: MCalendarEvent) => void;
+    onEventEdit?: (event: MCalendarEvent) => void;
+    onEventDelete?: (event: MCalendarEvent) => void;
 }
 export interface MCalendarBoardProps extends Omit<HTMLAttributes<HTMLDivElement>, 'color'> {
     month?: Date;
@@ -103,11 +163,20 @@ export interface MCalendarBoardProps extends Omit<HTMLAttributes<HTMLDivElement>
     dayBadge?: (day: Date, events: MCalendarEvent[]) => ReactNode;
     renderDayCell?: (day: Date, context: MCalendarDayRenderContext) => ReactNode;
     renderEventItem?: (event: MCalendarEvent) => ReactNode;
-    detailsTrigger?: MCalendarDetailsTrigger;
+    renderEventMenu?: (event: MCalendarEvent) => MCalendarEventActionItem[] | undefined;
     detailsMode?: MCalendarDetailsMode;
     showTimeline?: boolean;
+    showHourBar?: boolean;
     timelineStartHour?: number;
     timelineEndHour?: number;
+    overlapWarning?: boolean;
+    onAddEvent?: (date: Date, hour?: number) => void;
+    addEventLabel?: string;
+    dayMenuLabel?: string;
+    renderDayMenu?: (date: Date, events: MCalendarEvent[]) => MCalendarDayActionItem[] | undefined;
+    onEventSelect?: (event: MCalendarEvent) => void;
+    onEventEdit?: (event: MCalendarEvent) => void;
+    onEventDelete?: (event: MCalendarEvent) => void;
     emptyStateText?: string;
     filters?: MCalendarFilterOption[];
     activeFilters?: string[];

package/dist/components/data/MCalendarBoard/index.d.ts

@@ -1,4 +1,4 @@
 /** Marked as a Pro component in MineralUI licensing metadata. */
-export { MCalendarBoard, MCalendarDayCell, MCalendarEventList, MCalendarEventItem, MCalendarEventPopover, MCalendarTimeline, } from './MCalendarBoard';
+export { MCalendarBoard, MCalendarDayCell, MCalendarEventList, MCalendarEventItem, MCalendarEventPopover, MCalendarHourBar, MCalendarTimeline, } from './MCalendarBoard';
 /** Types for a Pro component in MineralUI licensing metadata. */
-export type { MCalendarBoardProps, MCalendarBoardLocale, MCalendarDetailsTrigger, MCalendarDetailsMode, MCalendarBoardView, MCalendarEvent, MCalendarFilterOption, MCalendarEventItemProps, MCalendarEventListProps, MCalendarEventPopoverProps, MCalendarEventStatus, MCalendarEventUser, MCalendarDayCellProps, MCalendarDayRenderContext, MCalendarTimelineProps, MCalendarTimelineSlotState, } from './MCalendarBoard.types';
+export type { MCalendarBoardProps, MCalendarBoardLocale, MCalendarDetailsMode, MCalendarBoardView, MCalendarEvent, MCalendarEventActionItem, MCalendarDayActionItem, MCalendarEventProps, MCalendarFilterOption, MCalendarEventItemProps, MCalendarEventListProps, MCalendarEventPopoverProps, MCalendarEventStatus, MCalendarEventUser, MCalendarDayCellProps, MCalendarDayRenderContext, MCalendarHourBarProps, MCalendarTimelineProps, MCalendarTimelineSlotState, } from './MCalendarBoard.types';

package/dist/components/data/MDataTable/MDataTable.d.ts

@@ -1,2 +1,2 @@
 import { MDataTableProps } from './MDataTable.types';
-export declare function MDataTable<T = any>({ columns, data, rowKey, sortable, filterable, selectable, pagination, pageSize, striped, compact, stickyHeader, sort: controlledSort, onSortChange, selectedKeys: controlledSelected, onSelectionChange, emptyText, filterPlaceholder, className, ...rest }: MDataTableProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare function MDataTable<T = any>({ columns, data, rowKey, sortable, filterable, selectable, pagination, pageSize, striped, compact, stickyHeader, sort: controlledSort, onSortChange, search: controlledSearch, onSearchChange, searchKeys, filterKeys, filters: controlledFilters, onFiltersChange, sortKeys, page: controlledPage, onPageChange, total, manualSearch, manualFilters, manualSort, manualPagination, selectedKeys: controlledSelected, onSelectionChange, emptyText, filterPlaceholder, className, ...rest }: MDataTableProps<T>): import("react/jsx-runtime").JSX.Element;

package/dist/components/data/MDataTable/MDataTable.types.d.ts

@@ -13,6 +13,15 @@ export interface MDataTableSort {
     key: string;
     dir: MDataTableSortDir;
 }
+export interface MDataTableFilterKey<T = any> {
+    key: keyof T & string;
+    label: string;
+    options?: string[];
+}
+export interface MDataTableSortKey<T = any> {
+    key: keyof T & string;
+    label: string;
+}
 export interface MDataTableProps<T = any> extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
     columns: MDataTableColumn<T>[];
     data: T[];
@@ -27,6 +36,20 @@ export interface MDataTableProps<T = any> extends Omit<HTMLAttributes<HTMLDivEle
     stickyHeader?: boolean;
     sort?: MDataTableSort | null;
     onSortChange?: (sort: MDataTableSort | null) => void;
+    search?: string;
+    onSearchChange?: (search: string) => void;
+    searchKeys?: (keyof T & string)[];
+    filterKeys?: MDataTableFilterKey<T>[];
+    filters?: Record<string, string[]>;
+    onFiltersChange?: (filters: Record<string, string[]>) => void;
+    sortKeys?: MDataTableSortKey<T>[];
+    page?: number;
+    onPageChange?: (page: number) => void;
+    total?: number;
+    manualSearch?: boolean;
+    manualFilters?: boolean;
+    manualSort?: boolean;
+    manualPagination?: boolean;
     selectedKeys?: string[];
     onSelectionChange?: (keys: string[]) => void;
     emptyText?: string;

package/dist/components/data/MTreeView/MTreeView.d.ts

@@ -1,2 +1,2 @@
 import { MTreeViewProps } from './MTreeView.types';
-export declare function MTreeView({ items, expandable, selectable, defaultExpanded, expanded: controlledExpanded, onExpandChange, selected: controlledSelected, onSelect, indent, showLines, fileIcons, draggable, canDrop, onMove, contextMenuItems, onContextMenuAction, className, ...rest }: MTreeViewProps): import("react/jsx-runtime").JSX.Element;
+export declare function MTreeView({ items, expandable, selectable, defaultExpanded, expanded: controlledExpanded, onExpandChange, selected: controlledSelected, onSelect, checkable, defaultChecked, checked: controlledChecked, onCheckedChange, indent, showLines, fileIcons, draggable, canDrop, onMove, contextMenuItems, onContextMenuAction, className, ...rest }: MTreeViewProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/data/MTreeView/MTreeView.types.d.ts

@@ -21,7 +21,7 @@ export interface MTreeViewMoveEvent {
     targetId: string;
     targetNode: MTreeNode;
 }
-export interface MTreeViewProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onSelect'> {
+export interface MTreeViewProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onSelect' | 'defaultChecked'> {
     items: MTreeNode[];
     expandable?: boolean;
     selectable?: boolean;
@@ -30,6 +30,10 @@ export interface MTreeViewProps extends Omit<HTMLAttributes<HTMLDivElement>, 'on
     onExpandChange?: (ids: string[]) => void;
     selected?: string | null;
     onSelect?: (id: string, node: MTreeNode) => void;
+    checkable?: boolean;
+    defaultChecked?: string[];
+    checked?: string[];
+    onCheckedChange?: (ids: string[]) => void;
     indent?: number;
     showLines?: boolean;
     fileIcons?: boolean;
@@ -50,6 +54,10 @@ export interface MTreeItemProps {
     dropTargetId?: string | null;
     onToggle: (id: string) => void;
     onSelect?: (id: string, node: MTreeNode) => void;
+    checkable?: boolean;
+    checkedIds?: Set<string>;
+    indeterminateIds?: Set<string>;
+    onCheck?: (id: string) => void;
     indent: number;
     showLines?: boolean;
     fileIcons?: boolean;

package/dist/components/data/index.d.ts

@@ -13,9 +13,9 @@ export { MFileManager } from './MFileManager';
 /** Types for a Pro component in MineralUI licensing metadata. */
 export type { MFileManagerActionEvent, MFileManagerLocale, MFileManagerMoveEvent, MFileManagerNode, MFileManagerProps, MFileManagerSelectionEvent, MFileManagerToolbarAction, MFileManagerView, } from './MFileManager';
 /** Marked as a Pro component in MineralUI licensing metadata. */
-export { MCalendarBoard, MCalendarDayCell, MCalendarEventList, MCalendarEventItem, MCalendarEventPopover, MCalendarTimeline, } from './MCalendarBoard';
+export { MCalendarBoard, MCalendarDayCell, MCalendarEventList, MCalendarEventItem, MCalendarEventPopover, MCalendarHourBar, MCalendarTimeline, } from './MCalendarBoard';
 /** Types for a Pro component in MineralUI licensing metadata. */
-export type { MCalendarBoardProps, MCalendarBoardLocale, MCalendarDetailsTrigger, MCalendarDetailsMode, MCalendarBoardView, MCalendarEvent, MCalendarFilterOption, MCalendarEventItemProps, MCalendarEventListProps, MCalendarEventPopoverProps, MCalendarEventStatus, MCalendarEventUser, MCalendarDayCellProps, MCalendarDayRenderContext, MCalendarTimelineProps, MCalendarTimelineSlotState, } from './MCalendarBoard';
+export type { MCalendarBoardProps, MCalendarBoardLocale, MCalendarDetailsMode, MCalendarBoardView, MCalendarEvent, MCalendarEventActionItem, MCalendarDayActionItem, MCalendarEventProps, MCalendarFilterOption, MCalendarEventItemProps, MCalendarEventListProps, MCalendarEventPopoverProps, MCalendarEventStatus, MCalendarEventUser, MCalendarDayCellProps, MCalendarDayRenderContext, MCalendarHourBarProps, MCalendarTimelineProps, MCalendarTimelineSlotState, } from './MCalendarBoard';
 /** Marked as a Pro component in MineralUI licensing metadata. */
 export { MLineChart, MBarChart, MAreaChart, MPieChart } from './MChart';
 /** Types for a Pro component in MineralUI licensing metadata. */

package/dist/components/display/MBlur/MBlur.d.ts

@@ -0,0 +1,2 @@
+import { MBlurProps } from './MBlur.types';
+export declare function MBlur({ children, amount, reveal, revealed, defaultRevealed, onToggle, inline, className, style, onClick, onKeyDown, ...rest }: MBlurProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/display/MBlur/MBlur.types.d.ts

@@ -0,0 +1,13 @@
+import { CSSProperties, HTMLAttributes, ReactNode } from 'react';
+export type MBlurTrigger = 'hover' | 'click' | 'focus' | 'none';
+export interface MBlurProps extends Omit<HTMLAttributes<HTMLSpanElement>, 'onToggle'> {
+    children?: ReactNode;
+    amount?: number;
+    reveal?: MBlurTrigger;
+    revealed?: boolean;
+    defaultRevealed?: boolean;
+    onToggle?: (revealed: boolean) => void;
+    inline?: boolean;
+    className?: string;
+    style?: CSSProperties;
+}

package/dist/components/display/MBlur/index.d.ts

@@ -0,0 +1,2 @@
+export { MBlur } from './MBlur';
+export type { MBlurProps, MBlurTrigger } from './MBlur.types';

package/dist/components/display/index.d.ts

@@ -18,6 +18,8 @@ export { MColorPicker } from './MColorPicker';
 export type { MColorPickerProps, MColorPickerFormat } from './MColorPicker';
 export { MEmptyState } from './MEmptyState';
 export type { MEmptyStateProps } from './MEmptyState';
+export { MBlur } from './MBlur';
+export type { MBlurProps, MBlurTrigger } from './MBlur';
 /** Marked as a Pro component in MineralUI licensing metadata. */
 export { MStepper, MStep } from './MStepper';
 /** Types for a Pro component in MineralUI licensing metadata. */

package/dist/components/inputs/MInputIBAN/MInputIBAN.types.d.ts

@@ -1,10 +1,10 @@
-import { MInputProps } from '../MInput';
+import { MInputGroupProps } from '../MInputGroup';
 import { ValidationResult } from '../../../utils/validators';
-export interface MInputIBANProps extends Omit<MInputProps, 'type'> {
+export interface MInputIBANProps extends Omit<MInputGroupProps, 'type' | 'prepend' | 'append'> {
     countryCode?: string;
     formatOnChange?: boolean;
     validateOnBlur?: boolean;
-    showValidIcon?: boolean;
     onValidationChange?: (result: ValidationResult) => void;
     onValueChange?: (rawValue: string, formattedValue: string) => void;
+    onCountryChange?: (countryCode: string) => void;
 }

package/dist/components/inputs/MInputPhone/MInputPhone.types.d.ts

@@ -2,9 +2,11 @@ import { MInputProps } from '../MInput';
 import { ValidationResult } from '../../../utils/validators';
 export interface MInputPhoneProps extends Omit<MInputProps, 'type'> {
     countryCode?: string;
+    defaultCountryCode?: string;
     showCountryCode?: boolean;
     formatOnChange?: boolean;
     validateOnBlur?: boolean;
     onValidationChange?: (result: ValidationResult) => void;
     onValueChange?: (rawValue: string, formattedValue: string) => void;
+    onCountryChange?: (countryCode: string) => void;
 }

package/dist/components/layout/MGrid/MGrid.d.ts

@@ -2,6 +2,6 @@ import { MGridColumns, MGridItemProps, MGridProps } from './MGrid.types';
 type MGridInternalProps = MGridProps & {
     resolvedBase?: MGridColumns;
 };
-export declare function MGrid({ type, sm, md, lg, xl, xxl, resolvedBase, hidden, spacing, padding, fsize, mt, mb, ml, mr, mx, my, pt, pb, pl, pr, px, py, fullWidth, className, style, children, ...rest }: MGridInternalProps): import("react/jsx-runtime").JSX.Element;
-export declare function MGridItem({ sm, md, lg, xl, xxl, ...rest }: MGridItemProps): import("react/jsx-runtime").JSX.Element;
+export declare function MGrid({ type, sm, md, lg, xl, xxl, resolvedBase, hidden, align, spacing, padding, fsize, mt, mb, ml, mr, mx, my, pt, pb, pl, pr, px, py, fullWidth, className, style, children, ...rest }: MGridInternalProps): import("react/jsx-runtime").JSX.Element;
+export declare function MGridItem({ sm, md, lg, xl, xxl, align, ...rest }: MGridItemProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/layout/MGrid/MGrid.types.d.ts

@@ -2,6 +2,7 @@ import { CSSProperties, HTMLAttributes, ReactNode } from 'react';
 import { MHiddenProps } from '../../../theme';
 import { LayoutUtilityProps } from '../../../utils/layoutProps';
 export type MGridType = 'row' | 'col';
+export type MGridAlign = 'stretch' | 'start' | 'center' | 'end' | 'baseline';
 export declare const mGridColumnValues: readonly [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12];
 export type MGridColumns = (typeof mGridColumnValues)[number];
 export interface MGridProps extends Omit<HTMLAttributes<HTMLDivElement>, 'hidden'>, LayoutUtilityProps, MHiddenProps {
@@ -11,6 +12,7 @@ export interface MGridProps extends Omit<HTMLAttributes<HTMLDivElement>, 'hidden
     lg?: MGridColumns;
     xl?: MGridColumns;
     xxl?: MGridColumns;
+    align?: MGridAlign;
     children?: ReactNode;
     className?: string;
     style?: CSSProperties;

package/dist/components/media/MImage/MImage.d.ts

@@ -1,2 +1,2 @@
 import { MImageProps } from './MImage.types';
-export declare function MImage({ src, fit, ratio, hidden, rounded, bordered, shadow, preview, previewGroup, hoverEffect, clickEffect, fallback, skeleton, className, style, alt, onError, ...rest }: MImageProps): import("react/jsx-runtime").JSX.Element;
+export declare function MImage({ src, fit, ratio, width, height, hidden, rounded, bordered, shadow, preview, previewGroup, hoverEffect, clickEffect, fallback, skeleton, className, style, alt, onError, ...rest }: MImageProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/media/MImage/MImage.types.d.ts

@@ -4,9 +4,14 @@ import { MClickEffect } from '../../../utils/useInteractionEffect';
 import { MMediaHoverEffect } from '../mediaInteraction';
 export type MImageFit = 'cover' | 'contain' | 'fill' | 'none';
 export type MImageRatio = '1:1' | '4:3' | '16:9' | '21:9' | 'auto';
-export interface MImageProps extends Omit<ImgHTMLAttributes<HTMLImageElement>, 'hidden'>, MHiddenProps {
+export type MImageSize = number | string;
+export interface MImageProps extends Omit<ImgHTMLAttributes<HTMLImageElement>, 'hidden' | 'width' | 'height'>, MHiddenProps {
     fit?: MImageFit;
     ratio?: MImageRatio;
+    /** Explicit width. Numbers are treated as pixels; strings pass through as CSS values (`'auto'`, `'100%'`, `'12rem'`). */
+    width?: MImageSize;
+    /** Explicit height. Numbers are treated as pixels; strings pass through as CSS values (`'auto'`, `'100%'`, `'12rem'`). */
+    height?: MImageSize;
     rounded?: boolean;
     bordered?: boolean;
     shadow?: boolean;

package/dist/components/media/MMediaLightbox/MMediaLightbox.d.ts

@@ -10,5 +10,5 @@ interface MMediaLightboxProps {
     onClose: () => void;
     onActiveIndexChange: (index: number) => void;
 }
-export declare function MMediaLightbox({ open, items, activeIndex, onClose, onActiveIndexChange, }: MMediaLightboxProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function MMediaLightbox({ open, items, activeIndex, onClose, onActiveIndexChange }: MMediaLightboxProps): import("react/jsx-runtime").JSX.Element | null;
 export {};

package/dist/components/overlays/MTooltip/MTooltip.types.d.ts

@@ -1,6 +1,6 @@
-import { ReactNode } from 'react';
+import { HTMLAttributes, ReactNode } from 'react';
 export type MTooltipPlacement = 'top' | 'bottom' | 'left' | 'right';
-export interface MTooltipProps {
+export interface MTooltipProps extends Omit<HTMLAttributes<HTMLDivElement>, 'content' | 'children'> {
     content: ReactNode;
     placement?: MTooltipPlacement;
     delay?: number;

package/dist/{controls-C5PtrGZf.cjs → controls-CZCxbJgq.cjs}

@@ -1,2 +1,2 @@
-const e=require(`./theme-CgS-bND3.cjs`),t=require(`./icons-DWMgDKgt.cjs`),n=require(`./cn-CU5TNITO.cjs`),r=require(`./useInteractionEffect-D1ZdNbKU.cjs`),i=require(`./MButton-DrkVdRDy.cjs`);require(`./core-AKWkE8Bx.cjs`);let a=require(`react`),o=require(`react/jsx-runtime`);var s=(0,a.forwardRef)(function({orientation:e=`horizontal`,variant:t,size:r,color:s,attached:c=!0,className:l,children:u,...d},f){let p=(0,a.useMemo)(()=>({variant:t,size:r,color:s}),[t,r,s]);return(0,o.jsx)(i.i.Provider,{value:p,children:(0,o.jsx)(`div`,{ref:f,role:`group`,className:n.t(`button-group`,e,c&&`attached`,l),...d,children:u})})}),c=(0,a.createContext)(null);function l(){return(0,a.useContext)(c)}var u=(0,a.forwardRef)(function({checked:e,defaultChecked:t,name:i,id:s,value:c,disabled:u=!1,size:d=`md`,color:f=`primary`,label:p,labelPosition:m=`right`,onChange:h,clickEffect:g=`ripple`,rippleColor:_,className:v,style:y},b){let x=l(),S=x?.name??i,C=x?.disabled??u,w=x?.size??d,T=x?.color??f,E=x?x.value===c:e,{effectClassName:D,effectLayer:O,handlePointerDown:k,triggerEffect:A}=r.t({effect:g,disabled:C,centered:!0,color:_}),j=(0,a.useCallback)(e=>{h?.(e),x?.onChange&&c&&x.onChange(c)},[h,x,c]);return(0,o.jsxs)(`label`,{className:n.t(`radio`,w,m===`left`&&`label-left`,C&&`disabled`,v),style:y,children:[(0,o.jsxs)(`span`,{className:n.t(`circle`,`color-${T}`,D),onPointerDown:k,children:[O,(0,o.jsx)(`input`,{ref:b,type:`radio`,name:S,id:s,value:c,checked:E,defaultChecked:x?void 0:t,disabled:C,onChange:j,onKeyDown:e=>{(e.key===` `||e.key===`Enter`)&&A(e.currentTarget.parentElement)},className:`input`})]}),p&&(0,o.jsx)(`span`,{className:`label-text`,children:p})]})});function d({name:e,value:t,defaultValue:r,onChange:i,direction:s=`vertical`,children:l,disabled:u=!1,size:d=`md`,color:f=`primary`,error:p=!1,errorText:m,label:h,className:g,style:_}){let[v,y]=(0,a.useState)(r),b=t===void 0?v:t,x=(0,a.useCallback)(e=>{t===void 0&&y(e),i?.(e)},[i,t]),S=(0,a.useMemo)(()=>({name:e,value:b,disabled:u,size:d,color:f,onChange:x}),[e,b,u,d,f,x]);return(0,o.jsx)(c.Provider,{value:S,children:(0,o.jsxs)(`fieldset`,{className:n.t(`radio-group`,s,g),style:_,role:`radiogroup`,children:[h&&(0,o.jsx)(`legend`,{className:n.t(`label`,p&&`error`),children:h}),l,m&&(0,o.jsx)(`span`,{className:`field-error`,role:`alert`,children:m})]})})}function f({onLoadMore:e,loading:t=!1,hasMore:r=!0,loaded:s,total:c,auto:l=!1,autoThreshold:u=100,variant:d=`outlined`,color:f=`primary`,label:p=`Load more`,loadingLabel:m=`Loading...`,doneLabel:h=`All items loaded`,className:g,..._}){let v=(0,a.useRef)(null),y=(0,a.useRef)(e);y.current=e,(0,a.useEffect)(()=>{if(!l||!r||t)return;let e=v.current;if(!e)return;let n=new IntersectionObserver(e=>{e[0].isIntersecting&&y.current()},{rootMargin:`${u}px`});return n.observe(e),()=>n.disconnect()},[l,r,t,u]);let b=(0,a.useCallback)(()=>{!t&&r&&e()},[e,t,r]),x=s!==void 0&&c!==void 0;return(0,o.jsxs)(`div`,{className:n.t(`load-more`,g),..._,children:[x&&(0,o.jsxs)(`span`,{className:`load-more-count`,children:[s,` / `,c]}),r?(0,o.jsx)(i.t,{variant:d,color:f,loading:t,onClick:b,className:`load-more-btn`,children:t?m:p}):(0,o.jsx)(`span`,{className:`load-more-done`,children:h}),l&&r&&(0,o.jsx)(`div`,{ref:v,className:`load-more-sentinel`}),x&&(0,o.jsx)(`div`,{className:`load-more-bar`,children:(0,o.jsx)(`div`,{className:`load-more-bar-fill`,style:{width:`${Math.min(s/c*100,100)}%`}})})]})}function p({threshold:e=300,variant:r=`filled`,color:s=`primary`,smooth:c=!0,className:l}){let[u,d]=(0,a.useState)(!1);return(0,a.useEffect)(()=>{function t(){d(window.scrollY>e)}return t(),window.addEventListener(`scroll`,t,{passive:!0}),()=>window.removeEventListener(`scroll`,t)},[e]),(0,o.jsx)(i.t,{variant:r,color:s,shape:`circle`,size:`lg`,iconOnly:!0,onClick:(0,a.useCallback)(()=>{window.scrollTo({top:0,behavior:c?`smooth`:`instant`})},[c]),"aria-label":`Scroll to top`,className:n.t(`scroll-top`,u&&`visible`,l),children:(0,o.jsx)(t.ki,{})})}function m(e,t){return(0,o.jsx)(`svg`,{viewBox:`0 0 24 24`,fill:`none`,xmlns:`http://www.w3.org/2000/svg`,"aria-hidden":`true`,...t,children:e})}function h(e){return m((0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(`circle`,{cx:`12`,cy:`12`,r:`10.2`,fill:`#fff`,stroke:`#dadce0`,strokeWidth:`1.2`}),(0,o.jsx)(`path`,{d:`M17.95 12.25c0-.48-.04-.83-.13-1.2H12v2.26h3.42c-.07.56-.48 1.4-1.4 1.97l-.01.08 2 1.52.14.02c1.28-1.15 1.8-2.84 1.8-4.65z`,fill:`#4285F4`}),(0,o.jsx)(`path`,{d:`M12 18.2c1.67 0 3.07-.54 4.1-1.48l-2.13-1.62c-.57.39-1.34.67-1.97.67-1.64 0-3.03-1.06-3.53-2.53l-.08.01-2.08 1.58-.03.08c1.02 1.97 3.09 3.29 5.72 3.29z`,fill:`#34A853`}),(0,o.jsx)(`path`,{d:`M8.47 13.24a3.72 3.72 0 0 1-.2-1.24c0-.43.08-.84.19-1.24l-.01-.08-2.1-1.6-.07.03a6.02 6.02 0 0 0 0 5.78l2.19-1.65z`,fill:`#FBBC05`}),(0,o.jsx)(`path`,{d:`M12 8.22c.8 0 1.53.27 2.1.8l1.54-1.48C14.99 6.96 13.67 6.5 12 6.5c-2.63 0-4.7 1.32-5.72 3.29l2.18 1.66c.5-1.47 1.9-2.53 3.54-2.53z`,fill:`#EA4335`})]}),e)}function g(e){return m((0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(`rect`,{x:`2.2`,y:`2.2`,width:`19.6`,height:`19.6`,rx:`6.2`,fill:`#1877F2`}),(0,o.jsx)(`path`,{d:`M13.28 20v-6.02h2.02l.31-2.43h-2.33V10c0-.78.27-1.37 1.35-1.37h1.11V6.4c-.4-.06-1.09-.11-2.03-.11-2.3 0-3.64 1.22-3.64 3.76v1.49h-1.9v2.44h1.9V20z`,fill:`#fff`})]}),e)}function _(e){return m((0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(`path`,{d:`M15.38 11.84c.02 2.33 2.04 3.1 2.07 3.12-.03.07-.33 1.09-1.06 2.16-.63.91-1.3 1.84-2.34 1.86-1.03.02-1.37-.61-2.57-.61-1.2 0-1.57.59-2.53.63-1.02.04-1.79-1.01-2.43-1.92-1.3-1.89-2.3-5.33-.97-7.64.67-1.15 1.86-1.88 3.14-1.9.98-.02 1.89.65 2.57.65.67 0 1.92-.81 3.24-.69.55.02 2.1.22 3.09 1.67-.08.05-1.84 1.07-1.81 2.67z`,fill:`currentColor`}),(0,o.jsx)(`path`,{d:`M13.59 4.67c.53-.64.9-1.52.8-2.42-.77.04-1.69.52-2.24 1.15-.5.58-.93 1.49-.82 2.35.86.07 1.72-.44 2.26-1.08z`,fill:`currentColor`})]}),e)}function v(e){return m((0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(`rect`,{x:`3.5`,y:`3.5`,width:`7.8`,height:`7.8`,rx:`1.3`,fill:`#F25022`}),(0,o.jsx)(`rect`,{x:`12.7`,y:`3.5`,width:`7.8`,height:`7.8`,rx:`1.3`,fill:`#7FBA00`}),(0,o.jsx)(`rect`,{x:`3.5`,y:`12.7`,width:`7.8`,height:`7.8`,rx:`1.3`,fill:`#00A4EF`}),(0,o.jsx)(`rect`,{x:`12.7`,y:`12.7`,width:`7.8`,height:`7.8`,rx:`1.3`,fill:`#FFB900`})]}),e)}function y(e){return m((0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(`circle`,{cx:`12`,cy:`12`,r:`10.1`,fill:`#fff`}),(0,o.jsx)(`path`,{d:`M12.87 6.76c-2.95 0-4.74 2.03-4.74 4.34 0 1.65.92 3.07 2.38 3.62.1.03.14.01.17-.06l.32-1.23c.05-.14.02-.19-.09-.33-.26-.33-.47-.96-.47-1.57 0-1.52 1.14-2.97 3.08-2.97 1.68 0 2.86 1.14 2.86 2.78 0 1.86-.93 3.13-2.14 3.13-.67 0-1.17-.56-1-1.23.18-.8.55-1.64.55-2.2 0-.51-.28-.93-.84-.93-.67 0-1.2.69-1.2 1.62 0 .59.2.99.2.99l-.78 3.28c-.14.58-.03 1.55.01 1.68.02.08.1.1.15.03.09-.11 1.07-1.49 1.24-2.18l.27-1.06c.25.48.99.89 1.77.89 2.34 0 4.04-2.15 4.04-4.79 0-2.54-2.08-4.44-4.78-4.44z`,fill:`#E60023`})]}),e)}function b(e){return m((0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(`rect`,{x:`2.4`,y:`2.4`,width:`19.2`,height:`19.2`,rx:`4.8`,fill:`#fff`}),(0,o.jsx)(`path`,{d:`M8.1 10.02h2.04v7.24H8.1zm1.03-3.22a1.17 1.17 0 1 1 0 2.35 1.17 1.17 0 0 1 0-2.35zm2.68 3.22h1.95v.99c.34-.61 1.08-1.15 2.13-1.15 2.15 0 2.82 1.42 2.82 3.78v3.62h-2.04v-3.26c0-.98-.35-1.67-1.23-1.67-.66 0-1.05.45-1.23.88-.08.16-.08.38-.08.59v3.46h-2.32z`,fill:`#0A66C2`})]}),e)}var x={google:{label:`Sign in with Google`,iconLabel:`Google`,mode:`google`,Icon:h},facebook:{label:`Sign in with Facebook`,iconLabel:`Facebook`,mode:`outline`,Icon:g},apple:{label:`Sign in with Apple`,iconLabel:`Apple`,mode:`brand`,Icon:_},microsoft:{label:`Sign in with Microsoft`,iconLabel:`Microsoft`,mode:`brand`,Icon:v},pinterest:{label:`Sign in with Pinterest`,iconLabel:`Pinterest`,mode:`brand`,Icon:y},linkedin:{label:`Sign in with LinkedIn`,iconLabel:`LinkedIn`,mode:`brand`,Icon:b}},S=(0,a.forwardRef)(function({platform:t=`google`,variant:a=`outline`,size:s=`md`,iconOnly:c=!1,iconShape:l=`circle`,hidden:u,fullWidth:d=!1,loading:f=!1,active:p=!1,pulsing:m=!1,clickEffect:h=`ripple`,rippleColor:g,className:_,style:v,children:y,disabled:b=!1,type:S=`button`,onPointerDown:C,onKeyDown:w,"aria-label":T,...E},D){let O=x[t],k=O.Icon,A=y??O.label,j=T??(c?O.iconLabel:void 0),M=O.mode===`google`?a:O.mode,N=b||f,{effectClassName:P,effectLayer:F,handlePointerDown:I,triggerEffect:L}=r.t({effect:h,disabled:N,centered:c,color:g});return(0,o.jsxs)(`button`,{ref:D,type:S,className:n.t(`social-button-root`,t,M,s,d&&`full-width`,c&&`icon-only`,c&&`icon-shape-${l}`,f&&`loading`,p&&`active`,m&&`pulsing`,N&&`disabled`,P,_),style:v,disabled:N,"aria-busy":f||void 0,"aria-label":j,onPointerDown:e=>{I(e),C?.(e)},onKeyDown:e=>{(e.key===` `||e.key===`Enter`)&&L(e.currentTarget),w?.(e)},...e.r(u),...E,children:[F,f&&(0,o.jsx)(i.r,{size:`sm`,color:`inherit`,className:`social-button-spinner`,"aria-hidden":`true`}),(0,o.jsx)(`span`,{className:`social-button-brand`,"aria-hidden":`true`,children:(0,o.jsx)(k,{className:`social-button-mark`})}),!c&&(0,o.jsx)(`span`,{className:`social-button-label`,children:A})]})});Object.defineProperty(exports,`a`,{enumerable:!0,get:function(){return u}}),Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return p}}),Object.defineProperty(exports,`o`,{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return f}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return S}});
-//# sourceMappingURL=controls-C5PtrGZf.cjs.map
+const e=require(`./theme-Bb_NAEiZ.cjs`),t=require(`./icons-lUQfZ4Jr.cjs`),n=require(`./cn-CU5TNITO.cjs`),r=require(`./useInteractionEffect-CtXlbjhC.cjs`),i=require(`./MButton-B9k45kH-.cjs`);require(`./core-w629c4ND.cjs`);let a=require(`react`),o=require(`react/jsx-runtime`);var s=(0,a.forwardRef)(function({orientation:e=`horizontal`,variant:t,size:r,color:s,attached:c=!0,className:l,children:u,...d},f){let p=(0,a.useMemo)(()=>({variant:t,size:r,color:s}),[t,r,s]);return(0,o.jsx)(i.i.Provider,{value:p,children:(0,o.jsx)(`div`,{ref:f,role:`group`,className:n.t(`button-group`,e,c&&`attached`,l),...d,children:u})})}),c=(0,a.createContext)(null);function l(){return(0,a.useContext)(c)}var u=(0,a.forwardRef)(function({checked:e,defaultChecked:t,name:i,id:s,value:c,disabled:u=!1,size:d=`md`,color:f=`primary`,label:p,labelPosition:m=`right`,onChange:h,clickEffect:g=`ripple`,rippleColor:_,className:v,style:y},b){let x=l(),S=x?.name??i,C=x?.disabled??u,w=x?.size??d,T=x?.color??f,E=x?x.value===c:e,{effectClassName:D,effectLayer:O,handlePointerDown:k,triggerEffect:A}=r.t({effect:g,disabled:C,centered:!0,color:_}),j=(0,a.useCallback)(e=>{h?.(e),x?.onChange&&c&&x.onChange(c)},[h,x,c]);return(0,o.jsxs)(`label`,{className:n.t(`radio`,w,m===`left`&&`label-left`,C&&`disabled`,v),style:y,children:[(0,o.jsxs)(`span`,{className:n.t(`circle`,`color-${T}`,D),onPointerDown:k,children:[O,(0,o.jsx)(`input`,{ref:b,type:`radio`,name:S,id:s,value:c,checked:E,defaultChecked:x?void 0:t,disabled:C,onChange:j,onKeyDown:e=>{(e.key===` `||e.key===`Enter`)&&A(e.currentTarget.parentElement)},className:`input`})]}),p&&(0,o.jsx)(`span`,{className:`label-text`,children:p})]})});function d({name:e,value:t,defaultValue:r,onChange:i,direction:s=`vertical`,children:l,disabled:u=!1,size:d=`md`,color:f=`primary`,error:p=!1,errorText:m,label:h,className:g,style:_}){let[v,y]=(0,a.useState)(r),b=t===void 0?v:t,x=(0,a.useCallback)(e=>{t===void 0&&y(e),i?.(e)},[i,t]),S=(0,a.useMemo)(()=>({name:e,value:b,disabled:u,size:d,color:f,onChange:x}),[e,b,u,d,f,x]);return(0,o.jsx)(c.Provider,{value:S,children:(0,o.jsxs)(`fieldset`,{className:n.t(`radio-group`,s,g),style:_,role:`radiogroup`,children:[h&&(0,o.jsx)(`legend`,{className:n.t(`label`,p&&`error`),children:h}),l,m&&(0,o.jsx)(`span`,{className:`field-error`,role:`alert`,children:m})]})})}function f({onLoadMore:e,loading:t=!1,hasMore:r=!0,loaded:s,total:c,auto:l=!1,autoThreshold:u=100,variant:d=`outlined`,color:f=`primary`,label:p=`Load more`,loadingLabel:m=`Loading...`,doneLabel:h=`All items loaded`,className:g,..._}){let v=(0,a.useRef)(null),y=(0,a.useRef)(e);y.current=e,(0,a.useEffect)(()=>{if(!l||!r||t)return;let e=v.current;if(!e)return;let n=new IntersectionObserver(e=>{e[0].isIntersecting&&y.current()},{rootMargin:`${u}px`});return n.observe(e),()=>n.disconnect()},[l,r,t,u]);let b=(0,a.useCallback)(()=>{!t&&r&&e()},[e,t,r]),x=s!==void 0&&c!==void 0;return(0,o.jsxs)(`div`,{className:n.t(`load-more`,g),..._,children:[x&&(0,o.jsxs)(`span`,{className:`load-more-count`,children:[s,` / `,c]}),r?(0,o.jsx)(i.t,{variant:d,color:f,loading:t,onClick:b,className:`load-more-btn`,children:t?m:p}):(0,o.jsx)(`span`,{className:`load-more-done`,children:h}),l&&r&&(0,o.jsx)(`div`,{ref:v,className:`load-more-sentinel`}),x&&(0,o.jsx)(`div`,{className:`load-more-bar`,children:(0,o.jsx)(`div`,{className:`load-more-bar-fill`,style:{width:`${Math.min(s/c*100,100)}%`}})})]})}function p({threshold:e=300,variant:r=`filled`,color:s=`primary`,smooth:c=!0,className:l}){let[u,d]=(0,a.useState)(!1);return(0,a.useEffect)(()=>{function t(){d(window.scrollY>e)}return t(),window.addEventListener(`scroll`,t,{passive:!0}),()=>window.removeEventListener(`scroll`,t)},[e]),(0,o.jsx)(i.t,{variant:r,color:s,shape:`circle`,size:`lg`,iconOnly:!0,onClick:(0,a.useCallback)(()=>{window.scrollTo({top:0,behavior:c?`smooth`:`instant`})},[c]),"aria-label":`Scroll to top`,className:n.t(`scroll-top`,u&&`visible`,l),children:(0,o.jsx)(t.ki,{})})}function m(e,t){return(0,o.jsx)(`svg`,{viewBox:`0 0 24 24`,fill:`none`,xmlns:`http://www.w3.org/2000/svg`,"aria-hidden":`true`,...t,children:e})}function h(e){return m((0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(`circle`,{cx:`12`,cy:`12`,r:`10.2`,fill:`#fff`,stroke:`#dadce0`,strokeWidth:`1.2`}),(0,o.jsx)(`path`,{d:`M17.95 12.25c0-.48-.04-.83-.13-1.2H12v2.26h3.42c-.07.56-.48 1.4-1.4 1.97l-.01.08 2 1.52.14.02c1.28-1.15 1.8-2.84 1.8-4.65z`,fill:`#4285F4`}),(0,o.jsx)(`path`,{d:`M12 18.2c1.67 0 3.07-.54 4.1-1.48l-2.13-1.62c-.57.39-1.34.67-1.97.67-1.64 0-3.03-1.06-3.53-2.53l-.08.01-2.08 1.58-.03.08c1.02 1.97 3.09 3.29 5.72 3.29z`,fill:`#34A853`}),(0,o.jsx)(`path`,{d:`M8.47 13.24a3.72 3.72 0 0 1-.2-1.24c0-.43.08-.84.19-1.24l-.01-.08-2.1-1.6-.07.03a6.02 6.02 0 0 0 0 5.78l2.19-1.65z`,fill:`#FBBC05`}),(0,o.jsx)(`path`,{d:`M12 8.22c.8 0 1.53.27 2.1.8l1.54-1.48C14.99 6.96 13.67 6.5 12 6.5c-2.63 0-4.7 1.32-5.72 3.29l2.18 1.66c.5-1.47 1.9-2.53 3.54-2.53z`,fill:`#EA4335`})]}),e)}function g(e){return m((0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(`rect`,{x:`2.2`,y:`2.2`,width:`19.6`,height:`19.6`,rx:`6.2`,fill:`#1877F2`}),(0,o.jsx)(`path`,{d:`M13.28 20v-6.02h2.02l.31-2.43h-2.33V10c0-.78.27-1.37 1.35-1.37h1.11V6.4c-.4-.06-1.09-.11-2.03-.11-2.3 0-3.64 1.22-3.64 3.76v1.49h-1.9v2.44h1.9V20z`,fill:`#fff`})]}),e)}function _(e){return m((0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(`path`,{d:`M15.38 11.84c.02 2.33 2.04 3.1 2.07 3.12-.03.07-.33 1.09-1.06 2.16-.63.91-1.3 1.84-2.34 1.86-1.03.02-1.37-.61-2.57-.61-1.2 0-1.57.59-2.53.63-1.02.04-1.79-1.01-2.43-1.92-1.3-1.89-2.3-5.33-.97-7.64.67-1.15 1.86-1.88 3.14-1.9.98-.02 1.89.65 2.57.65.67 0 1.92-.81 3.24-.69.55.02 2.1.22 3.09 1.67-.08.05-1.84 1.07-1.81 2.67z`,fill:`currentColor`}),(0,o.jsx)(`path`,{d:`M13.59 4.67c.53-.64.9-1.52.8-2.42-.77.04-1.69.52-2.24 1.15-.5.58-.93 1.49-.82 2.35.86.07 1.72-.44 2.26-1.08z`,fill:`currentColor`})]}),e)}function v(e){return m((0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(`rect`,{x:`3.5`,y:`3.5`,width:`7.8`,height:`7.8`,rx:`1.3`,fill:`#F25022`}),(0,o.jsx)(`rect`,{x:`12.7`,y:`3.5`,width:`7.8`,height:`7.8`,rx:`1.3`,fill:`#7FBA00`}),(0,o.jsx)(`rect`,{x:`3.5`,y:`12.7`,width:`7.8`,height:`7.8`,rx:`1.3`,fill:`#00A4EF`}),(0,o.jsx)(`rect`,{x:`12.7`,y:`12.7`,width:`7.8`,height:`7.8`,rx:`1.3`,fill:`#FFB900`})]}),e)}function y(e){return m((0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(`circle`,{cx:`12`,cy:`12`,r:`10.1`,fill:`#fff`}),(0,o.jsx)(`path`,{d:`M12.87 6.76c-2.95 0-4.74 2.03-4.74 4.34 0 1.65.92 3.07 2.38 3.62.1.03.14.01.17-.06l.32-1.23c.05-.14.02-.19-.09-.33-.26-.33-.47-.96-.47-1.57 0-1.52 1.14-2.97 3.08-2.97 1.68 0 2.86 1.14 2.86 2.78 0 1.86-.93 3.13-2.14 3.13-.67 0-1.17-.56-1-1.23.18-.8.55-1.64.55-2.2 0-.51-.28-.93-.84-.93-.67 0-1.2.69-1.2 1.62 0 .59.2.99.2.99l-.78 3.28c-.14.58-.03 1.55.01 1.68.02.08.1.1.15.03.09-.11 1.07-1.49 1.24-2.18l.27-1.06c.25.48.99.89 1.77.89 2.34 0 4.04-2.15 4.04-4.79 0-2.54-2.08-4.44-4.78-4.44z`,fill:`#E60023`})]}),e)}function b(e){return m((0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(`rect`,{x:`2.4`,y:`2.4`,width:`19.2`,height:`19.2`,rx:`4.8`,fill:`#fff`}),(0,o.jsx)(`path`,{d:`M8.1 10.02h2.04v7.24H8.1zm1.03-3.22a1.17 1.17 0 1 1 0 2.35 1.17 1.17 0 0 1 0-2.35zm2.68 3.22h1.95v.99c.34-.61 1.08-1.15 2.13-1.15 2.15 0 2.82 1.42 2.82 3.78v3.62h-2.04v-3.26c0-.98-.35-1.67-1.23-1.67-.66 0-1.05.45-1.23.88-.08.16-.08.38-.08.59v3.46h-2.32z`,fill:`#0A66C2`})]}),e)}var x={google:{label:`Sign in with Google`,iconLabel:`Google`,mode:`google`,Icon:h},facebook:{label:`Sign in with Facebook`,iconLabel:`Facebook`,mode:`outline`,Icon:g},apple:{label:`Sign in with Apple`,iconLabel:`Apple`,mode:`brand`,Icon:_},microsoft:{label:`Sign in with Microsoft`,iconLabel:`Microsoft`,mode:`brand`,Icon:v},pinterest:{label:`Sign in with Pinterest`,iconLabel:`Pinterest`,mode:`brand`,Icon:y},linkedin:{label:`Sign in with LinkedIn`,iconLabel:`LinkedIn`,mode:`brand`,Icon:b}},S=(0,a.forwardRef)(function({platform:t=`google`,variant:a=`outline`,size:s=`md`,iconOnly:c=!1,iconShape:l=`circle`,hidden:u,fullWidth:d=!1,loading:f=!1,active:p=!1,pulsing:m=!1,clickEffect:h=`ripple`,rippleColor:g,className:_,style:v,children:y,disabled:b=!1,type:S=`button`,onPointerDown:C,onKeyDown:w,"aria-label":T,...E},D){let O=x[t],k=O.Icon,A=y??O.label,j=T??(c?O.iconLabel:void 0),M=O.mode===`google`?a:O.mode,N=b||f,{effectClassName:P,effectLayer:F,handlePointerDown:I,triggerEffect:L}=r.t({effect:h,disabled:N,centered:c,color:g});return(0,o.jsxs)(`button`,{ref:D,type:S,className:n.t(`social-button-root`,t,M,s,d&&`full-width`,c&&`icon-only`,c&&`icon-shape-${l}`,f&&`loading`,p&&`active`,m&&`pulsing`,N&&`disabled`,P,_),style:v,disabled:N,"aria-busy":f||void 0,"aria-label":j,onPointerDown:e=>{I(e),C?.(e)},onKeyDown:e=>{(e.key===` `||e.key===`Enter`)&&L(e.currentTarget),w?.(e)},...e.r(u),...E,children:[F,f&&(0,o.jsx)(i.r,{size:`sm`,color:`inherit`,className:`social-button-spinner`,"aria-hidden":`true`}),(0,o.jsx)(`span`,{className:`social-button-brand`,"aria-hidden":`true`,children:(0,o.jsx)(k,{className:`social-button-mark`})}),!c&&(0,o.jsx)(`span`,{className:`social-button-label`,children:A})]})});Object.defineProperty(exports,`a`,{enumerable:!0,get:function(){return u}}),Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return p}}),Object.defineProperty(exports,`o`,{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return f}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return S}});
+//# sourceMappingURL=controls-CZCxbJgq.cjs.map