brd-ui-kit 0.1.75 → 0.1.76

package/dist/components/ui/typography/typography.d.ts

@@ -1,11 +1,11 @@
+import { HTMLAttributes, DetailedReactHTMLElement, CSSProperties, AriaRole, ReactNode, ClipboardEventHandler, CompositionEventHandler, FocusEventHandler, ChangeEventHandler, InputEventHandler, ReactEventHandler, SubmitEventHandler, KeyboardEventHandler, MouseEventHandler, DragEventHandler, TouchEventHandler, PointerEventHandler, UIEventHandler, WheelEventHandler, AnimationEventHandler, ToggleEventHandler, TransitionEventHandler } from 'react';
 import { TypographyVariant } from './typography.styles';
-import * as React from "react";
 type TypographyTag = "div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "label" | "p" | "span";
-export interface TypographyProps extends Omit<React.HTMLAttributes<HTMLElement>, "color"> {
+export interface TypographyProps extends Omit<HTMLAttributes<HTMLElement>, "color"> {
     as?: TypographyTag;
     variant?: TypographyVariant;
 }
-export declare const Typography: ({ as, className, variant, ...props }: TypographyProps) => React.DetailedReactHTMLElement<{
+export declare const Typography: ({ as, className, variant, ...props }: TypographyProps) => DetailedReactHTMLElement<{
     className: string;
     content?: string | undefined | undefined;
     translate?: "yes" | "no" | undefined | undefined;
@@ -28,11 +28,11 @@ export declare const Typography: ({ as, className, variant, ...props }: Typograp
     nonce?: string | undefined | undefined;
     slot?: string | undefined | undefined;
     spellCheck?: (boolean | "true" | "false") | undefined;
-    style?: React.CSSProperties | undefined;
+    style?: CSSProperties | undefined;
     tabIndex?: number | undefined | undefined;
     title?: string | undefined | undefined;
     radioGroup?: string | undefined | undefined;
-    role?: React.AriaRole | undefined;
+    role?: AriaRole | undefined;
     about?: string | undefined | undefined;
     datatype?: string | undefined | undefined;
     inlist?: any;
@@ -113,177 +113,177 @@ export declare const Typography: ({ as, className, variant, ...props }: Typograp
     "aria-valuemin"?: number | undefined | undefined;
     "aria-valuenow"?: number | undefined | undefined;
     "aria-valuetext"?: string | undefined | undefined;
-    children?: React.ReactNode;
+    children?: ReactNode;
     dangerouslySetInnerHTML?: {
         __html: string | TrustedHTML;
     } | undefined | undefined;
-    onCopy?: React.ClipboardEventHandler<HTMLElement> | undefined;
-    onCopyCapture?: React.ClipboardEventHandler<HTMLElement> | undefined;
-    onCut?: React.ClipboardEventHandler<HTMLElement> | undefined;
-    onCutCapture?: React.ClipboardEventHandler<HTMLElement> | undefined;
-    onPaste?: React.ClipboardEventHandler<HTMLElement> | undefined;
-    onPasteCapture?: React.ClipboardEventHandler<HTMLElement> | undefined;
-    onCompositionEnd?: React.CompositionEventHandler<HTMLElement> | undefined;
-    onCompositionEndCapture?: React.CompositionEventHandler<HTMLElement> | undefined;
-    onCompositionStart?: React.CompositionEventHandler<HTMLElement> | undefined;
-    onCompositionStartCapture?: React.CompositionEventHandler<HTMLElement> | undefined;
-    onCompositionUpdate?: React.CompositionEventHandler<HTMLElement> | undefined;
-    onCompositionUpdateCapture?: React.CompositionEventHandler<HTMLElement> | undefined;
-    onFocus?: React.FocusEventHandler<HTMLElement> | undefined;
-    onFocusCapture?: React.FocusEventHandler<HTMLElement> | undefined;
-    onBlur?: React.FocusEventHandler<HTMLElement> | undefined;
-    onBlurCapture?: React.FocusEventHandler<HTMLElement> | undefined;
-    onChange?: React.ChangeEventHandler<HTMLElement, Element> | undefined;
-    onChangeCapture?: React.ChangeEventHandler<HTMLElement, Element> | undefined;
-    onBeforeInput?: React.InputEventHandler<HTMLElement> | undefined;
-    onBeforeInputCapture?: React.InputEventHandler<HTMLElement> | undefined;
-    onInput?: React.InputEventHandler<HTMLElement> | undefined;
-    onInputCapture?: React.InputEventHandler<HTMLElement> | undefined;
-    onReset?: React.ReactEventHandler<HTMLElement> | undefined;
-    onResetCapture?: React.ReactEventHandler<HTMLElement> | undefined;
-    onSubmit?: React.SubmitEventHandler<HTMLElement> | undefined;
-    onSubmitCapture?: React.SubmitEventHandler<HTMLElement> | undefined;
-    onInvalid?: React.ReactEventHandler<HTMLElement> | undefined;
-    onInvalidCapture?: React.ReactEventHandler<HTMLElement> | undefined;
-    onLoad?: React.ReactEventHandler<HTMLElement> | undefined;
-    onLoadCapture?: React.ReactEventHandler<HTMLElement> | undefined;
-    onError?: React.ReactEventHandler<HTMLElement> | undefined;
-    onErrorCapture?: React.ReactEventHandler<HTMLElement> | undefined;
-    onKeyDown?: React.KeyboardEventHandler<HTMLElement> | undefined;
-    onKeyDownCapture?: React.KeyboardEventHandler<HTMLElement> | undefined;
-    onKeyPress?: React.KeyboardEventHandler<HTMLElement> | undefined;
-    onKeyPressCapture?: React.KeyboardEventHandler<HTMLElement> | undefined;
-    onKeyUp?: React.KeyboardEventHandler<HTMLElement> | undefined;
-    onKeyUpCapture?: React.KeyboardEventHandler<HTMLElement> | undefined;
-    onAbort?: React.ReactEventHandler<HTMLElement> | undefined;
-    onAbortCapture?: React.ReactEventHandler<HTMLElement> | undefined;
-    onCanPlay?: React.ReactEventHandler<HTMLElement> | undefined;
-    onCanPlayCapture?: React.ReactEventHandler<HTMLElement> | undefined;
-    onCanPlayThrough?: React.ReactEventHandler<HTMLElement> | undefined;
-    onCanPlayThroughCapture?: React.ReactEventHandler<HTMLElement> | undefined;
-    onDurationChange?: React.ReactEventHandler<HTMLElement> | undefined;
-    onDurationChangeCapture?: React.ReactEventHandler<HTMLElement> | undefined;
-    onEmptied?: React.ReactEventHandler<HTMLElement> | undefined;
-    onEmptiedCapture?: React.ReactEventHandler<HTMLElement> | undefined;
-    onEncrypted?: React.ReactEventHandler<HTMLElement> | undefined;
-    onEncryptedCapture?: React.ReactEventHandler<HTMLElement> | undefined;
-    onEnded?: React.ReactEventHandler<HTMLElement> | undefined;
-    onEndedCapture?: React.ReactEventHandler<HTMLElement> | undefined;
-    onLoadedData?: React.ReactEventHandler<HTMLElement> | undefined;
-    onLoadedDataCapture?: React.ReactEventHandler<HTMLElement> | undefined;
-    onLoadedMetadata?: React.ReactEventHandler<HTMLElement> | undefined;
-    onLoadedMetadataCapture?: React.ReactEventHandler<HTMLElement> | undefined;
-    onLoadStart?: React.ReactEventHandler<HTMLElement> | undefined;
-    onLoadStartCapture?: React.ReactEventHandler<HTMLElement> | undefined;
-    onPause?: React.ReactEventHandler<HTMLElement> | undefined;
-    onPauseCapture?: React.ReactEventHandler<HTMLElement> | undefined;
-    onPlay?: React.ReactEventHandler<HTMLElement> | undefined;
-    onPlayCapture?: React.ReactEventHandler<HTMLElement> | undefined;
-    onPlaying?: React.ReactEventHandler<HTMLElement> | undefined;
-    onPlayingCapture?: React.ReactEventHandler<HTMLElement> | undefined;
-    onProgress?: React.ReactEventHandler<HTMLElement> | undefined;
-    onProgressCapture?: React.ReactEventHandler<HTMLElement> | undefined;
-    onRateChange?: React.ReactEventHandler<HTMLElement> | undefined;
-    onRateChangeCapture?: React.ReactEventHandler<HTMLElement> | undefined;
-    onSeeked?: React.ReactEventHandler<HTMLElement> | undefined;
-    onSeekedCapture?: React.ReactEventHandler<HTMLElement> | undefined;
-    onSeeking?: React.ReactEventHandler<HTMLElement> | undefined;
-    onSeekingCapture?: React.ReactEventHandler<HTMLElement> | undefined;
-    onStalled?: React.ReactEventHandler<HTMLElement> | undefined;
-    onStalledCapture?: React.ReactEventHandler<HTMLElement> | undefined;
-    onSuspend?: React.ReactEventHandler<HTMLElement> | undefined;
-    onSuspendCapture?: React.ReactEventHandler<HTMLElement> | undefined;
-    onTimeUpdate?: React.ReactEventHandler<HTMLElement> | undefined;
-    onTimeUpdateCapture?: React.ReactEventHandler<HTMLElement> | undefined;
-    onVolumeChange?: React.ReactEventHandler<HTMLElement> | undefined;
-    onVolumeChangeCapture?: React.ReactEventHandler<HTMLElement> | undefined;
-    onWaiting?: React.ReactEventHandler<HTMLElement> | undefined;
-    onWaitingCapture?: React.ReactEventHandler<HTMLElement> | undefined;
-    onAuxClick?: React.MouseEventHandler<HTMLElement> | undefined;
-    onAuxClickCapture?: React.MouseEventHandler<HTMLElement> | undefined;
-    onClick?: React.MouseEventHandler<HTMLElement> | undefined;
-    onClickCapture?: React.MouseEventHandler<HTMLElement> | undefined;
-    onContextMenu?: React.MouseEventHandler<HTMLElement> | undefined;
-    onContextMenuCapture?: React.MouseEventHandler<HTMLElement> | undefined;
-    onDoubleClick?: React.MouseEventHandler<HTMLElement> | undefined;
-    onDoubleClickCapture?: React.MouseEventHandler<HTMLElement> | undefined;
-    onDrag?: React.DragEventHandler<HTMLElement> | undefined;
-    onDragCapture?: React.DragEventHandler<HTMLElement> | undefined;
-    onDragEnd?: React.DragEventHandler<HTMLElement> | undefined;
-    onDragEndCapture?: React.DragEventHandler<HTMLElement> | undefined;
-    onDragEnter?: React.DragEventHandler<HTMLElement> | undefined;
-    onDragEnterCapture?: React.DragEventHandler<HTMLElement> | undefined;
-    onDragExit?: React.DragEventHandler<HTMLElement> | undefined;
-    onDragExitCapture?: React.DragEventHandler<HTMLElement> | undefined;
-    onDragLeave?: React.DragEventHandler<HTMLElement> | undefined;
-    onDragLeaveCapture?: React.DragEventHandler<HTMLElement> | undefined;
-    onDragOver?: React.DragEventHandler<HTMLElement> | undefined;
-    onDragOverCapture?: React.DragEventHandler<HTMLElement> | undefined;
-    onDragStart?: React.DragEventHandler<HTMLElement> | undefined;
-    onDragStartCapture?: React.DragEventHandler<HTMLElement> | undefined;
-    onDrop?: React.DragEventHandler<HTMLElement> | undefined;
-    onDropCapture?: React.DragEventHandler<HTMLElement> | undefined;
-    onMouseDown?: React.MouseEventHandler<HTMLElement> | undefined;
-    onMouseDownCapture?: React.MouseEventHandler<HTMLElement> | undefined;
-    onMouseEnter?: React.MouseEventHandler<HTMLElement> | undefined;
-    onMouseLeave?: React.MouseEventHandler<HTMLElement> | undefined;
-    onMouseMove?: React.MouseEventHandler<HTMLElement> | undefined;
-    onMouseMoveCapture?: React.MouseEventHandler<HTMLElement> | undefined;
-    onMouseOut?: React.MouseEventHandler<HTMLElement> | undefined;
-    onMouseOutCapture?: React.MouseEventHandler<HTMLElement> | undefined;
-    onMouseOver?: React.MouseEventHandler<HTMLElement> | undefined;
-    onMouseOverCapture?: React.MouseEventHandler<HTMLElement> | undefined;
-    onMouseUp?: React.MouseEventHandler<HTMLElement> | undefined;
-    onMouseUpCapture?: React.MouseEventHandler<HTMLElement> | undefined;
-    onSelect?: React.ReactEventHandler<HTMLElement> | undefined;
-    onSelectCapture?: React.ReactEventHandler<HTMLElement> | undefined;
-    onTouchCancel?: React.TouchEventHandler<HTMLElement> | undefined;
-    onTouchCancelCapture?: React.TouchEventHandler<HTMLElement> | undefined;
-    onTouchEnd?: React.TouchEventHandler<HTMLElement> | undefined;
-    onTouchEndCapture?: React.TouchEventHandler<HTMLElement> | undefined;
-    onTouchMove?: React.TouchEventHandler<HTMLElement> | undefined;
-    onTouchMoveCapture?: React.TouchEventHandler<HTMLElement> | undefined;
-    onTouchStart?: React.TouchEventHandler<HTMLElement> | undefined;
-    onTouchStartCapture?: React.TouchEventHandler<HTMLElement> | undefined;
-    onPointerDown?: React.PointerEventHandler<HTMLElement> | undefined;
-    onPointerDownCapture?: React.PointerEventHandler<HTMLElement> | undefined;
-    onPointerMove?: React.PointerEventHandler<HTMLElement> | undefined;
-    onPointerMoveCapture?: React.PointerEventHandler<HTMLElement> | undefined;
-    onPointerUp?: React.PointerEventHandler<HTMLElement> | undefined;
-    onPointerUpCapture?: React.PointerEventHandler<HTMLElement> | undefined;
-    onPointerCancel?: React.PointerEventHandler<HTMLElement> | undefined;
-    onPointerCancelCapture?: React.PointerEventHandler<HTMLElement> | undefined;
-    onPointerEnter?: React.PointerEventHandler<HTMLElement> | undefined;
-    onPointerLeave?: React.PointerEventHandler<HTMLElement> | undefined;
-    onPointerOver?: React.PointerEventHandler<HTMLElement> | undefined;
-    onPointerOverCapture?: React.PointerEventHandler<HTMLElement> | undefined;
-    onPointerOut?: React.PointerEventHandler<HTMLElement> | undefined;
-    onPointerOutCapture?: React.PointerEventHandler<HTMLElement> | undefined;
-    onGotPointerCapture?: React.PointerEventHandler<HTMLElement> | undefined;
-    onGotPointerCaptureCapture?: React.PointerEventHandler<HTMLElement> | undefined;
-    onLostPointerCapture?: React.PointerEventHandler<HTMLElement> | undefined;
-    onLostPointerCaptureCapture?: React.PointerEventHandler<HTMLElement> | undefined;
-    onScroll?: React.UIEventHandler<HTMLElement> | undefined;
-    onScrollCapture?: React.UIEventHandler<HTMLElement> | undefined;
-    onScrollEnd?: React.UIEventHandler<HTMLElement> | undefined;
-    onScrollEndCapture?: React.UIEventHandler<HTMLElement> | undefined;
-    onWheel?: React.WheelEventHandler<HTMLElement> | undefined;
-    onWheelCapture?: React.WheelEventHandler<HTMLElement> | undefined;
-    onAnimationStart?: React.AnimationEventHandler<HTMLElement> | undefined;
-    onAnimationStartCapture?: React.AnimationEventHandler<HTMLElement> | undefined;
-    onAnimationEnd?: React.AnimationEventHandler<HTMLElement> | undefined;
-    onAnimationEndCapture?: React.AnimationEventHandler<HTMLElement> | undefined;
-    onAnimationIteration?: React.AnimationEventHandler<HTMLElement> | undefined;
-    onAnimationIterationCapture?: React.AnimationEventHandler<HTMLElement> | undefined;
-    onToggle?: React.ToggleEventHandler<HTMLElement> | undefined;
-    onBeforeToggle?: React.ToggleEventHandler<HTMLElement> | undefined;
-    onTransitionCancel?: React.TransitionEventHandler<HTMLElement> | undefined;
-    onTransitionCancelCapture?: React.TransitionEventHandler<HTMLElement> | undefined;
-    onTransitionEnd?: React.TransitionEventHandler<HTMLElement> | undefined;
-    onTransitionEndCapture?: React.TransitionEventHandler<HTMLElement> | undefined;
-    onTransitionRun?: React.TransitionEventHandler<HTMLElement> | undefined;
-    onTransitionRunCapture?: React.TransitionEventHandler<HTMLElement> | undefined;
-    onTransitionStart?: React.TransitionEventHandler<HTMLElement> | undefined;
-    onTransitionStartCapture?: React.TransitionEventHandler<HTMLElement> | undefined;
+    onCopy?: ClipboardEventHandler<HTMLElement> | undefined;
+    onCopyCapture?: ClipboardEventHandler<HTMLElement> | undefined;
+    onCut?: ClipboardEventHandler<HTMLElement> | undefined;
+    onCutCapture?: ClipboardEventHandler<HTMLElement> | undefined;
+    onPaste?: ClipboardEventHandler<HTMLElement> | undefined;
+    onPasteCapture?: ClipboardEventHandler<HTMLElement> | undefined;
+    onCompositionEnd?: CompositionEventHandler<HTMLElement> | undefined;
+    onCompositionEndCapture?: CompositionEventHandler<HTMLElement> | undefined;
+    onCompositionStart?: CompositionEventHandler<HTMLElement> | undefined;
+    onCompositionStartCapture?: CompositionEventHandler<HTMLElement> | undefined;
+    onCompositionUpdate?: CompositionEventHandler<HTMLElement> | undefined;
+    onCompositionUpdateCapture?: CompositionEventHandler<HTMLElement> | undefined;
+    onFocus?: FocusEventHandler<HTMLElement> | undefined;
+    onFocusCapture?: FocusEventHandler<HTMLElement> | undefined;
+    onBlur?: FocusEventHandler<HTMLElement> | undefined;
+    onBlurCapture?: FocusEventHandler<HTMLElement> | undefined;
+    onChange?: ChangeEventHandler<HTMLElement, Element> | undefined;
+    onChangeCapture?: ChangeEventHandler<HTMLElement, Element> | undefined;
+    onBeforeInput?: InputEventHandler<HTMLElement> | undefined;
+    onBeforeInputCapture?: InputEventHandler<HTMLElement> | undefined;
+    onInput?: InputEventHandler<HTMLElement> | undefined;
+    onInputCapture?: InputEventHandler<HTMLElement> | undefined;
+    onReset?: ReactEventHandler<HTMLElement> | undefined;
+    onResetCapture?: ReactEventHandler<HTMLElement> | undefined;
+    onSubmit?: SubmitEventHandler<HTMLElement> | undefined;
+    onSubmitCapture?: SubmitEventHandler<HTMLElement> | undefined;
+    onInvalid?: ReactEventHandler<HTMLElement> | undefined;
+    onInvalidCapture?: ReactEventHandler<HTMLElement> | undefined;
+    onLoad?: ReactEventHandler<HTMLElement> | undefined;
+    onLoadCapture?: ReactEventHandler<HTMLElement> | undefined;
+    onError?: ReactEventHandler<HTMLElement> | undefined;
+    onErrorCapture?: ReactEventHandler<HTMLElement> | undefined;
+    onKeyDown?: KeyboardEventHandler<HTMLElement> | undefined;
+    onKeyDownCapture?: KeyboardEventHandler<HTMLElement> | undefined;
+    onKeyPress?: KeyboardEventHandler<HTMLElement> | undefined;
+    onKeyPressCapture?: KeyboardEventHandler<HTMLElement> | undefined;
+    onKeyUp?: KeyboardEventHandler<HTMLElement> | undefined;
+    onKeyUpCapture?: KeyboardEventHandler<HTMLElement> | undefined;
+    onAbort?: ReactEventHandler<HTMLElement> | undefined;
+    onAbortCapture?: ReactEventHandler<HTMLElement> | undefined;
+    onCanPlay?: ReactEventHandler<HTMLElement> | undefined;
+    onCanPlayCapture?: ReactEventHandler<HTMLElement> | undefined;
+    onCanPlayThrough?: ReactEventHandler<HTMLElement> | undefined;
+    onCanPlayThroughCapture?: ReactEventHandler<HTMLElement> | undefined;
+    onDurationChange?: ReactEventHandler<HTMLElement> | undefined;
+    onDurationChangeCapture?: ReactEventHandler<HTMLElement> | undefined;
+    onEmptied?: ReactEventHandler<HTMLElement> | undefined;
+    onEmptiedCapture?: ReactEventHandler<HTMLElement> | undefined;
+    onEncrypted?: ReactEventHandler<HTMLElement> | undefined;
+    onEncryptedCapture?: ReactEventHandler<HTMLElement> | undefined;
+    onEnded?: ReactEventHandler<HTMLElement> | undefined;
+    onEndedCapture?: ReactEventHandler<HTMLElement> | undefined;
+    onLoadedData?: ReactEventHandler<HTMLElement> | undefined;
+    onLoadedDataCapture?: ReactEventHandler<HTMLElement> | undefined;
+    onLoadedMetadata?: ReactEventHandler<HTMLElement> | undefined;
+    onLoadedMetadataCapture?: ReactEventHandler<HTMLElement> | undefined;
+    onLoadStart?: ReactEventHandler<HTMLElement> | undefined;
+    onLoadStartCapture?: ReactEventHandler<HTMLElement> | undefined;
+    onPause?: ReactEventHandler<HTMLElement> | undefined;
+    onPauseCapture?: ReactEventHandler<HTMLElement> | undefined;
+    onPlay?: ReactEventHandler<HTMLElement> | undefined;
+    onPlayCapture?: ReactEventHandler<HTMLElement> | undefined;
+    onPlaying?: ReactEventHandler<HTMLElement> | undefined;
+    onPlayingCapture?: ReactEventHandler<HTMLElement> | undefined;
+    onProgress?: ReactEventHandler<HTMLElement> | undefined;
+    onProgressCapture?: ReactEventHandler<HTMLElement> | undefined;
+    onRateChange?: ReactEventHandler<HTMLElement> | undefined;
+    onRateChangeCapture?: ReactEventHandler<HTMLElement> | undefined;
+    onSeeked?: ReactEventHandler<HTMLElement> | undefined;
+    onSeekedCapture?: ReactEventHandler<HTMLElement> | undefined;
+    onSeeking?: ReactEventHandler<HTMLElement> | undefined;
+    onSeekingCapture?: ReactEventHandler<HTMLElement> | undefined;
+    onStalled?: ReactEventHandler<HTMLElement> | undefined;
+    onStalledCapture?: ReactEventHandler<HTMLElement> | undefined;
+    onSuspend?: ReactEventHandler<HTMLElement> | undefined;
+    onSuspendCapture?: ReactEventHandler<HTMLElement> | undefined;
+    onTimeUpdate?: ReactEventHandler<HTMLElement> | undefined;
+    onTimeUpdateCapture?: ReactEventHandler<HTMLElement> | undefined;
+    onVolumeChange?: ReactEventHandler<HTMLElement> | undefined;
+    onVolumeChangeCapture?: ReactEventHandler<HTMLElement> | undefined;
+    onWaiting?: ReactEventHandler<HTMLElement> | undefined;
+    onWaitingCapture?: ReactEventHandler<HTMLElement> | undefined;
+    onAuxClick?: MouseEventHandler<HTMLElement> | undefined;
+    onAuxClickCapture?: MouseEventHandler<HTMLElement> | undefined;
+    onClick?: MouseEventHandler<HTMLElement> | undefined;
+    onClickCapture?: MouseEventHandler<HTMLElement> | undefined;
+    onContextMenu?: MouseEventHandler<HTMLElement> | undefined;
+    onContextMenuCapture?: MouseEventHandler<HTMLElement> | undefined;
+    onDoubleClick?: MouseEventHandler<HTMLElement> | undefined;
+    onDoubleClickCapture?: MouseEventHandler<HTMLElement> | undefined;
+    onDrag?: DragEventHandler<HTMLElement> | undefined;
+    onDragCapture?: DragEventHandler<HTMLElement> | undefined;
+    onDragEnd?: DragEventHandler<HTMLElement> | undefined;
+    onDragEndCapture?: DragEventHandler<HTMLElement> | undefined;
+    onDragEnter?: DragEventHandler<HTMLElement> | undefined;
+    onDragEnterCapture?: DragEventHandler<HTMLElement> | undefined;
+    onDragExit?: DragEventHandler<HTMLElement> | undefined;
+    onDragExitCapture?: DragEventHandler<HTMLElement> | undefined;
+    onDragLeave?: DragEventHandler<HTMLElement> | undefined;
+    onDragLeaveCapture?: DragEventHandler<HTMLElement> | undefined;
+    onDragOver?: DragEventHandler<HTMLElement> | undefined;
+    onDragOverCapture?: DragEventHandler<HTMLElement> | undefined;
+    onDragStart?: DragEventHandler<HTMLElement> | undefined;
+    onDragStartCapture?: DragEventHandler<HTMLElement> | undefined;
+    onDrop?: DragEventHandler<HTMLElement> | undefined;
+    onDropCapture?: DragEventHandler<HTMLElement> | undefined;
+    onMouseDown?: MouseEventHandler<HTMLElement> | undefined;
+    onMouseDownCapture?: MouseEventHandler<HTMLElement> | undefined;
+    onMouseEnter?: MouseEventHandler<HTMLElement> | undefined;
+    onMouseLeave?: MouseEventHandler<HTMLElement> | undefined;
+    onMouseMove?: MouseEventHandler<HTMLElement> | undefined;
+    onMouseMoveCapture?: MouseEventHandler<HTMLElement> | undefined;
+    onMouseOut?: MouseEventHandler<HTMLElement> | undefined;
+    onMouseOutCapture?: MouseEventHandler<HTMLElement> | undefined;
+    onMouseOver?: MouseEventHandler<HTMLElement> | undefined;
+    onMouseOverCapture?: MouseEventHandler<HTMLElement> | undefined;
+    onMouseUp?: MouseEventHandler<HTMLElement> | undefined;
+    onMouseUpCapture?: MouseEventHandler<HTMLElement> | undefined;
+    onSelect?: ReactEventHandler<HTMLElement> | undefined;
+    onSelectCapture?: ReactEventHandler<HTMLElement> | undefined;
+    onTouchCancel?: TouchEventHandler<HTMLElement> | undefined;
+    onTouchCancelCapture?: TouchEventHandler<HTMLElement> | undefined;
+    onTouchEnd?: TouchEventHandler<HTMLElement> | undefined;
+    onTouchEndCapture?: TouchEventHandler<HTMLElement> | undefined;
+    onTouchMove?: TouchEventHandler<HTMLElement> | undefined;
+    onTouchMoveCapture?: TouchEventHandler<HTMLElement> | undefined;
+    onTouchStart?: TouchEventHandler<HTMLElement> | undefined;
+    onTouchStartCapture?: TouchEventHandler<HTMLElement> | undefined;
+    onPointerDown?: PointerEventHandler<HTMLElement> | undefined;
+    onPointerDownCapture?: PointerEventHandler<HTMLElement> | undefined;
+    onPointerMove?: PointerEventHandler<HTMLElement> | undefined;
+    onPointerMoveCapture?: PointerEventHandler<HTMLElement> | undefined;
+    onPointerUp?: PointerEventHandler<HTMLElement> | undefined;
+    onPointerUpCapture?: PointerEventHandler<HTMLElement> | undefined;
+    onPointerCancel?: PointerEventHandler<HTMLElement> | undefined;
+    onPointerCancelCapture?: PointerEventHandler<HTMLElement> | undefined;
+    onPointerEnter?: PointerEventHandler<HTMLElement> | undefined;
+    onPointerLeave?: PointerEventHandler<HTMLElement> | undefined;
+    onPointerOver?: PointerEventHandler<HTMLElement> | undefined;
+    onPointerOverCapture?: PointerEventHandler<HTMLElement> | undefined;
+    onPointerOut?: PointerEventHandler<HTMLElement> | undefined;
+    onPointerOutCapture?: PointerEventHandler<HTMLElement> | undefined;
+    onGotPointerCapture?: PointerEventHandler<HTMLElement> | undefined;
+    onGotPointerCaptureCapture?: PointerEventHandler<HTMLElement> | undefined;
+    onLostPointerCapture?: PointerEventHandler<HTMLElement> | undefined;
+    onLostPointerCaptureCapture?: PointerEventHandler<HTMLElement> | undefined;
+    onScroll?: UIEventHandler<HTMLElement> | undefined;
+    onScrollCapture?: UIEventHandler<HTMLElement> | undefined;
+    onScrollEnd?: UIEventHandler<HTMLElement> | undefined;
+    onScrollEndCapture?: UIEventHandler<HTMLElement> | undefined;
+    onWheel?: WheelEventHandler<HTMLElement> | undefined;
+    onWheelCapture?: WheelEventHandler<HTMLElement> | undefined;
+    onAnimationStart?: AnimationEventHandler<HTMLElement> | undefined;
+    onAnimationStartCapture?: AnimationEventHandler<HTMLElement> | undefined;
+    onAnimationEnd?: AnimationEventHandler<HTMLElement> | undefined;
+    onAnimationEndCapture?: AnimationEventHandler<HTMLElement> | undefined;
+    onAnimationIteration?: AnimationEventHandler<HTMLElement> | undefined;
+    onAnimationIterationCapture?: AnimationEventHandler<HTMLElement> | undefined;
+    onToggle?: ToggleEventHandler<HTMLElement> | undefined;
+    onBeforeToggle?: ToggleEventHandler<HTMLElement> | undefined;
+    onTransitionCancel?: TransitionEventHandler<HTMLElement> | undefined;
+    onTransitionCancelCapture?: TransitionEventHandler<HTMLElement> | undefined;
+    onTransitionEnd?: TransitionEventHandler<HTMLElement> | undefined;
+    onTransitionEndCapture?: TransitionEventHandler<HTMLElement> | undefined;
+    onTransitionRun?: TransitionEventHandler<HTMLElement> | undefined;
+    onTransitionRunCapture?: TransitionEventHandler<HTMLElement> | undefined;
+    onTransitionStart?: TransitionEventHandler<HTMLElement> | undefined;
+    onTransitionStartCapture?: TransitionEventHandler<HTMLElement> | undefined;
 }, HTMLElement>;
 export {};

package/dist/components-avatar-uploader-avatar-uploader.cjs

@@ -1,3 +1,3 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./brd-ui-kit.css');const i=require("react/jsx-runtime");;/* empty css                   */const x=require("./lib-utils.cjs");require("class-variance-authority");const f=require("react");require("./components-ui-badge-badge.styles.cjs");require("./components-ui-button-button.cjs");require("./components-ui-button-button.styles.cjs");require("./components-ui-card-card.cjs");require("./components-ui-checkbox-checkbox.cjs");require("./calendar-DReGV_22.cjs");require("./components-ui-combobox-combobox.cjs");require("./components-ui-dialog-dialog.cjs");require("./components-ui-label-label.cjs");require("./components-ui-separator-separator.cjs");require("./components-ui-field-field.styles.cjs");require("./components-ui-input-input.styles.cjs");require("./components-ui-textarea-textarea.cjs");require("./components-ui-input-group-input-group.styles.cjs");require("./components-ui-navigation-item-navigation-item.styles.cjs");require("./components-ui-navigation-menu-navigation-menu.styles.cjs");require("./components-ui-pagination-pagination.cjs");require("./components-ui-progress-progress.cjs");require("./components-ui-radio-group-radio-group.cjs");require("./components-ui-switch-switch.cjs");require("./components-ui-toggle-toggle.styles.cjs");require("./components-ui-toggle-group-toggle-group.cjs");require("./components-ui-table-table.cjs");require("./components-ui-tabs-tabs.cjs");require("./components-ui-tooltip-tooltip.cjs");const v=require("./components-ui-typography-typography.cjs");require("./components-ui-typography-typography.styles.cjs");require("./components-app-pagination-app-pagination.styles.cjs");require("./components-app-sidebar-app-sidebar.styles.cjs");require("./components-data-table-data-table.styles.cjs");require("./components-ui-dropdown-menu-dropdown-menu.styles.cjs");require("./components-select-field-select-field.cjs");require("./lodash-kqhtUJfz.cjs");require("./chart-C69jBlXa.cjs");const A=require("./components-basic-avatar-basic-avatar.cjs");require("./index-DGxwh2Ms.cjs");require("./index-fTTv8YY8.cjs");const y=require("./index-DJD-8LQA.cjs");require("./components-input-phone-input-phone.cjs");const j=1,b=[".jpg",".png"],h=({src:u,fullName:o,maxFiles:a=j,accept:q=b,avatarProps:c,containerClassName:p,onChange:s})=>{const n=f.useMemo(()=>{const[e,r]=o?.split(" "),t=e?.charAt(0)||"",g=r?.charAt(0)||"";return(t+g).toUpperCase()||"?"},[o]),{getRootProps:l,getInputProps:d}=y.useDropzone({accept:{"image/*":q},maxFiles:a,onDrop:e=>{const r=e[0];if(r){const t=URL.createObjectURL(r);s?.(t)}}}),m=e=>{e.stopPropagation(),s?.("")};return i.jsxs("div",{...l(),className:x.cn(`bg-info-new-bg flex h-18 w-18 cursor-pointer items-center justify-center
-        overflow-hidden rounded-full transition-colors`,p),children:[i.jsx("input",{...d()}),u?i.jsx(A.BasicAvatar,{...c,image:{src:u},initials:{text:n},hasBadge:!0,onClick:m}):i.jsx(v.Typography,{variant:"body-xxl-medium",className:"text-info-new-text flex items-center justify-center",children:n})]})};exports.AvatarUpload=h;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./brd-ui-kit.css');const r=require("react/jsx-runtime");;/* empty css                   */const x=require("./lib-utils.cjs");require("class-variance-authority");require("./components-ui-badge-badge.styles.cjs");require("./components-ui-button-button.cjs");require("./components-ui-button-button.styles.cjs");require("./components-ui-card-card.cjs");require("./components-ui-checkbox-checkbox.cjs");require("./components-ui-icon-icon.cjs");const v=require("react");require("./calendar-B5QCV34E.cjs");require("./components-ui-combobox-combobox.cjs");require("./components-ui-dialog-dialog.cjs");require("./components-ui-label-label.cjs");require("./components-ui-separator-separator.cjs");require("./components-ui-field-field.styles.cjs");require("./components-ui-input-input.styles.cjs");require("./components-ui-textarea-textarea.cjs");require("./components-ui-input-group-input-group.styles.cjs");require("./components-ui-navigation-item-navigation-item.styles.cjs");require("./components-ui-navigation-menu-navigation-menu.styles.cjs");require("./components-ui-pagination-pagination.cjs");require("./components-ui-progress-progress.cjs");require("./components-ui-radio-group-radio-group.cjs");require("./components-ui-switch-switch.cjs");require("./components-ui-toggle-toggle.styles.cjs");require("./components-ui-toggle-group-toggle-group.cjs");require("./components-ui-table-table.cjs");require("./components-ui-tabs-tabs.cjs");require("./components-ui-tooltip-tooltip.cjs");const A=require("./components-ui-typography-typography.cjs");require("./components-ui-typography-typography.styles.cjs");require("./components-app-pagination-app-pagination.styles.cjs");require("./components-app-sidebar-app-sidebar.styles.cjs");require("./components-data-table-data-table.styles.cjs");require("./components-ui-dropdown-menu-dropdown-menu.styles.cjs");require("./components-select-field-select-field.cjs");require("./lodash-kqhtUJfz.cjs");require("./chart-9H_9wEfR.cjs");const y=require("./components-basic-avatar-basic-avatar.cjs");require("./index-DGxwh2Ms.cjs");require("./index-fTTv8YY8.cjs");const f=require("./index-DJD-8LQA.cjs");require("./components-input-phone-input-phone.cjs");const h=1,j=[".jpg",".png"],b=({src:t,fullName:u,maxFiles:s=h,accept:a=j,avatarProps:q,containerClassName:c,onChange:o})=>{const n=v.useMemo(()=>{const[e="",i=""]=u.split(" "),g=e.charAt(0),m=i.charAt(0);return(g+m).toUpperCase()||"?"},[u]),{getRootProps:p,getInputProps:l}=f.useDropzone({accept:{"image/*":a},maxFiles:s,onDrop:e=>{if(e.length===0)return;const i=URL.createObjectURL(e[0]);o?.(i)}}),d=e=>{e.stopPropagation(),o?.(null)};return r.jsxs("div",{...p(),className:x.cn(`bg-info-new-bg flex h-18 w-18 cursor-pointer items-center justify-center
+        overflow-hidden rounded-full transition-colors`,c),children:[r.jsx("input",{...l()}),t?r.jsx(y.BasicAvatar,{...q,image:{src:t},initials:{text:n},hasBadge:!0,onClick:d}):r.jsx(A.Typography,{variant:"body-xxl-medium",className:"text-info-new-text flex items-center justify-center",children:n})]})};exports.AvatarUpload=b;
 //# sourceMappingURL=components-avatar-uploader-avatar-uploader.cjs.map

package/dist/components-avatar-uploader-avatar-uploader.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"components-avatar-uploader-avatar-uploader.cjs","sources":["../src/components/avatar-uploader/avatar-uploader.tsx"],"sourcesContent":["import { cn } from \"@/index\";\nimport { useMemo } from \"react\";\nimport { useDropzone } from \"react-dropzone\";\nimport { BasicAvatar, type BasicAvatarProps } from \"../basic-avatar\";\nimport { Typography } from \"../ui/typography\";\n\ntype Props = {\n  maxFiles?: number;\n  src?: string;\n  fullName: string;\n  accept?: string[];\n  avatarProps?: BasicAvatarProps;\n  containerClassName?: string;\n  onChange?: (src: string | null) => void;\n};\n\nconst DEFAULT_MAX_FILES = 1;\nconst DEFAULT_ACCEPT = [\".jpg\", \".png\"];\n\nexport const AvatarUpload = ({\n  src,\n  fullName,\n  maxFiles = DEFAULT_MAX_FILES,\n  accept = DEFAULT_ACCEPT,\n  avatarProps,\n  containerClassName,\n  onChange,\n}: Props) => {\n  const initials = useMemo(() => {\n    const [firstName, lastName] = fullName?.split(\" \");\n    const first = firstName?.charAt(0) || \"\";\n    const last = lastName?.charAt(0) || \"\";\n\n    return (first + last).toUpperCase() || \"?\";\n  }, [fullName]);\n\n  const { getRootProps, getInputProps } = useDropzone({\n    accept: { \"image/*\": accept },\n    maxFiles,\n    onDrop: (files) => {\n      const file = files[0];\n      if (file) {\n        const previewUrl = URL.createObjectURL(file);\n        onChange?.(previewUrl);\n      }\n    },\n  });\n\n  const removeAvatar = (e: React.MouseEvent<HTMLDivElement>) => {\n    e.stopPropagation();\n    onChange?.(\"\");\n  };\n\n  return (\n    <div\n      {...getRootProps()}\n      className={cn(\n        `bg-info-new-bg flex h-18 w-18 cursor-pointer items-center justify-center\n        overflow-hidden rounded-full transition-colors`,\n        containerClassName,\n      )}\n    >\n      <input {...getInputProps()} />\n      {src ? (\n        <BasicAvatar\n          {...avatarProps}\n          image={{\n            src,\n          }}\n          initials={{ text: initials }}\n          hasBadge\n          onClick={removeAvatar}\n        />\n      ) : (\n        <Typography\n          variant=\"body-xxl-medium\"\n          className=\"text-info-new-text flex items-center justify-center\"\n        >\n          {initials}\n        </Typography>\n      )}\n    </div>\n  );\n};\n\nexport type { Props as AvatarUploadProps };\n"],"names":["DEFAULT_MAX_FILES","DEFAULT_ACCEPT","AvatarUpload","src","fullName","maxFiles","accept","avatarProps","containerClassName","onChange","initials","useMemo","firstName","lastName","first","last","getRootProps","getInputProps","useDropzone","files","file","previewUrl","removeAvatar","jsxs","cn","jsx","BasicAvatar","Typography"],"mappings":"6pEAgBA,MAAMA,EAAoB,EACpBC,EAAiB,CAAC,OAAQ,MAAM,EAEzBC,EAAe,CAAC,CAC3B,IAAAC,EACA,SAAAC,EACA,SAAAC,EAAWL,EACX,OAAAM,EAASL,EACT,YAAAM,EACA,mBAAAC,EACA,SAAAC,CACF,IAAa,CACX,MAAMC,EAAWC,EAAAA,QAAQ,IAAM,CAC7B,KAAM,CAACC,EAAWC,CAAQ,EAAIT,GAAU,MAAM,GAAG,EAC3CU,EAAQF,GAAW,OAAO,CAAC,GAAK,GAChCG,EAAOF,GAAU,OAAO,CAAC,GAAK,GAEpC,OAAQC,EAAQC,GAAM,YAAA,GAAiB,GACzC,EAAG,CAACX,CAAQ,CAAC,EAEP,CAAE,aAAAY,EAAc,cAAAC,CAAA,EAAkBC,cAAY,CAClD,OAAQ,CAAE,UAAWZ,CAAA,EACrB,SAAAD,EACA,OAASc,GAAU,CACjB,MAAMC,EAAOD,EAAM,CAAC,EACpB,GAAIC,EAAM,CACR,MAAMC,EAAa,IAAI,gBAAgBD,CAAI,EAC3CX,IAAWY,CAAU,CACvB,CACF,CAAA,CACD,EAEKC,EAAgB,GAAwC,CAC5D,EAAE,gBAAA,EACFb,IAAW,EAAE,CACf,EAEA,OACEc,EAAAA,KAAC,MAAA,CACE,GAAGP,EAAA,EACJ,UAAWQ,EAAAA,GACT;AAAA,wDAEAhB,CAAA,EAGF,SAAA,CAAAiB,EAAAA,IAAC,QAAA,CAAO,GAAGR,EAAA,CAAc,CAAG,EAC3Bd,EACCsB,EAAAA,IAACC,EAAAA,YAAA,CACE,GAAGnB,EACJ,MAAO,CACL,IAAAJ,CAAA,EAEF,SAAU,CAAE,KAAMO,CAAA,EAClB,SAAQ,GACR,QAASY,CAAA,CAAA,EAGXG,EAAAA,IAACE,EAAAA,WAAA,CACC,QAAQ,kBACR,UAAU,sDAET,SAAAjB,CAAA,CAAA,CACH,CAAA,CAAA,CAIR"}
+{"version":3,"file":"components-avatar-uploader-avatar-uploader.cjs","sources":["../src/components/avatar-uploader/avatar-uploader.tsx"],"sourcesContent":["import { cn } from \"@/index\";\nimport { useMemo } from \"react\";\nimport { useDropzone } from \"react-dropzone\";\nimport { BasicAvatar, type BasicAvatarProps } from \"../basic-avatar\";\nimport { Typography } from \"../ui/typography\";\n\ntype Props = {\n  maxFiles?: number;\n  src?: string;\n  fullName: string;\n  accept?: string[];\n  avatarProps?: BasicAvatarProps;\n  containerClassName?: string;\n  onChange?: (src: string | null) => void;\n};\n\nconst DEFAULT_MAX_FILES = 1;\nconst DEFAULT_ACCEPT = [\".jpg\", \".png\"];\n\nexport const AvatarUpload = ({\n  src,\n  fullName,\n  maxFiles = DEFAULT_MAX_FILES,\n  accept = DEFAULT_ACCEPT,\n  avatarProps,\n  containerClassName,\n  onChange,\n}: Props) => {\n  const initials = useMemo(() => {\n    const [firstName = \"\", lastName = \"\"] = fullName.split(\" \");\n    const first = firstName.charAt(0);\n    const last = lastName.charAt(0);\n\n    return (first + last).toUpperCase() || \"?\";\n  }, [fullName]);\n\n  const { getRootProps, getInputProps } = useDropzone({\n    accept: { \"image/*\": accept },\n    maxFiles,\n    onDrop: (files) => {\n      if (files.length === 0) return;\n      const previewUrl = URL.createObjectURL(files[0]);\n      onChange?.(previewUrl);\n    },\n  });\n\n  const removeAvatar = (e: React.MouseEvent<HTMLDivElement>) => {\n    e.stopPropagation();\n    onChange?.(null);\n  };\n\n  return (\n    <div\n      {...getRootProps()}\n      className={cn(\n        `bg-info-new-bg flex h-18 w-18 cursor-pointer items-center justify-center\n        overflow-hidden rounded-full transition-colors`,\n        containerClassName,\n      )}\n    >\n      <input {...getInputProps()} />\n      {src ? (\n        <BasicAvatar\n          {...avatarProps}\n          image={{\n            src,\n          }}\n          initials={{ text: initials }}\n          hasBadge\n          onClick={removeAvatar}\n        />\n      ) : (\n        <Typography\n          variant=\"body-xxl-medium\"\n          className=\"text-info-new-text flex items-center justify-center\"\n        >\n          {initials}\n        </Typography>\n      )}\n    </div>\n  );\n};\n\nexport type { Props as AvatarUploadProps };\n"],"names":["DEFAULT_MAX_FILES","DEFAULT_ACCEPT","AvatarUpload","src","fullName","maxFiles","accept","avatarProps","containerClassName","onChange","initials","useMemo","firstName","lastName","first","last","getRootProps","getInputProps","useDropzone","files","previewUrl","removeAvatar","jsxs","cn","jsx","BasicAvatar","Typography"],"mappings":"ssEAgBA,MAAMA,EAAoB,EACpBC,EAAiB,CAAC,OAAQ,MAAM,EAEzBC,EAAe,CAAC,CAC3B,IAAAC,EACA,SAAAC,EACA,SAAAC,EAAWL,EACX,OAAAM,EAASL,EACT,YAAAM,EACA,mBAAAC,EACA,SAAAC,CACF,IAAa,CACX,MAAMC,EAAWC,EAAAA,QAAQ,IAAM,CAC7B,KAAM,CAACC,EAAY,GAAIC,EAAW,EAAE,EAAIT,EAAS,MAAM,GAAG,EACpDU,EAAQF,EAAU,OAAO,CAAC,EAC1BG,EAAOF,EAAS,OAAO,CAAC,EAE9B,OAAQC,EAAQC,GAAM,YAAA,GAAiB,GACzC,EAAG,CAACX,CAAQ,CAAC,EAEP,CAAE,aAAAY,EAAc,cAAAC,CAAA,EAAkBC,cAAY,CAClD,OAAQ,CAAE,UAAWZ,CAAA,EACrB,SAAAD,EACA,OAASc,GAAU,CACjB,GAAIA,EAAM,SAAW,EAAG,OACxB,MAAMC,EAAa,IAAI,gBAAgBD,EAAM,CAAC,CAAC,EAC/CV,IAAWW,CAAU,CACvB,CAAA,CACD,EAEKC,EAAgB,GAAwC,CAC5D,EAAE,gBAAA,EACFZ,IAAW,IAAI,CACjB,EAEA,OACEa,EAAAA,KAAC,MAAA,CACE,GAAGN,EAAA,EACJ,UAAWO,EAAAA,GACT;AAAA,wDAEAf,CAAA,EAGF,SAAA,CAAAgB,EAAAA,IAAC,QAAA,CAAO,GAAGP,EAAA,CAAc,CAAG,EAC3Bd,EACCqB,EAAAA,IAACC,EAAAA,YAAA,CACE,GAAGlB,EACJ,MAAO,CACL,IAAAJ,CAAA,EAEF,SAAU,CAAE,KAAMO,CAAA,EAClB,SAAQ,GACR,QAASW,CAAA,CAAA,EAGXG,EAAAA,IAACE,EAAAA,WAAA,CACC,QAAQ,kBACR,UAAU,sDAET,SAAAhB,CAAA,CAAA,CACH,CAAA,CAAA,CAIR"}

package/dist/components-avatar-uploader-avatar-uploader.js

@@ -1,14 +1,15 @@
-import { jsxs as x, jsx as i } from "react/jsx-runtime";
+import { jsxs as x, jsx as o } from "react/jsx-runtime";
 import './brd-ui-kit.css';/* empty css                 */
 import { cn as A } from "./lib-utils.js";
 import "class-variance-authority";
-import { useMemo as v } from "react";
 import "./components-ui-badge-badge.styles.js";
 import "./components-ui-button-button.js";
 import "./components-ui-button-button.styles.js";
 import "./components-ui-card-card.js";
 import "./components-ui-checkbox-checkbox.js";
-import "./calendar-C0DXP3T-.js";
+import "./components-ui-icon-icon.js";
+import { useMemo as h } from "react";
+import "./calendar-Ba3kHG6w.js";
 import "./components-ui-combobox-combobox.js";
 import "./components-ui-dialog-dialog.js";
 import "./components-ui-label-label.js";
@@ -28,7 +29,7 @@ import "./components-ui-toggle-group-toggle-group.js";
 import "./components-ui-table-table.js";
 import "./components-ui-tabs-tabs.js";
 import "./components-ui-tooltip-tooltip.js";
-import { Typography as h } from "./components-ui-typography-typography.js";
+import { Typography as v } from "./components-ui-typography-typography.js";
 import "./components-ui-typography-typography.styles.js";
 import "./components-app-pagination-app-pagination.styles.js";
 import "./components-app-sidebar-app-sidebar.styles.js";
@@ -36,65 +37,63 @@ import "./components-data-table-data-table.styles.js";
 import "./components-ui-dropdown-menu-dropdown-menu.styles.js";
 import "./components-select-field-select-field.js";
 import "./lodash-FemA_LCk.js";
-import "./chart-CAPCe8o5.js";
+import "./chart-DFbmMKiQ.js";
 import { BasicAvatar as U } from "./components-basic-avatar-basic-avatar.js";
 import "./index-C4iHL8Gs.js";
 import "./index-C6N9aMq_.js";
 import { u as j } from "./index-CVlBIwtP.js";
 import "./components-input-phone-input-phone.js";
-const w = 1, y = [".jpg", ".png"], dt = ({
-  src: p,
-  fullName: m,
+const w = 1, y = [".jpg", ".png"], gt = ({
+  src: i,
+  fullName: p,
   maxFiles: n = w,
-  accept: a = y,
-  avatarProps: c,
-  containerClassName: l,
-  onChange: e
+  accept: s = y,
+  avatarProps: a,
+  containerClassName: c,
+  onChange: m
 }) => {
-  const s = v(() => {
-    const [t, o] = m?.split(" "), r = t?.charAt(0) || "", g = o?.charAt(0) || "";
-    return (r + g).toUpperCase() || "?";
-  }, [m]), { getRootProps: f, getInputProps: u } = j({
-    accept: { "image/*": a },
+  const e = h(() => {
+    const [t = "", r = ""] = p.split(" "), d = t.charAt(0), g = r.charAt(0);
+    return (d + g).toUpperCase() || "?";
+  }, [p]), { getRootProps: l, getInputProps: f } = j({
+    accept: { "image/*": s },
     maxFiles: n,
     onDrop: (t) => {
-      const o = t[0];
-      if (o) {
-        const r = URL.createObjectURL(o);
-        e?.(r);
-      }
+      if (t.length === 0) return;
+      const r = URL.createObjectURL(t[0]);
+      m?.(r);
     }
-  }), d = (t) => {
-    t.stopPropagation(), e?.("");
+  }), u = (t) => {
+    t.stopPropagation(), m?.(null);
   };
   return /* @__PURE__ */ x(
     "div",
     {
-      ...f(),
+      ...l(),
       className: A(
         `bg-info-new-bg flex h-18 w-18 cursor-pointer items-center justify-center
         overflow-hidden rounded-full transition-colors`,
-        l
+        c
       ),
       children: [
-        /* @__PURE__ */ i("input", { ...u() }),
-        p ? /* @__PURE__ */ i(
+        /* @__PURE__ */ o("input", { ...f() }),
+        i ? /* @__PURE__ */ o(
           U,
           {
-            ...c,
+            ...a,
             image: {
-              src: p
+              src: i
             },
-            initials: { text: s },
+            initials: { text: e },
             hasBadge: !0,
-            onClick: d
+            onClick: u
           }
-        ) : /* @__PURE__ */ i(
-          h,
+        ) : /* @__PURE__ */ o(
+          v,
           {
             variant: "body-xxl-medium",
             className: "text-info-new-text flex items-center justify-center",
-            children: s
+            children: e
           }
         )
       ]
@@ -102,6 +101,6 @@ const w = 1, y = [".jpg", ".png"], dt = ({
   );
 };
 export {
-  dt as AvatarUpload
+  gt as AvatarUpload
 };
 //# sourceMappingURL=components-avatar-uploader-avatar-uploader.js.map

package/dist/components-avatar-uploader-avatar-uploader.js.map

@@ -1 +1 @@
-{"version":3,"file":"components-avatar-uploader-avatar-uploader.js","sources":["../src/components/avatar-uploader/avatar-uploader.tsx"],"sourcesContent":["import { cn } from \"@/index\";\nimport { useMemo } from \"react\";\nimport { useDropzone } from \"react-dropzone\";\nimport { BasicAvatar, type BasicAvatarProps } from \"../basic-avatar\";\nimport { Typography } from \"../ui/typography\";\n\ntype Props = {\n  maxFiles?: number;\n  src?: string;\n  fullName: string;\n  accept?: string[];\n  avatarProps?: BasicAvatarProps;\n  containerClassName?: string;\n  onChange?: (src: string | null) => void;\n};\n\nconst DEFAULT_MAX_FILES = 1;\nconst DEFAULT_ACCEPT = [\".jpg\", \".png\"];\n\nexport const AvatarUpload = ({\n  src,\n  fullName,\n  maxFiles = DEFAULT_MAX_FILES,\n  accept = DEFAULT_ACCEPT,\n  avatarProps,\n  containerClassName,\n  onChange,\n}: Props) => {\n  const initials = useMemo(() => {\n    const [firstName, lastName] = fullName?.split(\" \");\n    const first = firstName?.charAt(0) || \"\";\n    const last = lastName?.charAt(0) || \"\";\n\n    return (first + last).toUpperCase() || \"?\";\n  }, [fullName]);\n\n  const { getRootProps, getInputProps } = useDropzone({\n    accept: { \"image/*\": accept },\n    maxFiles,\n    onDrop: (files) => {\n      const file = files[0];\n      if (file) {\n        const previewUrl = URL.createObjectURL(file);\n        onChange?.(previewUrl);\n      }\n    },\n  });\n\n  const removeAvatar = (e: React.MouseEvent<HTMLDivElement>) => {\n    e.stopPropagation();\n    onChange?.(\"\");\n  };\n\n  return (\n    <div\n      {...getRootProps()}\n      className={cn(\n        `bg-info-new-bg flex h-18 w-18 cursor-pointer items-center justify-center\n        overflow-hidden rounded-full transition-colors`,\n        containerClassName,\n      )}\n    >\n      <input {...getInputProps()} />\n      {src ? (\n        <BasicAvatar\n          {...avatarProps}\n          image={{\n            src,\n          }}\n          initials={{ text: initials }}\n          hasBadge\n          onClick={removeAvatar}\n        />\n      ) : (\n        <Typography\n          variant=\"body-xxl-medium\"\n          className=\"text-info-new-text flex items-center justify-center\"\n        >\n          {initials}\n        </Typography>\n      )}\n    </div>\n  );\n};\n\nexport type { Props as AvatarUploadProps };\n"],"names":["DEFAULT_MAX_FILES","DEFAULT_ACCEPT","AvatarUpload","src","fullName","maxFiles","accept","avatarProps","containerClassName","onChange","initials","useMemo","firstName","lastName","first","last","getRootProps","getInputProps","useDropzone","files","file","previewUrl","removeAvatar","e","jsxs","cn","jsx","BasicAvatar","Typography"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgBA,MAAMA,IAAoB,GACpBC,IAAiB,CAAC,QAAQ,MAAM,GAEzBC,KAAe,CAAC;AAAA,EAC3B,KAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC,IAAWL;AAAA,EACX,QAAAM,IAASL;AAAA,EACT,aAAAM;AAAA,EACA,oBAAAC;AAAA,EACA,UAAAC;AACF,MAAa;AACX,QAAMC,IAAWC,EAAQ,MAAM;AAC7B,UAAM,CAACC,GAAWC,CAAQ,IAAIT,GAAU,MAAM,GAAG,GAC3CU,IAAQF,GAAW,OAAO,CAAC,KAAK,IAChCG,IAAOF,GAAU,OAAO,CAAC,KAAK;AAEpC,YAAQC,IAAQC,GAAM,YAAA,KAAiB;AAAA,EACzC,GAAG,CAACX,CAAQ,CAAC,GAEP,EAAE,cAAAY,GAAc,eAAAC,EAAA,IAAkBC,EAAY;AAAA,IAClD,QAAQ,EAAE,WAAWZ,EAAA;AAAA,IACrB,UAAAD;AAAA,IACA,QAAQ,CAACc,MAAU;AACjB,YAAMC,IAAOD,EAAM,CAAC;AACpB,UAAIC,GAAM;AACR,cAAMC,IAAa,IAAI,gBAAgBD,CAAI;AAC3C,QAAAX,IAAWY,CAAU;AAAA,MACvB;AAAA,IACF;AAAA,EAAA,CACD,GAEKC,IAAe,CAACC,MAAwC;AAC5D,IAAAA,EAAE,gBAAA,GACFd,IAAW,EAAE;AAAA,EACf;AAEA,SACE,gBAAAe;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGR,EAAA;AAAA,MACJ,WAAWS;AAAA,QACT;AAAA;AAAA,QAEAjB;AAAA,MAAA;AAAA,MAGF,UAAA;AAAA,QAAA,gBAAAkB,EAAC,SAAA,EAAO,GAAGT,EAAA,EAAc,CAAG;AAAA,QAC3Bd,IACC,gBAAAuB;AAAA,UAACC;AAAA,UAAA;AAAA,YACE,GAAGpB;AAAA,YACJ,OAAO;AAAA,cACL,KAAAJ;AAAA,YAAA;AAAA,YAEF,UAAU,EAAE,MAAMO,EAAA;AAAA,YAClB,UAAQ;AAAA,YACR,SAASY;AAAA,UAAA;AAAA,QAAA,IAGX,gBAAAI;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,SAAQ;AAAA,YACR,WAAU;AAAA,YAET,UAAAlB;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,EAAA;AAIR;"}
+{"version":3,"file":"components-avatar-uploader-avatar-uploader.js","sources":["../src/components/avatar-uploader/avatar-uploader.tsx"],"sourcesContent":["import { cn } from \"@/index\";\nimport { useMemo } from \"react\";\nimport { useDropzone } from \"react-dropzone\";\nimport { BasicAvatar, type BasicAvatarProps } from \"../basic-avatar\";\nimport { Typography } from \"../ui/typography\";\n\ntype Props = {\n  maxFiles?: number;\n  src?: string;\n  fullName: string;\n  accept?: string[];\n  avatarProps?: BasicAvatarProps;\n  containerClassName?: string;\n  onChange?: (src: string | null) => void;\n};\n\nconst DEFAULT_MAX_FILES = 1;\nconst DEFAULT_ACCEPT = [\".jpg\", \".png\"];\n\nexport const AvatarUpload = ({\n  src,\n  fullName,\n  maxFiles = DEFAULT_MAX_FILES,\n  accept = DEFAULT_ACCEPT,\n  avatarProps,\n  containerClassName,\n  onChange,\n}: Props) => {\n  const initials = useMemo(() => {\n    const [firstName = \"\", lastName = \"\"] = fullName.split(\" \");\n    const first = firstName.charAt(0);\n    const last = lastName.charAt(0);\n\n    return (first + last).toUpperCase() || \"?\";\n  }, [fullName]);\n\n  const { getRootProps, getInputProps } = useDropzone({\n    accept: { \"image/*\": accept },\n    maxFiles,\n    onDrop: (files) => {\n      if (files.length === 0) return;\n      const previewUrl = URL.createObjectURL(files[0]);\n      onChange?.(previewUrl);\n    },\n  });\n\n  const removeAvatar = (e: React.MouseEvent<HTMLDivElement>) => {\n    e.stopPropagation();\n    onChange?.(null);\n  };\n\n  return (\n    <div\n      {...getRootProps()}\n      className={cn(\n        `bg-info-new-bg flex h-18 w-18 cursor-pointer items-center justify-center\n        overflow-hidden rounded-full transition-colors`,\n        containerClassName,\n      )}\n    >\n      <input {...getInputProps()} />\n      {src ? (\n        <BasicAvatar\n          {...avatarProps}\n          image={{\n            src,\n          }}\n          initials={{ text: initials }}\n          hasBadge\n          onClick={removeAvatar}\n        />\n      ) : (\n        <Typography\n          variant=\"body-xxl-medium\"\n          className=\"text-info-new-text flex items-center justify-center\"\n        >\n          {initials}\n        </Typography>\n      )}\n    </div>\n  );\n};\n\nexport type { Props as AvatarUploadProps };\n"],"names":["DEFAULT_MAX_FILES","DEFAULT_ACCEPT","AvatarUpload","src","fullName","maxFiles","accept","avatarProps","containerClassName","onChange","initials","useMemo","firstName","lastName","first","last","getRootProps","getInputProps","useDropzone","files","previewUrl","removeAvatar","e","jsxs","cn","jsx","BasicAvatar","Typography"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgBA,MAAMA,IAAoB,GACpBC,IAAiB,CAAC,QAAQ,MAAM,GAEzBC,KAAe,CAAC;AAAA,EAC3B,KAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC,IAAWL;AAAA,EACX,QAAAM,IAASL;AAAA,EACT,aAAAM;AAAA,EACA,oBAAAC;AAAA,EACA,UAAAC;AACF,MAAa;AACX,QAAMC,IAAWC,EAAQ,MAAM;AAC7B,UAAM,CAACC,IAAY,IAAIC,IAAW,EAAE,IAAIT,EAAS,MAAM,GAAG,GACpDU,IAAQF,EAAU,OAAO,CAAC,GAC1BG,IAAOF,EAAS,OAAO,CAAC;AAE9B,YAAQC,IAAQC,GAAM,YAAA,KAAiB;AAAA,EACzC,GAAG,CAACX,CAAQ,CAAC,GAEP,EAAE,cAAAY,GAAc,eAAAC,EAAA,IAAkBC,EAAY;AAAA,IAClD,QAAQ,EAAE,WAAWZ,EAAA;AAAA,IACrB,UAAAD;AAAA,IACA,QAAQ,CAACc,MAAU;AACjB,UAAIA,EAAM,WAAW,EAAG;AACxB,YAAMC,IAAa,IAAI,gBAAgBD,EAAM,CAAC,CAAC;AAC/C,MAAAV,IAAWW,CAAU;AAAA,IACvB;AAAA,EAAA,CACD,GAEKC,IAAe,CAACC,MAAwC;AAC5D,IAAAA,EAAE,gBAAA,GACFb,IAAW,IAAI;AAAA,EACjB;AAEA,SACE,gBAAAc;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGP,EAAA;AAAA,MACJ,WAAWQ;AAAA,QACT;AAAA;AAAA,QAEAhB;AAAA,MAAA;AAAA,MAGF,UAAA;AAAA,QAAA,gBAAAiB,EAAC,SAAA,EAAO,GAAGR,EAAA,EAAc,CAAG;AAAA,QAC3Bd,IACC,gBAAAsB;AAAA,UAACC;AAAA,UAAA;AAAA,YACE,GAAGnB;AAAA,YACJ,OAAO;AAAA,cACL,KAAAJ;AAAA,YAAA;AAAA,YAEF,UAAU,EAAE,MAAMO,EAAA;AAAA,YAClB,UAAQ;AAAA,YACR,SAASW;AAAA,UAAA;AAAA,QAAA,IAGX,gBAAAI;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,SAAQ;AAAA,YACR,WAAU;AAAA,YAET,UAAAjB;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,EAAA;AAIR;"}

package/dist/components-basic-avatar-basic-avatar.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./brd-ui-kit.css');const e=require("react/jsx-runtime");;/* empty css                   */const r=require("./lib-utils.cjs");require("class-variance-authority");require("react");require("./components-ui-badge-badge.styles.cjs");require("./components-ui-button-button.cjs");require("./components-ui-button-button.styles.cjs");require("./components-ui-card-card.cjs");require("./components-ui-checkbox-checkbox.cjs");const p=require("./components-ui-icon-icon.cjs");require("./calendar-DReGV_22.cjs");require("./components-ui-combobox-combobox.cjs");require("./components-ui-dialog-dialog.cjs");require("./components-ui-label-label.cjs");require("./components-ui-separator-separator.cjs");require("./components-ui-field-field.styles.cjs");require("./components-ui-input-input.styles.cjs");require("./components-ui-textarea-textarea.cjs");require("./components-ui-input-group-input-group.styles.cjs");require("./components-ui-navigation-item-navigation-item.styles.cjs");require("./components-ui-navigation-menu-navigation-menu.styles.cjs");require("./components-ui-pagination-pagination.cjs");require("./components-ui-progress-progress.cjs");require("./components-ui-radio-group-radio-group.cjs");require("./components-ui-switch-switch.cjs");require("./components-ui-toggle-toggle.styles.cjs");require("./components-ui-toggle-group-toggle-group.cjs");require("./components-ui-table-table.cjs");require("./components-ui-tabs-tabs.cjs");require("./components-ui-tooltip-tooltip.cjs");const m=require("./components-ui-typography-typography.cjs");require("./components-ui-typography-typography.styles.cjs");const i=require("./components-ui-avatar-avatar.cjs");require("./components-app-pagination-app-pagination.styles.cjs");require("./components-app-sidebar-app-sidebar.styles.cjs");require("./components-data-table-data-table.styles.cjs");require("./components-ui-dropdown-menu-dropdown-menu.styles.cjs");require("./components-select-field-select-field.cjs");require("./lodash-kqhtUJfz.cjs");require("./chart-C69jBlXa.cjs");require("./index-DGxwh2Ms.cjs");require("./index-fTTv8YY8.cjs");require("./components-input-phone-input-phone.cjs");const x=({initials:u,avatar:t,fallback:n,image:a,icon:q,showDeleteOnHover:c=!0,onClick:o=()=>{}})=>{const s=e.jsxs(i.Avatar,{...t,className:r.cn("h-18 w-18",t?.className),children:[e.jsx(i.AvatarImage,{...a,alt:"avatar",className:r.cn("h-full w-full border-0",a?.className)}),e.jsx(i.AvatarFallback,{...n,children:e.jsx(m.Typography,{variant:"body-xxl-medium",className:r.cn("text-info-new-text",u?.className),children:u?.text})})]});return c?e.jsxs("div",{className:"relative inline-block",children:[s,e.jsx("div",{className:`text-primary-bg bg-primary-inverse-bg/50 absolute inset-0 flex
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./brd-ui-kit.css');const e=require("react/jsx-runtime");;/* empty css                   */const r=require("./lib-utils.cjs");require("class-variance-authority");require("./components-ui-badge-badge.styles.cjs");require("./components-ui-button-button.cjs");require("./components-ui-button-button.styles.cjs");require("./components-ui-card-card.cjs");require("./components-ui-checkbox-checkbox.cjs");const p=require("./components-ui-icon-icon.cjs");require("react");require("./calendar-B5QCV34E.cjs");require("./components-ui-combobox-combobox.cjs");require("./components-ui-dialog-dialog.cjs");require("./components-ui-label-label.cjs");require("./components-ui-separator-separator.cjs");require("./components-ui-field-field.styles.cjs");require("./components-ui-input-input.styles.cjs");require("./components-ui-textarea-textarea.cjs");require("./components-ui-input-group-input-group.styles.cjs");require("./components-ui-navigation-item-navigation-item.styles.cjs");require("./components-ui-navigation-menu-navigation-menu.styles.cjs");require("./components-ui-pagination-pagination.cjs");require("./components-ui-progress-progress.cjs");require("./components-ui-radio-group-radio-group.cjs");require("./components-ui-switch-switch.cjs");require("./components-ui-toggle-toggle.styles.cjs");require("./components-ui-toggle-group-toggle-group.cjs");require("./components-ui-table-table.cjs");require("./components-ui-tabs-tabs.cjs");require("./components-ui-tooltip-tooltip.cjs");const m=require("./components-ui-typography-typography.cjs");require("./components-ui-typography-typography.styles.cjs");const i=require("./components-ui-avatar-avatar.cjs");require("./components-app-pagination-app-pagination.styles.cjs");require("./components-app-sidebar-app-sidebar.styles.cjs");require("./components-data-table-data-table.styles.cjs");require("./components-ui-dropdown-menu-dropdown-menu.styles.cjs");require("./components-select-field-select-field.cjs");require("./lodash-kqhtUJfz.cjs");require("./chart-9H_9wEfR.cjs");require("./index-DGxwh2Ms.cjs");require("./index-fTTv8YY8.cjs");require("./components-input-phone-input-phone.cjs");const x=({initials:u,avatar:t,fallback:n,image:a,icon:q,showDeleteOnHover:c=!0,onClick:o=()=>{}})=>{const s=e.jsxs(i.Avatar,{...t,className:r.cn("h-18 w-18",t?.className),children:[e.jsx(i.AvatarImage,{...a,alt:"avatar",className:r.cn("h-full w-full border-0",a?.className)}),e.jsx(i.AvatarFallback,{...n,children:e.jsx(m.Typography,{variant:"body-xxl-medium",className:r.cn("text-info-new-text",u?.className),children:u?.text})})]});return c?e.jsxs("div",{className:"relative inline-block",children:[s,e.jsx("div",{className:`text-primary-bg bg-primary-inverse-bg/50 absolute inset-0 flex
           cursor-pointer items-center justify-center rounded-full opacity-0
           transition-opacity hover:opacity-100`,onClick:l=>l.stopPropagation(),children:e.jsx(p.Icon,{...q,type:"x",onClick:o})})]}):s};exports.BasicAvatar=x;
 //# sourceMappingURL=components-basic-avatar-basic-avatar.cjs.map