@juspay/blend-design-system 0.0.16-beta → 0.0.17-beta

package/dist/components/Card/utils.d.ts

@@ -0,0 +1,86 @@
+import { default as React } from 'react';
+import { CardVariant, CardAlignment } from './types';
+import { CardTokenType } from './card.tokens';
+import { ButtonSubType } from '../Button/types';
+/**
+ * Determines the card variant type
+ */
+export declare const getCardVariant: (variant?: CardVariant) => CardVariant;
+/**
+ * Checks if card is default variant
+ */
+export declare const isDefaultCard: (variant?: CardVariant) => boolean;
+/**
+ * Checks if card is aligned variant
+ */
+export declare const isAlignedCard: (variant?: CardVariant) => boolean;
+/**
+ * Checks if card is custom variant
+ */
+export declare const isCustomCard: (variant?: CardVariant) => boolean;
+/**
+ * Gets header box styles for default card
+ */
+export declare const getHeaderBoxStyles: (cardToken: CardTokenType) => React.CSSProperties;
+/**
+ * Gets header title styles
+ */
+export declare const getHeaderTitleStyles: (cardToken: CardTokenType) => React.CSSProperties;
+/**
+ * Gets sub header styles
+ */
+export declare const getSubHeaderStyles: (cardToken: CardTokenType) => React.CSSProperties;
+/**
+ * Gets body title styles
+ */
+export declare const getBodyTitleStyles: (cardToken: CardTokenType) => React.CSSProperties;
+/**
+ * Gets body content styles
+ */
+export declare const getBodyContentStyles: (cardToken: CardTokenType) => React.CSSProperties;
+/**
+ * Gets body container styles
+ */
+export declare const getBodyStyles: (cardToken: CardTokenType) => React.CSSProperties;
+/**
+ * Gets spacing between header slots
+ */
+export declare const getHeaderSlotSpacing: (cardToken: CardTokenType) => string;
+/**
+ * Gets margin bottom for header based on what follows
+ */
+export declare const getHeaderMarginBottom: (hasSubHeader: boolean, cardToken: CardTokenType) => string;
+/**
+ * Gets margin bottom for sub header
+ */
+export declare const getSubHeaderMarginBottom: (cardToken: CardTokenType) => string;
+/**
+ * Gets margin bottom for body slot 1
+ */
+export declare const getBodySlot1MarginBottom: (hasBodyTitle: boolean, cardToken: CardTokenType) => string;
+/**
+ * Gets margin bottom for body title
+ */
+export declare const getBodyTitleMarginBottom: (hasContent: boolean, cardToken: CardTokenType) => string;
+/**
+ * Gets margin bottom for content
+ */
+export declare const getContentMarginBottom: (hasBodySlot2: boolean, cardToken: CardTokenType) => string;
+/**
+ * Gets margin bottom for body slot 2
+ */
+export declare const getBodySlot2MarginBottom: (hasActionButton: boolean, isInlineButton: boolean, cardToken: CardTokenType) => string;
+/**
+ * Gets alignment styles for aligned cards
+ */
+export declare const getAlignmentStyles: (alignment: CardAlignment, centerAlign: boolean, cardToken: CardTokenType) => React.CSSProperties;
+/**
+ * Gets custom card styles (simple wrapper with padding)
+ */
+export declare const getCustomCardStyles: (cardToken: CardTokenType) => React.CSSProperties;
+/**
+ * Determines if action button is inline type
+ */
+export declare const isInlineActionButton: (actionButton?: {
+    subType?: ButtonSubType;
+}) => boolean;

package/dist/components/DateRangePicker/MobileDrawerPresets.d.ts

@@ -1,25 +1,4 @@
 import { default as React } from 'react';
-import { DateRange, DateRangePreset } from './types';
-type MobileDrawerPresetsProps = {
-    drawerOpen: boolean;
-    setDrawerOpen: (open: boolean) => void;
-    renderTrigger: () => React.ReactNode;
-    showPresets: boolean;
-    availablePresets: DateRangePreset[];
-    activePreset: DateRangePreset;
-    selectedRange: DateRange;
-    startTime: string;
-    endTime: string;
-    dateFormat: string;
-    handlePresetSelect: (preset: DateRangePreset) => void;
-    handleStartTimeChange: (time: string) => void;
-    handleEndTimeChange: (time: string) => void;
-    setSelectedRange: (range: DateRange) => void;
-    setStartDate: (date: string) => void;
-    setEndDate: (date: string) => void;
-    handleCancel: () => void;
-    handleApply: () => void;
-    showCustomDropdownOnly?: boolean;
-};
+import { MobileDrawerPresetsProps } from './types';
 declare const MobileDrawerPresets: React.FC<MobileDrawerPresetsProps>;
 export default MobileDrawerPresets;

package/dist/components/DateRangePicker/QuickRangeSelector.d.ts

@@ -8,6 +8,7 @@ type QuickRangeSelectorProps = {
     className?: string;
     disableFutureDates?: boolean;
     disablePastDates?: boolean;
+    isDisabled?: boolean;
 };
 declare const QuickRangeSelector: import('react').ForwardRefExoticComponent<QuickRangeSelectorProps & import('react').RefAttributes<HTMLDivElement>>;
 export default QuickRangeSelector;

package/dist/components/DateRangePicker/components/ActionButtons.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { ActionButtonsProps } from '../types';
+declare const ActionButtons: React.FC<ActionButtonsProps>;
+export default ActionButtons;

package/dist/components/DateRangePicker/components/DatePickerComponent.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { DatePickerComponentProps } from '../types';
+declare const DatePickerComponent: React.FC<DatePickerComponentProps>;
+export default DatePickerComponent;

package/dist/components/DateRangePicker/components/PresetItem.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { PresetItemProps } from '../types';
+declare const PresetItem: React.FC<PresetItemProps>;
+export default PresetItem;

package/dist/components/DateRangePicker/components/ScrollablePicker.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { ScrollablePickerProps } from '../types';
+declare const ScrollablePicker: React.NamedExoticComponent<ScrollablePickerProps>;
+export default ScrollablePicker;

package/dist/components/DateRangePicker/dateRangePicker.tokens.d.ts

@@ -3,7 +3,6 @@ import { FoundationTokenType } from '../../tokens/theme.token';
 import { BreakpointType } from '../../breakpoints/breakPoints';
 export type CalendarTokenType = {
     quickRange: {
-        width: CSSObject['width'];
         trigger: {
             height: CSSObject['height'];
             borderLeft: CSSObject['borderLeft'];
@@ -20,10 +19,12 @@ export type CalendarTokenType = {
             backgroundColor: CSSObject['backgroundColor'];
             iconSize: CSSObject['iconSize'];
             text: CSSObject;
+            gap: CSSObject['gap'];
         };
         content: {
             padding: CSSObject['padding'];
             width: CSSObject['width'];
+            maxHeight: CSSObject['maxHeight'];
             zIndex: CSSObject['zIndex'];
             backgroundColor: CSSObject['backgroundColor'];
             borderRadius: CSSObject['borderRadius'];

package/dist/components/DateRangePicker/types.d.ts

@@ -20,6 +20,59 @@ export type DateRange = {
     endDate: Date;
     showTimePicker?: boolean;
 };
+/**
+ * Predefined format presets for common date display patterns
+ */
+export declare enum DateFormatPreset {
+    SHORT_RANGE = "short-range",// "Sep 3-5 2025"
+    MEDIUM_RANGE = "medium-range",// "Sep 3 - Sep 5 2025"
+    LONG_RANGE = "long-range",// "Sep 3 2025 - Sep 5 2025"
+    SHORT_SINGLE = "short-single",// "Sep 3 2025"
+    MEDIUM_SINGLE = "medium-single",// "September 3, 2025"
+    LONG_SINGLE = "long-single",// "September 3rd, 2025"
+    ISO_RANGE = "iso-range",// "2025-09-03 - 2025-09-05"
+    US_RANGE = "us-range",// "09/03/2025 - 09/05/2025"
+    CUSTOM = "custom"
+}
+/**
+ * Custom format function type for advanced formatting
+ */
+export type CustomFormatFunction = (range: DateRange, options?: {
+    includeTime?: boolean;
+    includeYear?: boolean;
+    separator?: string;
+    locale?: string;
+}) => string;
+/**
+ * Format configuration for date display
+ */
+export type DateFormatConfig = {
+    preset?: DateFormatPreset;
+    customFormat?: CustomFormatFunction;
+    includeTime?: boolean;
+    includeYear?: boolean;
+    separator?: string;
+    locale?: string;
+    timeFormat?: '12h' | '24h';
+};
+/**
+ * Custom trigger configuration
+ */
+export type TriggerConfig = {
+    element?: ReactNode;
+    placeholder?: string;
+    showIcon?: boolean;
+    icon?: ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+    renderTrigger?: (props: {
+        selectedRange: DateRange | undefined;
+        isOpen: boolean;
+        isDisabled: boolean;
+        formattedValue: string;
+        onClick: () => void;
+    }) => ReactNode;
+};
 export type DateRangePickerProps = {
     value?: DateRange;
     onChange?: (range: DateRange) => void;
@@ -37,4 +90,70 @@ export type DateRangePickerProps = {
     triggerElement?: ReactNode;
     useDrawerOnMobile?: boolean;
     skipQuickFiltersOnMobile?: boolean;
+    formatConfig?: DateFormatConfig;
+    triggerConfig?: TriggerConfig;
+};
+/**
+ * Haptic feedback types for different interactions
+ */
+export declare enum HapticFeedbackType {
+    SELECTION = "selection",
+    IMPACT = "impact",
+    NOTIFICATION = "notification"
+}
+export type PresetItemProps = {
+    preset: DateRangePreset;
+    isActive: boolean;
+    isCustomExpanded?: boolean;
+    onPresetSelect: (preset: DateRangePreset) => void;
+    onCustomToggle?: () => void;
+    setDrawerOpen?: (open: boolean) => void;
+    isDisabled?: boolean;
+};
+export type ActionButtonsProps = {
+    onCancel: () => void;
+    onApply: () => void;
+    isDisabled?: boolean;
+};
+export type ScrollablePickerProps = {
+    items: (string | number)[];
+    selectedIndex: number;
+    onSelect: (index: number) => void;
+    isTimeColumn?: boolean;
+    columnId: string;
+    isDisabled?: boolean;
+};
+export type DatePickerComponentProps = {
+    selectedRange: DateRange;
+    startTime: string;
+    endTime: string;
+    dateFormat: string;
+    handleStartTimeChange: (time: string) => void;
+    handleEndTimeChange: (time: string) => void;
+    setSelectedRange: (range: DateRange) => void;
+    setStartDate: (date: string) => void;
+    setEndDate: (date: string) => void;
+    isDisabled?: boolean;
+};
+export type MobileDrawerPresetsProps = {
+    drawerOpen: boolean;
+    setDrawerOpen: (open: boolean) => void;
+    renderTrigger: () => React.ReactNode;
+    showPresets: boolean;
+    availablePresets: DateRangePreset[];
+    activePreset: DateRangePreset;
+    selectedRange: DateRange;
+    startTime: string;
+    endTime: string;
+    dateFormat: string;
+    handlePresetSelect: (preset: DateRangePreset) => void;
+    handleStartTimeChange: (time: string) => void;
+    handleEndTimeChange: (time: string) => void;
+    setSelectedRange: (range: DateRange) => void;
+    setStartDate: (date: string) => void;
+    setEndDate: (date: string) => void;
+    handleCancel: () => void;
+    handleApply: () => void;
+    showCustomDropdownOnly?: boolean;
+    isDisabled?: boolean;
 };

package/dist/components/DateRangePicker/utils.d.ts

@@ -1,4 +1,4 @@
-import { DateRange, DateRangePreset } from './types';
+import { DateRange, DateRangePreset, DateFormatConfig, CustomFormatFunction, HapticFeedbackType } from './types';
 import { CalendarTokenType } from './dateRangePicker.tokens';
 /**
  * Formats a date according to the specified format
@@ -468,26 +468,6 @@ export declare const calculateDayCellProps: (date: Date, selectedRange: DateRang
     textColor: string | unknown;
     showTodayIndicator: boolean;
 };
-/**
- * Constants for mobile date picker
- */
-export declare const MOBILE_PICKER_CONSTANTS: {
-    readonly ITEM_HEIGHT: 44;
-    readonly VISIBLE_ITEMS: 3;
-    readonly SCROLL_DEBOUNCE: 50;
-};
-/**
- * Validates time input - only allows numbers and colon
- * @param input The input string to validate
- * @returns True if input is valid
- */
-export declare const isValidTimeInput: (input: string) => boolean;
-/**
- * Formats time input as HH:MM
- * @param input The input string to format
- * @returns Formatted time string
- */
-export declare const formatTimeInput: (input: string) => string;
 /**
  * Generates picker data for date/time selection
  * @param tabType Whether this is for start or end date
@@ -534,3 +514,145 @@ export declare const createSelectionHandler: (tabType: "start" | "end", type: "y
  * @returns Display label for the preset
  */
 export declare const getPresetDisplayLabel: (preset: DateRangePreset) => string;
+/**
+ * Enhanced date range formatting with preset patterns
+ * @param range The date range to format
+ * @param config Format configuration
+ * @returns Formatted date range string
+ */
+export declare const formatDateRangeWithConfig: (range: DateRange, config?: DateFormatConfig) => string;
+/**
+ * Creates a custom trigger element with enhanced formatting
+ * @param range Current selected date range
+ * @param config Format configuration
+ * @param placeholder Placeholder text when no range is selected
+ * @returns Formatted display string for trigger
+ */
+export declare const formatTriggerDisplay: (range: DateRange | undefined, config?: DateFormatConfig, placeholder?: string) => string;
+/**
+ * Predefined format configurations for common use cases
+ */
+export declare const FORMAT_PRESETS: {
+    readonly COMPACT_NO_TIME: DateFormatConfig;
+    readonly COMPACT_NO_YEAR: DateFormatConfig;
+    readonly MEDIUM_NO_TIME: DateFormatConfig;
+    readonly MEDIUM_WITH_TIME: DateFormatConfig;
+    readonly VERBOSE_NO_TIME: DateFormatConfig;
+    readonly VERBOSE_WITH_TIME: DateFormatConfig;
+    readonly ISO_FORMAT: DateFormatConfig;
+    readonly ISO_WITH_TIME: DateFormatConfig;
+    readonly US_FORMAT: DateFormatConfig;
+    readonly US_WITH_TIME: DateFormatConfig;
+};
+/**
+ * Helper function to create custom format functions
+ * @param formatFn Custom formatting function
+ * @returns DateFormatConfig with custom format
+ */
+export declare const createCustomFormat: (formatFn: CustomFormatFunction) => DateFormatConfig;
+/**
+ * Example custom format functions
+ */
+export declare const CUSTOM_FORMAT_EXAMPLES: {
+    RELATIVE: DateFormatConfig;
+    BUSINESS: DateFormatConfig;
+    MINIMAL: DateFormatConfig;
+};
+/**
+ * Enhanced haptic feedback utility with better error handling
+ * @param type The type of haptic feedback to trigger
+ */
+export declare const triggerHapticFeedback: (type?: HapticFeedbackType) => void;
+/**
+ * Optimized Apple Calendar-style haptic manager
+ */
+export declare class AppleCalendarHapticManager {
+    private lastHapticTime;
+    private lastHapticIndex;
+    private readonly hapticCooldown;
+    private isDestroyed;
+    /**
+     * Triggers haptic feedback when scrolling to a new item
+     * @param currentIndex The current selected index
+     */
+    triggerScrollHaptic(currentIndex: number): void;
+    triggerSelectionHaptic(): void;
+    reset(): void;
+    destroy(): void;
+}
+export declare const APPLE_CALENDAR_CONSTANTS: {
+    readonly SNAP_DURATION: 300;
+    readonly MOMENTUM_THRESHOLD: 0.03;
+    readonly DECELERATION_RATE: 0.95;
+    readonly MIN_VELOCITY: 0.01;
+    readonly MAX_MOMENTUM_DISTANCE: 2;
+    readonly VELOCITY_MULTIPLIER: 0.15;
+    readonly VELOCITY_SMOOTHING: 0.8;
+    readonly SCROLL_RESISTANCE: 0.9;
+    readonly SCALE_SELECTED: 1.02;
+    readonly SCALE_UNSELECTED: 0.98;
+    readonly OPACITY_SELECTED: 1;
+    readonly OPACITY_UNSELECTED: 0.9;
+    readonly TRANSITION_DURATION: "180ms";
+    readonly EASING: "cubic-bezier(0.25, 0.46, 0.45, 0.94)";
+    readonly ANIMATION_FRAME_LIMIT: 60;
+    readonly VELOCITY_HISTORY_SIZE: 3;
+};
+export declare const MOBILE_PICKER_CONSTANTS: {
+    readonly ITEM_HEIGHT: 44;
+    readonly VISIBLE_ITEMS: 3;
+    readonly SCROLL_DEBOUNCE: 80;
+};
+/**
+ * Safely gets an item from an array with comprehensive bounds checking
+ * @param items The array of items
+ * @param index The index to access
+ * @returns The item at the index or empty string if out of bounds
+ */
+export declare const safeGetPickerItem: (items: (string | number)[], index: number) => string;
+/**
+ * Calculates the visible items for the picker with robust bounds checking
+ * @param items The array of items
+ * @param selectedIndex The currently selected index
+ * @returns Object with top, center, and bottom items plus availability flags
+ */
+export declare const getPickerVisibleItems: (items: (string | number)[], selectedIndex: number) => {
+    topItem: string;
+    centerItem: string;
+    bottomItem: string;
+    hasTopItem: boolean;
+    hasBottomItem: boolean;
+};
+/**
+ * Validates and clamps an index to array bounds with safety checks
+ * @param index The index to validate
+ * @param arrayLength The length of the array
+ * @returns Clamped index within bounds
+ */
+export declare const clampPickerIndex: (index: number, arrayLength: number) => number;
+/**
+ * Calculates scroll position for a given index with validation
+ * @param index The target index
+ * @param itemHeight Height of each item
+ * @returns Scroll position in pixels
+ */
+export declare const calculateScrollPosition: (index: number, itemHeight: number) => number;
+/**
+ * Calculates index from scroll position with bounds checking
+ * @param scrollTop Current scroll position
+ * @param itemHeight Height of each item
+ * @returns Calculated index
+ */
+export declare const calculateIndexFromScroll: (scrollTop: number, itemHeight: number) => number;
+/**
+ * Validates time input with comprehensive checks
+ * @param input The input string to validate
+ * @returns True if input is valid
+ */
+export declare const isValidTimeInput: (input: string) => boolean;
+/**
+ * Formats time input with better validation
+ * @param input The input string to format
+ * @returns Formatted time string
+ */
+export declare const formatTimeInput: (input: string) => string;

package/dist/components/Inputs/TextInput/TextInput.d.ts

@@ -1,3 +1,3 @@
 import { TextInputProps } from './types';
-declare const TextInput: ({ size, leftSlot, rightSlot, error, errorMessage, hintText, helpIconHintText, disabled, label, placeholder, sublabel, value, onChange, name, required, onBlur, onFocus, ...rest }: TextInputProps) => import("react/jsx-runtime").JSX.Element;
+declare const TextInput: ({ size, leftSlot, rightSlot, error, errorMessage, hintText, helpIconHintText, disabled, label, placeholder, sublabel, value, onChange, name, required, onBlur, onFocus, cursor, ...rest }: TextInputProps) => import("react/jsx-runtime").JSX.Element;
 export default TextInput;

package/dist/components/Inputs/TextInput/types.d.ts

@@ -24,4 +24,5 @@ export type TextInputProps = {
     onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
     onBlur?: (e: React.FocusEvent<HTMLInputElement>) => void;
     onFocus?: (e: React.FocusEvent<HTMLInputElement>) => void;
+    cursor?: 'text' | 'pointer' | 'default' | 'not-allowed';
 } & Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'style' | 'className' | 'onBlur' | 'onFocus'>;

package/dist/components/Menu/MenuItem.d.ts

@@ -1,8 +1,9 @@
 import { MenuItemV2Type } from './types';
 declare const MenuItem: {
-    ({ item, idx }: {
+    ({ item, idx, maxHeight, }: {
         item: MenuItemV2Type;
         idx: number;
+        maxHeight?: number;
     }): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };

package/dist/components/Menu/SubMenu.d.ts

@@ -1,5 +1,6 @@
 import { MenuItemV2Type } from './types';
-export declare const SubMenu: ({ item, idx, }: {
+export declare const SubMenu: ({ item, idx, maxHeight, }: {
     item: MenuItemV2Type;
     idx: number;
+    maxHeight?: number;
 }) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Menu/types.d.ts

@@ -48,6 +48,8 @@ export type MenuItemV2Type = {
     disabled?: boolean;
     onClick?: () => void;
     subMenu?: MenuItemV2Type[];
+    enableSubMenuSearch?: boolean;
+    subMenuSearchPlaceholder?: string;
     tooltip?: string | React.ReactNode;
     tooltipProps?: {
         side?: TooltipSide;

package/dist/components/MultiSelect/MultiSelect.d.ts

@@ -1,3 +1,3 @@
 import { MultiSelectProps } from './types';
-declare const MultiSelect: ({ selectedValues, onChange, items, label, sublabel, disabled, helpIconHintText, name, required, variant, selectionTagType, slot, hintText, placeholder, size, enableSearch, searchPlaceholder, enableSelectAll, selectAllText, maxSelections, customTrigger, useDrawerOnMobile, minWidth, maxWidth, maxHeight, alignment, side, sideOffset, alignOffset, inline, onBlur, onFocus, error, errorMessage, showActionButtons, primaryAction, secondaryAction, showItemDividers, showHeaderBorder, }: MultiSelectProps) => import("react/jsx-runtime").JSX.Element;
+declare const MultiSelect: ({ selectedValues, onChange, items, label, sublabel, disabled, helpIconHintText, name, required, variant, selectionTagType, slot, hintText, placeholder, size, enableSearch, searchPlaceholder, enableSelectAll, selectAllText, maxSelections, customTrigger, useDrawerOnMobile, minMenuWidth, maxMenuWidth, maxMenuHeight, alignment, side, sideOffset, alignOffset, inline, onBlur, onFocus, error, errorMessage, showActionButtons, primaryAction, secondaryAction, showItemDividers, showHeaderBorder, fullWidth, }: MultiSelectProps) => import("react/jsx-runtime").JSX.Element;
 export default MultiSelect;

package/dist/components/MultiSelect/MultiSelectMenu.d.ts

@@ -1,3 +1,3 @@
 import { MultiSelectMenuProps } from './types';
-declare const MultiSelectMenu: ({ items, selected, onSelect, trigger, minWidth, maxWidth, maxHeight, disabled, enableSearch, searchPlaceholder, enableSelectAll, selectAllText, maxSelections, onSelectAll, alignment, side, sideOffset, alignOffset, open, onOpenChange, showActionButtons, primaryAction, secondaryAction, }: MultiSelectMenuProps) => import("react/jsx-runtime").JSX.Element;
+declare const MultiSelectMenu: ({ items, selected, onSelect, trigger, minMenuWidth, maxMenuWidth, maxMenuHeight, disabled, enableSearch, searchPlaceholder, enableSelectAll, selectAllText, maxSelections, onSelectAll, alignment, side, sideOffset, alignOffset, open, onOpenChange, showActionButtons, primaryAction, secondaryAction, }: MultiSelectMenuProps) => import("react/jsx-runtime").JSX.Element;
 export default MultiSelectMenu;

package/dist/components/MultiSelect/types.d.ts

@@ -76,9 +76,9 @@ export type MultiSelectProps = {
     maxSelections?: number;
     customTrigger?: React.ReactNode;
     useDrawerOnMobile?: boolean;
-    minWidth?: number;
-    maxWidth?: number;
-    maxHeight?: number;
+    minMenuWidth?: number;
+    maxMenuWidth?: number;
+    maxMenuHeight?: number;
     alignment?: MultiSelectMenuAlignment;
     side?: MultiSelectMenuSide;
     sideOffset?: number;
@@ -103,15 +103,16 @@ export type MultiSelectProps = {
     };
     showItemDividers?: boolean;
     showHeaderBorder?: boolean;
+    fullWidth?: boolean;
 };
 export type MultiSelectMenuProps = {
     items: MultiSelectMenuGroupType[];
     selected: string[];
     onSelect: (value: string) => void;
     trigger: React.ReactNode;
-    minWidth?: number;
-    maxWidth?: number;
-    maxHeight?: number;
+    minMenuWidth?: number;
+    maxMenuWidth?: number;
+    maxMenuHeight?: number;
     disabled?: boolean;
     enableSearch?: boolean;
     searchPlaceholder?: string;

package/dist/components/SingleSelect/SingleSelect.d.ts

@@ -1,3 +1,3 @@
 import { SingleSelectProps } from './types';
-declare const SingleSelect: ({ label, subLabel, hintText, required, helpIconText, placeholder, error, errorMessage, size, items, name, variant, disabled, selected, onSelect, enableSearch, searchPlaceholder, slot, customTrigger, useDrawerOnMobile, alignment, side, sideOffset, alignOffset, minWidth, maxWidth, maxHeight, onBlur, onFocus, inline, }: SingleSelectProps) => import("react/jsx-runtime").JSX.Element;
+declare const SingleSelect: ({ label, subLabel, hintText, required, helpIconText, placeholder, error, errorMessage, size, items, name, variant, disabled, selected, onSelect, enableSearch, searchPlaceholder, slot, customTrigger, useDrawerOnMobile, alignment, side, sideOffset, alignOffset, minMenuWidth, maxMenuWidth, maxMenuHeight, onBlur, onFocus, inline, fullWidth, }: SingleSelectProps) => import("react/jsx-runtime").JSX.Element;
 export default SingleSelect;

package/dist/components/SingleSelect/SingleSelectMenu.d.ts

@@ -5,9 +5,9 @@ type SingleSelectMenuProps = {
     selected: string;
     onSelect: (value: string) => void;
     trigger: React.ReactNode;
-    minWidth?: number;
-    maxWidth?: number;
-    maxHeight?: number;
+    minMenuWidth?: number;
+    maxMenuWidth?: number;
+    maxMenuHeight?: number;
     enableSearch?: boolean;
     searchPlaceholder?: string;
     disabled?: boolean;
@@ -18,5 +18,5 @@ type SingleSelectMenuProps = {
     open: boolean;
     onOpenChange: (open: boolean) => void;
 };
-declare const SingleSelectMenu: ({ items, selected, onSelect, trigger, minWidth, maxWidth, maxHeight, enableSearch, searchPlaceholder, disabled, alignment, side, sideOffset, alignOffset, open, onOpenChange, }: SingleSelectMenuProps) => import("react/jsx-runtime").JSX.Element;
+declare const SingleSelectMenu: ({ items, selected, onSelect, trigger, minMenuWidth, maxMenuWidth, maxMenuHeight, enableSearch, searchPlaceholder, disabled, alignment, side, sideOffset, alignOffset, open, onOpenChange, }: SingleSelectMenuProps) => import("react/jsx-runtime").JSX.Element;
 export default SingleSelectMenu;

package/dist/components/SingleSelect/types.d.ts

@@ -86,12 +86,13 @@ export type SingleSelectProps = {
     side?: SelectMenuSide;
     sideOffset?: number;
     alignOffset?: number;
-    minWidth?: number;
-    maxWidth?: number;
-    maxHeight?: number;
+    minMenuWidth?: number;
+    maxMenuWidth?: number;
+    maxMenuHeight?: number;
     inline?: boolean;
     onBlur?: () => void;
     onFocus?: () => void;
     error?: boolean;
     errorMessage?: string;
+    fullWidth?: boolean;
 };

package/dist/components/Skeleton/Skeleton.d.ts

@@ -0,0 +1,8 @@
+declare const Skeleton: import('react').ForwardRefExoticComponent<import('./types').BaseSkeletonProps & Omit<import('../Primitives/Block/Block').BlockProps, "children"> & {
+    children?: import('react').ReactNode;
+    animate?: boolean;
+    width?: string | number;
+    height?: string | number;
+    shape?: import('./skeleton.tokens').SkeletonShape;
+} & import('react').RefAttributes<HTMLDivElement>>;
+export default Skeleton;

package/dist/components/Skeleton/SkeletonAvatar.d.ts

@@ -0,0 +1,5 @@
+declare const SkeletonAvatar: import('react').ForwardRefExoticComponent<import('./types').BaseSkeletonProps & Omit<import('../Primitives/Block/Block').BlockProps, "children"> & {
+    size?: import('./types').SkeletonSize;
+    shape?: "circle" | "square";
+} & import('react').RefAttributes<HTMLDivElement>>;
+export default SkeletonAvatar;

package/dist/components/Skeleton/SkeletonButton.d.ts

@@ -0,0 +1,13 @@
+import { ButtonType, ButtonSize, ButtonSubType } from '../Button/types';
+declare const SkeletonButton: import('react').ForwardRefExoticComponent<import('./types').BaseSkeletonProps & Omit<import('../Primitives/Block/Block').BlockProps, "children"> & {
+    buttonType?: ButtonType;
+    size?: ButtonSize;
+    subType?: ButtonSubType;
+    width?: string | number;
+    fullWidth?: boolean;
+    buttonGroupPosition?: "center" | "left" | "right";
+    text?: string;
+    hasLeadingIcon?: boolean;
+    hasTrailingIcon?: boolean;
+} & import('react').RefAttributes<HTMLDivElement>>;
+export default SkeletonButton;

package/dist/components/Skeleton/SkeletonCard.d.ts

@@ -0,0 +1,5 @@
+declare const SkeletonCard: import('react').ForwardRefExoticComponent<import('./types').BaseSkeletonProps & Omit<import('../Primitives/Block/Block').BlockProps, "children"> & {
+    children?: import('react').ReactNode;
+    padding?: string | number;
+} & import('react').RefAttributes<HTMLDivElement>>;
+export default SkeletonCard;