glintly-ui 1.0.1 → 1.0.3

package/dist/glintly-ui.d.ts

@@ -134,6 +134,7 @@ export declare const BoxIcon: default_2.FC<{
     height?: string;
     width?: string;
     style?: default_2.CSSProperties;
+    className?: string;
 }>;
 
 declare type BreakpointKey = "xs" | "sm" | "md" | "lg" | "xl" | "2xl";
@@ -142,9 +143,9 @@ declare interface Breakpoints {
     [key: string]: string;
 }
 
-export declare const Button: default_2.FC<ButtonComponentProps>;
+export declare const Button: default_2.FC<ButtonProps>;
 
-declare interface ButtonComponentProps extends Omit<default_2.ButtonHTMLAttributes<HTMLButtonElement>, "onSelect"> {
+export declare interface ButtonProps extends Omit<default_2.ButtonHTMLAttributes<HTMLButtonElement>, "onSelect"> {
     children?: default_2.ReactNode;
     variant?: ButtonVariant;
     size?: ButtonSize;
@@ -158,9 +159,9 @@ declare interface ButtonComponentProps extends Omit<default_2.ButtonHTMLAttribut
 
 declare type ButtonShadow = "sm" | "md" | "lg";
 
-declare type ButtonSize = "xs" | "sm" | "md" | "lg" | "xl";
+export declare type ButtonSize = "xs" | "sm" | "md" | "lg" | "xl";
 
-declare type ButtonVariant = "primary" | "secondary" | "gray" | "transparent";
+export declare type ButtonVariant = "primary" | "outline" | "gray" | "ghost" | "danger";
 
 export declare const Card: default_2.FC<CardProps>;
 
@@ -237,7 +238,6 @@ export declare const Col: default_2.FC<ColProps>;
 declare interface Colors {
     light: ColorVariant;
     dark: ColorVariant;
-    [key: string]: ColorVariant;
 }
 
 declare type ColorScale = {
@@ -268,10 +268,9 @@ declare interface ColorVariant {
     success: ColorScale;
     warning: ColorScale;
     gray: ColorScale;
+    yellow: ColorScale;
     iconButton: ColorScale;
-    [key: string]: ColorScale | string | {
-        [key: string]: string;
-    };
+    info: ColorScale;
 }
 
 declare type ColProps = {
@@ -575,16 +574,55 @@ export { ListSectionHeader }
 
 export declare const Modal: default_2.FC<ModalProps>;
 
-declare interface ModalProps {
+export declare interface ModalProps {
+    /** Whether the modal is open */
     isOpen: boolean;
-    title?: string;
+    /** Modal title */
+    title?: default_2.ReactNode;
+    /** Modal content */
     children: default_2.ReactNode;
+    /** Callback when modal is closed */
     onClose: () => void;
+    /** Callback when confirm button is clicked */
     onConfirm?: () => void;
+    /** Whether to show footer with confirm/cancel buttons */
     showFooter?: boolean;
+    /** Confirm button text */
     confirmText?: string;
+    /** Cancel button text */
     cancelText?: string;
-    size?: "xs" | "sm" | "md" | "lg" | "xl" | "fullWidth";
+    /** Modal size */
+    size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "fullWidth";
+    /** Background color of the modal */
+    backgroundColor?: string;
+    /** Background color of the overlay/backdrop */
+    overlayColor?: string;
+    /** Custom className for the modal container */
+    className?: string;
+    /** Custom className for the overlay */
+    overlayClassName?: string;
+    /** Whether to center the modal vertically */
+    centered?: boolean;
+    /** Whether to show close button */
+    closable?: boolean;
+    /** Whether to close modal when clicking mask/overlay */
+    maskClosable?: boolean;
+    /** Custom close icon */
+    closeIcon?: default_2.ReactNode;
+    /** Custom footer */
+    footer?: default_2.ReactNode | null;
+    /** Z-index of the modal */
+    zIndex?: number;
+    /** Custom styles for modal container */
+    style?: default_2.CSSProperties;
+    /** Custom styles for overlay */
+    overlayStyle?: default_2.CSSProperties;
+    /** Width of the modal */
+    width?: string | number;
+    /** Whether to destroy modal on close */
+    destroyOnClose?: boolean;
+    /** Animation duration in milliseconds */
+    animationDuration?: number;
 }
 
 declare type ModeType = 'light' | 'dark';
@@ -666,6 +704,58 @@ declare interface SearchBarProps {
 
 declare type ShadeKey = keyof ColorScale;
 
+export declare const Sidebar: SidebarCompound;
+
+declare interface SidebarCompound extends default_2.FC<SidebarProps> {
+    Header: typeof SidebarHeader;
+    Item: typeof SidebarItem;
+    Footer: typeof SidebarFooter;
+}
+
+declare const SidebarFooter: default_2.FC<SidebarFooterProps>;
+
+declare interface SidebarFooterProps {
+    children?: ReactNode;
+    className?: string;
+    style?: default_2.CSSProperties;
+}
+
+declare const SidebarHeader: default_2.FC<SidebarHeaderProps>;
+
+declare interface SidebarHeaderProps {
+    children?: ReactNode;
+    logo?: ReactNode;
+    logoText?: string;
+    className?: string;
+    style?: default_2.CSSProperties;
+}
+
+declare const SidebarItem: default_2.FC<SidebarItemProps>;
+
+declare interface SidebarItemProps {
+    id: string;
+    label: string;
+    icon?: string;
+    children?: ReactNode;
+    badge?: string | number;
+    disabled?: boolean;
+    active?: boolean;
+    onClick?: () => void;
+    className?: string;
+    style?: default_2.CSSProperties;
+}
+
+declare interface SidebarProps {
+    children: ReactNode;
+    collapsed?: boolean;
+    onCollapse?: (collapsed: boolean) => void;
+    className?: string;
+    style?: default_2.CSSProperties;
+    variant?: "default" | "minimal" | "elevated";
+    width?: string;
+    collapsedWidth?: string;
+}
+
 export declare const Skeleton: default_2.FC<SkeletonProps>;
 
 declare interface SkeletonProps {
@@ -855,14 +945,14 @@ declare interface ThemeContextType {
     theme: Theme;
     mode: ModeType;
     toggleMode: () => void;
-    setCustomTheme: (theme: Partial<ThemeSet> | any) => void;
+    setCustomTheme: (theme: Partial<ThemeSet>) => void;
 }
 
-export declare const ThemeProvider: default_2.FC<ThemeProviderProps | any>;
+export declare const ThemeProvider: default_2.FC<ThemeProviderProps>;
 
 declare interface ThemeProviderProps {
     children: ReactNode;
-    theme?: Partial<ThemeSet> | any;
+    theme?: Partial<ThemeSet>;
 }
 
 declare interface ThemeSet {
@@ -878,11 +968,7 @@ declare interface ThemeSet {
         dark: {
             [key: string]: string;
         };
-        [key: string]: {
-            [key: string]: string;
-        };
     };
-    [key: string]: any;
 }
 
 export declare const toast: ((content: ReactNode, options?: ToastOptions) => string) & {
@@ -978,6 +1064,12 @@ declare interface TypographyProps extends default_2.HTMLAttributes<HTMLElement>
 
 declare type TypographyVariant = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'subtitle1' | 'subtitle2' | 'body1' | 'body2' | 'caption' | 'overline';
 
-export declare const useTheme: () => ThemeContextType | any;
+export declare const useTheme: () => ThemeContextType;
 
 export { }
+
+
+
+declare module 'styled-components' {
+  export type DefaultTheme = Theme;
+}