@officesdk/design 0.1.0 → 0.1.2

package/dist/components/index.d.mts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { TooltipProps as TooltipProps$1 } from 'rc-tooltip/lib/Tooltip';
 
-interface ButtonProps {
+interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
     /**
      * Button variant type
      */
@@ -39,22 +39,6 @@ interface ButtonProps {
      * Whether the icon button should have a border (only for variant='icon')
      */
     iconBordered?: boolean;
-    /**
-     * Click event handler
-     */
-    onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
-    /**
-     * Button content
-     */
-    children?: React.ReactNode;
-    /**
-     * Custom className
-     */
-    className?: string;
-    /**
-     * Custom inline styles
-     */
-    style?: React.CSSProperties;
 }
 /**
  * Button Component
@@ -428,6 +412,78 @@ interface SearchInputProps extends Omit<InputProps, 'size' | 'prefixNode'> {
  */
 declare const SearchInput: React.ForwardRefExoticComponent<SearchInputProps & React.RefAttributes<HTMLInputElement>>;
 
+interface NumberInputProps {
+    /**
+     * Current value
+     */
+    value?: number;
+    /**
+     * Default value
+     */
+    defaultValue?: number;
+    /**
+     * Minimum value
+     */
+    min?: number;
+    /**
+     * Maximum value
+     */
+    max?: number;
+    /**
+     * Step increment/decrement
+     */
+    step?: number;
+    /**
+     * Size variant
+     */
+    size?: 'small' | 'large';
+    /**
+     * Whether the input is disabled
+     */
+    disabled?: boolean;
+    /**
+     * Whether to show alert state (red border)
+     */
+    alert?: boolean;
+    /**
+     * Number of decimal places
+     */
+    precision?: number;
+    /**
+     * Format the display value
+     */
+    formatter?: (value: number) => string;
+    /**
+     * Parse the input value
+     */
+    parser?: (displayValue: string) => number;
+    /**
+     * Unit text to display after the input
+     */
+    unit?: string;
+    /**
+     * Callback when value changes
+     */
+    onChange?: (value: number | null) => void;
+    /**
+     * Custom className
+     */
+    className?: string;
+    /**
+     * Custom style
+     */
+    style?: React.CSSProperties;
+}
+/**
+ * NumberInput Component
+ *
+ * A numeric input with increment/decrement buttons
+ *
+ * @example
+ * <NumberInput value={35} onChange={(val) => console.log(val)} />
+ */
+declare const NumberInput: React.FC<NumberInputProps>;
+
 interface IconProps {
     /**
      * Icon name from registry (requires IconProvider)
@@ -698,7 +754,7 @@ interface TabsProps {
  */
 declare const Tabs: React.FC<TabsProps>;
 
-interface TooltipProps extends Omit<TooltipProps$1, 'overlay'> {
+interface TooltipProps extends Partial<TooltipProps$1> {
     /**
      * Tooltip content
      */
@@ -715,6 +771,10 @@ interface TooltipProps extends Omit<TooltipProps$1, 'overlay'> {
      * Children element that triggers the tooltip
      */
     children: React.ReactElement;
+    /**
+     * Function to get the container element for the tooltip
+     */
+    getPopupContainer?: (triggerNode: HTMLElement) => HTMLElement;
 }
 /**
  * Tooltip Component
@@ -933,4 +993,4 @@ declare const createUIConfig: (config: UIConfig) => UIConfig;
  */
 declare const mergeUIConfig: (baseConfig: UIConfig, ...configs: Partial<UIConfig>[]) => UIConfig;
 
-export { type A11yConfig, type AnimationConfig, Button, type ButtonProps, Checkbox, type CheckboxProps, type I18nConfig, Icon, type IconComponent, type IconProps, IconProvider, type IconProviderProps, type IconRegistry, Input, type InputProps, Radio, type RadioProps, SearchInput, type SearchInputProps, Slider, type SliderProps, SpinButton, type SpinButtonProps, Switch, type SwitchProps, type TabItem, Tabs, type TabsProps, Toast, type ToastConfig, ToastContainer, type ToastContainerProps, type ToastPosition, type ToastProps, Tooltip, type TooltipProps, type UIConfig, UIConfigProvider, type UIConfigProviderProps, type ZIndexConfig, createUIConfig, mergeUIConfig, useIconRegistry, useToast, useUIConfig };
+export { type A11yConfig, type AnimationConfig, Button, type ButtonProps, Checkbox, type CheckboxProps, type I18nConfig, Icon, type IconComponent, type IconProps, IconProvider, type IconProviderProps, type IconRegistry, Input, type InputProps, NumberInput, type NumberInputProps, Radio, type RadioProps, SearchInput, type SearchInputProps, Slider, type SliderProps, SpinButton, type SpinButtonProps, Switch, type SwitchProps, type TabItem, Tabs, type TabsProps, Toast, type ToastConfig, ToastContainer, type ToastContainerProps, type ToastPosition, type ToastProps, Tooltip, type TooltipProps, type UIConfig, UIConfigProvider, type UIConfigProviderProps, type ZIndexConfig, createUIConfig, mergeUIConfig, useIconRegistry, useToast, useUIConfig };

package/dist/components/index.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { TooltipProps as TooltipProps$1 } from 'rc-tooltip/lib/Tooltip';
 
-interface ButtonProps {
+interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
     /**
      * Button variant type
      */
@@ -39,22 +39,6 @@ interface ButtonProps {
      * Whether the icon button should have a border (only for variant='icon')
      */
     iconBordered?: boolean;
-    /**
-     * Click event handler
-     */
-    onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
-    /**
-     * Button content
-     */
-    children?: React.ReactNode;
-    /**
-     * Custom className
-     */
-    className?: string;
-    /**
-     * Custom inline styles
-     */
-    style?: React.CSSProperties;
 }
 /**
  * Button Component
@@ -428,6 +412,78 @@ interface SearchInputProps extends Omit<InputProps, 'size' | 'prefixNode'> {
  */
 declare const SearchInput: React.ForwardRefExoticComponent<SearchInputProps & React.RefAttributes<HTMLInputElement>>;
 
+interface NumberInputProps {
+    /**
+     * Current value
+     */
+    value?: number;
+    /**
+     * Default value
+     */
+    defaultValue?: number;
+    /**
+     * Minimum value
+     */
+    min?: number;
+    /**
+     * Maximum value
+     */
+    max?: number;
+    /**
+     * Step increment/decrement
+     */
+    step?: number;
+    /**
+     * Size variant
+     */
+    size?: 'small' | 'large';
+    /**
+     * Whether the input is disabled
+     */
+    disabled?: boolean;
+    /**
+     * Whether to show alert state (red border)
+     */
+    alert?: boolean;
+    /**
+     * Number of decimal places
+     */
+    precision?: number;
+    /**
+     * Format the display value
+     */
+    formatter?: (value: number) => string;
+    /**
+     * Parse the input value
+     */
+    parser?: (displayValue: string) => number;
+    /**
+     * Unit text to display after the input
+     */
+    unit?: string;
+    /**
+     * Callback when value changes
+     */
+    onChange?: (value: number | null) => void;
+    /**
+     * Custom className
+     */
+    className?: string;
+    /**
+     * Custom style
+     */
+    style?: React.CSSProperties;
+}
+/**
+ * NumberInput Component
+ *
+ * A numeric input with increment/decrement buttons
+ *
+ * @example
+ * <NumberInput value={35} onChange={(val) => console.log(val)} />
+ */
+declare const NumberInput: React.FC<NumberInputProps>;
+
 interface IconProps {
     /**
      * Icon name from registry (requires IconProvider)
@@ -698,7 +754,7 @@ interface TabsProps {
  */
 declare const Tabs: React.FC<TabsProps>;
 
-interface TooltipProps extends Omit<TooltipProps$1, 'overlay'> {
+interface TooltipProps extends Partial<TooltipProps$1> {
     /**
      * Tooltip content
      */
@@ -715,6 +771,10 @@ interface TooltipProps extends Omit<TooltipProps$1, 'overlay'> {
      * Children element that triggers the tooltip
      */
     children: React.ReactElement;
+    /**
+     * Function to get the container element for the tooltip
+     */
+    getPopupContainer?: (triggerNode: HTMLElement) => HTMLElement;
 }
 /**
  * Tooltip Component
@@ -933,4 +993,4 @@ declare const createUIConfig: (config: UIConfig) => UIConfig;
  */
 declare const mergeUIConfig: (baseConfig: UIConfig, ...configs: Partial<UIConfig>[]) => UIConfig;
 
-export { type A11yConfig, type AnimationConfig, Button, type ButtonProps, Checkbox, type CheckboxProps, type I18nConfig, Icon, type IconComponent, type IconProps, IconProvider, type IconProviderProps, type IconRegistry, Input, type InputProps, Radio, type RadioProps, SearchInput, type SearchInputProps, Slider, type SliderProps, SpinButton, type SpinButtonProps, Switch, type SwitchProps, type TabItem, Tabs, type TabsProps, Toast, type ToastConfig, ToastContainer, type ToastContainerProps, type ToastPosition, type ToastProps, Tooltip, type TooltipProps, type UIConfig, UIConfigProvider, type UIConfigProviderProps, type ZIndexConfig, createUIConfig, mergeUIConfig, useIconRegistry, useToast, useUIConfig };
+export { type A11yConfig, type AnimationConfig, Button, type ButtonProps, Checkbox, type CheckboxProps, type I18nConfig, Icon, type IconComponent, type IconProps, IconProvider, type IconProviderProps, type IconRegistry, Input, type InputProps, NumberInput, type NumberInputProps, Radio, type RadioProps, SearchInput, type SearchInputProps, Slider, type SliderProps, SpinButton, type SpinButtonProps, Switch, type SwitchProps, type TabItem, Tabs, type TabsProps, Toast, type ToastConfig, ToastContainer, type ToastContainerProps, type ToastPosition, type ToastProps, Tooltip, type TooltipProps, type UIConfig, UIConfigProvider, type UIConfigProviderProps, type ZIndexConfig, createUIConfig, mergeUIConfig, useIconRegistry, useToast, useUIConfig };