mada-design-system 0.0.11 → 0.2.0

package/index.es.d.ts

@@ -20,6 +20,7 @@ import { Coordinate } from 'recharts/types/util/types';
 import { DateCalendarProps } from '@mui/x-date-pickers/DateCalendar/DateCalendar.types';
 import { DateCalendarProps as DateCalendarProps_2 } from '@mui/x-date-pickers';
 import { default as default_2 } from 'react';
+import { default as default_3 } from 'embla-carousel-react';
 import { DevtoolsOptions } from 'zustand/middleware';
 import * as DialogPrimitive from '@radix-ui/react-dialog';
 import { DialogProps } from '@radix-ui/react-dialog';
@@ -84,6 +85,7 @@ import * as TooltipPrimitive from '@radix-ui/react-tooltip';
 import { UniqueOption } from 'recharts/types/util/payload/getUniqPayload';
 import { UseBoundStore } from 'zustand';
 import { useController } from 'react-hook-form';
+import { UseEmblaCarouselType } from 'embla-carousel-react';
 import { useFieldArray } from 'react-hook-form';
 import { useForm } from 'react-hook-form';
 import { useFormContext } from 'react-hook-form';
@@ -180,7 +182,9 @@ export declare const AlertDialogAction: React_2.ForwardRefExoticComponent<Omit<A
 
 export declare const AlertDialogCancel: React_2.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogCancelProps & React_2.RefAttributes<HTMLButtonElement>, "ref"> & React_2.RefAttributes<HTMLButtonElement>>;
 
-export declare const AlertDialogContent: React_2.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogContentProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+export declare const AlertDialogContent: React_2.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogContentProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & {
+    overlayClassName?: string;
+} & React_2.RefAttributes<HTMLDivElement>>;
 
 export declare const AlertDialogDescription: React_2.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogDescriptionProps & React_2.RefAttributes<HTMLParagraphElement>, "ref"> & React_2.RefAttributes<HTMLParagraphElement>>;
 
@@ -520,6 +524,27 @@ export declare const CardHeader: React_2.ForwardRefExoticComponent<React_2.HTMLA
 
 export declare const CardTitle: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLHeadingElement> & React_2.RefAttributes<HTMLParagraphElement>>;
 
+export declare function Carousel({ children, className, itemClassName, showDots, showArrows, loop, autoplay, autoplayInterval, containerClassName, maxDots, itemWidth, slidesToShow, showPartial, }: Readonly<CustomCarouselProps>): JSX_2.Element;
+
+export declare type CarouselApi = UseEmblaCarouselType[1];
+
+export declare const CarouselContent: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLDivElement> & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare const CarouselItem: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLDivElement> & React_2.RefAttributes<HTMLDivElement>>;
+
+declare type CarouselOptions = UseCarouselParameters[0];
+
+declare type CarouselPlugin = UseCarouselParameters[1];
+
+export declare const CarouselPrimitive: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLDivElement> & CarouselProps & React_2.RefAttributes<HTMLDivElement>>;
+
+declare type CarouselProps = {
+    opts?: CarouselOptions;
+    plugins?: CarouselPlugin;
+    orientation?: 'horizontal' | 'vertical';
+    setApi?: (api: CarouselApi) => void;
+};
+
 export declare type ChartConfig = {
     [k in string]: {
         label?: React_2.ReactNode;
@@ -721,6 +746,22 @@ export declare const createMetadataConfig: (authUrl: string, jwks: string) => {
     introspection_endpoint: string;
 };
 
+declare interface CustomCarouselProps {
+    children: React_2.ReactNode;
+    className?: string;
+    itemClassName?: string;
+    showDots?: boolean;
+    showArrows?: boolean;
+    loop?: boolean;
+    autoplay?: boolean;
+    autoplayInterval?: number;
+    containerClassName?: string;
+    maxDots?: number | null;
+    itemWidth?: number | string;
+    slidesToShow?: number;
+    showPartial?: boolean;
+}
+
 export declare function DataTable<TData, TValue>({ columns, data, loading, NoDataComponent, itemsPerPage, hasPagination, onClickRow, isFirstRowSelected, ...rest }: DataTableProps<TData, TValue>): JSX_2.Element | null;
 
 declare interface DataTableProps<TData, TValue> {
@@ -776,9 +817,14 @@ export declare const DevtoolsMiddlewares: <T>(f: StateCreator<T, [["zustand/devt
 
 export declare const Dialog: React_2.FC<DialogPrimitive.DialogProps>;
 
+export declare const DialogBody: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLDivElement> & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare const DialogClose: React_2.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React_2.RefAttributes<HTMLButtonElement>>;
+
 export declare const DialogContent: React_2.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & {
     ignoreInteractOutside?: boolean;
     hideOverlay?: boolean;
+    overlayClassName?: string;
 } & React_2.RefAttributes<HTMLDivElement>>;
 
 export declare const DialogDescription: React_2.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React_2.RefAttributes<HTMLParagraphElement>, "ref"> & React_2.RefAttributes<HTMLParagraphElement>>;
@@ -1032,7 +1078,7 @@ export declare const hasAuthParams: (location?: Location) => boolean;
 export declare const Heading: default_2.ForwardRefExoticComponent<{
     as?: AllowedElements | undefined;
     asChild?: boolean;
-    children: ReactNode;
+    children?: ReactNode;
 } & Omit<default_2.DetailedHTMLProps<default_2.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref"> & default_2.RefAttributes<"symbol" | "object" | "code" | "label" | "stop" | "map" | "filter" | "search" | "big" | "link" | "small" | "sub" | "sup" | "s" | "dd" | "a" | "button" | "div" | "form" | "h2" | "h3" | "img" | "input" | "li" | "nav" | "ol" | "p" | "span" | "svg" | "ul" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "blockquote" | "body" | "br" | "canvas" | "caption" | "center" | "cite" | "col" | "colgroup" | "data" | "datalist" | "del" | "details" | "dfn" | "dialog" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "h1" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "ins" | "kbd" | "keygen" | "legend" | "main" | "mark" | "menu" | "menuitem" | "meta" | "meter" | "noindex" | "noscript" | "optgroup" | "option" | "output" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "samp" | "slot" | "script" | "section" | "select" | "source" | "strong" | "style" | "summary" | "table" | "template" | "tbody" | "td" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "var" | "video" | "wbr" | "webview" | "animate" | "animateMotion" | "animateTransform" | "circle" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "marker" | "mask" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "switch" | "text" | "textPath" | "tspan" | "use" | "view" | default_2.ComponentClass<any, any> | default_2.FunctionComponent<any>>>;
 
 /**
@@ -1299,7 +1345,7 @@ declare namespace Local_DTO_2 {
     };
 }
 
-export declare function MultiSelect<T extends ValueType>({ placeholder, options, selectedValues, onChange, disabled, size, dataTestId, rounded, variant, colors, isLoading, className, }: MultiSelectProps<T>): JSX_2.Element;
+export declare function MultiSelect<T extends ValueType>({ placeholder, options, selectedValues, onChange, disabled, size, dataTestId, rounded, variant, colors, isLoading, className, checkboxSize, }: Readonly<MultiSelectProps<T>>): JSX_2.Element;
 
 export declare interface MultiSelectProps<T extends ValueType> extends VariantProps<typeof selectVariants> {
     placeholder: string;
@@ -1310,6 +1356,7 @@ export declare interface MultiSelectProps<T extends ValueType> extends VariantPr
     dataTestId?: string;
     className?: string;
     isLoading?: boolean;
+    checkboxSize?: 'default' | 'sm' | 'xs';
 }
 
 export declare const NavigationActions: React_2.ForwardRefExoticComponent<React_2.HtmlHTMLAttributes<HTMLDivElement> & React_2.RefAttributes<HTMLDivElement>>;
@@ -1367,8 +1414,9 @@ export declare const NavigationSwitchLanguage: ({ onValueChange }: {
     onValueChange?: () => void;
 }) => JSX_2.Element;
 
-export declare const NavigationSwitchTheme: ({ colors }: {
-    colors: ButtonProps["colors"];
+export declare const NavigationSwitchTheme: ({ colors, size }: {
+    colors?: ButtonProps["colors"];
+    size?: "icon-sm" | "icon" | "icon-xs";
 }) => JSX_2.Element;
 
 export declare interface OIDCConfig {
@@ -1509,6 +1557,14 @@ export declare const RadioGroup: React_2.ForwardRefExoticComponent<Omit<RadioGro
 
 export declare const RadioGroupItem: React_2.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupItemProps & React_2.RefAttributes<HTMLButtonElement>, "ref"> & React_2.RefAttributes<HTMLButtonElement>>;
 
+export declare function Rating({ max, onChange, value, ...props }: RatingProps): JSX_2.Element;
+
+declare interface RatingProps extends Themes {
+    max?: number;
+    value?: number;
+    onChange?: (value: number) => void;
+}
+
 export declare const reducer: (state: State, action: Action) => State;
 
 export declare function ResponsiveScroll({ children, scrollAmount, margin, className, buttonClassName }: ResponsiveScrollProps): JSX_2.Element;
@@ -1594,6 +1650,7 @@ export declare const SheetContent: default_2.ForwardRefExoticComponent<SheetCont
 export declare interface SheetContentProps extends default_2.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>, VariantProps<typeof sheetVariants> {
     ignoreInteractOutside?: boolean;
     hideOverlay?: boolean;
+    overlayClassName?: string;
 }
 
 export declare const SheetDescription: default_2.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & default_2.RefAttributes<HTMLParagraphElement>, "ref"> & default_2.RefAttributes<HTMLParagraphElement>>;
@@ -1801,6 +1858,29 @@ declare interface State {
     toasts: ToasterToast[];
 }
 
+export declare const Step: React_2.ForwardRefExoticComponent<Omit<React_2.DetailedHTMLProps<React_2.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    'data-index'?: number;
+    lastStep?: boolean;
+} & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare const StepDescription: React_2.ForwardRefExoticComponent<React_2.HtmlHTMLAttributes<HTMLParagraphElement> & React_2.RefAttributes<HTMLParagraphElement>>;
+
+export declare const Stepper: React_2.ForwardRefExoticComponent<StepperProps & React_2.RefAttributes<HTMLDivElement>>;
+
+declare type StepperContextType = VariantProps<typeof stepperVariants> & {
+    activeStep: number;
+};
+
+declare interface StepperProps extends React_2.HTMLAttributes<HTMLDivElement>, StepperContextType {
+}
+
+declare const stepperVariants: (props?: ({
+    variant?: "circle" | "dot" | null | undefined;
+    orientation?: "horizontal" | "vertical" | null | undefined;
+} & ClassProp) | undefined) => string;
+
+export declare const StepTitle: React_2.ForwardRefExoticComponent<React_2.HtmlHTMLAttributes<HTMLSpanElement> & React_2.RefAttributes<HTMLSpanElement>>;
+
 export declare const strings: LocalizedStrings<    {
 messages: {
 exceedlimitedField: string;
@@ -2084,6 +2164,12 @@ declare const THEMES: {
     readonly dark: ".dark";
 };
 
+declare interface Themes {
+    size?: 'xs' | 'sm' | 'default';
+    variant?: 'default' | 'brand';
+    readOnly?: boolean;
+}
+
 declare interface ThemeStore {
     theme: THEME | string;
     setTheme: (newTheme: THEME) => void;
@@ -2136,24 +2222,28 @@ export declare const ToastViewport: React_2.ForwardRefExoticComponent<Omit<Toast
 export declare const Toggle: React_2.ForwardRefExoticComponent<Omit<TogglePrimitive.ToggleProps & React_2.RefAttributes<HTMLButtonElement>, "ref"> & VariantProps<(props?: ({
     variant?: "default" | "outline" | null | undefined;
     size?: "default" | "sm" | "xs" | "icon" | "icon-sm" | "icon-xs" | "fit" | null | undefined;
+    rounded?: "full" | "default" | null | undefined;
     colors?: "default" | "oncolor" | "gray" | null | undefined;
 } & ClassProp) | undefined) => string> & React_2.RefAttributes<HTMLButtonElement>>;
 
 export declare const ToggleGroup: React_2.ForwardRefExoticComponent<((Omit<ToggleGroupPrimitive.ToggleGroupSingleProps & React_2.RefAttributes<HTMLDivElement>, "ref"> | Omit<ToggleGroupPrimitive.ToggleGroupMultipleProps & React_2.RefAttributes<HTMLDivElement>, "ref">) & VariantProps<(props?: ({
     variant?: "default" | "outline" | null | undefined;
     size?: "default" | "sm" | "xs" | "icon" | "icon-sm" | "icon-xs" | "fit" | null | undefined;
+    rounded?: "full" | "default" | null | undefined;
     colors?: "default" | "oncolor" | "gray" | null | undefined;
 } & ClassProp) | undefined) => string>) & React_2.RefAttributes<HTMLDivElement>>;
 
 export declare const ToggleGroupItem: React_2.ForwardRefExoticComponent<Omit<ToggleGroupPrimitive.ToggleGroupItemProps & React_2.RefAttributes<HTMLButtonElement>, "ref"> & VariantProps<(props?: ({
     variant?: "default" | "outline" | null | undefined;
     size?: "default" | "sm" | "xs" | "icon" | "icon-sm" | "icon-xs" | "fit" | null | undefined;
+    rounded?: "full" | "default" | null | undefined;
     colors?: "default" | "oncolor" | "gray" | null | undefined;
 } & ClassProp) | undefined) => string> & React_2.RefAttributes<HTMLButtonElement>>;
 
 export declare const toggleVariants: (props?: ({
     variant?: "default" | "outline" | null | undefined;
     size?: "default" | "sm" | "xs" | "icon" | "icon-sm" | "icon-xs" | "fit" | null | undefined;
+    rounded?: "full" | "default" | null | undefined;
     colors?: "default" | "oncolor" | "gray" | null | undefined;
 } & ClassProp) | undefined) => string;
 
@@ -2196,6 +2286,8 @@ export declare const useAuth: () => {
  */
 export declare function useCachedData<T>(queryKey: QueryKey, queryClient: QueryClient, transform?: (data: T | undefined) => T | undefined): QueryState<T>;
 
+declare type UseCarouselParameters = Parameters<typeof default_3>;
+
 export { useController }
 
 export { useFieldArray }