secptrum-ui
Advanced tools
Comparing version 1.1.46 to 1.1.47
"use client"; | ||
import React from 'react'; | ||
import { DrawerProps } from '../../types/sui'; | ||
/** | ||
* A customizable overlay drawer component for displaying content. | ||
* | ||
* @param {Object} props - Component properties. | ||
* @param {boolean} props.open - Indicates if the drawer is open. | ||
* @param {function} props.onClose - Callback to close the drawer. | ||
* @param {ReactNode} props.children - Content rendered inside the drawer. | ||
* @param {string} [props.width] - Width of the drawer. | ||
* @param {string} [props.position] - Position of the drawer (e.g., 'left', 'right'). | ||
* @param {string} [props.variant] - Variant style of the drawer. | ||
* @param {number} [props.glassEffect] - Intensity of the glass effect. | ||
* @param {string} [props.background] - Background color of the drawer. | ||
* @param {string} [props.mode] - Theme mode (e.g., 'light', 'dark'). | ||
* @param {number} [props.spacing] - Inner spacing of the drawer. | ||
* @param {boolean} [props.preventClose] - Prevents closing on backdrop click. | ||
* @param {number} [props.zIndex] - Z-index for stacking context. | ||
*/ | ||
declare const Drawer: React.ForwardRefExoticComponent<DrawerProps & React.RefAttributes<HTMLDivElement>>; | ||
export default Drawer; | ||
//# sourceMappingURL=Drawer.d.ts.map |
@@ -67,4 +67,7 @@ "use client"; | ||
*/ | ||
declare const Modal: ({ onClose, open, children, className, style, preventClose, glassEffect, mode, zIndex, }: ModalType) => import("react/jsx-runtime").JSX.Element; | ||
declare const Modal: { | ||
({ onClose, open, children, className, style, preventClose, glassEffect, mode, zIndex, }: ModalType): import("react/jsx-runtime").JSX.Element; | ||
displayName: string; | ||
}; | ||
export default Modal; | ||
//# sourceMappingURL=Modal.d.ts.map |
"use client"; | ||
import React from "react"; | ||
import { StackType } from "../../types/sui"; | ||
import React from 'react'; | ||
import { StackType } from '../../types/sui'; | ||
export type ModalPanelType = { | ||
@@ -13,3 +13,3 @@ /** | ||
*/ | ||
size?: "sm" | "md" | "lg" | "xl" | "full"; | ||
size?: 'sm' | 'md' | 'lg' | 'xl' | 'full'; | ||
/** | ||
@@ -26,3 +26,3 @@ * The content displayed within the modal panel. | ||
*/ | ||
transition?: "walkIn" | "dropIn" | "slideIn"; | ||
transition?: 'walkIn' | 'dropIn' | 'slideIn'; | ||
/** | ||
@@ -42,7 +42,10 @@ * Optional string to add custom CSS classes. | ||
*/ | ||
align?: StackType["align"]; | ||
spacing?: StackType["spacing"]; | ||
align?: StackType['align']; | ||
spacing?: StackType['spacing']; | ||
}; | ||
declare const ModalPanel: ({ size, children, transition, className, style, backgroundColor, align, spacing, }: ModalPanelType) => import("react/jsx-runtime").JSX.Element; | ||
declare const ModalPanel: { | ||
({ size, children, transition, className, style, backgroundColor, align, spacing, }: ModalPanelType): import("react/jsx-runtime").JSX.Element; | ||
displayName: string; | ||
}; | ||
export default ModalPanel; | ||
//# sourceMappingURL=ModalPanel.d.ts.map |
@@ -52,3 +52,8 @@ "use client"; | ||
preventClose?: boolean; | ||
mode?: 'light' | 'dark'; | ||
/** | ||
* Adds border-bottom to the component. | ||
* @type {boolean} | ||
* @default true | ||
*/ | ||
showBorder?: boolean; | ||
} | ||
@@ -55,0 +60,0 @@ /** |
@@ -6,8 +6,10 @@ "use client"; | ||
open: boolean; | ||
mode: 'light' | 'dark'; | ||
}; | ||
export declare const useModalContext: () => { | ||
isVisible: boolean; | ||
mode: "light" | "dark"; | ||
}; | ||
declare const ModalProvider: { | ||
({ children, open }: ProviderType): import("react/jsx-runtime").JSX.Element; | ||
({ children, open, mode }: ProviderType): import("react/jsx-runtime").JSX.Element; | ||
displayName: string; | ||
@@ -14,0 +16,0 @@ }; |
"use client"; | ||
export { toast } from "./components/Toast/Toast"; | ||
export { generateId } from "./lib/helper"; | ||
export { colors } from "./styles/colors"; | ||
export { default as Button } from "./components/Button/Button"; | ||
export { default as Box } from "./components/Box/Box"; | ||
export { default as FlexBox } from "./components/Box/FlexBox"; | ||
export { default as Icon } from "./components/Icon/Icon"; | ||
export { default as HoverableIcon } from "./components/Icon/HoverableIcon"; | ||
export { default as ImagePicker } from "./components/FilePicker/ImagePicker"; | ||
export { default as TextInput } from "./components/Input/Input"; | ||
export { default as Stack } from "./components/Stack/Stack"; | ||
export { default as Modal } from "./components/modal/Modal"; | ||
export { default as ModalPanel } from "./components/modal/ModalPanel"; | ||
export { default as ModalTitle } from "./components/modal/ModalTitle"; | ||
export { ModalContent } from "./styles/feedback/styled"; | ||
export { ModalFooter } from "./styles/feedback/styled"; | ||
export { default as Card } from "./components/Card/Card"; | ||
export { default as Toaster } from "./components/Toast/Toaster"; | ||
export { default as Checkbox } from "./components/Checkbox/Checkbox"; | ||
export { default as Switch } from "./components/Switch/Switch"; | ||
export { default as Fab } from "./components/Fab/Fab"; | ||
export { default as Backdrop } from "./components/Backdrop/Backdrop"; | ||
export { default as Tabs } from "./components/Tabs/Tabs"; | ||
export { default as TabPanel } from "./components/Tabs/TabPanel"; | ||
export { default as TabsHandle } from "./components/Tabs/TabsHandle"; | ||
export { default as Drawer } from "./components/Drawer/Drawer"; | ||
export { default as DrawerContent } from "./components/Drawer/DrawerContent"; | ||
export { default as Menu } from "./context/MenuProvider"; | ||
export { default as MenuItem } from "./components/Menu/MenuItem"; | ||
export { default as MenuTrigger } from "./components/Menu/MenuTrigger"; | ||
export { default as BottomNav } from "./components/Navigation/BottomNav"; | ||
export { default as BottomNavTab } from "./components/Navigation/BottomNavTab"; | ||
export { default as AnimatedText } from "./components/Text/AnimatedText"; | ||
export { default as BarLoader } from "./components/loaders/BarLoader/BarLoader"; | ||
export { default as CircleLoader } from "./components/loaders/CircleLoader/CircleLoader"; | ||
export { default as CircularProgress } from "./components/loaders/CircleLoader/CircularProgress"; | ||
export { default as ScaleLoader } from "./components/loaders/ScaleLoader/ScaleLoader"; | ||
export { default as PulseLoader } from "./components/loaders/PulseLoader/PulseLoader"; | ||
export { useTheme } from "./context/useTheme"; | ||
export { useAuth } from "./hooks/useAuth"; | ||
export { default as AuthProvider } from "./hooks/useAuth"; | ||
export { default as ThemeProvider } from "./context/useTheme"; | ||
export { default as ModeProvider } from "./hooks/useMode"; | ||
export { default as useRouter } from "./hooks/useRouter"; | ||
export { ButtonProps, InputType, CardProps, BoxType, SizeVariantType, StackType, DrawerProps, FloatProps, } from "./types/sui"; | ||
export { dropIn, dropOut, slideIn, spin, slideInFromLeft, slideInFromRight, slideOutFromRight, popIn, popOut, walkIn, walkOut, zoom, } from "./styles/animations"; | ||
export { toast } from './components/Toast/Toast'; | ||
export { generateId } from './lib/helper'; | ||
export { colors } from './styles/colors'; | ||
export { default as Button } from './components/Button/Button'; | ||
export { default as Box } from './components/Box/Box'; | ||
export { default as FlexBox } from './components/Box/FlexBox'; | ||
export { default as Icon } from './components/Icon/Icon'; | ||
export { default as HoverableIcon } from './components/Icon/HoverableIcon'; | ||
export { default as ImagePicker } from './components/FilePicker/ImagePicker'; | ||
export { default as TextInput } from './components/Input/Input'; | ||
export { default as Stack } from './components/Stack/Stack'; | ||
export { default as Modal } from './components/modal/Modal'; | ||
export { default as ModalPanel } from './components/modal/ModalPanel'; | ||
export { default as ModalTitle } from './components/modal/ModalTitle'; | ||
export { ModalContent } from './styles/feedback/styled'; | ||
export { default as ModalFooter } from './components/modal/ModalFooter'; | ||
export { default as Card } from './components/Card/Card'; | ||
export { default as Toaster } from './components/Toast/Toaster'; | ||
export { default as Checkbox } from './components/Checkbox/Checkbox'; | ||
export { default as Switch } from './components/Switch/Switch'; | ||
export { default as Fab } from './components/Fab/Fab'; | ||
export { default as Backdrop } from './components/Backdrop/Backdrop'; | ||
export { default as Tabs } from './components/Tabs/Tabs'; | ||
export { default as TabPanel } from './components/Tabs/TabPanel'; | ||
export { default as TabsHandle } from './components/Tabs/TabsHandle'; | ||
export { default as Drawer } from './components/Drawer/Drawer'; | ||
export { default as DrawerHeader } from './components/Drawer/DrawerHeader'; | ||
export { default as DrawerContent } from './components/Drawer/DrawerContent'; | ||
export { default as DrawerFooter } from './components/Drawer/DrawerFooter'; | ||
export { default as Menu } from './context/MenuProvider'; | ||
export { default as MenuItem } from './components/Menu/MenuItem'; | ||
export { default as MenuTrigger } from './components/Menu/MenuTrigger'; | ||
export { default as BottomNav } from './components/Navigation/BottomNav'; | ||
export { default as BottomNavTab } from './components/Navigation/BottomNavTab'; | ||
export { default as AnimatedText } from './components/Text/AnimatedText'; | ||
export { default as BarLoader } from './components/loaders/BarLoader/BarLoader'; | ||
export { default as CircleLoader } from './components/loaders/CircleLoader/CircleLoader'; | ||
export { default as CircularProgress } from './components/loaders/CircleLoader/CircularProgress'; | ||
export { default as ScaleLoader } from './components/loaders/ScaleLoader/ScaleLoader'; | ||
export { default as PulseLoader } from './components/loaders/PulseLoader/PulseLoader'; | ||
export { useTheme } from './context/useTheme'; | ||
export { useAuth } from './hooks/useAuth'; | ||
export { default as AuthProvider } from './hooks/useAuth'; | ||
export { default as ThemeProvider } from './context/useTheme'; | ||
export { default as ModeProvider } from './hooks/useMode'; | ||
export { default as useRouter } from './hooks/useRouter'; | ||
export { ButtonProps, InputType, CardProps, BoxType, SizeVariantType, StackType, DrawerProps, FloatProps, } from './types/sui'; | ||
export { dropIn, dropOut, slideIn, spin, slideInFromLeft, slideInFromRight, slideOutFromRight, popIn, popOut, walkIn, walkOut, zoom, } from './styles/animations'; | ||
//# sourceMappingURL=index.d.ts.map |
@@ -18,3 +18,3 @@ "use client"; | ||
} & import("react").HTMLAttributes<HTMLElement> & Record<string, any>>; | ||
export declare const ModalFooter: import("react").ForwardRefExoticComponent<IStyleModalFooter & { | ||
export declare const ModalFooterSui: import("react").ForwardRefExoticComponent<IStyleModalFooter & { | ||
theme?: { | ||
@@ -21,0 +21,0 @@ [x: string]: any; |
@@ -101,2 +101,3 @@ "use client"; | ||
isVisible: boolean; | ||
mode: 'light' | 'dark'; | ||
} | ||
@@ -110,2 +111,4 @@ | ||
position?: 'right' | 'left'; | ||
mode: 'light' | 'dark'; | ||
showBorder: boolean; | ||
} | ||
@@ -112,0 +115,0 @@ |
@@ -7,3 +7,4 @@ "use client"; | ||
active_TabColor_Solid: string; | ||
border: string; | ||
}; | ||
//# sourceMappingURL=mode.d.ts.map |
{ | ||
"name": "secptrum-ui", | ||
"version": "1.1.46", | ||
"version": "1.1.47", | ||
"description": "**SecptrumUI** A React component library with adaptable, responsive designs using `styled-chroma`", | ||
@@ -5,0 +5,0 @@ "homepage": "https://secptrumui.vercel.app", |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
13708198
166
5834