secptrum-ui - npm Package Compare versions

Comparing version 1.1.43 to 1.1.44

dist/components/Icon/HoverableIcon.d.ts

 "use client";
-import React from 'react';
+import React from "react";
 type IconTypes = {
     icon: React.ElementType;
     size?: number;
-    backgroundColor?: string;
-    mode?: 'light' | 'dark';
+    mode?: "light" | "dark";
     radius?: number;
@@ -34,4 +33,7 @@ onClick?: () => void;
  */
-declare const HoverableIcon: ({ icon, size, className, onClick, onMouseEnter, onMouseLeave, color, title, styles, backgroundColor, mode, radius, disabled, }: IconTypes) => import("react/jsx-runtime").JSX.Element;
+declare const HoverableIcon: {
+    ({ icon, size, className, onClick, onMouseEnter, onMouseLeave, color, title, styles, mode, radius, disabled, }: IconTypes): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 export default HoverableIcon;
 //# sourceMappingURL=HoverableIcon.d.ts.map

dist/components/Menu/MenuItem.d.ts

 "use client";
-import React from 'react';
-interface MenuItemProps extends React.HTMLAttributes<HTMLDivElement> {
+import React from "react";
+interface MenuItemProps {
+    /**
+     * Menu item content, typically text or an icon.
+     */
     children: React.ReactNode;
+    /**
+     * Optional CSS class name to apply to the menu item.
+     */
     className?: string;
+    /**
+     * Optional inline styles to apply to the menu item.
+     */
     style?: React.CSSProperties;
+    /**
+     * Spacing between menu items (e.g., pixels).
+     * @default `0.25rem`
+     */
     space?: number;
+    /**
+     * Text color (e.g., '#000', 'rgba(0, 0, 0, 1)').
+     * @default '#000'
+     */
     color?: string;
-    mode?: 'light' | 'dark';
+    /**
+     * Theme mode, either 'light' or 'dark'.
+     * @default 'light'
+     */
+    mode?: "light" | "dark";
+    /**
+     * Function to be called when the MenuItem is clicked.
+     */
+    onClick?: () => void;
+    /**
+     * Unique identifier for the MenuItem.
+     */
+    id?: string;
+    /**
+     * Indicates if the MenuItem is disabled.
+     */
+    disabled?: boolean;
 }
@@ -24,3 +57,3 @@ /**
 declare const MenuItem: {
-    ({ children, className, style, space, color, mode, ...props }: MenuItemProps): import("react/jsx-runtime").JSX.Element;
+    ({ children, className, style, space, color, mode, onClick, disabled, id, }: MenuItemProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
@@ -27,0 +60,0 @@ };

dist/context/MenuProvider.d.ts

 "use client";
-import { MenuProps } from '../types/sui';
+import { MenuProps } from "../types/sui";
 /**
@@ -4,0 +4,0 @@ * MenuProvider component is a context provider for the Menu component.

dist/styles/selection/styled.d.ts

@@ -15,3 +15,3 @@ "use client";
 type IStyledMenu = {
-    mode: 'light' | 'dark';
+    mode: "light" | "dark";
     zIndex: number;
@@ -28,7 +28,9 @@ top: number | any;
 } & import("react").HTMLAttributes<HTMLElement> & Record<string, any>>;
-export declare const MenuItemSui: import("react").ForwardRefExoticComponent<{
+type IStyleMenuItem = {
     space?: number;
     color?: string;
     mode: "light" | "dark";
-} & {
+    disabled?: boolean;
+};
+export declare const MenuItemSui: import("react").ForwardRefExoticComponent<IStyleMenuItem & {
     theme?: {
@@ -35,0 +37,0 @@ [x: string]: any;

dist/types/sui.d.ts

@@ -27,3 +27,3 @@ "use client";
    */
-  variant?: 'solid' | 'outline' | 'ghost';
+  variant?: "solid" | "outline" | "ghost";
   /**
@@ -33,3 +33,3 @@ * @param radius Defines the border-radius size of the input, determining how rounded the corners will be.
    */
-  radius?: 'sm' | 'md' | 'lg' | 'xl' | 'full';
+  radius?: "sm" | "md" | "lg" | "xl" | "full";
   /**
@@ -39,3 +39,3 @@ * @param Type Specifies the type of input to render. Determines the kind of data that the input will handle.
    */
-  Type: 'password' | 'text' | 'email' | 'number';
+  Type: "password" | "text" | "email" | "number";
   /**
@@ -112,3 +112,3 @@ * The size of the icon.
    */
-  mode?: 'light' | 'dark';
+  mode?: "light" | "dark";
 
@@ -181,3 +181,3 @@ /**
    */
-  variant?: 'solid' | 'outline' | 'ghost' | 'light' | 'danger';
+  variant?: "solid" | "outline" | "ghost" | "light" | "danger";
   /**
@@ -192,3 +192,3 @@ * Defines the border radius options for the `Button`.
 
-  radius?: 'md' | 'lg' | 'xl' | 'full';
+  radius?: "md" | "lg" | "xl" | "full";
   /**
@@ -200,3 +200,3 @@ * Defines the size variants for the `Button`.
    */
-  size?: 'md' | 'lg' | 'xl';
+  size?: "md" | "lg" | "xl";
   /**
@@ -215,3 +215,3 @@ * @param icon Accepts a JSX element representing an icon, such as `icon={FaUser}` from react-icons.
    */
-  iconPosition?: 'left' | 'right';
+  iconPosition?: "left" | "right";
 
@@ -276,3 +276,3 @@ /**
    */
-  mode?: 'dark' | 'light';
+  mode?: "dark" | "light";
   /**
@@ -355,3 +355,3 @@ * If true, the button will take up the full width of its container.
    */
-  direction?: 'row' | 'column';
+  direction?: "row" | "column";
   /**
@@ -376,22 +376,22 @@ * Enables wrapping for items if they exceed the available space in a row layout.
 export declare type SizeVariantType =
-  | 'xs'
-  | 'sm'
-  | 'md'
-  | 'lg'
-  | 'xl'
-  | '2xl'
-  | '3xl'
-  | '4xl'
-  | '5xl';
-export declare type ToastVariant = 'info' | 'error' | 'success' | 'warning';
+  | "xs"
+  | "sm"
+  | "md"
+  | "lg"
+  | "xl"
+  | "2xl"
+  | "3xl"
+  | "4xl"
+  | "5xl";
+export declare type ToastVariant = "info" | "error" | "success" | "warning";
 export declare type ToastTransitionType =
-  | 'dropIn'
-  | 'slideIn'
-  | 'popIn'
-  | 'walkIn';
+  | "dropIn"
+  | "slideIn"
+  | "popIn"
+  | "walkIn";
 export declare type ToastPositionType =
-  | 'top-right'
-  | 'top-left'
-  | 'bottom-right'
-  | 'bottom-left';
+  | "top-right"
+  | "top-left"
+  | "bottom-right"
+  | "bottom-left";
 
@@ -423,3 +423,3 @@ export declare type ToastType = {
    */
-  transition?: 'dropIn' | 'slideIn' | 'popIn' | 'walkIn';
+  transition?: "dropIn" | "slideIn" | "popIn" | "walkIn";
 };
@@ -446,3 +446,3 @@
    */
-  align?: 'vertical' | 'horizontal';
+  align?: "vertical" | "horizontal";
 
@@ -472,7 +472,7 @@ /**
    */
-  direction?: 'row' | 'column';
+  direction?: "row" | "column";
   /**
    * The visual mode of the card.
    */
-  mode?: 'light' | 'dark';
+  mode?: "light" | "dark";
   /**
@@ -506,3 +506,3 @@ * The background color of the card.
    */
-  position?: ToastPositionType | 'bottom-center' | 'top-center';
+  position?: ToastPositionType | "bottom-center" | "top-center";
   /**
@@ -515,3 +515,3 @@ * The background color of the float element.
    */
-  size?: 'md' | 'lg' | 'xl';
+  size?: "md" | "lg" | "xl";
   /**
@@ -524,7 +524,7 @@ * Whether the float element is disabled.
    */
-  variant?: 'solid' | 'light';
+  variant?: "solid" | "light";
   /**
    * The color scheme of the float element. Can be "primary", "secondary", or "danger".
    */
-  colorScheme?: 'primary' | 'secondary' | 'danger';
+  colorScheme?: "primary" | "secondary" | "danger";
   /**
@@ -556,7 +556,7 @@ * Whether the float element should move when the page is scrolled.
    */
-  position?: 'left' | 'right';
+  position?: "left" | "right";
   /**
    * The variant of the drawer. Can be 'default' or 'modal'.
    */
-  variant?: 'default' | 'modal';
+  variant?: "default" | "modal";
   /**
@@ -573,3 +573,3 @@ * The intensity of the glass effect for the backdrop.
    */
-  mode?: 'light' | 'dark';
+  mode?: "light" | "dark";
   /**
@@ -606,12 +606,54 @@ * The width of the drawer.
 export interface MenuProps extends React.HTMLAttributes<HTMLDivElement> {
+  /**
+   * Menu content, typically menu items.
+   */
   children: React.ReactNode;
+
+  /**
+   * Optional CSS class name to apply to the menu.
+   */
   className?: string;
+
+  /**
+   * Optional inline styles to apply to the menu.
+   */
   style?: React.CSSProperties;
+
+  /**
+   * Flag indicating whether the menu is initially open.
+   * @default false
+   */
   open?: boolean;
-  mode?: 'light' | 'dark';
+
+  /**
+   * Theme mode, either 'light' or 'dark'.
+   * @default 'light'
+   */
+  mode?: "light" | "dark";
+
+  /**
+   * Z-index value for positioning the menu.
+   * @default 100
+   */
   zIndex?: number;
+
+  /**
+   * Top position value (e.g., pixels).
+   */
   top?: number;
+
+  /**
+   * Left position value (e.g., pixels).
+   */
   left?: number;
+
+  /**
+   * Right position value (e.g., pixels).
+   */
   right?: number;
+
+  /**
+   * Bottom position value (e.g., pixels).
+   */
   bottom?: number;
 }

package.json

 {
   "name": "secptrum-ui",
-  "version": "1.1.43",
+  "version": "1.1.44",
   "description": "**SecptrumUI** A React component library with adaptable, responsive designs using `styled-chroma`",
@@ -5,0 +5,0 @@ "homepage": "https://secptrumui.vercel.app",

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

13669542

increased by0.04%

Lines of code

5653

increased by1.27%

No dependency changes