@cleen/ui 0.1.16 → 0.1.18

package/dist/index.d.ts

@@ -1155,6 +1155,176 @@ interface InfoLabelsProps extends ComponentProps<'div'> {
  */
 declare const InfoLabels: ({ className, classNames, style, styles, infoMessage, errorMessage, subtitle, ...props }: InfoLabelsProps) => react_jsx_runtime.JSX.Element;
 
+interface InputProps extends ComponentProps<'input'> {
+    label?: ReactNode;
+    uploadLabel?: ReactNode;
+    leftIcon?: ReactNode;
+    rightIcon?: ReactNode;
+    topRightIcon?: ReactNode;
+    inputOverlay?: ReactNode;
+    isFocusedBorder?: boolean;
+    maxLengthLabelThreshold?: number;
+    maxLengthLabel?: (remaining: number) => ReactNode;
+    infoLabels?: InfoLabelsProps;
+    classNames?: {
+        container?: string;
+        label?: string;
+        inputContainer?: string;
+        input?: string;
+        leftIconContainer?: string;
+        rightIconContainer?: string;
+        maxLengthLabel?: string;
+        inputOverlay?: string;
+    };
+    styles?: {
+        container?: CSSProperties;
+        label?: CSSProperties;
+        inputContainer?: CSSProperties;
+        input?: CSSProperties;
+        leftIconContainer?: CSSProperties;
+        rightIconContainer?: CSSProperties;
+        maxLengthLabel?: CSSProperties;
+        inputOverlay?: CSSProperties;
+    };
+}
+/**
+ * The `Input` component is a controlled or uncontrolled text input with rich labelling and icon support.
+ *
+ * - Pass `value` for controlled usage; use `defaultValue` (or neither) for uncontrolled.
+ * - Use `label` to show a label above the input and `uploadLabel` for the file-input trigger text.
+ * - `leftIcon` and `rightIcon` accept any ReactNode and are rendered inside the input border.
+ * - Set `isFocusedBorder` to visually highlight the border when the input is focused.
+ * - Use `maxLength` together with `maxLengthLabel` (callback) to show a character-countdown message.
+ *   `maxLengthLabelThreshold` (0–1) controls when the countdown replaces the `infoLabels.subtitle`.
+ * - Use `infoLabels` to show error, info, or subtitle messages below the input.
+ * - Accepts `classNames` and `styles` to customize: `container`, `label`, `inputContainer`, `input`,
+ *   `leftIconContainer`, `rightIconContainer`, `maxLengthLabel`.
+ */
+declare const Input: react.ForwardRefExoticComponent<Omit<InputProps, "ref"> & react.RefAttributes<HTMLInputElement>>;
+
+type EditableTextProps = Omit<ComponentProps<'div'>, 'onChange'> & {
+    value?: string;
+    defaultValue?: string;
+    placeholder?: string;
+    canEdit?: boolean;
+    onSave?: (value: string) => Promise<void> | void;
+    onCancel?: () => Promise<void> | void;
+    onChange?: (value: string) => void;
+    inputProps?: Omit<InputProps, 'value' | 'defaultValue' | 'onChange' | 'placeholder' | 'className' | 'classNames' | 'style' | 'styles'>;
+    saveOnBlur?: boolean;
+    isLoading?: boolean;
+    customLoader?: ReactNode;
+    classNames?: {
+        container?: string;
+        input?: ComponentClassnames<InputProps>;
+        loaderContainer?: string;
+        preview?: string;
+    };
+    styles?: {
+        container?: CSSProperties;
+        input?: ComponentStyles<InputProps>;
+        loaderContainer?: CSSProperties;
+        preview?: CSSProperties;
+    };
+};
+/**
+ * EditableText is an inline text field with preview mode and save/cancel actions.
+ */
+declare const EditableText: react.ForwardRefExoticComponent<Omit<EditableTextProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
+
+type TextAreaProps = Omit<ComponentProps<'textarea'>, 'onChange'> & {
+    label?: ReactNode;
+    value?: string;
+    minHeight?: number;
+    maxHeight?: number;
+    autoResize?: boolean;
+    onChange?: (value: string) => void;
+    maxLengthLabelThreshold?: number;
+    maxLengthLabel?: (remaining: number) => ReactNode;
+    infoLabels?: InfoLabelsProps;
+    topRightElement?: ReactNode;
+    labelRightElement?: ReactNode;
+    textareaOverlay?: ReactNode;
+    classNames?: {
+        container?: string;
+        label?: string;
+        textareaContainer?: string;
+        textarea?: string;
+        maxLengthLabel?: string;
+    };
+    styles?: {
+        container?: CSSProperties;
+        label?: CSSProperties;
+        textareaContainer?: CSSProperties;
+        textarea?: CSSProperties;
+        maxLengthLabel?: CSSProperties;
+    };
+};
+/**
+ * TextArea component is a resizable textarea input field that can be used to capture multi-line text input from users.
+ */
+declare const TextArea: react.ForwardRefExoticComponent<Omit<TextAreaProps, "ref"> & react.RefAttributes<HTMLTextAreaElement>>;
+
+type EditableTextAreaProps = Omit<ComponentProps<'div'>, 'onChange'> & {
+    value?: string;
+    defaultValue?: string;
+    placeholder?: string;
+    canEdit?: boolean;
+    onSave?: (value: string) => Promise<void> | void;
+    onCancel?: () => Promise<void> | void;
+    onChange?: (value: string) => void;
+    textAreaProps?: Omit<TextAreaProps, 'value' | 'defaultValue' | 'onChange' | 'placeholder' | 'className' | 'classNames' | 'style' | 'styles'>;
+    saveOnBlur?: boolean;
+    isLoading?: boolean;
+    customLoader?: ReactNode;
+    classNames?: {
+        container?: string;
+        textArea?: ComponentClassnames<TextAreaProps>;
+        loaderContainer?: string;
+        preview?: string;
+    };
+    styles?: {
+        container?: CSSProperties;
+        textArea?: ComponentStyles<TextAreaProps>;
+        loaderContainer?: CSSProperties;
+        preview?: CSSProperties;
+    };
+};
+/**
+ * EditableTextArea is an inline multi-line text field with preview mode and save/cancel actions.
+ */
+declare const EditableTextArea: react.ForwardRefExoticComponent<Omit<EditableTextAreaProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
+
+type EditableCardField = 'title' | 'description';
+type EditableCardProps = CardProps & {
+    /** Editable description shown in the card content container */
+    description?: string;
+    /** Unified save callback for editable title and description fields */
+    onSave?: (field: EditableCardField, value: string) => Promise<void> | void;
+    classNames?: {
+        /** Custom class name for the editable title element */
+        titleTextInput?: ComponentClassnames<EditableTextProps>;
+        /** Custom class name for the editable description element */
+        descriptionTextInput?: ComponentClassnames<EditableTextAreaProps>;
+    };
+    styles?: {
+        /** Custom style for the editable title element */
+        titleTextInput?: ComponentStyles<EditableTextProps>;
+        /** Custom style for the editable description element */
+        descriptionTextInput?: ComponentStyles<EditableTextAreaProps>;
+    };
+    /** Props for the editable title text input */
+    titleProps?: Omit<EditableTextProps, 'value' | 'onSave' | 'className' | 'classNames' | 'style' | 'styles'>;
+    /** Props for the editable description text area */
+    descriptionProps?: Omit<EditableTextAreaProps, 'value' | 'onSave' | 'className' | 'classNames' | 'style' | 'styles'>;
+};
+/**
+ * EditableCard is built on top of Card and provides inline editing for:
+ * - `header.title` using `EditableText`
+ * - `description` using `EditableTextArea`
+ */
+declare const EditableCard: react.ForwardRefExoticComponent<Omit<EditableCardProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
+
 declare const checkedVariants: {
     readonly primary: "cleen-bg-primary cleen-transition-all cleen-duration-200 hover:cleen-bg-primary hover:cleen-shadow-[0px_0px_0px_4px_rgba(var(--cleen-primary),0.25)]";
     readonly error: "cleen-bg-error cleen-transition-all cleen-duration-200 hover:cleen-bg-error hover:cleen-shadow-[0px_0px_0px_4px_rgba(var(--cleen-error),0.25)]";
@@ -1289,53 +1459,6 @@ interface CollapsibleProps extends ComponentProps<'div'> {
  */
 declare const Collapsible: react.ForwardRefExoticComponent<Omit<CollapsibleProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
 
-interface InputProps extends ComponentProps<'input'> {
-    label?: ReactNode;
-    uploadLabel?: ReactNode;
-    leftIcon?: ReactNode;
-    rightIcon?: ReactNode;
-    topRightIcon?: ReactNode;
-    inputOverlay?: ReactNode;
-    isFocusedBorder?: boolean;
-    maxLengthLabelThreshold?: number;
-    maxLengthLabel?: (remaining: number) => ReactNode;
-    infoLabels?: InfoLabelsProps;
-    classNames?: {
-        container?: string;
-        label?: string;
-        inputContainer?: string;
-        input?: string;
-        leftIconContainer?: string;
-        rightIconContainer?: string;
-        maxLengthLabel?: string;
-        inputOverlay?: string;
-    };
-    styles?: {
-        container?: CSSProperties;
-        label?: CSSProperties;
-        inputContainer?: CSSProperties;
-        input?: CSSProperties;
-        leftIconContainer?: CSSProperties;
-        rightIconContainer?: CSSProperties;
-        maxLengthLabel?: CSSProperties;
-        inputOverlay?: CSSProperties;
-    };
-}
-/**
- * The `Input` component is a controlled or uncontrolled text input with rich labelling and icon support.
- *
- * - Pass `value` for controlled usage; use `defaultValue` (or neither) for uncontrolled.
- * - Use `label` to show a label above the input and `uploadLabel` for the file-input trigger text.
- * - `leftIcon` and `rightIcon` accept any ReactNode and are rendered inside the input border.
- * - Set `isFocusedBorder` to visually highlight the border when the input is focused.
- * - Use `maxLength` together with `maxLengthLabel` (callback) to show a character-countdown message.
- *   `maxLengthLabelThreshold` (0–1) controls when the countdown replaces the `infoLabels.subtitle`.
- * - Use `infoLabels` to show error, info, or subtitle messages below the input.
- * - Accepts `classNames` and `styles` to customize: `container`, `label`, `inputContainer`, `input`,
- *   `leftIconContainer`, `rightIconContainer`, `maxLengthLabel`.
- */
-declare const Input: react.ForwardRefExoticComponent<Omit<InputProps, "ref"> & react.RefAttributes<HTMLInputElement>>;
-
 declare const SIZES$1: {
     xs: string;
     sm: string;
@@ -2939,36 +3062,4 @@ type TabsProps = ComponentProps<'div'> & {
  */
 declare const Tabs: react.ForwardRefExoticComponent<Omit<TabsProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
 
-type TextAreaProps = Omit<ComponentProps<'textarea'>, 'onChange'> & {
-    label?: ReactNode;
-    value?: string;
-    minHeight?: number;
-    maxHeight?: number;
-    onChange?: (value: string) => void;
-    maxLengthLabelThreshold?: number;
-    maxLengthLabel?: (remaining: number) => ReactNode;
-    infoLabels?: InfoLabelsProps;
-    topRightElement?: ReactNode;
-    labelRightElement?: ReactNode;
-    textareaOverlay?: ReactNode;
-    classNames?: {
-        container?: string;
-        label?: string;
-        textareaContainer?: string;
-        textarea?: string;
-        maxLengthLabel?: string;
-    };
-    styles?: {
-        container?: CSSProperties;
-        label?: CSSProperties;
-        textareaContainer?: CSSProperties;
-        textarea?: CSSProperties;
-        maxLengthLabel?: CSSProperties;
-    };
-};
-/**
- * TextArea component is a resizable textarea input field that can be used to capture multi-line text input from users.
- */
-declare const TextArea: react.ForwardRefExoticComponent<Omit<TextAreaProps, "ref"> & react.RefAttributes<HTMLTextAreaElement>>;
-
-export { AdvancedProgressBar, type AdvancedProgressBarProps, AudioPlayback, type AudioPlaybackProps, AudioRecorder, type AudioRecorderProps, Avatar, type AvatarProps, AvatarRow, type AvatarRowProps, Breadcrumb, type BreadcrumbProps, Button, type ButtonProps, type ButtonVariant, Card, CardIcon, type CardIconProps, CardMedia, type CardMediaProps, type CardProps, Checkbox, CheckboxGroup, type CheckboxGroupProps, type CheckboxProps, CleenIcon, CleenNotificationContainer, Collapsible, type CollapsibleProps, type CollapsibleSection, CreditCardInput, type CreditCardInputProps, DatePicker, type DatePickerProps, Divider, type DividerProps, Drawer, type DrawerConfig, DrawerContainer, type DrawerContainerProps, DrawerContentTitle, type DrawerContentTitleProps, type DrawerProps, Dropdown, type DropdownProps, FilterDrawer, type FilterDrawerFilterCategories, type FilterDrawerNewFilter, type FilterDrawerProps, type FilterDrawerSavedFilter, FormGroup, type FormGroupProps, GroupSelector, type GroupSelectorProps, type GroupSelectorSaveResult, type GroupSelectorThreeDotOption, IconAlertCircle, IconAlertFeatured, IconAlertOctagon, IconAlertTriangle, IconAlignRight, IconArrowDown, IconArrowLeft, IconArrowLeft2, IconArrowRight, IconArrowToTop, IconArrowUp, IconArrowUpRight, IconArrowUpRightNarrow, IconArrowUpRightSquare, IconAttachment, IconBarChartSquare, IconBold, IconBookmarkCheck, IconBookmarkCheckFill, IconBookmarkX, IconBoxLines, IconBoxText, IconBracketsCheck, IconBracketsEllipses, IconCalendar, IconCertificateHeart, IconCheck, IconCheckCircle, IconCheckCircleBroken, IconCheckFill, IconCheckVerified, IconChevronDown, IconChevronLeft, IconChevronLeftDouble, IconChevronRight, IconChevronRightDouble, IconChevronSelectorVertical, IconChevronUp, IconCircleSwap, IconClockFastForward, IconClockRewind, IconClockRewind2, IconCodeBrowser, IconCodeCircle, IconColors, IconColumnEdit, IconCopy, IconCopy2, IconCopy3, IconCopy4, IconCopy5, IconCopyCheck, IconCube, IconCubeOutline, IconCursorBox, IconDataflow, IconDataflow2, IconDataflow3, IconDelete, IconDollarCircle, IconDotsGrid, IconDotsHorizontal, IconDotsVertical, IconEdit, IconEditable, IconExpand, IconEye, IconEyeHidden, IconEyeHidden2, IconFaceSmile, IconFilter, IconFilter2, IconFlag, IconFlag2, IconFlag3, IconHandShield, IconHash, IconHeadsetMic, IconHeart, IconHouseLine, IconImage, IconImage2, IconImage3, IconImage4, IconImageCheck, IconInfoCircle, IconInfoHexagon, IconItalic, IconLayersMultiple, IconLayersSingle, IconLayout, IconLayout2, IconLayoutColumns, IconLayoutCustom, IconLayoutSequential, IconLayoutStuffed, IconLayoutTile, IconLifeBuoy, IconLightbulb, IconLightning, IconLightning2, IconLightningFast, IconLineChartBar, IconLineChartBreakoutSquare, IconLineChartUp, IconLineChartUp2, IconLines, IconLinesCheck, IconLinesPlay, IconLink, IconLink2, IconLink3, IconLink4, IconLink5, IconListBullet, IconListOrder, IconListOrder2, IconLock, IconLock2, IconLogIn, IconLogOut, IconLogOut2, IconMagicWand, IconMagicWand2, IconMail, IconMessageSquare, IconMessageSquare2, IconMessageXSquare, IconMinusCircle, IconMobile, IconMonitor, IconMonitor2, IconMonitor3, IconMoonCircle, IconName, IconNavigationPointer, IconNotificationBox, IconPCSetup, IconPalette, IconPasscodeLock, IconPencil, IconPercentageCircle, IconPerspective, IconPhoneCall, IconPin, IconPlayCircle, IconPlus, IconPlusCircle, IconPulse, IconQuestionCircle, IconRadioButton, IconRadioButtonActive, IconReceiptCheck, IconRedo, IconRefresh, IconRefresh2, IconRefresh3, IconRepeat, IconRepeat2, IconRetweet, IconRoundChart, IconRoundChart2, IconRoute, IconSave, IconSave2, IconScanDots, IconSearch, IconSend, IconSettings, IconSettings2, IconSettings3, IconShieldLightning, IconShieldPlus, IconShieldRemove, IconShuffle, IconSlashCircle, IconSlashOctagon, IconSocialGlobe, IconSocialLinkedin, IconSocialX, IconSpeedometer, IconStairsRound, IconStar, IconStarHalf, IconStars, IconStars2, IconStrikethrough, IconSuccessFeatured, IconSun, IconSwitchHorizontal, IconTag, IconTarget, IconTarget2, IconTextFormat, IconTextFormat2, IconTextHighlight, IconTranslate, IconTrash, IconTrending, IconUnderline, IconUndo, IconUndo2, IconUploadCloud, IconUser, IconUserEdit, IconUserRight, IconUserSquare, IconUsers, IconUsersUp, IconVolume, IconWrench, IconX, IconXCircle, IconXCircle2, IconXClose, IconXSquare, InfoLabels, type InfoLabelsProps, Input, type InputProps, Loader, type LoaderProps, Lookup, type LookupOption, type LookupProps, Menu, type MenuProps, Modal, type ModalProps, type NotificationProps, Pagination, PaginationGoToPage, type PaginationGoToPageProps, PaginationPageSize, type PaginationPageSizeProps, type PaginationProps, PillBadge, type PillBadgeProps, Popover, type PopoverProps, ProgressBar, type ProgressBarProps, ProgressCircle, type ProgressCircleProps, RadioBoxGroup, type RadioBoxGroupProps, RadioButtonGroup, type RadioButtonGroupProps, RangeSlider, type RangeSliderProps, Select, type SelectProps, Sidebar, SidebarItem, type SidebarItemConfig, type SidebarItemProps, type SidebarProps, Skeleton, SkeletonAvatar, SkeletonBadge, SkeletonBanner, SkeletonButton, SkeletonCard, SkeletonCard2, SkeletonCard3, SkeletonCardStack, SkeletonChart, type SkeletonComponentProps, SkeletonContentCard, SkeletonDataGrid, SkeletonForm, SkeletonGlowingCard, SkeletonImage, SkeletonInfoCard, SkeletonInput, SkeletonList, SkeletonParagraph, type SkeletonProps, type SkeletonRoundness, SkeletonText, type SkeletonType, SkeletonVideo, SkeletonWidgetCard, SkeletonWrapper, Slider, type SliderProps, Stepper, type StepperProps, type SubmenuItem, Switch, type SwitchProps, type Tab, Tabs, type TabsProps, TextArea, type TextAreaProps, Tooltip, type TooltipProps, showNotification };
+export { AdvancedProgressBar, type AdvancedProgressBarProps, AudioPlayback, type AudioPlaybackProps, AudioRecorder, type AudioRecorderProps, Avatar, type AvatarProps, AvatarRow, type AvatarRowProps, Breadcrumb, type BreadcrumbProps, Button, type ButtonProps, type ButtonVariant, Card, CardIcon, type CardIconProps, CardMedia, type CardMediaProps, type Media as CardMediaType, type CardProps, Checkbox, CheckboxGroup, type CheckboxGroupProps, type CheckboxProps, CleenIcon, CleenNotificationContainer, Collapsible, type CollapsibleProps, type CollapsibleSection, CreditCardInput, type CreditCardInputProps, DatePicker, type DatePickerProps, Divider, type DividerProps, Drawer, type DrawerConfig, DrawerContainer, type DrawerContainerProps, DrawerContentTitle, type DrawerContentTitleProps, type DrawerProps, Dropdown, type DropdownProps, EditableCard, type EditableCardField, type EditableCardProps, EditableText, EditableTextArea, type EditableTextAreaProps, type EditableTextProps, FilterDrawer, type FilterDrawerFilterCategories, type FilterDrawerNewFilter, type FilterDrawerProps, type FilterDrawerSavedFilter, FormGroup, type FormGroupProps, GroupSelector, type GroupSelectorProps, type GroupSelectorSaveResult, type GroupSelectorThreeDotOption, IconAlertCircle, IconAlertFeatured, IconAlertOctagon, IconAlertTriangle, IconAlignRight, IconArrowDown, IconArrowLeft, IconArrowLeft2, IconArrowRight, IconArrowToTop, IconArrowUp, IconArrowUpRight, IconArrowUpRightNarrow, IconArrowUpRightSquare, IconAttachment, IconBarChartSquare, IconBold, IconBookmarkCheck, IconBookmarkCheckFill, IconBookmarkX, IconBoxLines, IconBoxText, IconBracketsCheck, IconBracketsEllipses, IconCalendar, IconCertificateHeart, IconCheck, IconCheckCircle, IconCheckCircleBroken, IconCheckFill, IconCheckVerified, IconChevronDown, IconChevronLeft, IconChevronLeftDouble, IconChevronRight, IconChevronRightDouble, IconChevronSelectorVertical, IconChevronUp, IconCircleSwap, IconClockFastForward, IconClockRewind, IconClockRewind2, IconCodeBrowser, IconCodeCircle, IconColors, IconColumnEdit, IconCopy, IconCopy2, IconCopy3, IconCopy4, IconCopy5, IconCopyCheck, IconCube, IconCubeOutline, IconCursorBox, IconDataflow, IconDataflow2, IconDataflow3, IconDelete, IconDollarCircle, IconDotsGrid, IconDotsHorizontal, IconDotsVertical, IconEdit, IconEditable, IconExpand, IconEye, IconEyeHidden, IconEyeHidden2, IconFaceSmile, IconFilter, IconFilter2, IconFlag, IconFlag2, IconFlag3, IconHandShield, IconHash, IconHeadsetMic, IconHeart, IconHouseLine, IconImage, IconImage2, IconImage3, IconImage4, IconImageCheck, IconInfoCircle, IconInfoHexagon, IconItalic, IconLayersMultiple, IconLayersSingle, IconLayout, IconLayout2, IconLayoutColumns, IconLayoutCustom, IconLayoutSequential, IconLayoutStuffed, IconLayoutTile, IconLifeBuoy, IconLightbulb, IconLightning, IconLightning2, IconLightningFast, IconLineChartBar, IconLineChartBreakoutSquare, IconLineChartUp, IconLineChartUp2, IconLines, IconLinesCheck, IconLinesPlay, IconLink, IconLink2, IconLink3, IconLink4, IconLink5, IconListBullet, IconListOrder, IconListOrder2, IconLock, IconLock2, IconLogIn, IconLogOut, IconLogOut2, IconMagicWand, IconMagicWand2, IconMail, IconMessageSquare, IconMessageSquare2, IconMessageXSquare, IconMinusCircle, IconMobile, IconMonitor, IconMonitor2, IconMonitor3, IconMoonCircle, IconName, IconNavigationPointer, IconNotificationBox, IconPCSetup, IconPalette, IconPasscodeLock, IconPencil, IconPercentageCircle, IconPerspective, IconPhoneCall, IconPin, IconPlayCircle, IconPlus, IconPlusCircle, IconPulse, IconQuestionCircle, IconRadioButton, IconRadioButtonActive, IconReceiptCheck, IconRedo, IconRefresh, IconRefresh2, IconRefresh3, IconRepeat, IconRepeat2, IconRetweet, IconRoundChart, IconRoundChart2, IconRoute, IconSave, IconSave2, IconScanDots, IconSearch, IconSend, IconSettings, IconSettings2, IconSettings3, IconShieldLightning, IconShieldPlus, IconShieldRemove, IconShuffle, IconSlashCircle, IconSlashOctagon, IconSocialGlobe, IconSocialLinkedin, IconSocialX, IconSpeedometer, IconStairsRound, IconStar, IconStarHalf, IconStars, IconStars2, IconStrikethrough, IconSuccessFeatured, IconSun, IconSwitchHorizontal, IconTag, IconTarget, IconTarget2, IconTextFormat, IconTextFormat2, IconTextHighlight, IconTranslate, IconTrash, IconTrending, IconUnderline, IconUndo, IconUndo2, IconUploadCloud, IconUser, IconUserEdit, IconUserRight, IconUserSquare, IconUsers, IconUsersUp, IconVolume, IconWrench, IconX, IconXCircle, IconXCircle2, IconXClose, IconXSquare, InfoLabels, type InfoLabelsProps, Input, type InputProps, Loader, type LoaderProps, Lookup, type LookupOption, type LookupProps, Menu, type MenuProps, Modal, type ModalProps, type NotificationProps, Pagination, PaginationGoToPage, type PaginationGoToPageProps, PaginationPageSize, type PaginationPageSizeProps, type PaginationProps, PillBadge, type PillBadgeProps, Popover, type PopoverProps, ProgressBar, type ProgressBarProps, ProgressCircle, type ProgressCircleProps, RadioBoxGroup, type RadioBoxGroupProps, RadioButtonGroup, type RadioButtonGroupProps, RangeSlider, type RangeSliderProps, Select, type SelectProps, Sidebar, SidebarItem, type SidebarItemConfig, type SidebarItemProps, type SidebarProps, Skeleton, SkeletonAvatar, SkeletonBadge, SkeletonBanner, SkeletonButton, SkeletonCard, SkeletonCard2, SkeletonCard3, SkeletonCardStack, SkeletonChart, type SkeletonComponentProps, SkeletonContentCard, SkeletonDataGrid, SkeletonForm, SkeletonGlowingCard, SkeletonImage, SkeletonInfoCard, SkeletonInput, SkeletonList, SkeletonParagraph, type SkeletonProps, type SkeletonRoundness, SkeletonText, type SkeletonType, SkeletonVideo, SkeletonWidgetCard, SkeletonWrapper, Slider, type SliderProps, Stepper, type StepperProps, type SubmenuItem, Switch, type SwitchProps, type Tab, Tabs, type TabsProps, TextArea, type TextAreaProps, Tooltip, type TooltipProps, showNotification };