dhanasekar-ui 1.2.0 → 1.4.0

package/dist/components/FormLayout/index.js

@@ -1,2 +1,2 @@
-'use strict';var chunk3RAQQWLW_js=require('../../chunk-3RAQQWLW.js');Object.defineProperty(exports,"FormLayout",{enumerable:true,get:function(){return chunk3RAQQWLW_js.a}});//# sourceMappingURL=index.js.map
+'use strict';var chunkYPMUFP2I_js=require('../../chunk-YPMUFP2I.js');require('../../chunk-MLURKSJZ.js');Object.defineProperty(exports,"FormLayout",{enumerable:true,get:function(){return chunkYPMUFP2I_js.a}});//# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/components/FormLayout/index.mjs

@@ -1,2 +1,2 @@
-export{a as FormLayout}from'../../chunk-6SVKDKK7.mjs';//# sourceMappingURL=index.mjs.map
+export{a as FormLayout}from'../../chunk-XWEEWNZK.mjs';import'../../chunk-HGGQFNUJ.mjs';//# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map

package/dist/components/Grid/index.d.mts

@@ -0,0 +1,48 @@
+import react__default, { ReactNode, CSSProperties } from 'react';
+
+type GridDirection = 'row' | 'row-reverse' | 'column' | 'column-reverse';
+type GridWrap = 'nowrap' | 'wrap' | 'wrap-reverse';
+type GridSize = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 'auto';
+interface GridSizeObj {
+    xs?: GridSize;
+    sm?: GridSize;
+    md?: GridSize;
+    lg?: GridSize;
+    xl?: GridSize;
+}
+interface GridProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * If true, the component will have the flex container behavior.
+     */
+    container?: boolean;
+    /**
+     * Defines the space between the type item components. It can only be used on a type container component.
+     * Multiplier of 8px. e.g. spacing={2} means 16px.
+     */
+    spacing?: number;
+    /**
+     * Defines the flex-direction style property. It is applied for all screen sizes.
+     */
+    direction?: GridDirection;
+    /**
+     * Defines the flex-wrap style property. It's applied for all screen sizes.
+     */
+    wrap?: GridWrap;
+    /**
+     * Defines the number of grids the component is going to use.
+     * It's applied for the xs breakpoint and wider screens if not overridden.
+     */
+    size?: GridSize | GridSizeObj;
+    /**
+     * Content of the grid
+     */
+    children?: ReactNode;
+    /**
+     * Custom styles using the sx prop pattern.
+     */
+    sx?: CSSProperties;
+}
+
+declare const Grid: react__default.ForwardRefExoticComponent<GridProps & react__default.RefAttributes<HTMLDivElement>>;
+
+export { Grid, type GridDirection, type GridProps, type GridSize, type GridSizeObj, type GridWrap };

package/dist/components/Grid/index.d.ts

@@ -0,0 +1,48 @@
+import react__default, { ReactNode, CSSProperties } from 'react';
+
+type GridDirection = 'row' | 'row-reverse' | 'column' | 'column-reverse';
+type GridWrap = 'nowrap' | 'wrap' | 'wrap-reverse';
+type GridSize = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 'auto';
+interface GridSizeObj {
+    xs?: GridSize;
+    sm?: GridSize;
+    md?: GridSize;
+    lg?: GridSize;
+    xl?: GridSize;
+}
+interface GridProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * If true, the component will have the flex container behavior.
+     */
+    container?: boolean;
+    /**
+     * Defines the space between the type item components. It can only be used on a type container component.
+     * Multiplier of 8px. e.g. spacing={2} means 16px.
+     */
+    spacing?: number;
+    /**
+     * Defines the flex-direction style property. It is applied for all screen sizes.
+     */
+    direction?: GridDirection;
+    /**
+     * Defines the flex-wrap style property. It's applied for all screen sizes.
+     */
+    wrap?: GridWrap;
+    /**
+     * Defines the number of grids the component is going to use.
+     * It's applied for the xs breakpoint and wider screens if not overridden.
+     */
+    size?: GridSize | GridSizeObj;
+    /**
+     * Content of the grid
+     */
+    children?: ReactNode;
+    /**
+     * Custom styles using the sx prop pattern.
+     */
+    sx?: CSSProperties;
+}
+
+declare const Grid: react__default.ForwardRefExoticComponent<GridProps & react__default.RefAttributes<HTMLDivElement>>;
+
+export { Grid, type GridDirection, type GridProps, type GridSize, type GridSizeObj, type GridWrap };

package/dist/components/Grid/index.js

@@ -0,0 +1,2 @@
+'use strict';var chunkDBSBLGGH_js=require('../../chunk-DBSBLGGH.js');require('../../chunk-MLURKSJZ.js'),require('../../chunk-DDGBDWFC.js');Object.defineProperty(exports,"Grid",{enumerable:true,get:function(){return chunkDBSBLGGH_js.a}});//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/Grid/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}

package/dist/components/Grid/index.mjs

@@ -0,0 +1,2 @@
+export{a as Grid}from'../../chunk-UCFS7EH2.mjs';import'../../chunk-HGGQFNUJ.mjs';import'../../chunk-547MQ4FI.mjs';//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.mjs.map

package/dist/components/Grid/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.mjs"}

package/dist/components/List/index.d.mts

@@ -0,0 +1,98 @@
+import * as react from 'react';
+import { HTMLAttributes, ReactNode, CSSProperties, ElementType } from 'react';
+
+interface ListProps<T extends ElementType = 'ul'> extends HTMLAttributes<HTMLElement> {
+    as?: T;
+    component?: ElementType;
+    children?: ReactNode;
+    className?: string;
+    dense?: boolean;
+    disablePadding?: boolean;
+    subheader?: ReactNode;
+    classes?: {
+        root?: string;
+        dense?: string;
+        padding?: string;
+    };
+    sx?: CSSProperties;
+}
+interface ListSubheaderProps<T extends ElementType = 'li'> extends HTMLAttributes<HTMLElement> {
+    as?: T;
+    component?: ElementType;
+    children?: ReactNode;
+    className?: string;
+    color?: 'default' | 'primary' | 'inherit';
+    disableGutters?: boolean;
+    disableSticky?: boolean;
+    inset?: boolean;
+    classes?: {
+        root?: string;
+        sticky?: string;
+        inset?: string;
+    };
+    sx?: CSSProperties;
+}
+interface ListItemButtonProps<T extends ElementType = 'div'> extends HTMLAttributes<HTMLElement> {
+    as?: T;
+    component?: ElementType;
+    children?: ReactNode;
+    className?: string;
+    alignItems?: 'flex-start' | 'center';
+    dense?: boolean;
+    disabled?: boolean;
+    divider?: boolean;
+    selected?: boolean;
+    disableGutters?: boolean;
+    classes?: {
+        root?: string;
+        selected?: string;
+        disabled?: string;
+        divider?: string;
+    };
+    sx?: CSSProperties;
+}
+interface ListItemIconProps extends HTMLAttributes<HTMLDivElement> {
+    children?: ReactNode;
+    className?: string;
+    classes?: {
+        root?: string;
+    };
+    sx?: CSSProperties;
+}
+interface ListItemTextProps extends HTMLAttributes<HTMLDivElement> {
+    children?: ReactNode;
+    className?: string;
+    primary?: ReactNode;
+    secondary?: ReactNode;
+    inset?: boolean;
+    disableTypography?: boolean;
+    classes?: {
+        root?: string;
+        primary?: string;
+        secondary?: string;
+        inset?: string;
+    };
+    sx?: CSSProperties;
+}
+interface CollapseProps extends HTMLAttributes<HTMLDivElement> {
+    children?: ReactNode;
+    className?: string;
+    in?: boolean;
+    timeout?: number | 'auto';
+    unmountOnExit?: boolean;
+    classes?: {
+        root?: string;
+        entered?: string;
+        hidden?: string;
+    };
+    sx?: CSSProperties;
+}
+
+declare const List: react.ForwardRefExoticComponent<ListProps<ElementType> & react.RefAttributes<unknown>>;
+declare const ListSubheader: react.ForwardRefExoticComponent<ListSubheaderProps<ElementType> & react.RefAttributes<unknown>>;
+declare const ListItemButton: react.ForwardRefExoticComponent<ListItemButtonProps<ElementType> & react.RefAttributes<unknown>>;
+declare const ListItemIcon: react.ForwardRefExoticComponent<ListItemIconProps & react.RefAttributes<unknown>>;
+declare const ListItemText: react.ForwardRefExoticComponent<ListItemTextProps & react.RefAttributes<unknown>>;
+declare const Collapse: react.ForwardRefExoticComponent<CollapseProps & react.RefAttributes<unknown>>;
+
+export { Collapse, type CollapseProps, List, ListItemButton, type ListItemButtonProps, ListItemIcon, type ListItemIconProps, ListItemText, type ListItemTextProps, type ListProps, ListSubheader, type ListSubheaderProps, List as default };

package/dist/components/List/index.d.ts

@@ -0,0 +1,98 @@
+import * as react from 'react';
+import { HTMLAttributes, ReactNode, CSSProperties, ElementType } from 'react';
+
+interface ListProps<T extends ElementType = 'ul'> extends HTMLAttributes<HTMLElement> {
+    as?: T;
+    component?: ElementType;
+    children?: ReactNode;
+    className?: string;
+    dense?: boolean;
+    disablePadding?: boolean;
+    subheader?: ReactNode;
+    classes?: {
+        root?: string;
+        dense?: string;
+        padding?: string;
+    };
+    sx?: CSSProperties;
+}
+interface ListSubheaderProps<T extends ElementType = 'li'> extends HTMLAttributes<HTMLElement> {
+    as?: T;
+    component?: ElementType;
+    children?: ReactNode;
+    className?: string;
+    color?: 'default' | 'primary' | 'inherit';
+    disableGutters?: boolean;
+    disableSticky?: boolean;
+    inset?: boolean;
+    classes?: {
+        root?: string;
+        sticky?: string;
+        inset?: string;
+    };
+    sx?: CSSProperties;
+}
+interface ListItemButtonProps<T extends ElementType = 'div'> extends HTMLAttributes<HTMLElement> {
+    as?: T;
+    component?: ElementType;
+    children?: ReactNode;
+    className?: string;
+    alignItems?: 'flex-start' | 'center';
+    dense?: boolean;
+    disabled?: boolean;
+    divider?: boolean;
+    selected?: boolean;
+    disableGutters?: boolean;
+    classes?: {
+        root?: string;
+        selected?: string;
+        disabled?: string;
+        divider?: string;
+    };
+    sx?: CSSProperties;
+}
+interface ListItemIconProps extends HTMLAttributes<HTMLDivElement> {
+    children?: ReactNode;
+    className?: string;
+    classes?: {
+        root?: string;
+    };
+    sx?: CSSProperties;
+}
+interface ListItemTextProps extends HTMLAttributes<HTMLDivElement> {
+    children?: ReactNode;
+    className?: string;
+    primary?: ReactNode;
+    secondary?: ReactNode;
+    inset?: boolean;
+    disableTypography?: boolean;
+    classes?: {
+        root?: string;
+        primary?: string;
+        secondary?: string;
+        inset?: string;
+    };
+    sx?: CSSProperties;
+}
+interface CollapseProps extends HTMLAttributes<HTMLDivElement> {
+    children?: ReactNode;
+    className?: string;
+    in?: boolean;
+    timeout?: number | 'auto';
+    unmountOnExit?: boolean;
+    classes?: {
+        root?: string;
+        entered?: string;
+        hidden?: string;
+    };
+    sx?: CSSProperties;
+}
+
+declare const List: react.ForwardRefExoticComponent<ListProps<ElementType> & react.RefAttributes<unknown>>;
+declare const ListSubheader: react.ForwardRefExoticComponent<ListSubheaderProps<ElementType> & react.RefAttributes<unknown>>;
+declare const ListItemButton: react.ForwardRefExoticComponent<ListItemButtonProps<ElementType> & react.RefAttributes<unknown>>;
+declare const ListItemIcon: react.ForwardRefExoticComponent<ListItemIconProps & react.RefAttributes<unknown>>;
+declare const ListItemText: react.ForwardRefExoticComponent<ListItemTextProps & react.RefAttributes<unknown>>;
+declare const Collapse: react.ForwardRefExoticComponent<CollapseProps & react.RefAttributes<unknown>>;
+
+export { Collapse, type CollapseProps, List, ListItemButton, type ListItemButtonProps, ListItemIcon, type ListItemIconProps, ListItemText, type ListItemTextProps, type ListProps, ListSubheader, type ListSubheaderProps, List as default };

package/dist/components/List/index.js

@@ -0,0 +1,2 @@
+'use strict';Object.defineProperty(exports,'__esModule',{value:true});var chunkALCHPZY6_js=require('../../chunk-ALCHPZY6.js');require('../../chunk-MLURKSJZ.js'),require('../../chunk-DDGBDWFC.js');Object.defineProperty(exports,"Collapse",{enumerable:true,get:function(){return chunkALCHPZY6_js.f}});Object.defineProperty(exports,"List",{enumerable:true,get:function(){return chunkALCHPZY6_js.a}});Object.defineProperty(exports,"ListItemButton",{enumerable:true,get:function(){return chunkALCHPZY6_js.c}});Object.defineProperty(exports,"ListItemIcon",{enumerable:true,get:function(){return chunkALCHPZY6_js.d}});Object.defineProperty(exports,"ListItemText",{enumerable:true,get:function(){return chunkALCHPZY6_js.e}});Object.defineProperty(exports,"ListSubheader",{enumerable:true,get:function(){return chunkALCHPZY6_js.b}});Object.defineProperty(exports,"default",{enumerable:true,get:function(){return chunkALCHPZY6_js.g}});//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/List/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}

package/dist/components/List/index.mjs

@@ -0,0 +1,2 @@
+export{f as Collapse,a as List,c as ListItemButton,d as ListItemIcon,e as ListItemText,b as ListSubheader,g as default}from'../../chunk-W5B5N6BW.mjs';import'../../chunk-HGGQFNUJ.mjs';import'../../chunk-547MQ4FI.mjs';//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.mjs.map

package/dist/components/List/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.mjs"}

package/dist/components/Navigator/index.d.mts

@@ -0,0 +1,87 @@
+import * as react from 'react';
+import { ElementType, ReactNode, ComponentPropsWithoutRef } from 'react';
+
+interface NavigatorBaseProps<T extends ElementType = 'nav'> {
+    /**
+     * The content of the component (breadcrumb items).
+     */
+    children?: ReactNode;
+    /**
+     * Override or extend the styles applied to the component.
+     * See CSS classes API below for more details.
+     */
+    classes?: {
+        root?: string;
+        ol?: string;
+        li?: string;
+        separator?: string;
+        collapsed?: string;
+    };
+    /**
+     * The component used for the root node.
+     * Either a string to use a HTML element or a component.
+     */
+    component?: ElementType;
+    /**
+     * Override the default label for the expand button.
+     * For localization purposes, you can use the provided translations.
+     * @default 'Show path'
+     */
+    expandText?: string;
+    /**
+     * If max items is exceeded, the number of items to show after the ellipsis.
+     * @default 1
+     */
+    itemsAfterCollapse?: number;
+    /**
+     * If max items is exceeded, the number of items to show before the ellipsis.
+     * @default 1
+     */
+    itemsBeforeCollapse?: number;
+    /**
+     * Specifies the maximum number of breadcrumbs to display.
+     * When there are more than the maximum number, only the first
+     * itemsBeforeCollapse and last itemsAfterCollapse will be shown,
+     * with an ellipsis in between.
+     * @default 8
+     */
+    maxItems?: number;
+    /**
+     * Custom separator node.
+     * @default '/'
+     */
+    separator?: ReactNode;
+    /**
+     * The props used for each slot inside the Navigator.
+     * @default {}
+     */
+    slotProps?: {
+        collapsedIcon?: Record<string, any> | ((props: any) => Record<string, any>);
+    };
+    /**
+     * The components used for each slot inside the Navigator.
+     * Either a string to use a HTML element or a component.
+     * @default {}
+     */
+    slots?: {
+        CollapsedIcon?: ElementType;
+    };
+    /**
+     * The system prop that allows defining system overrides as well as additional CSS styles.
+     * See the `sx` page for more details.
+     */
+    sx?: React.CSSProperties | Array<React.CSSProperties | boolean> | ((theme: any) => React.CSSProperties);
+    /**
+     * Alias for component prop
+     */
+    as?: T;
+    /**
+     * Custom className for the root element
+     */
+    className?: string;
+}
+type NavigatorProps<T extends ElementType = 'nav'> = NavigatorBaseProps<T> & Omit<ComponentPropsWithoutRef<T>, keyof NavigatorBaseProps<T>>;
+
+declare const Navigator: react.ForwardRefExoticComponent<NavigatorBaseProps<"nav"> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLElement>, HTMLElement>, "ref">, keyof NavigatorBaseProps<T>> & react.RefAttributes<HTMLElement>>;
+
+export { Navigator, type NavigatorBaseProps, type NavigatorProps };

package/dist/components/Navigator/index.d.ts

@@ -0,0 +1,87 @@
+import * as react from 'react';
+import { ElementType, ReactNode, ComponentPropsWithoutRef } from 'react';
+
+interface NavigatorBaseProps<T extends ElementType = 'nav'> {
+    /**
+     * The content of the component (breadcrumb items).
+     */
+    children?: ReactNode;
+    /**
+     * Override or extend the styles applied to the component.
+     * See CSS classes API below for more details.
+     */
+    classes?: {
+        root?: string;
+        ol?: string;
+        li?: string;
+        separator?: string;
+        collapsed?: string;
+    };
+    /**
+     * The component used for the root node.
+     * Either a string to use a HTML element or a component.
+     */
+    component?: ElementType;
+    /**
+     * Override the default label for the expand button.
+     * For localization purposes, you can use the provided translations.
+     * @default 'Show path'
+     */
+    expandText?: string;
+    /**
+     * If max items is exceeded, the number of items to show after the ellipsis.
+     * @default 1
+     */
+    itemsAfterCollapse?: number;
+    /**
+     * If max items is exceeded, the number of items to show before the ellipsis.
+     * @default 1
+     */
+    itemsBeforeCollapse?: number;
+    /**
+     * Specifies the maximum number of breadcrumbs to display.
+     * When there are more than the maximum number, only the first
+     * itemsBeforeCollapse and last itemsAfterCollapse will be shown,
+     * with an ellipsis in between.
+     * @default 8
+     */
+    maxItems?: number;
+    /**
+     * Custom separator node.
+     * @default '/'
+     */
+    separator?: ReactNode;
+    /**
+     * The props used for each slot inside the Navigator.
+     * @default {}
+     */
+    slotProps?: {
+        collapsedIcon?: Record<string, any> | ((props: any) => Record<string, any>);
+    };
+    /**
+     * The components used for each slot inside the Navigator.
+     * Either a string to use a HTML element or a component.
+     * @default {}
+     */
+    slots?: {
+        CollapsedIcon?: ElementType;
+    };
+    /**
+     * The system prop that allows defining system overrides as well as additional CSS styles.
+     * See the `sx` page for more details.
+     */
+    sx?: React.CSSProperties | Array<React.CSSProperties | boolean> | ((theme: any) => React.CSSProperties);
+    /**
+     * Alias for component prop
+     */
+    as?: T;
+    /**
+     * Custom className for the root element
+     */
+    className?: string;
+}
+type NavigatorProps<T extends ElementType = 'nav'> = NavigatorBaseProps<T> & Omit<ComponentPropsWithoutRef<T>, keyof NavigatorBaseProps<T>>;
+
+declare const Navigator: react.ForwardRefExoticComponent<NavigatorBaseProps<"nav"> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLElement>, HTMLElement>, "ref">, keyof NavigatorBaseProps<T>> & react.RefAttributes<HTMLElement>>;
+
+export { Navigator, type NavigatorBaseProps, type NavigatorProps };

package/dist/components/Navigator/index.js

@@ -0,0 +1,2 @@
+'use strict';var chunkEN76JE3Y_js=require('../../chunk-EN76JE3Y.js');require('../../chunk-DDGBDWFC.js');Object.defineProperty(exports,"Navigator",{enumerable:true,get:function(){return chunkEN76JE3Y_js.a}});//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/Navigator/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}

package/dist/components/Navigator/index.mjs

@@ -0,0 +1,2 @@
+export{a as Navigator}from'../../chunk-MALTBURB.mjs';import'../../chunk-547MQ4FI.mjs';//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.mjs.map

package/dist/components/Navigator/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.mjs"}

package/dist/components/Pagination/index.d.mts

@@ -0,0 +1,89 @@
+import * as react from 'react';
+import { HTMLAttributes, CSSProperties } from 'react';
+
+interface PaginationProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
+    /**
+     * The total number of pages.
+     * @default 1
+     */
+    count?: number;
+    /**
+     * The current page.
+     */
+    page?: number;
+    /**
+     * The default page number when the component is uncontrolled.
+     * @default 1
+     */
+    defaultPage?: number;
+    /**
+     * Callback fired when the page is changed.
+     *
+     * @param {React.ChangeEvent<unknown>} event The event source of the callback.
+     * @param {number} page The page selected.
+     */
+    onChange?: (event: React.ChangeEvent<unknown>, page: number) => void;
+    /**
+     * The color of the component.
+     * @default 'primary'
+     */
+    color?: 'primary' | 'secondary' | 'standard';
+    /**
+     * The variant to use.
+     * @default 'text'
+     */
+    variant?: 'text' | 'outlined';
+    /**
+     * The shape of the pagination items.
+     * @default 'circular'
+     */
+    shape?: 'circular' | 'rounded';
+    /**
+     * The size of the component.
+     * @default 'medium'
+     */
+    size?: 'small' | 'medium' | 'large';
+    /**
+     * If `true`, hide the next-page button.
+     * @default false
+     */
+    hideNextButton?: boolean;
+    /**
+     * If `true`, hide the previous-page button.
+     * @default false
+     */
+    hidePrevButton?: boolean;
+    /**
+     * If `true`, show the first-page button.
+     * @default false
+     */
+    showFirstButton?: boolean;
+    /**
+     * If `true`, show the last-page button.
+     * @default false
+     */
+    showLastButton?: boolean;
+    /**
+     * If `true`, the component is disabled.
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Number of always visible pages at the beginning and end.
+     * @default 1
+     */
+    boundaryCount?: number;
+    /**
+     * Number of always visible pages before and after the current page.
+     * @default 1
+     */
+    siblingCount?: number;
+    /**
+     * Custom styles using the sx prop pattern.
+     */
+    sx?: CSSProperties;
+}
+
+declare const Pagination: react.ForwardRefExoticComponent<PaginationProps & react.RefAttributes<HTMLDivElement>>;
+
+export { Pagination, type PaginationProps };