Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

secptrum-ui

Package Overview
Dependencies
Maintainers
0
Versions
101
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

secptrum-ui - npm Package Compare versions

Comparing version 1.1.46 to 1.1.47

dist/components/Drawer/DrawerFooter.d.ts

17

dist/components/Drawer/Drawer.d.ts
"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

5

dist/components/modal/Modal.d.ts

@@ -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

17

dist/components/modal/ModalPanel.d.ts
"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

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc