@qodo/design-system 0.20.6 → 0.20.8

package/dist/index.d.ts

@@ -3,7 +3,8 @@ import { ClassProp } from 'class-variance-authority/types';
 import { ClassValue } from 'clsx';
 import { Column } from '@tanstack/react-table';
 import { Control } from 'react-hook-form';
-import { default as default_2 } from 'react';
+import { default as default_2 } from 'embla-carousel-react';
+import { default as default_3 } from 'react';
 import * as DialogPrimitive from '@radix-ui/react-dialog';
 import { Dispatch } from 'react';
 import { DropdownMenuContentProps } from '@radix-ui/react-dropdown-menu';
@@ -14,6 +15,7 @@ import { ForwardRefExoticComponent } from 'react';
 import { FunctionComponent } from 'react';
 import { HTMLAttributes } from 'react';
 import { JSX as JSX_2 } from 'react/jsx-runtime';
+import { LucideIcon } from 'lucide-react';
 import { MouseEvent as MouseEvent_2 } from 'react';
 import * as ProgressPrimitive from '@radix-ui/react-progress';
 import { PropsWithChildren } from 'react';
@@ -34,6 +36,7 @@ import * as TogglePrimitive from '@radix-ui/react-toggle';
 import { TooltipContentProps } from '@radix-ui/react-tooltip';
 import { TooltipProviderProps } from '@radix-ui/react-tooltip';
 import { TooltipTriggerProps } from '@radix-ui/react-tooltip';
+import { UseEmblaCarouselType } from 'embla-carousel-react';
 import { UseFormClearErrors } from 'react-hook-form';
 import { UseFormGetFieldState } from 'react-hook-form';
 import { UseFormGetValues } from 'react-hook-form';
@@ -138,7 +141,10 @@ declare type BaseSelectProps = {
     iconPosition?: "left" | "right";
     selectionIndicator?: "checkmark" | "checkbox";
     onSearchChange?: (search: string) => void;
-} & Omit<default_2.HTMLAttributes<HTMLDivElement>, "onSelect">;
+    renderValue?: (args: {
+        displayValues: string[];
+    }) => ReactNode;
+} & Omit<default_3.HTMLAttributes<HTMLDivElement>, "onSelect">;
 
 export declare const borderRadius: {
     readonly sm: "0.25rem";
@@ -174,12 +180,48 @@ export declare function CardHeader({ className, ...props }: React_2.ComponentPro
 
 export declare function CardTitle({ className, ...props }: React_2.ComponentProps<"div">): JSX_2.Element;
 
+export declare function Carousel({ orientation, opts, setApi, plugins, className, children, ...props }: React_2.ComponentProps<"div"> & CarouselProps): JSX_2.Element;
+
+export declare type CarouselApi = UseEmblaCarouselType[1];
+
+export declare function CarouselContent({ className, ...props }: React_2.ComponentProps<"div">): JSX_2.Element;
+
+export declare function CarouselFooter({ className, ...props }: React_2.ComponentProps<"div">): JSX_2.Element;
+
+export declare function CarouselIndicator({ className, children, index, isCurrent, ...props }: React_2.ComponentProps<typeof Button> & {
+    index: number;
+    isCurrent: boolean;
+}): JSX_2.Element;
+
+export declare function CarouselItem({ className, ...props }: React_2.ComponentProps<"div">): JSX_2.Element;
+
+export declare function CarouselNext({ className, variant, size, icon: Icon, screenReaderLabel, ...props }: React_2.ComponentProps<typeof Button> & {
+    icon?: LucideIcon;
+    screenReaderLabel?: string;
+}): JSX_2.Element;
+
+declare type CarouselOptions = UseCarouselParameters[0];
+
+declare type CarouselPlugin = UseCarouselParameters[1];
+
+export declare function CarouselPrevious({ className, variant, size, icon: Icon, screenReaderLabel, ...props }: React_2.ComponentProps<typeof Button> & {
+    icon?: LucideIcon;
+    screenReaderLabel?: string;
+}): JSX_2.Element;
+
+declare type CarouselProps = {
+    opts?: CarouselOptions;
+    plugins?: CarouselPlugin;
+    orientation?: "horizontal" | "vertical";
+    setApi?: (api: CarouselApi) => void;
+};
+
 export declare const Checkbox: {
     ({ disabled, error, name, checked, onCheckedChange, label, description, labelWrapperClassName, labelClassName, descriptionClassName, checkboxClassName, wrapperClassName, }: React.PropsWithChildren<CheckboxProps>): JSX_2.Element;
     displayName: string;
 };
 
-export declare const CheckboxGroup: default_2.ForwardRefExoticComponent<CheckboxGroupProps & default_2.RefAttributes<HTMLDivElement>>;
+export declare const CheckboxGroup: default_3.ForwardRefExoticComponent<CheckboxGroupProps & default_3.RefAttributes<HTMLDivElement>>;
 
 export declare interface CheckboxGroupProps extends React.HTMLAttributes<HTMLDivElement> {
     value?: string[];
@@ -553,6 +595,8 @@ declare type Option_2 = {
     icon?: ReactNode;
     children?: Option_2[];
     disabled?: boolean;
+    description?: string;
+    disableChildrenOnParentSelect?: boolean;
 };
 export { Option_2 as Option }
 
@@ -576,7 +620,7 @@ export declare type PaginationStepperProps<T extends RowData> = {
 
 export declare function Progress({ className, value, ...props }: React_2.ComponentProps<typeof ProgressPrimitive.Root>): JSX_2.Element;
 
-export declare const RadioGroup: default_2.ForwardRefExoticComponent<RadioGroupProps & default_2.RefAttributes<HTMLDivElement>>;
+export declare const RadioGroup: default_3.ForwardRefExoticComponent<RadioGroupProps & default_3.RefAttributes<HTMLDivElement>>;
 
 export declare const RadioGroupItem: {
     ({ value, disabled, error, name, label, description, wrapperClassName, labelClassName, descriptionClassName, labelWrapperClassName, }: React.PropsWithChildren<RadioGroupItemProps>): JSX_2.Element;
@@ -650,7 +694,7 @@ declare const SearchSize: {
     LARGE: string;
 };
 
-export declare function Select({ value, options, onSelect: propsOnSelect, disabled, readOnly, mode, placeholder, inputPlaceholder, emptyState, triggerClassName, triggerWrapperClassName, badgeClassName, badgeVariant, searchable, toggleIcon, dir, variant, iconPosition, selectionIndicator, onSearchChange, ...rest }: SelectProps): JSX_2.Element;
+export declare function Select({ value, options, onSelect: propsOnSelect, disabled, readOnly, mode, placeholder, inputPlaceholder, emptyState, triggerClassName, triggerWrapperClassName, badgeClassName, badgeVariant, searchable, toggleIcon, dir, variant, iconPosition, selectionIndicator, onSearchChange, renderValue, ...rest }: SelectProps): JSX_2.Element;
 
 declare const SELECT_MODE: {
     SINGLE: string;
@@ -905,6 +949,8 @@ export declare const typographyVariants: (props?: ({
     variant?: "small" | "list" | "blockquote" | "body" | "caption" | "code" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "muted" | "large" | "lead" | "code-inline" | "code-block" | "list-ordered" | null | undefined;
 } & ClassProp) | undefined) => string;
 
+declare type UseCarouselParameters = Parameters<typeof default_2>;
+
 /**
  * This hook is used to get the merged form context: react-hook-form context and the FormProvider custom context
  * @returns The form context and the react-hook-form context