dash-ui-kit 1.0.6 → 1.0.91

package/dist/react/components/badge/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-export interface BadgeProps {
+export interface BadgeProps extends React.HTMLAttributes<HTMLSpanElement> {
     /**
      * Content of the badge
      */
@@ -15,11 +15,19 @@ export interface BadgeProps {
     /**
      * Size of the badge
      */
-    size?: 'xxs' | 'sm' | 'xl';
+    size?: 'xxs' | 'xs' | 'sm' | 'xl';
+    /**
+     * Border radius variant
+     */
+    borderRadius?: 'xs';
     /**
      * Additional CSS class name
      */
     className?: string;
+    /**
+     * Click handler
+     */
+    onClick?: React.MouseEventHandler<HTMLSpanElement>;
 }
 export declare const Badge: React.FC<BadgeProps>;
 export default Badge;

package/dist/react/components/dialog/index.d.ts

@@ -10,6 +10,14 @@ export interface DialogProps {
     showCloseButton?: boolean;
     /** Dialog size */
     size?: 'sm' | 'md' | 'xl';
+    /** Vertical position of the dialog */
+    position?: 'center' | 'bottom';
+    /** Offset from bottom when position is 'bottom' (in pixels) */
+    bottomOffset?: number;
+    /** Maximum width of the dialog (e.g., '500px', '50%', '2xl'). Use Tailwind classes like 'sm', 'md', 'lg', 'xl', '2xl', etc. or CSS values */
+    maxWidth?: string;
+    /** Horizontal margin from screen edges (in pixels) */
+    horizontalMargin?: number;
     /** Dialog content */
     children: React.ReactNode;
     /** Additional className for the content container */

package/dist/react/components/icons/index.d.ts

@@ -42,3 +42,7 @@ export declare const SignIcon: React.FC<IconProps>;
 export declare const SignLockIcon: React.FC<IconProps>;
 export declare const LockIcon: React.FC<IconProps>;
 export declare const PendingIcon: React.FC<IconProps>;
+export declare const SearchIcon: React.FC<IconProps>;
+export declare const AirplaneIcon: React.FC<IconProps>;
+export declare const ExternalLinkIcon: React.FC<IconProps>;
+export declare const InfoCircleIcon: React.FC<IconProps>;

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

@@ -24,4 +24,4 @@ export { DashLogo, type DashLogoProps } from './dashLogo';
 export { Dialog, type DialogProps } from './dialog';
 export { Tabs, type TabsProps, type TabItem } from './tabs';
 export type { TimeDeltaFormat } from '../utils/datetime';
-export { ArrowIcon, CopyIcon, SuccessIcon, ErrorIcon, QueuedIcon, PooledIcon, BroadcastedIcon, CalendarIcon, EyeOpenIcon, EyeClosedIcon, CheckIcon, KeyIcon, ProtectedMessageIcon, SmartphoneIcon, CrossIcon, WalletIcon, PlusIcon, FilterIcon, EditIcon, DeleteIcon, ChevronIcon, BurgerMenuIcon, KebabMenuIcon, CircleProcessIcon, CreditsIcon, WebIcon, ChainSmallIcon, SettingsIcon, ShieldSmallIcon, QuestionMessageIcon, CheckmarkIcon, FingerprintIcon, FaceIcon, SignIcon, SignLockIcon, LockIcon, PendingIcon } from './icons';
+export { ArrowIcon, CopyIcon, SuccessIcon, ErrorIcon, QueuedIcon, PooledIcon, BroadcastedIcon, CalendarIcon, EyeOpenIcon, EyeClosedIcon, CheckIcon, KeyIcon, ProtectedMessageIcon, SmartphoneIcon, CrossIcon, WalletIcon, PlusIcon, FilterIcon, EditIcon, DeleteIcon, ChevronIcon, BurgerMenuIcon, KebabMenuIcon, CircleProcessIcon, CreditsIcon, WebIcon, ChainSmallIcon, SettingsIcon, ShieldSmallIcon, QuestionMessageIcon, CheckmarkIcon, FingerprintIcon, FaceIcon, SignIcon, SignLockIcon, LockIcon, PendingIcon, SearchIcon, AirplaneIcon, ExternalLinkIcon, InfoCircleIcon } from './icons';

package/dist/react/components/input/index.d.ts

@@ -2,9 +2,9 @@ import React, { InputHTMLAttributes } from 'react';
 import { VariantProps } from 'class-variance-authority';
 declare const input: (props?: ({
     theme?: "light" | "dark" | null | undefined;
-    colorScheme?: "default" | "brand" | "error" | "success" | null | undefined;
+    colorScheme?: "default" | "light-gray" | "brand" | "error" | "success" | null | undefined;
     size?: "sm" | "xl" | "md" | null | undefined;
-    variant?: "outlined" | null | undefined;
+    variant?: "outlined" | "filled" | null | undefined;
     disabled?: boolean | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 type InputVariants = VariantProps<typeof input>;
@@ -13,6 +13,7 @@ export interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>,
     error?: boolean;
     success?: boolean;
     prefix?: string | React.ReactNode;
+    prefixClassName?: string;
     /**
      * Controls visibility toggle for password inputs. When false, the eye icon is hidden and no extra right padding is applied.
      * Defaults to true.

package/dist/react/components/overlayMenu/index.d.ts

@@ -15,8 +15,15 @@ export interface OverlayMenuItem {
     onClick?: () => void;
     disabled?: boolean;
 }
+export interface OverlayMenuPosition {
+    top?: number;
+    left?: number;
+    right?: number;
+    bottom?: number;
+}
 export interface OverlayMenuProps extends Omit<OverlayMenuVariants, 'theme' | 'disabled'> {
     className?: string;
+    contentClassName?: string;
     error?: boolean;
     success?: boolean;
     border?: boolean;
@@ -30,10 +37,22 @@ export interface OverlayMenuProps extends Omit<OverlayMenuVariants, 'theme' | 'd
     triggerContent?: React.ReactNode;
     placeholder?: string;
     showItemBorders?: boolean;
+    variant?: 'dropdown' | 'context-menu';
+    headerContent?: React.ReactNode;
+    showCloseButton?: boolean;
+    position?: OverlayMenuPosition;
+    width?: string | number;
+    onClose?: () => void;
 }
 /**
  * Overlay menu component that opens above the trigger with overlay positioning.
  * Supports custom content items with onClick handlers.
+ *
+ * @param variant - 'dropdown' (default) or 'context-menu'
+ * @param headerContent - Custom header content (for context-menu variant)
+ * @param showCloseButton - Show close button in header
+ * @param position - Position object for context-menu variant
+ * @param width - Custom width (default: 200px for context-menu)
  */
 export declare const OverlayMenu: React.FC<OverlayMenuProps>;
 export default OverlayMenu;

package/dist/react/components/text/index.d.ts

@@ -4,8 +4,8 @@ declare const textStyles: (props?: ({
     reset?: boolean | null | undefined;
     theme?: "light" | "dark" | null | undefined;
     color?: "default" | "blue" | "red" | "blue-dark" | null | undefined;
-    size?: "sm" | "xl" | "md" | "xs" | "lg" | null | undefined;
-    weight?: "bold" | "normal" | 500 | null | undefined;
+    size?: "xs" | "sm" | "xl" | "md" | "lg" | null | undefined;
+    weight?: "bold" | "normal" | "medium" | null | undefined;
     italic?: boolean | null | undefined;
     underline?: boolean | null | undefined;
     lineThrough?: boolean | null | undefined;

package/dist/react/components/valueCard/index.d.ts

@@ -3,7 +3,7 @@ import { VariantProps } from 'class-variance-authority';
 declare const valueCard: (props?: ({
     theme?: "light" | "dark" | null | undefined;
     colorScheme?: "white" | "default" | "lightBlue" | "lightGray" | "green" | "transparent" | "yellow" | null | undefined;
-    size?: "sm" | "xl" | "md" | null | undefined;
+    size?: "xs" | "sm" | "xl" | "md" | null | undefined;
     clickable?: boolean | null | undefined;
     loading?: boolean | null | undefined;
     border?: boolean | null | undefined;