@cleen/ui 0.1.43 → 0.1.45
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 +41 -5
- package/dist/index.js +4 -4
- package/package.json +4 -1
package/dist/index.d.ts
CHANGED
|
@@ -5,6 +5,9 @@ import { Position, ComponentClassnames, ComponentStyles, HintedString } from '@c
|
|
|
5
5
|
import { WaveSurferOptions } from 'wavesurfer.js';
|
|
6
6
|
import { RecordPluginOptions } from 'wavesurfer.js/dist/plugins/record.js';
|
|
7
7
|
import { WaveSurferOptions as WaveSurferOptions$1 } from 'wavesurfer.js/dist/types.js';
|
|
8
|
+
import Autoscroll from 'embla-carousel-auto-scroll';
|
|
9
|
+
import Autoplay from 'embla-carousel-autoplay';
|
|
10
|
+
import useEmblaCarousel from 'embla-carousel-react';
|
|
8
11
|
import { DayPickerProps, DateRange } from 'react-day-picker';
|
|
9
12
|
import * as react_toastify from 'react-toastify';
|
|
10
13
|
import { ToastOptions, ToastContainerProps } from 'react-toastify';
|
|
@@ -1165,6 +1168,7 @@ interface InputProps extends ComponentProps<'input'> {
|
|
|
1165
1168
|
isFocusedBorder?: boolean;
|
|
1166
1169
|
maxLengthLabelThreshold?: number;
|
|
1167
1170
|
maxLengthLabel?: (remaining: number) => ReactNode;
|
|
1171
|
+
minLengthLabel?: (remaining: number) => ReactNode;
|
|
1168
1172
|
infoLabels?: InfoLabelsProps;
|
|
1169
1173
|
classNames?: {
|
|
1170
1174
|
container?: string;
|
|
@@ -1173,7 +1177,7 @@ interface InputProps extends ComponentProps<'input'> {
|
|
|
1173
1177
|
input?: string;
|
|
1174
1178
|
leftIconContainer?: string;
|
|
1175
1179
|
rightIconContainer?: string;
|
|
1176
|
-
|
|
1180
|
+
lengthLabel?: string;
|
|
1177
1181
|
inputOverlay?: string;
|
|
1178
1182
|
};
|
|
1179
1183
|
styles?: {
|
|
@@ -1183,7 +1187,7 @@ interface InputProps extends ComponentProps<'input'> {
|
|
|
1183
1187
|
input?: CSSProperties;
|
|
1184
1188
|
leftIconContainer?: CSSProperties;
|
|
1185
1189
|
rightIconContainer?: CSSProperties;
|
|
1186
|
-
|
|
1190
|
+
lengthLabel?: CSSProperties;
|
|
1187
1191
|
inputOverlay?: CSSProperties;
|
|
1188
1192
|
};
|
|
1189
1193
|
}
|
|
@@ -1243,6 +1247,7 @@ type TextAreaProps = Omit<ComponentProps<'textarea'>, 'onChange'> & {
|
|
|
1243
1247
|
onChange?: (value: string) => void;
|
|
1244
1248
|
maxLengthLabelThreshold?: number;
|
|
1245
1249
|
maxLengthLabel?: (remaining: number) => ReactNode;
|
|
1250
|
+
minLengthLabel?: (remaining: number) => ReactNode;
|
|
1246
1251
|
infoLabels?: InfoLabelsProps;
|
|
1247
1252
|
topRightElement?: ReactNode;
|
|
1248
1253
|
labelRightElement?: ReactNode;
|
|
@@ -1252,14 +1257,14 @@ type TextAreaProps = Omit<ComponentProps<'textarea'>, 'onChange'> & {
|
|
|
1252
1257
|
label?: string;
|
|
1253
1258
|
textareaContainer?: string;
|
|
1254
1259
|
textarea?: string;
|
|
1255
|
-
|
|
1260
|
+
lengthLabel?: string;
|
|
1256
1261
|
};
|
|
1257
1262
|
styles?: {
|
|
1258
1263
|
container?: CSSProperties;
|
|
1259
1264
|
label?: CSSProperties;
|
|
1260
1265
|
textareaContainer?: CSSProperties;
|
|
1261
1266
|
textarea?: CSSProperties;
|
|
1262
|
-
|
|
1267
|
+
lengthLabel?: CSSProperties;
|
|
1263
1268
|
};
|
|
1264
1269
|
};
|
|
1265
1270
|
/**
|
|
@@ -1331,6 +1336,36 @@ type EditableCardProps = CardProps & {
|
|
|
1331
1336
|
*/
|
|
1332
1337
|
declare const EditableCard: react.ForwardRefExoticComponent<Omit<EditableCardProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
|
|
1333
1338
|
|
|
1339
|
+
type CarouselProps = ComponentProps<'div'> & {
|
|
1340
|
+
options?: Parameters<typeof useEmblaCarousel>[0];
|
|
1341
|
+
slideAmount?: number;
|
|
1342
|
+
slideSize?: number;
|
|
1343
|
+
autoPlay?: boolean;
|
|
1344
|
+
autoPlayOptions?: Parameters<typeof Autoplay>[0];
|
|
1345
|
+
autoScroll?: boolean;
|
|
1346
|
+
autoScrollOptions?: Parameters<typeof Autoscroll>[0];
|
|
1347
|
+
prevBtn?: ReactNode;
|
|
1348
|
+
nextBtn?: ReactNode;
|
|
1349
|
+
classNames?: {
|
|
1350
|
+
container?: string;
|
|
1351
|
+
prevBtn?: string;
|
|
1352
|
+
nextBtn?: string;
|
|
1353
|
+
viewport?: string;
|
|
1354
|
+
list?: string;
|
|
1355
|
+
};
|
|
1356
|
+
styles?: {
|
|
1357
|
+
container?: CSSProperties;
|
|
1358
|
+
prevBtn?: CSSProperties;
|
|
1359
|
+
nextBtn?: CSSProperties;
|
|
1360
|
+
viewport?: CSSProperties;
|
|
1361
|
+
list?: CSSProperties;
|
|
1362
|
+
};
|
|
1363
|
+
};
|
|
1364
|
+
/**
|
|
1365
|
+
* The `Carousel` component is used to display a horizontal list of items that can be scrolled through. It is commonly used for showcasing images, products, or any content that benefits from a sliding interface.
|
|
1366
|
+
*/
|
|
1367
|
+
declare const Carousel: react.ForwardRefExoticComponent<Omit<CarouselProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
|
|
1368
|
+
|
|
1334
1369
|
declare const checkedVariants: {
|
|
1335
1370
|
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)]";
|
|
1336
1371
|
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)]";
|
|
@@ -2440,6 +2475,7 @@ interface ProgressCircleProps extends ComponentProps<'div'> {
|
|
|
2440
2475
|
color?: string;
|
|
2441
2476
|
emptyColor?: string;
|
|
2442
2477
|
textColor?: string;
|
|
2478
|
+
textHidden?: boolean;
|
|
2443
2479
|
fontSize?: string | number;
|
|
2444
2480
|
classNames?: {
|
|
2445
2481
|
container?: string;
|
|
@@ -3117,4 +3153,4 @@ type TabsProps = ComponentProps<'div'> & {
|
|
|
3117
3153
|
*/
|
|
3118
3154
|
declare const Tabs: react.ForwardRefExoticComponent<Omit<TabsProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
|
|
3119
3155
|
|
|
3120
|
-
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, StarRating, type StarRatingProps, Stepper, type StepperProps, type SubmenuItem, Switch, type SwitchProps, type Tab, Tabs, type TabsProps, TextArea, type TextAreaProps, Tooltip, type TooltipProps, showNotification };
|
|
3156
|
+
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, Carousel, type CarouselProps, 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, StarRating, type StarRatingProps, Stepper, type StepperProps, type SubmenuItem, Switch, type SwitchProps, type Tab, Tabs, type TabsProps, TextArea, type TextAreaProps, Tooltip, type TooltipProps, showNotification };
|