dhanasekar-ui 1.2.0 → 1.4.0

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

@@ -0,0 +1,60 @@
+import * as react from 'react';
+import { ElementType, ReactNode, ComponentPropsWithoutRef } from 'react';
+import { S as SxProp } from '../../types-BJWJOB_w.js';
+
+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 };

package/dist/components/ToolBar/index.js

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

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

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

package/dist/components/ToolBar/index.mjs

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

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

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

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

@@ -0,0 +1,140 @@
+import * as react from 'react';
+import { ReactNode, SyntheticEvent, ElementType, CSSProperties, ComponentPropsWithoutRef } from 'react';
+
+type TrayAnchor = 'bottom' | 'left' | 'right' | 'top';
+type TrayVariant = 'permanent' | 'persistent' | 'temporary';
+type TrayCloseReason = 'escapeKeyDown' | 'backdropClick';
+interface TraySlots {
+    /**
+     * The component used for the backdrop.
+     */
+    backdrop?: ElementType;
+    /**
+     * The component used when the drawer is docked (permanent/persistent variants).
+     */
+    docked?: ElementType;
+    /**
+     * The component used for the paper surface of the drawer.
+     */
+    paper?: ElementType;
+    /**
+     * The component used for the root node.
+     */
+    root?: ElementType;
+    /**
+     * The component used for the slide transition.
+     */
+    transition?: ElementType;
+}
+interface TraySlotProps {
+    /**
+     * Props for the backdrop slot.
+     */
+    backdrop?: Record<string, any> | ((ownerState: any) => Record<string, any>);
+    /**
+     * Props for the docked slot.
+     */
+    docked?: Record<string, any> | ((ownerState: any) => Record<string, any>);
+    /**
+     * Props for the paper slot.
+     */
+    paper?: Record<string, any> | ((ownerState: any) => Record<string, any>);
+    /**
+     * Props for the root slot.
+     */
+    root?: Record<string, any> | ((ownerState: any) => Record<string, any>);
+    /**
+     * Props for the transition slot.
+     */
+    transition?: Record<string, any> | ((ownerState: any) => Record<string, any>);
+}
+interface TrayTransitionDuration {
+    appear?: number;
+    enter?: number;
+    exit?: number;
+}
+interface TrayBaseProps {
+    /**
+     * Side from which the drawer will appear.
+     * @default 'left'
+     */
+    anchor?: TrayAnchor;
+    /**
+     * The content of the component.
+     */
+    children?: ReactNode;
+    /**
+     * Override or extend the styles applied to the component.
+     * See CSS classes API below for more details.
+     */
+    classes?: {
+        root?: string;
+        docked?: string;
+        paper?: string;
+        modal?: string;
+        backdrop?: string;
+    };
+    /**
+     * The elevation of the drawer.
+     * @default 16
+     */
+    elevation?: number;
+    /**
+     * If true, the backdrop is not rendered.
+     * @default false
+     */
+    hideBackdrop?: boolean;
+    /**
+     * Props applied to the Modal element.
+     * @default {}
+     */
+    ModalProps?: Record<string, any>;
+    /**
+     * Callback fired when the component requests to be closed.
+     * The reason parameter can optionally be used to control the response to onClose.
+     *
+     * @param event The event source of the callback.
+     * @param reason Can be: "escapeKeyDown", "backdropClick".
+     */
+    onClose?: (event: SyntheticEvent | KeyboardEvent, reason: TrayCloseReason) => void;
+    /**
+     * If true, the component is shown.
+     * @default false
+     */
+    open?: boolean;
+    /**
+     * The props used for each slot inside.
+     * @default {}
+     */
+    slotProps?: TraySlotProps;
+    /**
+     * The components used for each slot inside.
+     * @default {}
+     */
+    slots?: TraySlots;
+    /**
+     * The system prop that allows defining system overrides as well as additional CSS styles.
+     * See the `sx` page for more details.
+     */
+    sx?: CSSProperties | Array<CSSProperties | boolean> | ((theme: any) => CSSProperties);
+    /**
+     * The duration for the transition, in milliseconds.
+     * You may specify a single timeout for all transitions, or individually with an object.
+     * @default { enter: 225, exit: 195 }
+     */
+    transitionDuration?: number | TrayTransitionDuration;
+    /**
+     * The variant to use.
+     * @default 'temporary'
+     */
+    variant?: TrayVariant;
+    /**
+     * Custom className for the root element.
+     */
+    className?: string;
+}
+type TrayProps = TrayBaseProps & Omit<ComponentPropsWithoutRef<'div'>, keyof TrayBaseProps>;
+
+declare const Tray: react.ForwardRefExoticComponent<TrayBaseProps & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, keyof TrayBaseProps> & react.RefAttributes<HTMLDivElement>>;
+
+export { Tray, type TrayAnchor, type TrayBaseProps, type TrayCloseReason, type TrayProps, type TraySlotProps, type TraySlots, type TrayTransitionDuration, type TrayVariant };

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

@@ -0,0 +1,140 @@
+import * as react from 'react';
+import { ReactNode, SyntheticEvent, ElementType, CSSProperties, ComponentPropsWithoutRef } from 'react';
+
+type TrayAnchor = 'bottom' | 'left' | 'right' | 'top';
+type TrayVariant = 'permanent' | 'persistent' | 'temporary';
+type TrayCloseReason = 'escapeKeyDown' | 'backdropClick';
+interface TraySlots {
+    /**
+     * The component used for the backdrop.
+     */
+    backdrop?: ElementType;
+    /**
+     * The component used when the drawer is docked (permanent/persistent variants).
+     */
+    docked?: ElementType;
+    /**
+     * The component used for the paper surface of the drawer.
+     */
+    paper?: ElementType;
+    /**
+     * The component used for the root node.
+     */
+    root?: ElementType;
+    /**
+     * The component used for the slide transition.
+     */
+    transition?: ElementType;
+}
+interface TraySlotProps {
+    /**
+     * Props for the backdrop slot.
+     */
+    backdrop?: Record<string, any> | ((ownerState: any) => Record<string, any>);
+    /**
+     * Props for the docked slot.
+     */
+    docked?: Record<string, any> | ((ownerState: any) => Record<string, any>);
+    /**
+     * Props for the paper slot.
+     */
+    paper?: Record<string, any> | ((ownerState: any) => Record<string, any>);
+    /**
+     * Props for the root slot.
+     */
+    root?: Record<string, any> | ((ownerState: any) => Record<string, any>);
+    /**
+     * Props for the transition slot.
+     */
+    transition?: Record<string, any> | ((ownerState: any) => Record<string, any>);
+}
+interface TrayTransitionDuration {
+    appear?: number;
+    enter?: number;
+    exit?: number;
+}
+interface TrayBaseProps {
+    /**
+     * Side from which the drawer will appear.
+     * @default 'left'
+     */
+    anchor?: TrayAnchor;
+    /**
+     * The content of the component.
+     */
+    children?: ReactNode;
+    /**
+     * Override or extend the styles applied to the component.
+     * See CSS classes API below for more details.
+     */
+    classes?: {
+        root?: string;
+        docked?: string;
+        paper?: string;
+        modal?: string;
+        backdrop?: string;
+    };
+    /**
+     * The elevation of the drawer.
+     * @default 16
+     */
+    elevation?: number;
+    /**
+     * If true, the backdrop is not rendered.
+     * @default false
+     */
+    hideBackdrop?: boolean;
+    /**
+     * Props applied to the Modal element.
+     * @default {}
+     */
+    ModalProps?: Record<string, any>;
+    /**
+     * Callback fired when the component requests to be closed.
+     * The reason parameter can optionally be used to control the response to onClose.
+     *
+     * @param event The event source of the callback.
+     * @param reason Can be: "escapeKeyDown", "backdropClick".
+     */
+    onClose?: (event: SyntheticEvent | KeyboardEvent, reason: TrayCloseReason) => void;
+    /**
+     * If true, the component is shown.
+     * @default false
+     */
+    open?: boolean;
+    /**
+     * The props used for each slot inside.
+     * @default {}
+     */
+    slotProps?: TraySlotProps;
+    /**
+     * The components used for each slot inside.
+     * @default {}
+     */
+    slots?: TraySlots;
+    /**
+     * The system prop that allows defining system overrides as well as additional CSS styles.
+     * See the `sx` page for more details.
+     */
+    sx?: CSSProperties | Array<CSSProperties | boolean> | ((theme: any) => CSSProperties);
+    /**
+     * The duration for the transition, in milliseconds.
+     * You may specify a single timeout for all transitions, or individually with an object.
+     * @default { enter: 225, exit: 195 }
+     */
+    transitionDuration?: number | TrayTransitionDuration;
+    /**
+     * The variant to use.
+     * @default 'temporary'
+     */
+    variant?: TrayVariant;
+    /**
+     * Custom className for the root element.
+     */
+    className?: string;
+}
+type TrayProps = TrayBaseProps & Omit<ComponentPropsWithoutRef<'div'>, keyof TrayBaseProps>;
+
+declare const Tray: react.ForwardRefExoticComponent<TrayBaseProps & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, keyof TrayBaseProps> & react.RefAttributes<HTMLDivElement>>;
+
+export { Tray, type TrayAnchor, type TrayBaseProps, type TrayCloseReason, type TrayProps, type TraySlotProps, type TraySlots, type TrayTransitionDuration, type TrayVariant };

package/dist/components/Tray/index.js

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

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

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

package/dist/components/Tray/index.mjs

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

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

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

package/dist/index.d.mts

@@ -1,3 +1,4 @@
+export { S as SxProp } from './types-BJWJOB_w.mjs';
 import { ClassValue } from 'clsx';
 export { IdleTimer, IdleTimerComponentProps, IdleTimerProps } from './components/IdleTimer/index.mjs';
 export { Button, ButtonBaseProps, ButtonProps, buttonVariants } from './components/Button/index.mjs';
@@ -11,11 +12,26 @@ export { Card, CardActionArea, CardActionAreaBaseProps, CardActionAreaProps, Car
 export { Tooltip, TooltipProps } from './components/Tooltip/index.mjs';
 export { Loader, LoaderBaseProps, LoaderProps } from './components/Loader/index.mjs';
 export { FileMultipleProps, FileSingleProps, FileUploadField, FileUploadFieldBaseProps, FileUploadFieldProps, FileUploadType } from './components/FileUploadField/index.mjs';
+export { PdfImageUpload, PdfImageUploadProps } from './components/PdfImageUpload/index.mjs';
 export { Text, TextAlign, TextColor, TextProps, TextVariant } from './components/Text/index.mjs';
 export { MenuItem, MenuItemProps, Select, SelectBaseProps, SelectChangeEvent, SelectProps } from './components/Select/index.mjs';
+export { Navigator, NavigatorBaseProps, NavigatorProps } from './components/Navigator/index.mjs';
+export { Tray, TrayAnchor, TrayBaseProps, TrayCloseReason, TrayProps, TraySlotProps, TraySlots, TrayTransitionDuration, TrayVariant } from './components/Tray/index.mjs';
+export { Box, BoxBaseProps, BoxProps } from './components/Box/index.mjs';
+export { Container, ContainerBaseProps, ContainerClasses, ContainerProps } from './components/Container/index.mjs';
+export { Radio, RadioGroup, RadioGroupContext, RadioGroupContextValue, RadioGroupProps, RadioIcon, RadioProps, RadioUncheckedIcon } from './components/RadioGroup/index.mjs';
+export { AppBar, AppBarBaseProps, AppBarClasses, AppBarProps } from './components/AppBar/index.mjs';
+export { ToolBar, ToolBarBaseProps, ToolBarClasses, ToolBarProps } from './components/ToolBar/index.mjs';
+export { Slider, SliderProps } from './components/Slider/index.mjs';
 export { FormLayout, FormLayoutProps, StepItem } from './components/FormLayout/index.mjs';
 export { DateFilter, DateFilterOption, DateFilterProps, DateFilterValue } from './components/DateFilter/index.mjs';
 export { ConfirmationDialog, ConfirmationDialogProps } from './components/ConfirmationDialog/index.mjs';
+export { Grid, GridDirection, GridProps, GridSize, GridSizeObj, GridWrap } from './components/Grid/index.mjs';
+export { Collapse, CollapseProps, List, ListItemButton, ListItemButtonProps, ListItemIcon, ListItemIconProps, ListItemText, ListItemTextProps, ListProps, ListSubheader, ListSubheaderProps } from './components/List/index.mjs';
+export { Skeleton, SkeletonAnimation, SkeletonProps, SkeletonVariant } from './components/Skeleton/index.mjs';
+export { Snackbar, SnackbarOrigin, SnackbarProps } from './components/Snackbar/index.mjs';
+export { CircularProgress, CircularProgressProps, LinearProgress, LinearProgressProps, ProgressBaseProps } from './components/Progress/index.mjs';
+export { Pagination, PaginationProps } from './components/Pagination/index.mjs';
 import 'react';
 import 'class-variance-authority/types';
 import 'class-variance-authority';

package/dist/index.d.ts

@@ -1,3 +1,4 @@
+export { S as SxProp } from './types-BJWJOB_w.js';
 import { ClassValue } from 'clsx';
 export { IdleTimer, IdleTimerComponentProps, IdleTimerProps } from './components/IdleTimer/index.js';
 export { Button, ButtonBaseProps, ButtonProps, buttonVariants } from './components/Button/index.js';
@@ -11,11 +12,26 @@ export { Card, CardActionArea, CardActionAreaBaseProps, CardActionAreaProps, Car
 export { Tooltip, TooltipProps } from './components/Tooltip/index.js';
 export { Loader, LoaderBaseProps, LoaderProps } from './components/Loader/index.js';
 export { FileMultipleProps, FileSingleProps, FileUploadField, FileUploadFieldBaseProps, FileUploadFieldProps, FileUploadType } from './components/FileUploadField/index.js';
+export { PdfImageUpload, PdfImageUploadProps } from './components/PdfImageUpload/index.js';
 export { Text, TextAlign, TextColor, TextProps, TextVariant } from './components/Text/index.js';
 export { MenuItem, MenuItemProps, Select, SelectBaseProps, SelectChangeEvent, SelectProps } from './components/Select/index.js';
+export { Navigator, NavigatorBaseProps, NavigatorProps } from './components/Navigator/index.js';
+export { Tray, TrayAnchor, TrayBaseProps, TrayCloseReason, TrayProps, TraySlotProps, TraySlots, TrayTransitionDuration, TrayVariant } from './components/Tray/index.js';
+export { Box, BoxBaseProps, BoxProps } from './components/Box/index.js';
+export { Container, ContainerBaseProps, ContainerClasses, ContainerProps } from './components/Container/index.js';
+export { Radio, RadioGroup, RadioGroupContext, RadioGroupContextValue, RadioGroupProps, RadioIcon, RadioProps, RadioUncheckedIcon } from './components/RadioGroup/index.js';
+export { AppBar, AppBarBaseProps, AppBarClasses, AppBarProps } from './components/AppBar/index.js';
+export { ToolBar, ToolBarBaseProps, ToolBarClasses, ToolBarProps } from './components/ToolBar/index.js';
+export { Slider, SliderProps } from './components/Slider/index.js';
 export { FormLayout, FormLayoutProps, StepItem } from './components/FormLayout/index.js';
 export { DateFilter, DateFilterOption, DateFilterProps, DateFilterValue } from './components/DateFilter/index.js';
 export { ConfirmationDialog, ConfirmationDialogProps } from './components/ConfirmationDialog/index.js';
+export { Grid, GridDirection, GridProps, GridSize, GridSizeObj, GridWrap } from './components/Grid/index.js';
+export { Collapse, CollapseProps, List, ListItemButton, ListItemButtonProps, ListItemIcon, ListItemIconProps, ListItemText, ListItemTextProps, ListProps, ListSubheader, ListSubheaderProps } from './components/List/index.js';
+export { Skeleton, SkeletonAnimation, SkeletonProps, SkeletonVariant } from './components/Skeleton/index.js';
+export { Snackbar, SnackbarOrigin, SnackbarProps } from './components/Snackbar/index.js';
+export { CircularProgress, CircularProgressProps, LinearProgress, LinearProgressProps, ProgressBaseProps } from './components/Progress/index.js';
+export { Pagination, PaginationProps } from './components/Pagination/index.js';
 import 'react';
 import 'class-variance-authority/types';
 import 'class-variance-authority';

package/dist/index.js

@@ -1,2 +1,2 @@
-'use strict';var chunkBM36E6BY_js=require('./chunk-BM36E6BY.js'),chunkZEMR63S4_js=require('./chunk-ZEMR63S4.js'),chunk3RAQQWLW_js=require('./chunk-3RAQQWLW.js'),chunkL3Y3AD6X_js=require('./chunk-L3Y3AD6X.js'),chunkV3WVMXXX_js=require('./chunk-V3WVMXXX.js'),chunkGT5QTRLR_js=require('./chunk-GT5QTRLR.js'),chunkYRYAP2N7_js=require('./chunk-YRYAP2N7.js'),chunkCDALMRVJ_js=require('./chunk-CDALMRVJ.js'),chunk5BAYROPS_js=require('./chunk-5BAYROPS.js'),chunkBQFCZZDK_js=require('./chunk-BQFCZZDK.js'),chunkH2LTPKLL_js=require('./chunk-H2LTPKLL.js'),chunk6C7E4Q7J_js=require('./chunk-6C7E4Q7J.js'),chunkUBWTBUO2_js=require('./chunk-UBWTBUO2.js'),chunkCN4G4LGR_js=require('./chunk-CN4G4LGR.js'),chunkCJ2DPBHE_js=require('./chunk-CJ2DPBHE.js'),chunk2BM7TRDS_js=require('./chunk-2BM7TRDS.js'),chunkDDGBDWFC_js=require('./chunk-DDGBDWFC.js'),chunk2TXYJ7YE_js=require('./chunk-2TXYJ7YE.js');Object.defineProperty(exports,"Tooltip",{enumerable:true,get:function(){return chunkBM36E6BY_js.a}});Object.defineProperty(exports,"FileUploadField",{enumerable:true,get:function(){return chunkZEMR63S4_js.a}});Object.defineProperty(exports,"FormLayout",{enumerable:true,get:function(){return chunk3RAQQWLW_js.a}});Object.defineProperty(exports,"Loader",{enumerable:true,get:function(){return chunkL3Y3AD6X_js.a}});Object.defineProperty(exports,"Input",{enumerable:true,get:function(){return chunkV3WVMXXX_js.a}});Object.defineProperty(exports,"IdleTimer",{enumerable:true,get:function(){return chunkGT5QTRLR_js.a}});Object.defineProperty(exports,"Modal",{enumerable:true,get:function(){return chunkYRYAP2N7_js.a}});Object.defineProperty(exports,"MenuItem",{enumerable:true,get:function(){return chunkCDALMRVJ_js.b}});Object.defineProperty(exports,"Select",{enumerable:true,get:function(){return chunkCDALMRVJ_js.a}});Object.defineProperty(exports,"Switch",{enumerable:true,get:function(){return chunk5BAYROPS_js.a}});Object.defineProperty(exports,"Avatar",{enumerable:true,get:function(){return chunkBQFCZZDK_js.a}});Object.defineProperty(exports,"Badge",{enumerable:true,get:function(){return chunkH2LTPKLL_js.a}});Object.defineProperty(exports,"Button",{enumerable:true,get:function(){return chunk6C7E4Q7J_js.b}});Object.defineProperty(exports,"buttonVariants",{enumerable:true,get:function(){return chunk6C7E4Q7J_js.a}});Object.defineProperty(exports,"Card",{enumerable:true,get:function(){return chunkUBWTBUO2_js.a}});Object.defineProperty(exports,"CardActionArea",{enumerable:true,get:function(){return chunkUBWTBUO2_js.f}});Object.defineProperty(exports,"CardActions",{enumerable:true,get:function(){return chunkUBWTBUO2_js.e}});Object.defineProperty(exports,"CardContent",{enumerable:true,get:function(){return chunkUBWTBUO2_js.d}});Object.defineProperty(exports,"CardHeader",{enumerable:true,get:function(){return chunkUBWTBUO2_js.b}});Object.defineProperty(exports,"CardMedia",{enumerable:true,get:function(){return chunkUBWTBUO2_js.c}});Object.defineProperty(exports,"Text",{enumerable:true,get:function(){return chunkCN4G4LGR_js.a}});Object.defineProperty(exports,"CheckBoxIcon",{enumerable:true,get:function(){return chunkCJ2DPBHE_js.a}});Object.defineProperty(exports,"CheckBoxOutlineBlankIcon",{enumerable:true,get:function(){return chunkCJ2DPBHE_js.b}});Object.defineProperty(exports,"Checkbox",{enumerable:true,get:function(){return chunkCJ2DPBHE_js.d}});Object.defineProperty(exports,"IndeterminateCheckBoxIcon",{enumerable:true,get:function(){return chunkCJ2DPBHE_js.c}});Object.defineProperty(exports,"ConfirmationDialog",{enumerable:true,get:function(){return chunk2BM7TRDS_js.a}});Object.defineProperty(exports,"cn",{enumerable:true,get:function(){return chunkDDGBDWFC_js.a}});Object.defineProperty(exports,"DateFilter",{enumerable:true,get:function(){return chunk2TXYJ7YE_js.a}});//# sourceMappingURL=index.js.map
+'use strict';var chunkT3YOHFUU_js=require('./chunk-T3YOHFUU.js'),chunkCDALMRVJ_js=require('./chunk-CDALMRVJ.js'),chunkJM6DZDO3_js=require('./chunk-JM6DZDO3.js'),chunk2CO3UUBT_js=require('./chunk-2CO3UUBT.js'),chunkZMB4U5RP_js=require('./chunk-ZMB4U5RP.js'),chunk5BAYROPS_js=require('./chunk-5BAYROPS.js'),chunkISHUTZ36_js=require('./chunk-ISHUTZ36.js'),chunkBM36E6BY_js=require('./chunk-BM36E6BY.js'),chunkALCHPZY6_js=require('./chunk-ALCHPZY6.js'),chunkL3Y3AD6X_js=require('./chunk-L3Y3AD6X.js'),chunkYRYAP2N7_js=require('./chunk-YRYAP2N7.js'),chunkEN76JE3Y_js=require('./chunk-EN76JE3Y.js'),chunkDVDVLGDJ_js=require('./chunk-DVDVLGDJ.js'),chunkGZGTDLFV_js=require('./chunk-GZGTDLFV.js'),chunkHWD2HCCH_js=require('./chunk-HWD2HCCH.js'),chunkPPQ7NSV3_js=require('./chunk-PPQ7NSV3.js'),chunk3HGMPMXD_js=require('./chunk-3HGMPMXD.js'),chunkCJ2DPBHE_js=require('./chunk-CJ2DPBHE.js'),chunkZPJSBORX_js=require('./chunk-ZPJSBORX.js'),chunkP5HHRCE5_js=require('./chunk-P5HHRCE5.js'),chunkDBSBLGGH_js=require('./chunk-DBSBLGGH.js'),chunkGT5QTRLR_js=require('./chunk-GT5QTRLR.js'),chunkYPMUFP2I_js=require('./chunk-YPMUFP2I.js');require('./chunk-MLURKSJZ.js');var chunkV3WVMXXX_js=require('./chunk-V3WVMXXX.js'),chunk7XVF6WPJ_js=require('./chunk-7XVF6WPJ.js'),chunkBQFCZZDK_js=require('./chunk-BQFCZZDK.js'),chunkH2LTPKLL_js=require('./chunk-H2LTPKLL.js'),chunkLIBHUJ27_js=require('./chunk-LIBHUJ27.js'),chunk6C7E4Q7J_js=require('./chunk-6C7E4Q7J.js'),chunkUBWTBUO2_js=require('./chunk-UBWTBUO2.js'),chunkCN4G4LGR_js=require('./chunk-CN4G4LGR.js'),chunk2BM7TRDS_js=require('./chunk-2BM7TRDS.js'),chunkDDGBDWFC_js=require('./chunk-DDGBDWFC.js');Object.defineProperty(exports,"Tray",{enumerable:true,get:function(){return chunkT3YOHFUU_js.a}});Object.defineProperty(exports,"MenuItem",{enumerable:true,get:function(){return chunkCDALMRVJ_js.b}});Object.defineProperty(exports,"Select",{enumerable:true,get:function(){return chunkCDALMRVJ_js.a}});Object.defineProperty(exports,"Skeleton",{enumerable:true,get:function(){return chunkJM6DZDO3_js.a}});Object.defineProperty(exports,"Slider",{enumerable:true,get:function(){return chunk2CO3UUBT_js.a}});Object.defineProperty(exports,"Snackbar",{enumerable:true,get:function(){return chunkZMB4U5RP_js.a}});Object.defineProperty(exports,"Switch",{enumerable:true,get:function(){return chunk5BAYROPS_js.a}});Object.defineProperty(exports,"ToolBar",{enumerable:true,get:function(){return chunkISHUTZ36_js.a}});Object.defineProperty(exports,"Tooltip",{enumerable:true,get:function(){return chunkBM36E6BY_js.a}});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,"Loader",{enumerable:true,get:function(){return chunkL3Y3AD6X_js.a}});Object.defineProperty(exports,"Modal",{enumerable:true,get:function(){return chunkYRYAP2N7_js.a}});Object.defineProperty(exports,"Navigator",{enumerable:true,get:function(){return chunkEN76JE3Y_js.a}});Object.defineProperty(exports,"PdfImageUpload",{enumerable:true,get:function(){return chunkDVDVLGDJ_js.a}});Object.defineProperty(exports,"Pagination",{enumerable:true,get:function(){return chunkGZGTDLFV_js.a}});Object.defineProperty(exports,"CircularProgress",{enumerable:true,get:function(){return chunkHWD2HCCH_js.a}});Object.defineProperty(exports,"LinearProgress",{enumerable:true,get:function(){return chunkHWD2HCCH_js.b}});Object.defineProperty(exports,"Radio",{enumerable:true,get:function(){return chunkPPQ7NSV3_js.e}});Object.defineProperty(exports,"RadioGroup",{enumerable:true,get:function(){return chunkPPQ7NSV3_js.b}});Object.defineProperty(exports,"RadioGroupContext",{enumerable:true,get:function(){return chunkPPQ7NSV3_js.a}});Object.defineProperty(exports,"RadioIcon",{enumerable:true,get:function(){return chunkPPQ7NSV3_js.c}});Object.defineProperty(exports,"RadioUncheckedIcon",{enumerable:true,get:function(){return chunkPPQ7NSV3_js.d}});Object.defineProperty(exports,"Container",{enumerable:true,get:function(){return chunk3HGMPMXD_js.a}});Object.defineProperty(exports,"CheckBoxIcon",{enumerable:true,get:function(){return chunkCJ2DPBHE_js.a}});Object.defineProperty(exports,"CheckBoxOutlineBlankIcon",{enumerable:true,get:function(){return chunkCJ2DPBHE_js.b}});Object.defineProperty(exports,"Checkbox",{enumerable:true,get:function(){return chunkCJ2DPBHE_js.d}});Object.defineProperty(exports,"IndeterminateCheckBoxIcon",{enumerable:true,get:function(){return chunkCJ2DPBHE_js.c}});Object.defineProperty(exports,"DateFilter",{enumerable:true,get:function(){return chunkZPJSBORX_js.a}});Object.defineProperty(exports,"FileUploadField",{enumerable:true,get:function(){return chunkP5HHRCE5_js.a}});Object.defineProperty(exports,"Grid",{enumerable:true,get:function(){return chunkDBSBLGGH_js.a}});Object.defineProperty(exports,"IdleTimer",{enumerable:true,get:function(){return chunkGT5QTRLR_js.a}});Object.defineProperty(exports,"FormLayout",{enumerable:true,get:function(){return chunkYPMUFP2I_js.a}});Object.defineProperty(exports,"Input",{enumerable:true,get:function(){return chunkV3WVMXXX_js.a}});Object.defineProperty(exports,"AppBar",{enumerable:true,get:function(){return chunk7XVF6WPJ_js.a}});Object.defineProperty(exports,"Avatar",{enumerable:true,get:function(){return chunkBQFCZZDK_js.a}});Object.defineProperty(exports,"Badge",{enumerable:true,get:function(){return chunkH2LTPKLL_js.a}});Object.defineProperty(exports,"Box",{enumerable:true,get:function(){return chunkLIBHUJ27_js.a}});Object.defineProperty(exports,"Button",{enumerable:true,get:function(){return chunk6C7E4Q7J_js.b}});Object.defineProperty(exports,"buttonVariants",{enumerable:true,get:function(){return chunk6C7E4Q7J_js.a}});Object.defineProperty(exports,"Card",{enumerable:true,get:function(){return chunkUBWTBUO2_js.a}});Object.defineProperty(exports,"CardActionArea",{enumerable:true,get:function(){return chunkUBWTBUO2_js.f}});Object.defineProperty(exports,"CardActions",{enumerable:true,get:function(){return chunkUBWTBUO2_js.e}});Object.defineProperty(exports,"CardContent",{enumerable:true,get:function(){return chunkUBWTBUO2_js.d}});Object.defineProperty(exports,"CardHeader",{enumerable:true,get:function(){return chunkUBWTBUO2_js.b}});Object.defineProperty(exports,"CardMedia",{enumerable:true,get:function(){return chunkUBWTBUO2_js.c}});Object.defineProperty(exports,"Text",{enumerable:true,get:function(){return chunkCN4G4LGR_js.a}});Object.defineProperty(exports,"ConfirmationDialog",{enumerable:true,get:function(){return chunk2BM7TRDS_js.a}});Object.defineProperty(exports,"cn",{enumerable:true,get:function(){return chunkDDGBDWFC_js.a}});//# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/index.mjs

@@ -1,2 +1,2 @@
-export{a as Tooltip}from'./chunk-YM6W6FK6.mjs';export{a as FileUploadField}from'./chunk-ZY5AHZYZ.mjs';export{a as FormLayout}from'./chunk-6SVKDKK7.mjs';export{a as Loader}from'./chunk-4VCCLGED.mjs';export{a as Input}from'./chunk-VFGXUH56.mjs';export{a as IdleTimer}from'./chunk-4HRAPJIS.mjs';export{a as Modal}from'./chunk-SHZ3M7US.mjs';export{b as MenuItem,a as Select}from'./chunk-2K6E3M6X.mjs';export{a as Switch}from'./chunk-33P6OQSB.mjs';export{a as Avatar}from'./chunk-EHI64N43.mjs';export{a as Badge}from'./chunk-RW2NNPXC.mjs';export{b as Button,a as buttonVariants}from'./chunk-BYYOIYEH.mjs';export{a as Card,f as CardActionArea,e as CardActions,d as CardContent,b as CardHeader,c as CardMedia}from'./chunk-RB4QTTZ3.mjs';export{a as Text}from'./chunk-N6F5P3SO.mjs';export{a as CheckBoxIcon,b as CheckBoxOutlineBlankIcon,d as Checkbox,c as IndeterminateCheckBoxIcon}from'./chunk-ZUAS66IF.mjs';export{a as ConfirmationDialog}from'./chunk-ICWNP5NA.mjs';export{a as cn}from'./chunk-547MQ4FI.mjs';export{a as DateFilter}from'./chunk-GNMGJBBO.mjs';//# sourceMappingURL=index.mjs.map
+export{a as Tray}from'./chunk-GSRVWW2G.mjs';export{b as MenuItem,a as Select}from'./chunk-2K6E3M6X.mjs';export{a as Skeleton}from'./chunk-ULMQZANW.mjs';export{a as Slider}from'./chunk-FLTDFXE3.mjs';export{a as Snackbar}from'./chunk-MOC6N23X.mjs';export{a as Switch}from'./chunk-33P6OQSB.mjs';export{a as ToolBar}from'./chunk-46U234GX.mjs';export{a as Tooltip}from'./chunk-YM6W6FK6.mjs';export{f as Collapse,a as List,c as ListItemButton,d as ListItemIcon,e as ListItemText,b as ListSubheader}from'./chunk-W5B5N6BW.mjs';export{a as Loader}from'./chunk-4VCCLGED.mjs';export{a as Modal}from'./chunk-SHZ3M7US.mjs';export{a as Navigator}from'./chunk-MALTBURB.mjs';export{a as PdfImageUpload}from'./chunk-5FU43BWK.mjs';export{a as Pagination}from'./chunk-KUXDQANJ.mjs';export{a as CircularProgress,b as LinearProgress}from'./chunk-BQVXQWPS.mjs';export{e as Radio,b as RadioGroup,a as RadioGroupContext,c as RadioIcon,d as RadioUncheckedIcon}from'./chunk-JC4TJWCY.mjs';export{a as Container}from'./chunk-BNBEIMM2.mjs';export{a as CheckBoxIcon,b as CheckBoxOutlineBlankIcon,d as Checkbox,c as IndeterminateCheckBoxIcon}from'./chunk-ZUAS66IF.mjs';export{a as DateFilter}from'./chunk-AK3NQBYU.mjs';export{a as FileUploadField}from'./chunk-PL2R3LYL.mjs';export{a as Grid}from'./chunk-UCFS7EH2.mjs';export{a as IdleTimer}from'./chunk-4HRAPJIS.mjs';export{a as FormLayout}from'./chunk-XWEEWNZK.mjs';import'./chunk-HGGQFNUJ.mjs';export{a as Input}from'./chunk-VFGXUH56.mjs';export{a as AppBar}from'./chunk-UYHBKE7G.mjs';export{a as Avatar}from'./chunk-EHI64N43.mjs';export{a as Badge}from'./chunk-RW2NNPXC.mjs';export{a as Box}from'./chunk-I6OJHQZX.mjs';export{b as Button,a as buttonVariants}from'./chunk-BYYOIYEH.mjs';export{a as Card,f as CardActionArea,e as CardActions,d as CardContent,b as CardHeader,c as CardMedia}from'./chunk-RB4QTTZ3.mjs';export{a as Text}from'./chunk-N6F5P3SO.mjs';export{a as ConfirmationDialog}from'./chunk-ICWNP5NA.mjs';export{a as cn}from'./chunk-547MQ4FI.mjs';//# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map

package/dist/types-BJWJOB_w.d.mts

@@ -0,0 +1,5 @@
+import { CSSProperties } from 'react';
+
+type SxProp = CSSProperties | ((theme: any) => CSSProperties) | Array<CSSProperties | ((theme: any) => CSSProperties) | boolean | undefined | null>;
+
+export type { SxProp as S };

package/dist/types-BJWJOB_w.d.ts

@@ -0,0 +1,5 @@
+import { CSSProperties } from 'react';
+
+type SxProp = CSSProperties | ((theme: any) => CSSProperties) | Array<CSSProperties | ((theme: any) => CSSProperties) | boolean | undefined | null>;
+
+export type { SxProp as S };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dhanasekar-ui",
-  "version": "1.2.0",
+  "version": "1.4.0",
   "description": "A production-ready UI library built with React, TypeScript, and Tailwind CSS.",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
@@ -86,6 +86,31 @@
       "import": "./dist/components/Text/index.mjs",
       "require": "./dist/components/Text/index.js"
     },
+    "./Select": {
+      "types": "./dist/components/Select/index.d.ts",
+      "import": "./dist/components/Select/index.mjs",
+      "require": "./dist/components/Select/index.js"
+    },
+    "./Navigator": {
+      "types": "./dist/components/Navigator/index.d.ts",
+      "import": "./dist/components/Navigator/index.mjs",
+      "require": "./dist/components/Navigator/index.js"
+    },
+    "./Tray": {
+      "types": "./dist/components/Tray/index.d.ts",
+      "import": "./dist/components/Tray/index.mjs",
+      "require": "./dist/components/Tray/index.js"
+    },
+    "./Box": {
+      "types": "./dist/components/Box/index.d.ts",
+      "import": "./dist/components/Box/index.mjs",
+      "require": "./dist/components/Box/index.js"
+    },
+    "./Container": {
+      "types": "./dist/components/Container/index.d.ts",
+      "import": "./dist/components/Container/index.mjs",
+      "require": "./dist/components/Container/index.js"
+    },
     "./FormLayout": {
       "types": "./dist/components/FormLayout/index.d.ts",
       "import": "./dist/components/FormLayout/index.mjs",
@@ -95,6 +120,61 @@
       "types": "./dist/components/DateFilter/index.d.ts",
       "import": "./dist/components/DateFilter/index.mjs",
       "require": "./dist/components/DateFilter/index.js"
+    },
+    "./Model": {
+      "types": "./dist/components/Model/index.d.ts",
+      "import": "./dist/components/Model/index.mjs",
+      "require": "./dist/components/Model/index.js"
+    },
+    "./ConfirmationDialog": {
+      "types": "./dist/components/ConfirmationDialog/index.d.ts",
+      "import": "./dist/components/ConfirmationDialog/index.mjs",
+      "require": "./dist/components/ConfirmationDialog/index.js"
+    },
+    "./Grid": {
+      "types": "./dist/components/Grid/index.d.ts",
+      "import": "./dist/components/Grid/index.mjs",
+      "require": "./dist/components/Grid/index.js"
+    },
+    "./List": {
+      "types": "./dist/components/List/index.d.ts",
+      "import": "./dist/components/List/index.mjs",
+      "require": "./dist/components/List/index.js"
+    },
+    "./Skeleton": {
+      "types": "./dist/components/Skeleton/index.d.ts",
+      "import": "./dist/components/Skeleton/index.mjs",
+      "require": "./dist/components/Skeleton/index.js"
+    },
+    "./Snackbar": {
+      "types": "./dist/components/Snackbar/index.d.ts",
+      "import": "./dist/components/Snackbar/index.mjs",
+      "require": "./dist/components/Snackbar/index.js"
+    },
+    "./Progress": {
+      "types": "./dist/components/Progress/index.d.ts",
+      "import": "./dist/components/Progress/index.mjs",
+      "require": "./dist/components/Progress/index.js"
+    },
+    "./Pagination": {
+      "types": "./dist/components/Pagination/index.d.ts",
+      "import": "./dist/components/Pagination/index.mjs",
+      "require": "./dist/components/Pagination/index.js"
+    },
+    "./RadioGroup": {
+      "types": "./dist/components/RadioGroup/index.d.ts",
+      "import": "./dist/components/RadioGroup/index.mjs",
+      "require": "./dist/components/RadioGroup/index.js"
+    },
+    "./AppBar": {
+      "types": "./dist/components/AppBar/index.d.ts",
+      "import": "./dist/components/AppBar/index.mjs",
+      "require": "./dist/components/AppBar/index.js"
+    },
+    "./PdfImageUpload": {
+      "types": "./dist/components/PdfImageUpload/index.d.ts",
+      "import": "./dist/components/PdfImageUpload/index.mjs",
+      "require": "./dist/components/PdfImageUpload/index.js"
     }
   },
   "scripts": {
@@ -103,7 +183,9 @@
     "lint": "eslint \"src/**/*.{ts,tsx}\"",
     "test": "vitest run",
     "test:watch": "vitest",
-    "typecheck": "tsc --noEmit"
+    "typecheck": "tsc --noEmit",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build"
   },
   "peerDependencies": {
     "react": ">=18",

package/dist/chunk-2TXYJ7YE.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/DateFilter/DateFilter.tsx"],"names":["STYLES","DEFAULT_OPTIONS","DateFilter","open","title","options","initialValue","onClose","onApply","option","setOption","useState","from","setFrom","to","setTo","backdropRef","useRef","useEffect","handleBackdropClick","handleKeyDown","e","handleApply","todayStr","jsxs","Fragment","jsx","opt"],"mappings":"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","file":"chunk-2TXYJ7YE.js","sourcesContent":["'use client';\n\nimport React, { useState, useEffect, useRef } from 'react';\nimport { DateFilterProps, DateFilterValue } from './DateFilter.types';\n\nconst STYLES = `\n  :root {\n    --df-primary: #3b82f6;\n    --df-primary-hover: #2563eb;\n    --df-text-main: #1e293b;\n    --df-text-secondary: #64748b;\n    --df-bg-main: #ffffff;\n    --df-bg-glass: rgba(255, 255, 255, 0.85);\n    --df-border: #e2e8f0;\n    --df-border-focus: #3b82f6;\n    --df-radius-lg: 12px;\n    --df-radius-md: 8px;\n    --df-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);\n  }\n\n  .df-backdrop {\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: rgba(15, 23, 42, 0.4);\n    backdrop-filter: blur(4px);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    z-index: 1000;\n    opacity: 0;\n    visibility: hidden;\n    transition: opacity 0.3s ease, visibility 0.3s ease;\n  }\n\n  .df-backdrop.df-open {\n    opacity: 1;\n    visibility: visible;\n  }\n\n  .df-dialog {\n    background: var(--df-bg-glass);\n    backdrop-filter: blur(16px);\n    width: 100%;\n    max-width: 400px;\n    border-radius: var(--df-radius-lg);\n    box-shadow: var(--df-shadow);\n    display: flex;\n    flex-direction: column;\n    transform: scale(0.95) translateY(10px);\n    opacity: 0;\n    transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.3s ease;\n    font-family: 'Inter', system-ui, -apple-system, sans-serif;\n    border: 1px solid rgba(255, 255, 255, 0.5);\n    margin: 16px;\n  }\n\n  .df-backdrop.df-open .df-dialog {\n    transform: scale(1) translateY(0);\n    opacity: 1;\n  }\n\n  .df-header {\n    padding: 20px 24px 16px;\n    border-bottom: 1px solid var(--df-border);\n  }\n\n  .df-title {\n    margin: 0;\n    font-size: 18px;\n    font-weight: 600;\n    color: var(--df-primary);\n  }\n\n  .df-content {\n    padding: 24px;\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n  }\n\n  .df-form-group {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n    position: relative;\n  }\n\n  .df-label {\n    font-size: 13px;\n    font-weight: 500;\n    color: var(--df-text-secondary);\n  }\n\n  .df-input {\n    width: 100%;\n    padding: 10px 14px;\n    font-size: 14px;\n    color: var(--df-text-main);\n    background: var(--df-bg-main);\n    border: 1px solid var(--df-border);\n    border-radius: var(--df-radius-md);\n    outline: none;\n    transition: all 0.2s ease;\n    box-sizing: border-box;\n    appearance: none;\n    font-family: inherit;\n  }\n\n  .df-input:focus {\n    border-color: var(--df-border-focus);\n    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.15);\n  }\n\n  /* Custom Select Wrapper for arrow */\n  .df-select-wrapper {\n    position: relative;\n    width: 100%;\n  }\n\n  .df-select-wrapper::after {\n    content: '';\n    position: absolute;\n    right: 14px;\n    top: 50%;\n    transform: translateY(-50%);\n    width: 0;\n    height: 0;\n    border-left: 5px solid transparent;\n    border-right: 5px solid transparent;\n    border-top: 5px solid var(--df-text-secondary);\n    pointer-events: none;\n  }\n\n  .df-select {\n    padding-right: 32px;\n    cursor: pointer;\n  }\n\n  .df-custom-range {\n    display: flex;\n    gap: 16px;\n    animation: dfSlideDown 0.3s ease-out;\n  }\n\n  .df-custom-range .df-form-group {\n    flex: 1;\n  }\n\n  @keyframes dfSlideDown {\n    from { opacity: 0; transform: translateY(-10px); }\n    to { opacity: 1; transform: translateY(0); }\n  }\n\n  .df-footer {\n    padding: 16px 24px 24px;\n    display: flex;\n    justify-content: flex-end;\n    gap: 12px;\n  }\n\n  .df-btn {\n    padding: 8px 16px;\n    font-size: 14px;\n    font-weight: 600;\n    border-radius: var(--df-radius-md);\n    cursor: pointer;\n    transition: all 0.2s ease;\n    border: 1px solid transparent;\n    font-family: inherit;\n  }\n\n  .df-btn-cancel {\n    background: transparent;\n    color: var(--df-text-secondary);\n  }\n\n  .df-btn-cancel:hover {\n    background: rgba(0, 0, 0, 0.04);\n    color: var(--df-text-main);\n  }\n\n  .df-btn-apply {\n    background: var(--df-primary);\n    color: white;\n    box-shadow: 0 2px 4px rgba(59, 130, 246, 0.3);\n  }\n\n  .df-btn-apply:hover {\n    background: var(--df-primary-hover);\n    transform: translateY(-1px);\n    box-shadow: 0 4px 6px rgba(59, 130, 246, 0.4);\n  }\n\n  .df-btn-apply:active {\n    transform: translateY(0);\n  }\n  \n  /* Prevent background scrolling when modal is open */\n  body.df-modal-open {\n    overflow: hidden;\n  }\n`;\n\nconst DEFAULT_OPTIONS = [\n  'Today',\n  'Yesterday',\n  'Last 7 Days',\n  'Last 30 Days',\n  'This Month',\n  'Last Month',\n  'Custom'\n];\n\nexport const DateFilter = ({\n  open,\n  title = 'Date Filter',\n  options = DEFAULT_OPTIONS,\n  initialValue,\n  onClose,\n  onApply\n}: DateFilterProps) => {\n  const [option, setOption] = useState<string>(initialValue?.option || 'Today');\n  const [from, setFrom] = useState<string>(initialValue?.from || '');\n  const [to, setTo] = useState<string>(initialValue?.to || '');\n  \n  const backdropRef = useRef<HTMLDivElement>(null);\n\n  // Sync state with prop if it changes\n  useEffect(() => {\n    if (open && initialValue) {\n      setOption(initialValue.option);\n      setFrom(initialValue.from || '');\n      setTo(initialValue.to || '');\n    }\n  }, [open, initialValue]);\n\n  // Handle body scroll locking\n  useEffect(() => {\n    if (open) {\n      document.body.classList.add('df-modal-open');\n    } else {\n      document.body.classList.remove('df-modal-open');\n    }\n    return () => document.body.classList.remove('df-modal-open');\n  }, [open]);\n\n  // Handle click outside\n  const handleBackdropClick = (e: React.MouseEvent) => {\n    if (e.target === backdropRef.current) {\n      onClose();\n    }\n  };\n\n  // Handle Escape key\n  useEffect(() => {\n    const handleKeyDown = (e: KeyboardEvent) => {\n      if (e.key === 'Escape' && open) {\n        onClose();\n      }\n    };\n    window.addEventListener('keydown', handleKeyDown);\n    return () => window.removeEventListener('keydown', handleKeyDown);\n  }, [open, onClose]);\n\n  const handleApply = () => {\n    onApply({\n      option,\n      ...(option === 'Custom' ? { from, to } : {})\n    });\n  };\n\n  const todayStr = new Date().toISOString().split('T')[0];\n\n  return (\n    <>\n      <style dangerouslySetInnerHTML={{ __html: STYLES }} />\n      <div \n        ref={backdropRef}\n        className={`df-backdrop ${open ? 'df-open' : ''}`}\n        onClick={handleBackdropClick}\n        role=\"dialog\"\n        aria-modal=\"true\"\n        aria-labelledby=\"df-dialog-title\"\n      >\n        <div className=\"df-dialog\">\n          <div className=\"df-header\">\n            <h2 id=\"df-dialog-title\" className=\"df-title\">{title}</h2>\n          </div>\n          \n          <div className=\"df-content\">\n            <div className=\"df-form-group\">\n              <label className=\"df-label\">Select Range</label>\n              <div className=\"df-select-wrapper\">\n                <select \n                  className=\"df-input df-select\"\n                  value={option}\n                  onChange={(e) => setOption(e.target.value)}\n                >\n                  {options.map((opt) => (\n                    <option key={opt} value={opt}>{opt}</option>\n                  ))}\n                </select>\n              </div>\n            </div>\n\n            {option === 'Custom' && (\n              <div className=\"df-custom-range\">\n                <div className=\"df-form-group\">\n                  <label className=\"df-label\">From Date</label>\n                  <input \n                    type=\"date\"\n                    className=\"df-input\"\n                    value={from}\n                    onChange={(e) => setFrom(e.target.value)}\n                    max={todayStr}\n                  />\n                </div>\n                <div className=\"df-form-group\">\n                  <label className=\"df-label\">To Date</label>\n                  <input \n                    type=\"date\"\n                    className=\"df-input\"\n                    value={to}\n                    onChange={(e) => setTo(e.target.value)}\n                    min={from || undefined}\n                  />\n                </div>\n              </div>\n            )}\n          </div>\n\n          <div className=\"df-footer\">\n            <button className=\"df-btn df-btn-cancel\" onClick={onClose}>\n              Cancel\n            </button>\n            <button className=\"df-btn df-btn-apply\" onClick={handleApply}>\n              Apply\n            </button>\n          </div>\n        </div>\n      </div>\n    </>\n  );\n};\n"]}