@cleen/ui 0.1.56 → 0.1.58

package/dist/index.d.ts

@@ -8,7 +8,7 @@ import { WaveSurferOptions as WaveSurferOptions$1 } from 'wavesurfer.js/dist/typ
 import Autoscroll from 'embla-carousel-auto-scroll';
 import Autoplay from 'embla-carousel-autoplay';
 import useEmblaCarousel from 'embla-carousel-react';
-import { DayPickerProps, DateRange } from 'react-day-picker';
+import { DayPickerProps, DateRange, Matcher } from 'react-day-picker';
 import * as react_toastify from 'react-toastify';
 import { ToastOptions, ToastContainerProps } from 'react-toastify';
 import ReactSelect, { components, SelectInstance, GroupBase } from 'react-select';
@@ -25,6 +25,10 @@ interface TooltipProps extends ComponentProps<'div'> {
     hasArrow?: boolean;
     openDelay?: number;
     offset?: number;
+    extraUpdateTriggers?: (keyof WindowEventMap)[];
+    zIndex?: number;
+    /**Use this to allow the tooltip to remain open when hovering over non-descendant elements (like a Popover that is rendered in a portals) */
+    allowNonDescendantHover?: boolean;
     classNames?: {
         container?: string;
         labelContainer?: string;
@@ -44,7 +48,7 @@ interface TooltipProps extends ComponentProps<'div'> {
  * - Override bubble colors with `bg` / `color`, or enable `invertColors` for a dark-on-light style.
  * - Accepts `classNames` and `styles` for keys: `container`, `labelContainer`.
  */
-declare const Tooltip: ({ bg, label, color, closeOnClick, hideOnMouseDown, isOpen, children, hasArrow, placement, offset, className, classNames, isDisabled, openDelay, invertColors, style, styles, onClick, onMouseEnter, onMouseLeave, ...props }: TooltipProps) => react_jsx_runtime.JSX.Element;
+declare const Tooltip: ({ bg, label, color, closeOnClick, hideOnMouseDown, isOpen, children, hasArrow, placement, offset, className, classNames, isDisabled, openDelay, invertColors, extraUpdateTriggers, allowNonDescendantHover, zIndex, style, styles, onClick, onMouseEnter, onMouseLeave, ...props }: TooltipProps) => react_jsx_runtime.JSX.Element;
 
 interface Bar {
     type: 'bar';
@@ -1641,6 +1645,7 @@ type DropdownProps = Omit<ComponentProps<'div'>, 'title'> & {
     isOpen?: boolean;
     onOpenChange?: (isOpen: boolean) => void;
     keepOpenOnClickContent?: boolean;
+    zIndex?: number;
     infoLabels?: InfoLabelsProps;
     classNames?: {
         container?: string;
@@ -1663,7 +1668,7 @@ type DropdownProps = Omit<ComponentProps<'div'>, 'title'> & {
  */
 declare const Dropdown: react.ForwardRefExoticComponent<Omit<DropdownProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
 
-type DatePickerBase = Omit<DayPickerProps, 'classNames' | 'styles' | 'mode'> & {
+type DatePickerBase = Omit<DayPickerProps, 'classNames' | 'styles' | 'mode' | 'disabled'> & {
     label?: ReactNode;
     placeholder?: ReactNode;
     min?: Date | 'today';
@@ -1694,7 +1699,10 @@ type DatePickerRangeProps = DatePickerBase & {
     selected?: DateRange;
     onSelect?: (value?: DateRange) => void;
 };
-type DatePickerProps = DatePickerSingleProps | DatePickerRangeProps;
+type DatePickerProps = (DatePickerSingleProps | DatePickerRangeProps) & {
+    disabled?: boolean;
+    disabledDates?: Matcher | Matcher[];
+};
 
 /**
  * The `DatePicker` component is a controlled or uncontrolled date selection interface that combines a dropdown trigger with a calendar picker. It supports both single date and date range selection modes with customizable label, optional styling, and class name support for both the wrapper and internal DayPicker component.
@@ -2050,6 +2058,7 @@ interface GroupSelectorProps<G = unknown, I = unknown> {
     isItemSaving?: boolean;
     selectedColor?: string;
     hasFiltering?: boolean;
+    zIndex?: number;
     className?: string;
     classNames?: {
         container?: string;
@@ -2096,7 +2105,7 @@ interface GroupSelectorProps<G = unknown, I = unknown> {
  * - Use `isLoading`, `isGroupSaving`, `isItemSaving` to show loader states during async operations.
  * - Accepts `classNames` and `styles` for granular visual customisation of every element.
  */
-declare const GroupSelector: <G = unknown, I = unknown>({ position, labels, groups, selectedItemID, groupThreeDotMenuOptions, itemThreeDotMenuOptions, refetchData, onGroupSave, onItemSave, onGroupThreeDotMenuClick, onItemThreeDotMenuClick, onSearchChange, onItemSelect, groupIDKey, groupTitleKey, itemsKey, itemIDKey, itemGroupIDKey, itemTitleKey, itemSubtitleKey, newValueMinLength, isLoading, isGroupSaving, isItemSaving, selectedColor, hasFiltering, className, classNames, style, styles, }: GroupSelectorProps<G, I>) => JSX.Element;
+declare const GroupSelector: <G = unknown, I = unknown>({ position, labels, groups, selectedItemID, groupThreeDotMenuOptions, itemThreeDotMenuOptions, refetchData, onGroupSave, onItemSave, onGroupThreeDotMenuClick, onItemThreeDotMenuClick, onSearchChange, onItemSelect, groupIDKey, groupTitleKey, itemsKey, itemIDKey, itemGroupIDKey, itemTitleKey, itemSubtitleKey, newValueMinLength, isLoading, isGroupSaving, isItemSaving, selectedColor, hasFiltering, zIndex, className, classNames, style, styles, }: GroupSelectorProps<G, I>) => JSX.Element;
 
 declare const colorList: readonly ["blue", "lighter-blue", "primary", "indigo", "green", "red", "purple", "pink", "orange", "gray"];
 type Color = (typeof colorList)[number];
@@ -2181,6 +2190,7 @@ type LookupProps = Omit<ComponentProps<'input'>, 'value' | 'onChange'> & {
     isNoDataVisibleOnCreateNew?: boolean;
     menuDetachedFromPortal?: boolean;
     menuRef?: RefObject<HTMLDivElement | null>;
+    zIndex?: number;
     classNames?: {
         container?: string;
         label?: string;
@@ -2300,6 +2310,7 @@ type MenuProps = ComponentProps<'div'> & {
     triggerRef?: RefObject<HTMLDivElement | null>;
     menuRef?: RefObject<HTMLDivElement | null>;
     ignoreClickOutside?: boolean;
+    zIndex?: number;
     classNames?: {
         container?: string;
         trigger?: string;
@@ -2474,6 +2485,8 @@ type PopoverProps = Omit<ComponentProps<'div'>, 'content'> & {
     onOpenChange?: (isOpen: boolean) => void;
     content?: ReactNode;
     position?: Position;
+    offset?: number;
+    zIndex?: number;
     classNames?: {
         container?: string;
         trigger?: string;