@officesdk/design 0.1.21 → 0.1.23

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

@@ -1,11 +1,11 @@
-import React from 'react';
+import React$1 from 'react';
 import { TooltipProps as TooltipProps$1 } from 'rc-tooltip/lib/Tooltip';
 import { DropdownProps as DropdownProps$1 } from 'rc-dropdown';
 import * as styled_components from 'styled-components';
 import { ThemedStyledInterface } from 'styled-components';
 import { Theme } from '@officesdk/design/theme';
 
-interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+interface ButtonProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement> {
     /**
      * Button variant type
      * - 'icon': Square icon button without padding, size based on iconSize
@@ -37,7 +37,7 @@ interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
      * - If string: treated as icon src URL, rendered using Icon component
      * - If ReactNode: rendered directly
      */
-    icon?: string | React.ReactNode;
+    icon?: string | React$1.ReactNode;
     /**
      * Icon placement relative to text (only for text buttons)
      */
@@ -70,7 +70,7 @@ interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
  * // Icon variant button without border
  * <Button variant="icon" icon={<CustomIcon />} />
  */
-declare const Button: React.FC<ButtonProps>;
+declare const Button: React$1.FC<ButtonProps>;
 
 interface SpinButtonProps {
     /**
@@ -132,7 +132,7 @@ interface SpinButtonProps {
     /**
      * Custom style
      */
-    style?: React.CSSProperties;
+    style?: React$1.CSSProperties;
 }
 /**
  * SpinButton Component - Spin Button
@@ -142,7 +142,7 @@ interface SpinButtonProps {
  * @example
  * <SpinButton value={35} onChange={(val) => console.log(val)} />
  */
-declare const SpinButton: React.FC<SpinButtonProps>;
+declare const SpinButton: React$1.FC<SpinButtonProps>;
 
 interface SwitchProps {
     /**
@@ -172,7 +172,7 @@ interface SwitchProps {
     /**
      * Custom style
      */
-    style?: React.CSSProperties;
+    style?: React$1.CSSProperties;
 }
 /**
  * Switch Component
@@ -182,7 +182,7 @@ interface SwitchProps {
  * @example
  * <Switch checked={true} onChange={(checked) => console.log(checked)} />
  */
-declare const Switch: React.FC<SwitchProps>;
+declare const Switch: React$1.FC<SwitchProps>;
 
 interface RadioProps {
     /**
@@ -214,7 +214,7 @@ interface RadioProps {
     /**
      * Callback when checked state changes
      */
-    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    onChange?: (event: React$1.ChangeEvent<HTMLInputElement>) => void;
     /**
      * prevent default click event, if true, change event will not be triggered
      * @default false
@@ -227,7 +227,7 @@ interface RadioProps {
     /**
      * Custom style
      */
-    style?: React.CSSProperties;
+    style?: React$1.CSSProperties;
 }
 /**
  * Radio Component
@@ -237,7 +237,7 @@ interface RadioProps {
  * @example
  * <Radio checked={true} onChange={(e) => console.log(e.target.checked)} />
  */
-declare const Radio: React.FC<RadioProps>;
+declare const Radio: React$1.FC<RadioProps>;
 
 interface CheckboxProps {
     /**
@@ -271,7 +271,7 @@ interface CheckboxProps {
     /**
      * Callback when checked state changes
      */
-    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    onChange?: (event: React$1.ChangeEvent<HTMLInputElement>) => void;
     /**
      * prevent default click event, if true, change event will not be triggered
      * @default false
@@ -284,7 +284,7 @@ interface CheckboxProps {
     /**
      * Custom style
      */
-    style?: React.CSSProperties;
+    style?: React$1.CSSProperties;
 }
 /**
  * Checkbox Component
@@ -298,7 +298,7 @@ interface CheckboxProps {
  * // Indeterminate state
  * <Checkbox indeterminate={true} />
  */
-declare const Checkbox: React.FC<CheckboxProps>;
+declare const Checkbox: React$1.FC<CheckboxProps>;
 
 interface SliderProps {
     /**
@@ -344,7 +344,7 @@ interface SliderProps {
     /**
      * Custom style
      */
-    style?: React.CSSProperties;
+    style?: React$1.CSSProperties;
 }
 /**
  * Slider Component
@@ -354,11 +354,11 @@ interface SliderProps {
  * @example
  * <Slider value={35} onChange={(val) => console.log(val)} />
  */
-declare const Slider: React.FC<SliderProps>;
+declare const Slider: React$1.FC<SliderProps>;
 
 type InputSize = 'mini' | 'small' | 'medium' | 'large';
 type LineType = 'outlined' | 'underlined' | 'borderless';
-interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'prefix'> {
+interface InputProps extends Omit<React$1.InputHTMLAttributes<HTMLInputElement>, 'size' | 'prefix'> {
     /**
      * Input line type
      */
@@ -378,11 +378,11 @@ interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, '
     /**
      * Node to display before the input
      */
-    prefixNode?: React.ReactNode;
+    prefixNode?: React$1.ReactNode;
     /**
      * Node to display after the input
      */
-    suffixNode?: React.ReactNode;
+    suffixNode?: React$1.ReactNode;
     /**
      * Whether to show clear button when input has value
      */
@@ -394,7 +394,7 @@ interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, '
     /**
      * Custom clear icon
      */
-    clearIcon?: React.ReactNode;
+    clearIcon?: React$1.ReactNode;
     /**
      * Custom className
      */
@@ -402,7 +402,7 @@ interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, '
     /**
      * Custom inline styles
      */
-    style?: React.CSSProperties;
+    style?: React$1.CSSProperties;
     /**
      * Custom input className
      */
@@ -410,7 +410,7 @@ interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, '
     /**
      * Custom input styles
      */
-    inputStyle?: React.CSSProperties;
+    inputStyle?: React$1.CSSProperties;
 }
 /**
  * Input Component
@@ -435,7 +435,7 @@ interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, '
  * // Input with error state
  * <Input error placeholder="Enter text" />
  */
-declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
+declare const Input: React$1.ForwardRefExoticComponent<InputProps & React$1.RefAttributes<HTMLInputElement>>;
 
 interface SearchInputProps extends Omit<InputProps, 'prefixNode' | 'suffixNode'> {
     /**
@@ -457,7 +457,7 @@ interface SearchInputProps extends Omit<InputProps, 'prefixNode' | 'suffixNode'>
     /**
      * Custom search icon (URL string or React node)
      */
-    searchIcon?: string | React.ReactNode;
+    searchIcon?: string | React$1.ReactNode;
 }
 /**
  * SearchInput Component
@@ -482,7 +482,7 @@ interface SearchInputProps extends Omit<InputProps, 'prefixNode' | 'suffixNode'>
  * <SearchInput size="medium" placeholder="Search..." />
  * <SearchInput size="large" placeholder="Search..." />
  */
-declare const SearchInput: React.ForwardRefExoticComponent<SearchInputProps & React.RefAttributes<HTMLInputElement>>;
+declare const SearchInput: React$1.ForwardRefExoticComponent<SearchInputProps & React$1.RefAttributes<HTMLInputElement>>;
 
 /**
  * UnderlinedInput Component
@@ -499,7 +499,7 @@ declare const SearchInput: React.ForwardRefExoticComponent<SearchInputProps & Re
  * // New way (recommended)
  * <Input lineType="underlined" placeholder="Search..." />
  */
-declare const UnderlinedInput: React.ForwardRefExoticComponent<Omit<InputProps, "lineType"> & React.RefAttributes<HTMLInputElement>>;
+declare const UnderlinedInput: React$1.ForwardRefExoticComponent<Omit<InputProps, "lineType"> & React$1.RefAttributes<HTMLInputElement>>;
 
 interface NumberInputProps {
     /**
@@ -567,7 +567,7 @@ interface NumberInputProps {
     /**
      * Custom style
      */
-    style?: React.CSSProperties;
+    style?: React$1.CSSProperties;
 }
 /**
  * NumberInput Component
@@ -577,7 +577,7 @@ interface NumberInputProps {
  * @example
  * <NumberInput value={35} onChange={(val) => console.log(val)} />
  */
-declare const NumberInput: React.FC<NumberInputProps>;
+declare const NumberInput: React$1.FC<NumberInputProps>;
 
 interface IconProps {
     /**
@@ -591,7 +591,7 @@ interface IconProps {
     /**
      * Custom icon element (takes precedence over name and src)
      */
-    children?: React.ReactNode;
+    children?: React$1.ReactNode;
     /**
      * Size of the icon (px)
      */
@@ -611,11 +611,11 @@ interface IconProps {
     /**
      * Custom style
      */
-    style?: React.CSSProperties;
+    style?: React$1.CSSProperties;
     /**
      * Click handler
      */
-    onClick?: (e: React.MouseEvent) => void;
+    onClick?: (e: React$1.MouseEvent) => void;
 }
 /**
  * Icon Component
@@ -639,9 +639,9 @@ interface IconProps {
  * import { CloseIcon } from '@officesdk/design/icons';
  * <Icon><CloseIcon /></Icon>
  */
-declare const Icon: React.FC<IconProps>;
+declare const Icon: React$1.FC<IconProps>;
 
-type IconComponent = React.ComponentType<React.SVGProps<SVGSVGElement>>;
+type IconComponent = React$1.ComponentType<React$1.SVGProps<SVGSVGElement>>;
 type IconRegistry = Record<string, IconComponent>;
 interface IconProviderProps {
     /**
@@ -652,7 +652,7 @@ interface IconProviderProps {
     /**
      * Children components
      */
-    children: React.ReactNode;
+    children: React$1.ReactNode;
 }
 /**
  * IconProvider Component
@@ -667,13 +667,13 @@ interface IconProviderProps {
  *   <App />
  * </IconProvider>
  */
-declare const IconProvider: React.FC<IconProviderProps>;
+declare const IconProvider: React$1.FC<IconProviderProps>;
 /**
  * Hook to access icon registry from context
  */
 declare const useIconRegistry: () => IconRegistry | null;
 
-interface ToastProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'className' | 'style' | 'children' | 'onClick'> {
+interface ToastProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>, 'className' | 'style' | 'children' | 'onClick'> {
     /**
      * Toast variant type
      */
@@ -681,7 +681,7 @@ interface ToastProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'classNa
     /**
      * Toast message content (main text)
      */
-    message: React.ReactNode;
+    message: React$1.ReactNode;
     /**
      * Optional description text (shows below message in multiline mode)
      */
@@ -717,7 +717,7 @@ interface ToastProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'classNa
     /**
      * Custom icon (overrides default variant icon)
      */
-    icon?: React.ReactNode;
+    icon?: React$1.ReactNode;
     /**
      * Whether to show icon
      */
@@ -729,7 +729,7 @@ interface ToastProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'classNa
     /**
      * Custom style
      */
-    style?: React.CSSProperties;
+    style?: React$1.CSSProperties;
 }
 /**
  * Toast Component
@@ -762,16 +762,16 @@ interface ToastProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'classNa
  *   closable
  * />
  */
-declare const Toast: React.FC<ToastProps>;
+declare const Toast: React$1.FC<ToastProps>;
 
 interface ToastContextValue {
     showToast: (props: Omit<ToastProps, 'onClose'>) => string;
     hideToast: (id: string) => void;
-    success: (message: React.ReactNode, options?: Partial<ToastProps>) => string;
-    info: (message: React.ReactNode, options?: Partial<ToastProps>) => string;
-    error: (message: React.ReactNode, options?: Partial<ToastProps>) => string;
-    warn: (message: React.ReactNode, options?: Partial<ToastProps>) => string;
-    loading: (message: React.ReactNode, options?: Partial<ToastProps>) => string;
+    success: (message: React$1.ReactNode, options?: Partial<ToastProps>) => string;
+    info: (message: React$1.ReactNode, options?: Partial<ToastProps>) => string;
+    error: (message: React$1.ReactNode, options?: Partial<ToastProps>) => string;
+    warn: (message: React$1.ReactNode, options?: Partial<ToastProps>) => string;
+    loading: (message: React$1.ReactNode, options?: Partial<ToastProps>) => string;
 }
 interface ToastContainerProps {
     placement?: 'top-right' | 'top-left' | 'top-center' | 'bottom-right' | 'bottom-left' | 'bottom-center';
@@ -786,7 +786,7 @@ interface ToastContainerProps {
     /**
      * Children components
      */
-    children: React.ReactNode;
+    children: React$1.ReactNode;
 }
 /**
  * ToastContainer Component
@@ -798,7 +798,7 @@ interface ToastContainerProps {
  *   <App />
  * </ToastContainer>
  */
-declare const ToastContainer: React.FC<ToastContainerProps>;
+declare const ToastContainer: React$1.FC<ToastContainerProps>;
 /**
  * Hook to access toast methods
  *
@@ -844,11 +844,11 @@ declare const toast: {
     show: (props: Omit<ToastProps, "onClose">) => string;
     hide: (id: string) => void;
     hideAll: () => void;
-    success: (message: React.ReactNode, options?: Partial<ToastProps>) => string;
-    info: (message: React.ReactNode, options?: Partial<ToastProps>) => string;
-    error: (message: React.ReactNode, options?: Partial<ToastProps>) => string;
-    warn: (message: React.ReactNode, options?: Partial<ToastProps>) => string;
-    loading: (message: React.ReactNode, options?: Partial<ToastProps>) => string;
+    success: (message: React$1.ReactNode, options?: Partial<ToastProps>) => string;
+    info: (message: React$1.ReactNode, options?: Partial<ToastProps>) => string;
+    error: (message: React$1.ReactNode, options?: Partial<ToastProps>) => string;
+    warn: (message: React$1.ReactNode, options?: Partial<ToastProps>) => string;
+    loading: (message: React$1.ReactNode, options?: Partial<ToastProps>) => string;
     destroy: () => void;
 };
 
@@ -868,7 +868,7 @@ interface TabItem {
     /**
      * Custom icon
      */
-    icon?: React.ReactNode;
+    icon?: React$1.ReactNode;
 }
 interface TabsProps {
     /**
@@ -902,7 +902,7 @@ interface TabsProps {
     /**
      * Custom style
      */
-    style?: React.CSSProperties;
+    style?: React$1.CSSProperties;
 }
 /**
  * Tab Component
@@ -918,13 +918,13 @@ interface TabsProps {
  *   defaultActiveKey="1"
  * />
  */
-declare const Tabs: React.FC<TabsProps>;
+declare const Tabs: React$1.FC<TabsProps>;
 
 interface TooltipProps extends Omit<Partial<TooltipProps$1>, 'prefixCls'> {
     /**
      * Tooltip content
      */
-    content?: React.ReactNode;
+    content?: React$1.ReactNode;
     /**
      * Tooltip variant
      */
@@ -936,7 +936,7 @@ interface TooltipProps extends Omit<Partial<TooltipProps$1>, 'prefixCls'> {
     /**
      * Children element that triggers the tooltip
      */
-    children: React.ReactElement;
+    children: React$1.ReactElement;
     /**
      * Function to get the container element for the tooltip
      */
@@ -967,9 +967,9 @@ interface TooltipProps extends Omit<Partial<TooltipProps$1>, 'prefixCls'> {
  *   <button>Hover me</button>
  * </Tooltip>
  */
-declare const Tooltip: React.FC<TooltipProps>;
+declare const Tooltip: React$1.FC<TooltipProps>;
 
-interface ToolbarButtonProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onClick'> {
+interface ToolbarButtonProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>, 'onClick'> {
     /**
      * Whether the button is disabled
      */
@@ -981,7 +981,7 @@ interface ToolbarButtonProps extends Omit<React.HTMLAttributes<HTMLDivElement>,
     /**
      * Icon to display
      */
-    icon?: React.ReactNode;
+    icon?: React$1.ReactNode;
     /**
      * Label text
      */
@@ -997,11 +997,11 @@ interface ToolbarButtonProps extends Omit<React.HTMLAttributes<HTMLDivElement>,
     /**
      * Click handler for main button
      */
-    onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;
+    onClick?: (e: React$1.MouseEvent<HTMLButtonElement>) => void;
     /**
      * Click handler for dropdown section
      */
-    onDropdownClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;
+    onDropdownClick?: (e: React$1.MouseEvent<HTMLButtonElement>) => void;
     /**
      * Custom className
      */
@@ -1009,7 +1009,7 @@ interface ToolbarButtonProps extends Omit<React.HTMLAttributes<HTMLDivElement>,
     /**
      * Custom style
      */
-    style?: React.CSSProperties;
+    style?: React$1.CSSProperties;
 }
 /**
  * ToolbarButton Component
@@ -1035,11 +1035,11 @@ interface ToolbarButtonProps extends Omit<React.HTMLAttributes<HTMLDivElement>,
  *   onDropdownClick={handleDropdownClick}
  * />
  */
-declare const ToolbarButton: React.FC<ToolbarButtonProps>;
+declare const ToolbarButton: React$1.FC<ToolbarButtonProps>;
 
 type DropdownButtonSize = 'large' | 'medium';
 type DropdownButtonVariant = 'framed' | 'frameless';
-interface DropdownButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'type'> {
+interface DropdownButtonProps extends Omit<React$1.ButtonHTMLAttributes<HTMLButtonElement>, 'type'> {
     /**
      * Button variant
      * - framed: with border (40px large)
@@ -1061,11 +1061,11 @@ interface DropdownButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButton
     /**
      * Optional icon (URL string or ReactNode)
      */
-    icon?: string | React.ReactNode;
+    icon?: string | React$1.ReactNode;
     /**
      * Custom indicator/arrow icon
      */
-    indicatorIcon?: React.ReactNode;
+    indicatorIcon?: React$1.ReactNode;
     /**
      * Whether the dropdown is open (controls arrow rotation)
      */
@@ -1085,11 +1085,11 @@ interface DropdownButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButton
     /**
      * Custom style
      */
-    style?: React.CSSProperties;
+    style?: React$1.CSSProperties;
     /**
      * Custom text style
      */
-    textStyle?: React.CSSProperties;
+    textStyle?: React$1.CSSProperties;
 }
 /**
  * DropdownButton Component
@@ -1112,14 +1112,14 @@ interface DropdownButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButton
  * // Open state (arrow rotated)
  * <DropdownButton open value="Option 1" />
  */
-declare const DropdownButton: React.ForwardRefExoticComponent<DropdownButtonProps & React.RefAttributes<HTMLButtonElement>>;
+declare const DropdownButton: React$1.ForwardRefExoticComponent<DropdownButtonProps & React$1.RefAttributes<HTMLButtonElement>>;
 
 interface MenuItem {
     type?: 'item';
     key: string;
     label: string;
     description?: string;
-    icon?: string | React.ReactNode;
+    icon?: string | React$1.ReactNode;
     disabled?: boolean;
     selected?: boolean;
     selectable?: boolean;
@@ -1193,7 +1193,7 @@ interface MenuProps {
     /**
      * Custom style
      */
-    style?: React.CSSProperties;
+    style?: React$1.CSSProperties;
 }
 /**
  * Menu Component
@@ -1228,13 +1228,13 @@ interface MenuProps {
  *   onSearch={(value) => console.log(value)}
  * />
  */
-declare const Menu: React.FC<MenuProps>;
+declare const Menu: React$1.FC<MenuProps>;
 
 interface DropdownProps extends Omit<Partial<DropdownProps$1>, 'prefixCls' | 'placement'> {
     /**
      * Dropdown overlay content (usually a Menu component)
      */
-    overlay?: React.ReactElement | (() => React.ReactElement);
+    overlay?: React$1.ReactElement | (() => React$1.ReactElement);
     /**
      * Trigger action (click, hover, contextMenu)
      */
@@ -1258,7 +1258,7 @@ interface DropdownProps extends Omit<Partial<DropdownProps$1>, 'prefixCls' | 'pl
     /**
      * Children element that triggers the dropdown
      */
-    children: React.ReactElement;
+    children: React$1.ReactElement;
     /**
      * Dropdown container class name
      */
@@ -1302,7 +1302,7 @@ interface DropdownProps extends Omit<Partial<DropdownProps$1>, 'prefixCls' | 'pl
  *   <span>Hover me</span>
  * </Dropdown>
  */
-declare const Dropdown: React.FC<DropdownProps>;
+declare const Dropdown: React$1.FC<DropdownProps>;
 
 declare const DropdownGlobalStyles: styled_components.GlobalStyleComponent<{}, styled_components.DefaultTheme>;
 declare const MenuGlobalStyles: styled_components.GlobalStyleComponent<{}, styled_components.DefaultTheme>;
@@ -1430,6 +1430,10 @@ interface UIConfig {
      * Accessibility configuration
      */
     a11y?: A11yConfig;
+    /**
+     * Render function
+     */
+    renderFunction?: (element: React.ReactElement, container: HTMLElement) => void;
 }
 
 interface UIConfigProviderProps {
@@ -1440,7 +1444,7 @@ interface UIConfigProviderProps {
     /**
      * Children components
      */
-    children: React.ReactNode;
+    children: React$1.ReactNode;
 }
 /**
  * UIConfigProvider Component (Optional, for React convenience)
@@ -1470,7 +1474,7 @@ interface UIConfigProviderProps {
  *   <App />
  * </UIConfigProvider>
  */
-declare const UIConfigProvider: React.FC<UIConfigProviderProps>;
+declare const UIConfigProvider: React$1.FC<UIConfigProviderProps>;
 /**
  * Hook to access UI configuration
  *
@@ -1572,7 +1576,7 @@ declare const getUIConfig: () => UIConfig | null;
 /**
  * Get global icon registry
  */
-declare const getGlobalIconRegistry: () => Record<string, React.ComponentType<React.SVGProps<SVGSVGElement>>> | null;
+declare const getGlobalIconRegistry: () => Record<string, React$1.ComponentType<React$1.SVGProps<SVGSVGElement>>> | null;
 /**
  * Get global toast config
  */