mada-design-system 0.2.2 → 0.2.4

package/index.es.d.ts

@@ -368,7 +368,7 @@ export declare class AuthService implements IAuthService {
     static getInstance(config: OIDCConfig): AuthService;
     private setupEventListeners;
     hasAuthParams(location?: Location): boolean;
-    signin(): Promise<void>;
+    signin(customParams?: Record<string, any>): Promise<void>;
     completeSignIn(): Promise<void | User>;
     getUser(): Promise<User | null>;
     refreshToken(): Promise<User | null>;
@@ -525,7 +525,7 @@ 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 function Carousel({ children, className, itemClassName, showDots, showArrows, loop, autoplay, autoplayInterval, containerClassName, maxDots, itemWidth, slidesToShow, showPartial, dir, }: Readonly<CustomCarouselProps>): JSX_2.Element;
 
 export declare type CarouselApi = UseEmblaCarouselType[1];
 
@@ -762,6 +762,7 @@ declare interface CustomCarouselProps {
     itemWidth?: number | string;
     slidesToShow?: number;
     showPartial?: boolean;
+    dir?: 'ltr' | 'rtl';
 }
 
 export declare function DataTable<TData, TValue>({ columns, data, loading, NoDataComponent, itemsPerPage, hasPagination, onClickRow, isFirstRowSelected, ...rest }: DataTableProps<TData, TValue>): JSX_2.Element | null;
@@ -1038,12 +1039,12 @@ export declare const Grid: default_2.FC<GridProps>;
 export declare const GridItem: default_2.FC<GridItemProps>;
 
 declare const gridItemColVariants: (props?: ({
-    base?: 1 | 2 | 3 | 6 | 7 | 12 | 4 | 5 | 10 | 11 | 9 | 8 | null | undefined;
-    sm?: 1 | 2 | 3 | 6 | 7 | 12 | 4 | 5 | 10 | 11 | 9 | 8 | null | undefined;
-    md?: 1 | 2 | 3 | 6 | 7 | 12 | 4 | 5 | 10 | 11 | 9 | 8 | null | undefined;
-    lg?: 1 | 2 | 3 | 6 | 7 | 12 | 4 | 5 | 10 | 11 | 9 | 8 | null | undefined;
-    xl?: 1 | 2 | 3 | 6 | 7 | 12 | 4 | 5 | 10 | 11 | 9 | 8 | null | undefined;
-    '2xl'?: 1 | 2 | 3 | 6 | 7 | 12 | 4 | 5 | 10 | 11 | 9 | 8 | null | undefined;
+    base?: 2 | 1 | 3 | 6 | 7 | 12 | 4 | 5 | 10 | 11 | 9 | 8 | null | undefined;
+    sm?: 2 | 1 | 3 | 6 | 7 | 12 | 4 | 5 | 10 | 11 | 9 | 8 | null | undefined;
+    md?: 2 | 1 | 3 | 6 | 7 | 12 | 4 | 5 | 10 | 11 | 9 | 8 | null | undefined;
+    lg?: 2 | 1 | 3 | 6 | 7 | 12 | 4 | 5 | 10 | 11 | 9 | 8 | null | undefined;
+    xl?: 2 | 1 | 3 | 6 | 7 | 12 | 4 | 5 | 10 | 11 | 9 | 8 | null | undefined;
+    '2xl'?: 2 | 1 | 3 | 6 | 7 | 12 | 4 | 5 | 10 | 11 | 9 | 8 | null | undefined;
 } & ClassProp) | undefined) => string;
 
 declare interface GridItemProps extends default_2.HTMLAttributes<HTMLDivElement> {
@@ -1054,10 +1055,10 @@ declare interface GridItemProps extends default_2.HTMLAttributes<HTMLDivElement>
 declare type GridProps = default_2.ComponentPropsWithoutRef<'div'> & VariantProps<typeof gridStyles>;
 
 declare const gridStyles: (props?: ({
-    cols?: 1 | 2 | 3 | 6 | 7 | 12 | 4 | 5 | 10 | 11 | 9 | 8 | null | undefined;
-    gap?: 1 | 2 | 3 | 6 | 7 | 12 | 4 | 5 | 10 | 11 | "none" | 9 | 8 | null | undefined;
-    gapX?: 1 | 2 | 3 | 6 | 7 | 12 | 4 | 5 | 10 | 11 | "none" | 9 | 8 | null | undefined;
-    gapY?: 1 | 2 | 3 | 6 | 7 | 12 | 4 | 5 | 10 | 11 | "none" | 9 | 8 | null | undefined;
+    cols?: 2 | 1 | 3 | 6 | 7 | 12 | 4 | 5 | 10 | 11 | 9 | 8 | null | undefined;
+    gap?: 2 | 1 | 3 | 6 | 7 | 12 | 4 | 5 | 10 | 11 | "none" | 9 | 8 | null | undefined;
+    gapX?: 2 | 1 | 3 | 6 | 7 | 12 | 4 | 5 | 10 | 11 | "none" | 9 | 8 | null | undefined;
+    gapY?: 2 | 1 | 3 | 6 | 7 | 12 | 4 | 5 | 10 | 11 | "none" | 9 | 8 | null | undefined;
     autoFlow?: "col" | "row" | "dense" | "rowDense" | "colDense" | null | undefined;
     alignItems?: "center" | "end" | "start" | "stretch" | null | undefined;
     justifyItems?: "center" | "end" | "start" | "stretch" | null | undefined;
@@ -1081,7 +1082,7 @@ export declare const Heading: default_2.ForwardRefExoticComponent<{
     as?: AllowedElements | undefined;
     asChild?: boolean;
     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>>>;
+} & Omit<default_2.DetailedHTMLProps<default_2.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref"> & default_2.RefAttributes<"symbol" | "object" | "code" | "map" | "filter" | "search" | "big" | "link" | "small" | "sub" | "sup" | "stop" | "label" | "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>>>;
 
 /**
  * @public
@@ -1361,6 +1362,10 @@ export declare interface MultiSelectProps<T extends ValueType> extends VariantPr
     checkboxSize?: 'default' | 'sm' | 'xs';
 }
 
+export declare const NavigationAction: React_2.ForwardRefExoticComponent<React_2.HtmlHTMLAttributes<HTMLButtonElement> & {
+    asChild?: boolean;
+} & React_2.RefAttributes<HTMLButtonElement>>;
+
 export declare const NavigationActions: React_2.ForwardRefExoticComponent<React_2.HtmlHTMLAttributes<HTMLDivElement> & React_2.RefAttributes<HTMLDivElement>>;
 
 export declare const NavigationHeader: React_2.ForwardRefExoticComponent<React_2.HtmlHTMLAttributes<HTMLHeadElement> & {
@@ -1395,6 +1400,12 @@ export declare const navigationMenuTriggerStyle: (props?: ClassProp | undefined)
 
 export declare const NavigationMenuViewport: React_2.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuViewportProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
 
+export declare const NavigationMobileBody: ({ children, className, ...props }: React_2.HtmlHTMLAttributes<HTMLDivElement>) => JSX_2.Element;
+
+export declare const NavigationMobileFooter: ({ children, className, hideSwitchLang, ...props }: React_2.HtmlHTMLAttributes<HTMLDivElement> & {
+    hideSwitchLang?: boolean;
+}) => JSX_2.Element;
+
 export declare const NavigationMobileHeader: ({ children, className, ...props }: React_2.HtmlHTMLAttributes<HTMLDivElement>) => JSX_2.Element;
 
 export declare const NavigationMobileLink: React_2.ForwardRefExoticComponent<React_2.AnchorHTMLAttributes<HTMLAnchorElement> & {
@@ -1406,14 +1417,17 @@ export declare const NavigationMobileSideBar: ({ open, onOpenChange, children, }
     onOpenChange?: (open: boolean) => void;
 }>) => JSX_2.Element;
 
+export declare const NavigationMobileSwitchLanguage: () => JSX_2.Element;
+
 export declare const NavigationSearch: ({ onSearch, onValueChange, children, }: {
     onSearch: (value: string) => void;
     onValueChange?: (value: string) => void;
     children?: React_2.ReactNode;
 }) => JSX_2.Element;
 
-export declare const NavigationSwitchLanguage: ({ onValueChange }: {
+export declare const NavigationSwitchLanguage: ({ onValueChange, className }: {
     onValueChange?: () => void;
+    className?: string;
 }) => JSX_2.Element;
 
 export declare const NavigationSwitchTheme: ({ colors, size }: {
@@ -1599,7 +1613,12 @@ declare interface SearchInputProps {
 
 export declare const SecondNavHeader: ({ colors, hideDivider, className, ...props }: SecondNavHeaderProps) => JSX_2.Element;
 
-export declare const SecondNavHeaderAction: ({ className, ...props }: HTMLAttributes<HTMLDivElement>) => JSX_2.Element;
+export declare interface SecondNavHeaderAction {
+    hideTrail?: boolean;
+    hideSwitchTheme?: boolean;
+}
+
+export declare const SecondNavHeaderAction: ({ className, hideTrail, hideSwitchTheme, ...props }: HTMLAttributes<HTMLDivElement> & SecondNavHeaderAction) => JSX_2.Element;
 
 export declare const SecondNavHeaderContent: ({ className, ...props }: HTMLAttributes<HTMLDivElement>) => JSX_2.Element;
 
@@ -1682,7 +1701,9 @@ export declare const SheetFormHeader: {
 export declare const SheetFormTrigger: default_2.ForwardRefExoticComponent<ButtonProps & default_2.RefAttributes<HTMLButtonElement>>;
 
 export declare const SheetHeader: {
-    ({ className, title, children, ...props }: default_2.HTMLAttributes<HTMLDivElement>): JSX_2.Element;
+    ({ className, title, hideCenter, children, ...props }: default_2.HTMLAttributes<HTMLDivElement> & {
+        hideCenter?: boolean;
+    }): JSX_2.Element;
     displayName: string;
 };
 
@@ -1848,9 +1869,9 @@ declare type StackProps = default_2.ComponentPropsWithoutRef<'div'> & VariantPro
 
 declare const stackStyles: (props?: ({
     direction?: "col" | "row" | "row-reverse" | "col-reverse" | null | undefined;
-    gap?: 1 | 2 | 3 | 6 | 7 | "small" | 12 | 4 | 5 | 10 | 11 | "medium" | "none" | 9 | 8 | null | undefined;
-    gapX?: 1 | 2 | 3 | 6 | 7 | "small" | 12 | 4 | 5 | 10 | 11 | "medium" | "none" | 9 | 8 | null | undefined;
-    gapY?: 1 | 2 | 3 | 6 | 7 | "small" | 12 | 4 | 5 | 10 | 11 | "medium" | "none" | 9 | 8 | null | undefined;
+    gap?: 2 | 1 | "small" | 3 | 6 | 7 | 12 | 4 | 5 | 10 | 11 | "medium" | "none" | 9 | 8 | null | undefined;
+    gapX?: 2 | 1 | "small" | 3 | 6 | 7 | 12 | 4 | 5 | 10 | 11 | "medium" | "none" | 9 | 8 | null | undefined;
+    gapY?: 2 | 1 | "small" | 3 | 6 | 7 | 12 | 4 | 5 | 10 | 11 | "medium" | "none" | 9 | 8 | null | undefined;
     alignItems?: "center" | "end" | "start" | "stretch" | null | undefined;
     justifyItems?: "center" | "end" | "start" | "stretch" | null | undefined;
     alignContent?: "center" | "end" | "start" | "between" | "around" | "evenly" | null | undefined;
@@ -1890,6 +1911,7 @@ exceedlimitedField: string;
 required: string;
 };
 Shared: {
+trialVersion: string;
 soon: string;
 NationalId: string;
 ResidentID: string;
@@ -1992,6 +2014,7 @@ exceedlimitedField: string;
 required: string;
 };
 Shared: {
+trialVersion: string;
 soon: string;
 NationalId: string;
 ResidentID: string;
@@ -2136,7 +2159,7 @@ export declare const tabVariants: (props?: ({
     orientation?: "horizontal" | "vertical" | null | undefined;
 } & ClassProp) | undefined) => string;
 
-declare const Text_2: default_2.ForwardRefExoticComponent<TextProps<AllowedElements_2> & 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>>>;
+declare const Text_2: default_2.ForwardRefExoticComponent<TextProps<AllowedElements_2> & default_2.RefAttributes<"symbol" | "object" | "code" | "map" | "filter" | "search" | "big" | "link" | "small" | "sub" | "sup" | "stop" | "label" | "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>>>;
 export { Text_2 as Text }
 
 export declare const Textarea: React_2.ForwardRefExoticComponent<TextareaProps & React_2.RefAttributes<HTMLTextAreaElement>>;
@@ -2258,6 +2281,8 @@ export declare const TooltipProvider: React_2.FC<TooltipPrimitive.TooltipProvide
 
 export declare const TooltipTrigger: React_2.ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & React_2.RefAttributes<HTMLButtonElement>>;
 
+export declare const TrialVersion: ({ variant, colors, size, ...props }: BadgeProps) => JSX_2.Element;
+
 export declare const tw: (...classes: string[]) => string;
 
 export declare const twMerge: (...classLists: ClassNameValue[]) => string;
@@ -2432,8 +2457,3 @@ declare type WidgetSize = 'half' | 'full';
 export declare const WidgetTitle: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLHeadingElement> & React_2.RefAttributes<HTMLDivElement>>;
 
 export { }
-
-
-declare namespace Calendar {
-    var displayName: string;
-}