@cleen/ui 0.1.83 → 0.1.85
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.d.ts +48 -6
- package/dist/index.js +8 -8
- package/package.json +3 -1
package/dist/index.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as react from 'react';
|
|
2
|
-
import react__default, { ComponentProps, ReactNode, CSSProperties, SVGProps, RefObject, ButtonHTMLAttributes, ChangeEvent, JSX,
|
|
2
|
+
import react__default, { ComponentProps, ReactNode, CSSProperties, SVGProps, RefObject, ButtonHTMLAttributes, ChangeEvent, JSX, FC, ComponentPropsWithoutRef } from 'react';
|
|
3
3
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
4
4
|
import { Position, ComponentClassnames, ComponentStyles, HintedString } from '@cleen/ui-core';
|
|
5
5
|
import { WaveSurferOptions } from 'wavesurfer.js';
|
|
@@ -10,6 +10,7 @@ import Autoscroll from 'embla-carousel-auto-scroll';
|
|
|
10
10
|
import Autoplay from 'embla-carousel-autoplay';
|
|
11
11
|
import useEmblaCarousel from 'embla-carousel-react';
|
|
12
12
|
import { RgbaColor } from 'react-colorful';
|
|
13
|
+
import ReactMarkdown from 'react-markdown';
|
|
13
14
|
import * as react_toastify from 'react-toastify';
|
|
14
15
|
import { ToastOptions, ToastContainerProps } from 'react-toastify';
|
|
15
16
|
import ReactSelect, { components, SelectInstance, GroupBase } from 'react-select';
|
|
@@ -2321,6 +2322,26 @@ interface LookupOption<T = unknown> {
|
|
|
2321
2322
|
*/
|
|
2322
2323
|
declare const Lookup: react.ForwardRefExoticComponent<Omit<LookupProps, "ref"> & react.RefAttributes<HTMLInputElement>>;
|
|
2323
2324
|
|
|
2325
|
+
type MarkdownProps = ComponentProps<typeof ReactMarkdown> & {
|
|
2326
|
+
className?: string;
|
|
2327
|
+
/** Per-subpart class name overrides */
|
|
2328
|
+
classNames?: {
|
|
2329
|
+
container?: string;
|
|
2330
|
+
content?: string;
|
|
2331
|
+
};
|
|
2332
|
+
style?: CSSProperties;
|
|
2333
|
+
/** Per-subpart inline style overrides */
|
|
2334
|
+
styles?: {
|
|
2335
|
+
container?: CSSProperties;
|
|
2336
|
+
content?: CSSProperties;
|
|
2337
|
+
};
|
|
2338
|
+
};
|
|
2339
|
+
/**
|
|
2340
|
+
* The `Markdown` component renders an arbitrary markdown string as styled HTML,
|
|
2341
|
+
* using Cleen UI design tokens for typography and element styling.
|
|
2342
|
+
*/
|
|
2343
|
+
declare const Markdown: FC<MarkdownProps>;
|
|
2344
|
+
|
|
2324
2345
|
interface MenuItemProps {
|
|
2325
2346
|
item: IMenuItem;
|
|
2326
2347
|
isLast?: boolean;
|
|
@@ -2650,8 +2671,9 @@ interface RadioBoxData {
|
|
|
2650
2671
|
id: string | number;
|
|
2651
2672
|
label?: ReactNode;
|
|
2652
2673
|
subLabel?: ReactNode;
|
|
2674
|
+
[key: string]: unknown;
|
|
2653
2675
|
}
|
|
2654
|
-
interface RadioBoxGroupProps {
|
|
2676
|
+
interface RadioBoxGroupProps extends ComponentProps<'div'> {
|
|
2655
2677
|
horizontal?: boolean;
|
|
2656
2678
|
boxes: RadioBoxData[];
|
|
2657
2679
|
selectedBox?: RadioBoxData;
|
|
@@ -2661,8 +2683,28 @@ interface RadioBoxGroupProps {
|
|
|
2661
2683
|
leftIcon?: ReactNode;
|
|
2662
2684
|
leftIconName?: IconName;
|
|
2663
2685
|
rightIconName?: IconName;
|
|
2664
|
-
|
|
2665
|
-
|
|
2686
|
+
classNames?: {
|
|
2687
|
+
container?: string;
|
|
2688
|
+
box?: string;
|
|
2689
|
+
leftIconContainer?: string;
|
|
2690
|
+
leftIcon?: string;
|
|
2691
|
+
labelContainer?: string;
|
|
2692
|
+
label?: string;
|
|
2693
|
+
subLabel?: string;
|
|
2694
|
+
rightIcon?: string;
|
|
2695
|
+
rightIconContainer?: string;
|
|
2696
|
+
};
|
|
2697
|
+
styles?: {
|
|
2698
|
+
container?: CSSProperties;
|
|
2699
|
+
box?: CSSProperties;
|
|
2700
|
+
leftIconContainer?: CSSProperties;
|
|
2701
|
+
leftIcon?: CSSProperties;
|
|
2702
|
+
labelContainer?: CSSProperties;
|
|
2703
|
+
label?: CSSProperties;
|
|
2704
|
+
subLabel?: CSSProperties;
|
|
2705
|
+
rightIcon?: CSSProperties;
|
|
2706
|
+
rightIconContainer?: CSSProperties;
|
|
2707
|
+
};
|
|
2666
2708
|
}
|
|
2667
2709
|
/**
|
|
2668
2710
|
* A group of selectable option boxes, each displaying a label and optional sub-label with an icon.
|
|
@@ -2672,7 +2714,7 @@ interface RadioBoxGroupProps {
|
|
|
2672
2714
|
* - Toggle `horizontal` to switch from a vertical stack to a flex-wrap row layout.
|
|
2673
2715
|
* - Inject leading content per row with `leftElement` / `leftIcon` / `leftIconName`, and trailing content with `rightElement` / `rightIconName`.
|
|
2674
2716
|
*/
|
|
2675
|
-
declare const RadioBoxGroup: ({ horizontal, boxes, selectedBox, onBoxClick, leftElement, rightElement, leftIcon, leftIconName, rightIconName, className, style, }: RadioBoxGroupProps) => react_jsx_runtime.JSX.Element;
|
|
2717
|
+
declare const RadioBoxGroup: ({ horizontal, boxes, selectedBox, onBoxClick, leftElement, rightElement, leftIcon, leftIconName, rightIconName, className, classNames, style, styles, ...props }: RadioBoxGroupProps) => react_jsx_runtime.JSX.Element;
|
|
2676
2718
|
|
|
2677
2719
|
interface RadioButtonData {
|
|
2678
2720
|
id: string | number;
|
|
@@ -3349,4 +3391,4 @@ type TabsProps = ComponentProps<'div'> & {
|
|
|
3349
3391
|
*/
|
|
3350
3392
|
declare const Tabs: react.ForwardRefExoticComponent<Omit<TabsProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
|
|
3351
3393
|
|
|
3352
|
-
export { AdvancedProgressBar, type AdvancedProgressBarProps, AudioPlayback, type AudioPlaybackProps, AudioRecorder, type AudioRecorderProps, Avatar, type AvatarProps, AvatarRow, type AvatarRowProps, Breadcrumb, type BreadcrumbProps, Button, type ButtonProps, type ButtonVariant, Calendar, CalendarDropdown, type CalendarDropdownProps, type CalendarProps, CanvasButton, Card, CardIcon, type CardIconProps, CardMedia, type CardMediaProps, type Media as CardMediaType, type CardProps, Carousel, type CarouselProps, Checkbox, CheckboxGroup, type CheckboxGroupProps, type CheckboxProps, CleenIcon, CleenNotificationContainer, Collapsible, type CollapsibleProps, type CollapsibleSection, type ColorModel, ColorPicker, type ColorPickerProps, CreditCardInput, type CreditCardInputProps, Divider, type DividerProps, Drawer, type DrawerConfig, DrawerContainer, type DrawerContainerProps, DrawerContentTitle, type DrawerContentTitleProps, type DrawerProps, DropZone, type DropZoneProps, Dropdown, type DropdownProps, EditableCard, type EditableCardField, type EditableCardProps, EditableText, EditableTextArea, type EditableTextAreaProps, type EditableTextAreaRef, type EditableTextProps, type EditableTextRef, 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, Rating, type RatingProps, 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, SliderRange, type SliderRangeProps, StarRating, type StarRatingProps, Stepper, type StepperProps, type SubmenuItem, Switch, type SwitchProps, type Tab, Tabs, type TabsProps, TextArea, type TextAreaProps, Tooltip, type TooltipProps, parseRgbaString, showNotification };
|
|
3394
|
+
export { AdvancedProgressBar, type AdvancedProgressBarProps, AudioPlayback, type AudioPlaybackProps, AudioRecorder, type AudioRecorderProps, Avatar, type AvatarProps, AvatarRow, type AvatarRowProps, Breadcrumb, type BreadcrumbProps, Button, type ButtonProps, type ButtonVariant, Calendar, CalendarDropdown, type CalendarDropdownProps, type CalendarProps, CanvasButton, Card, CardIcon, type CardIconProps, CardMedia, type CardMediaProps, type Media as CardMediaType, type CardProps, Carousel, type CarouselProps, Checkbox, CheckboxGroup, type CheckboxGroupProps, type CheckboxProps, CleenIcon, CleenNotificationContainer, Collapsible, type CollapsibleProps, type CollapsibleSection, type ColorModel, ColorPicker, type ColorPickerProps, CreditCardInput, type CreditCardInputProps, Divider, type DividerProps, Drawer, type DrawerConfig, DrawerContainer, type DrawerContainerProps, DrawerContentTitle, type DrawerContentTitleProps, type DrawerProps, DropZone, type DropZoneProps, Dropdown, type DropdownProps, EditableCard, type EditableCardField, type EditableCardProps, EditableText, EditableTextArea, type EditableTextAreaProps, type EditableTextAreaRef, type EditableTextProps, type EditableTextRef, 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, Markdown, type MarkdownProps, 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, Rating, type RatingProps, 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, SliderRange, type SliderRangeProps, StarRating, type StarRatingProps, Stepper, type StepperProps, type SubmenuItem, Switch, type SwitchProps, type Tab, Tabs, type TabsProps, TextArea, type TextAreaProps, Tooltip, type TooltipProps, parseRgbaString, showNotification };
|