dhanasekar-ui 1.2.0 → 1.4.0

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

@@ -0,0 +1,181 @@
+import react__default, { ReactNode, SyntheticEvent, ElementType } from 'react';
+
+interface SliderProps {
+    /**
+     * The label of the slider.
+     */
+    'aria-label'?: string;
+    /**
+     * The id of the element containing a label for the slider.
+     */
+    'aria-labelledby'?: string;
+    /**
+     * A string value that provides a user-friendly name for the current value of the slider.
+     */
+    'aria-valuetext'?: string;
+    /**
+     * @ignore
+     */
+    className?: string;
+    /**
+     * Override or extend the styles applied to the component.
+     */
+    classes?: {
+        root?: string;
+        rail?: string;
+        track?: string;
+        thumb?: string;
+        mark?: string;
+        markLabel?: string;
+        valueLabel?: string;
+        disabled?: string;
+        vertical?: string;
+        small?: string;
+    };
+    /**
+     * The color of the component.
+     * @default 'primary'
+     */
+    color?: 'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning' | string;
+    /**
+     * The default value. Use when the component is not controlled.
+     */
+    defaultValue?: number[] | number;
+    /**
+     * If true, the component is disabled.
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * If true, the active thumb doesn't swap when moving pointer over a thumb while dragging another thumb.
+     * @default false
+     */
+    disableSwap?: boolean;
+    /**
+     * Accepts a function which returns a string value that provides a user-friendly name for the thumb labels of the slider.
+     */
+    getAriaLabel?: (index: number) => string;
+    /**
+     * Accepts a function which returns a string value that provides a user-friendly name for the current value of the slider.
+     */
+    getAriaValueText?: (value: number, index: number) => string;
+    /**
+     * Marks indicate predetermined values to which the user can move the slider.
+     * @default false
+     */
+    marks?: Array<{
+        label?: ReactNode;
+        value: number;
+    }> | boolean;
+    /**
+     * The maximum allowed value of the slider. Should not be equal to min.
+     * @default 100
+     */
+    max?: number;
+    /**
+     * The minimum allowed value of the slider. Should not be equal to max.
+     * @default 0
+     */
+    min?: number;
+    /**
+     * Name attribute of the hidden input element.
+     */
+    name?: string;
+    /**
+     * Callback function that is fired when the slider's value changed.
+     */
+    onChange?: (event: SyntheticEvent | Event, value: number | number[], activeThumb: number) => void;
+    /**
+     * Callback function that is fired when the pointer or touch interaction ends.
+     */
+    onChangeCommitted?: (event: SyntheticEvent | Event, value: number | number[]) => void;
+    /**
+     * The component orientation.
+     * @default 'horizontal'
+     */
+    orientation?: 'horizontal' | 'vertical';
+    /**
+     * A transformation function, to change the scale of the slider.
+     * @default (x) => x
+     */
+    scale?: (x: any) => any;
+    /**
+     * The granularity with which the slider can step through values when using Page Up/Page Down or Shift + Arrow Up/Arrow Down.
+     * @default 10
+     */
+    shiftStep?: number;
+    /**
+     * The size of the slider.
+     * @default 'medium'
+     */
+    size?: 'small' | 'medium' | string;
+    /**
+     * The props used for each slot inside.
+     */
+    slotProps?: {
+        input?: any;
+        mark?: any;
+        markLabel?: any;
+        rail?: any;
+        root?: any;
+        thumb?: any;
+        track?: any;
+        valueLabel?: {
+            children?: ReactNode;
+            className?: string;
+            open?: boolean;
+            style?: object;
+            value?: ReactNode;
+            valueLabelDisplay?: 'auto' | 'off' | 'on';
+        };
+    };
+    /**
+     * The components used for each slot inside.
+     */
+    slots?: {
+        input?: ElementType;
+        mark?: ElementType;
+        markLabel?: ElementType;
+        rail?: ElementType;
+        root?: ElementType;
+        thumb?: ElementType;
+        track?: ElementType;
+        valueLabel?: ElementType;
+    };
+    /**
+     * The granularity with which the slider can step through values.
+     * @default 1
+     */
+    step?: number | null;
+    /**
+     * The system prop that allows defining system overrides as well as additional CSS styles.
+     */
+    sx?: any;
+    /**
+     * Tab index attribute of the hidden input element.
+     */
+    tabIndex?: number;
+    /**
+     * The track presentation.
+     * @default 'normal'
+     */
+    track?: 'inverted' | 'normal' | false;
+    /**
+     * The value of the slider. For ranged sliders, provide an array with two values.
+     */
+    value?: number[] | number;
+    /**
+     * Controls when the value label is displayed.
+     * @default 'off'
+     */
+    valueLabelDisplay?: 'auto' | 'off' | 'on';
+    /**
+     * The format function the value label's value.
+     * @default (x) => x
+     */
+    valueLabelFormat?: ((value: number, index: number) => ReactNode) | string;
+}
+
+declare const Slider: react__default.ForwardRefExoticComponent<SliderProps & react__default.RefAttributes<HTMLSpanElement>>;
+
+export { Slider, type SliderProps };

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

@@ -0,0 +1,181 @@
+import react__default, { ReactNode, SyntheticEvent, ElementType } from 'react';
+
+interface SliderProps {
+    /**
+     * The label of the slider.
+     */
+    'aria-label'?: string;
+    /**
+     * The id of the element containing a label for the slider.
+     */
+    'aria-labelledby'?: string;
+    /**
+     * A string value that provides a user-friendly name for the current value of the slider.
+     */
+    'aria-valuetext'?: string;
+    /**
+     * @ignore
+     */
+    className?: string;
+    /**
+     * Override or extend the styles applied to the component.
+     */
+    classes?: {
+        root?: string;
+        rail?: string;
+        track?: string;
+        thumb?: string;
+        mark?: string;
+        markLabel?: string;
+        valueLabel?: string;
+        disabled?: string;
+        vertical?: string;
+        small?: string;
+    };
+    /**
+     * The color of the component.
+     * @default 'primary'
+     */
+    color?: 'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning' | string;
+    /**
+     * The default value. Use when the component is not controlled.
+     */
+    defaultValue?: number[] | number;
+    /**
+     * If true, the component is disabled.
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * If true, the active thumb doesn't swap when moving pointer over a thumb while dragging another thumb.
+     * @default false
+     */
+    disableSwap?: boolean;
+    /**
+     * Accepts a function which returns a string value that provides a user-friendly name for the thumb labels of the slider.
+     */
+    getAriaLabel?: (index: number) => string;
+    /**
+     * Accepts a function which returns a string value that provides a user-friendly name for the current value of the slider.
+     */
+    getAriaValueText?: (value: number, index: number) => string;
+    /**
+     * Marks indicate predetermined values to which the user can move the slider.
+     * @default false
+     */
+    marks?: Array<{
+        label?: ReactNode;
+        value: number;
+    }> | boolean;
+    /**
+     * The maximum allowed value of the slider. Should not be equal to min.
+     * @default 100
+     */
+    max?: number;
+    /**
+     * The minimum allowed value of the slider. Should not be equal to max.
+     * @default 0
+     */
+    min?: number;
+    /**
+     * Name attribute of the hidden input element.
+     */
+    name?: string;
+    /**
+     * Callback function that is fired when the slider's value changed.
+     */
+    onChange?: (event: SyntheticEvent | Event, value: number | number[], activeThumb: number) => void;
+    /**
+     * Callback function that is fired when the pointer or touch interaction ends.
+     */
+    onChangeCommitted?: (event: SyntheticEvent | Event, value: number | number[]) => void;
+    /**
+     * The component orientation.
+     * @default 'horizontal'
+     */
+    orientation?: 'horizontal' | 'vertical';
+    /**
+     * A transformation function, to change the scale of the slider.
+     * @default (x) => x
+     */
+    scale?: (x: any) => any;
+    /**
+     * The granularity with which the slider can step through values when using Page Up/Page Down or Shift + Arrow Up/Arrow Down.
+     * @default 10
+     */
+    shiftStep?: number;
+    /**
+     * The size of the slider.
+     * @default 'medium'
+     */
+    size?: 'small' | 'medium' | string;
+    /**
+     * The props used for each slot inside.
+     */
+    slotProps?: {
+        input?: any;
+        mark?: any;
+        markLabel?: any;
+        rail?: any;
+        root?: any;
+        thumb?: any;
+        track?: any;
+        valueLabel?: {
+            children?: ReactNode;
+            className?: string;
+            open?: boolean;
+            style?: object;
+            value?: ReactNode;
+            valueLabelDisplay?: 'auto' | 'off' | 'on';
+        };
+    };
+    /**
+     * The components used for each slot inside.
+     */
+    slots?: {
+        input?: ElementType;
+        mark?: ElementType;
+        markLabel?: ElementType;
+        rail?: ElementType;
+        root?: ElementType;
+        thumb?: ElementType;
+        track?: ElementType;
+        valueLabel?: ElementType;
+    };
+    /**
+     * The granularity with which the slider can step through values.
+     * @default 1
+     */
+    step?: number | null;
+    /**
+     * The system prop that allows defining system overrides as well as additional CSS styles.
+     */
+    sx?: any;
+    /**
+     * Tab index attribute of the hidden input element.
+     */
+    tabIndex?: number;
+    /**
+     * The track presentation.
+     * @default 'normal'
+     */
+    track?: 'inverted' | 'normal' | false;
+    /**
+     * The value of the slider. For ranged sliders, provide an array with two values.
+     */
+    value?: number[] | number;
+    /**
+     * Controls when the value label is displayed.
+     * @default 'off'
+     */
+    valueLabelDisplay?: 'auto' | 'off' | 'on';
+    /**
+     * The format function the value label's value.
+     * @default (x) => x
+     */
+    valueLabelFormat?: ((value: number, index: number) => ReactNode) | string;
+}
+
+declare const Slider: react__default.ForwardRefExoticComponent<SliderProps & react__default.RefAttributes<HTMLSpanElement>>;
+
+export { Slider, type SliderProps };

package/dist/components/Slider/index.js

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

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

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

package/dist/components/Slider/index.mjs

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

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

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

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

@@ -0,0 +1,80 @@
+import * as react from 'react';
+import { HTMLAttributes, ReactNode, CSSProperties, ElementType } from 'react';
+
+type SnackbarOrigin = {
+    vertical: 'top' | 'bottom';
+    horizontal: 'left' | 'center' | 'right';
+};
+interface SnackbarProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * The anchor of the Snackbar.
+     * @default { vertical: 'bottom', horizontal: 'left' }
+     */
+    anchorOrigin?: SnackbarOrigin;
+    /**
+     * The number of milliseconds to wait before automatically calling the
+     * `onClose` function. `onClose` should then set the state of the `open`
+     * prop to hide the Snackbar. This behavior is disabled by default with
+     * a `null` value.
+     * @default null
+     */
+    autoHideDuration?: number | null;
+    /**
+     * Replace the `SnackbarContent` component.
+     */
+    children?: ReactNode;
+    /**
+     * Props applied to the `SnackbarContent` element.
+     */
+    ContentProps?: any;
+    /**
+     * If `true`, the component is shown.
+     */
+    open?: boolean;
+    /**
+     * Callback fired when the component requests to be closed.
+     * Typically `onClose` is used to set state in the parent component,
+     * which is used to control the `Snackbar` `open` prop.
+     *
+     * @param {React.SyntheticEvent<any> | Event} event The event source of the callback.
+     * @param {string} reason Can be: `"timeout"` (autoHideDuration expired), `"clickaway"`.
+     */
+    onClose?: (event: React.SyntheticEvent<any> | Event, reason: string) => void;
+    /**
+     * The message to display.
+     */
+    message?: ReactNode;
+    /**
+     * The action to display. It renders after the message, at the end of the snackbar.
+     */
+    action?: ReactNode;
+    /**
+     * Custom styles using the sx prop pattern.
+     */
+    sx?: CSSProperties;
+    /**
+     * The component used for the root node.
+     * Either a string to use a HTML element or a component.
+     */
+    component?: ElementType;
+    /**
+     * The component used for the root node.
+     * Either a string to use a HTML element or a component.
+     * Alias for `component`.
+     */
+    as?: ElementType;
+    /**
+     * The variant of the snackbar.
+     * @default 'default'
+     */
+    variant?: 'default' | 'success' | 'error' | 'warning' | 'info';
+    /**
+     * Whether to show the icon for the variant.
+     * @default true
+     */
+    showIcon?: boolean;
+}
+
+declare const Snackbar: react.ForwardRefExoticComponent<SnackbarProps & react.RefAttributes<HTMLDivElement>>;
+
+export { Snackbar, type SnackbarOrigin, type SnackbarProps, Snackbar as default };

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

@@ -0,0 +1,80 @@
+import * as react from 'react';
+import { HTMLAttributes, ReactNode, CSSProperties, ElementType } from 'react';
+
+type SnackbarOrigin = {
+    vertical: 'top' | 'bottom';
+    horizontal: 'left' | 'center' | 'right';
+};
+interface SnackbarProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * The anchor of the Snackbar.
+     * @default { vertical: 'bottom', horizontal: 'left' }
+     */
+    anchorOrigin?: SnackbarOrigin;
+    /**
+     * The number of milliseconds to wait before automatically calling the
+     * `onClose` function. `onClose` should then set the state of the `open`
+     * prop to hide the Snackbar. This behavior is disabled by default with
+     * a `null` value.
+     * @default null
+     */
+    autoHideDuration?: number | null;
+    /**
+     * Replace the `SnackbarContent` component.
+     */
+    children?: ReactNode;
+    /**
+     * Props applied to the `SnackbarContent` element.
+     */
+    ContentProps?: any;
+    /**
+     * If `true`, the component is shown.
+     */
+    open?: boolean;
+    /**
+     * Callback fired when the component requests to be closed.
+     * Typically `onClose` is used to set state in the parent component,
+     * which is used to control the `Snackbar` `open` prop.
+     *
+     * @param {React.SyntheticEvent<any> | Event} event The event source of the callback.
+     * @param {string} reason Can be: `"timeout"` (autoHideDuration expired), `"clickaway"`.
+     */
+    onClose?: (event: React.SyntheticEvent<any> | Event, reason: string) => void;
+    /**
+     * The message to display.
+     */
+    message?: ReactNode;
+    /**
+     * The action to display. It renders after the message, at the end of the snackbar.
+     */
+    action?: ReactNode;
+    /**
+     * Custom styles using the sx prop pattern.
+     */
+    sx?: CSSProperties;
+    /**
+     * The component used for the root node.
+     * Either a string to use a HTML element or a component.
+     */
+    component?: ElementType;
+    /**
+     * The component used for the root node.
+     * Either a string to use a HTML element or a component.
+     * Alias for `component`.
+     */
+    as?: ElementType;
+    /**
+     * The variant of the snackbar.
+     * @default 'default'
+     */
+    variant?: 'default' | 'success' | 'error' | 'warning' | 'info';
+    /**
+     * Whether to show the icon for the variant.
+     * @default true
+     */
+    showIcon?: boolean;
+}
+
+declare const Snackbar: react.ForwardRefExoticComponent<SnackbarProps & react.RefAttributes<HTMLDivElement>>;
+
+export { Snackbar, type SnackbarOrigin, type SnackbarProps, Snackbar as default };

package/dist/components/Snackbar/index.js

@@ -0,0 +1,2 @@
+'use strict';Object.defineProperty(exports,'__esModule',{value:true});var chunkZMB4U5RP_js=require('../../chunk-ZMB4U5RP.js');require('../../chunk-MLURKSJZ.js'),require('../../chunk-DDGBDWFC.js');Object.defineProperty(exports,"Snackbar",{enumerable:true,get:function(){return chunkZMB4U5RP_js.a}});Object.defineProperty(exports,"default",{enumerable:true,get:function(){return chunkZMB4U5RP_js.b}});//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

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

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

package/dist/components/Snackbar/index.mjs

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

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

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

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

@@ -1,4 +1,5 @@
 import react__default, { ReactNode, ElementType, CSSProperties } from 'react';
+import { S as SxProp } from '../../types-BJWJOB_w.mjs';
 
 type TextAlign = 'center' | 'inherit' | 'justify' | 'left' | 'right';
 type TextColor = 'primary' | 'secondary' | 'success' | 'error' | 'info' | 'warning' | 'textPrimary' | 'textSecondary' | 'textDisabled' | string;
@@ -38,7 +39,7 @@ interface TextProps {
     /**
      * The system prop that allows defining system overrides as well as additional CSS styles.
      */
-    sx?: CSSProperties | ((theme: any) => CSSProperties) | Array<CSSProperties | ((theme: any) => CSSProperties) | boolean>;
+    sx?: SxProp;
     /**
      * Applies the theme typography styles.
      * @default 'body1'

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

@@ -1,4 +1,5 @@
 import react__default, { ReactNode, ElementType, CSSProperties } from 'react';
+import { S as SxProp } from '../../types-BJWJOB_w.js';
 
 type TextAlign = 'center' | 'inherit' | 'justify' | 'left' | 'right';
 type TextColor = 'primary' | 'secondary' | 'success' | 'error' | 'info' | 'warning' | 'textPrimary' | 'textSecondary' | 'textDisabled' | string;
@@ -38,7 +39,7 @@ interface TextProps {
     /**
      * The system prop that allows defining system overrides as well as additional CSS styles.
      */
-    sx?: CSSProperties | ((theme: any) => CSSProperties) | Array<CSSProperties | ((theme: any) => CSSProperties) | boolean>;
+    sx?: SxProp;
     /**
      * Applies the theme typography styles.
      * @default 'body1'

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

@@ -0,0 +1,60 @@
+import * as react from 'react';
+import { ElementType, ReactNode, ComponentPropsWithoutRef } from 'react';
+import { S as SxProp } from '../../types-BJWJOB_w.mjs';
+
+interface ToolBarClasses {
+    /** Styles applied to the root element. */
+    root?: string;
+    /** Styles applied to the root element if `disableGutters={false}`. */
+    gutters?: string;
+    /** Styles applied to the root element if `variant="regular"`. */
+    regular?: string;
+    /** Styles applied to the root element if `variant="dense"`. */
+    dense?: string;
+}
+interface ToolBarBaseProps {
+    /**
+     * The Toolbar children, usually a mixture of IconButton, Button and Typography.
+     * The Toolbar is a flex container, allowing flex item properties to be used to lay out the children.
+     */
+    children?: ReactNode;
+    /**
+     * Override or extend the styles applied to the component.
+     */
+    classes?: ToolBarClasses;
+    /**
+     * If true, disables gutter padding.
+     * @default false
+     */
+    disableGutters?: boolean;
+    /**
+     * The system prop that allows defining system overrides as well as additional CSS styles.
+     */
+    sx?: SxProp;
+    /**
+     * The variant to use.
+     * @default 'regular'
+     */
+    variant?: 'dense' | 'regular' | string;
+    /**
+     * Additional CSS class names.
+     */
+    className?: string;
+}
+/**
+ * The ToolBar component is a flex container for laying out children in a header or other containers.
+ */
+type ToolBarProps<T extends ElementType = 'div'> = ToolBarBaseProps & Omit<ComponentPropsWithoutRef<T>, keyof ToolBarBaseProps | 'component'> & {
+    /**
+     * The component used for the root node. Either a string to use a HTML element or a component.
+     * @default 'div'
+     */
+    component?: T;
+};
+
+/**
+ * The ToolBar component is a flexible container for actions and branding.
+ */
+declare const ToolBar: react.ForwardRefExoticComponent<Omit<ToolBarProps<ElementType>, "ref"> & react.RefAttributes<unknown>>;
+
+export { SxProp, ToolBar, type ToolBarBaseProps, type ToolBarClasses, type ToolBarProps };