@officesdk/design 0.1.2 → 0.1.5

package/dist/components/{index.d.ts → cjs/index.d.ts}

@@ -1,5 +1,7 @@
 import React from 'react';
 import { TooltipProps as TooltipProps$1 } from 'rc-tooltip/lib/Tooltip';
+import { ThemedStyledInterface } from 'styled-components';
+import { CommonThemeConfig } from '@officesdk/editor-sdk-core/shared';
 
 interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
     /**
@@ -758,7 +760,7 @@ interface TooltipProps extends Partial<TooltipProps$1> {
     /**
      * Tooltip content
      */
-    content: React.ReactNode;
+    content?: React.ReactNode;
     /**
      * Tooltip variant
      */
@@ -803,6 +805,74 @@ interface TooltipProps extends Partial<TooltipProps$1> {
  */
 declare const Tooltip: React.FC<TooltipProps>;
 
+interface ToolbarButtonProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onClick'> {
+    /**
+     * Whether the button is disabled
+     */
+    disabled?: boolean;
+    /**
+     * Whether the button is in active state
+     */
+    active?: boolean;
+    /**
+     * Icon to display
+     */
+    icon?: React.ReactNode;
+    /**
+     * Label text
+     */
+    label?: string;
+    /**
+     * Whether to show dropdown arrow
+     */
+    hasDropdown?: boolean;
+    /**
+     * Whether the dropdown section is clickable separately
+     */
+    splitDropdown?: boolean;
+    /**
+     * Click handler for main button
+     */
+    onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;
+    /**
+     * Click handler for dropdown section
+     */
+    onDropdownClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;
+    /**
+     * Custom className
+     */
+    className?: string;
+    /**
+     * Custom style
+     */
+    style?: React.CSSProperties;
+}
+/**
+ * ToolbarButton Component
+ *
+ * A toolbar button with optional icon, label, and dropdown functionality
+ *
+ * @example
+ * // Icon only button
+ * <ToolbarButton icon={<Icon />} />
+ *
+ * @example
+ * // Button with label and dropdown
+ * <ToolbarButton icon={<Icon />} label="Format" hasDropdown />
+ *
+ * @example
+ * // Button with split dropdown
+ * <ToolbarButton
+ *   icon={<Icon />}
+ *   label="Format"
+ *   hasDropdown
+ *   splitDropdown
+ *   onClick={handleClick}
+ *   onDropdownClick={handleDropdownClick}
+ * />
+ */
+declare const ToolbarButton: React.FC<ToolbarButtonProps>;
+
 type ToastPosition = 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left' | 'top-center' | 'bottom-center';
 interface ToastConfig {
     /**
@@ -993,4 +1063,8 @@ 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, 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 };
+declare const styled: ThemedStyledInterface<CommonThemeConfig>;
+
+declare const getGlobalTheme: () => Record<string, any>;
+
+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, ToolbarButton, type ToolbarButtonProps, Tooltip, type TooltipProps, type UIConfig, UIConfigProvider, type UIConfigProviderProps, type ZIndexConfig, createUIConfig, getGlobalTheme, mergeUIConfig, styled, useIconRegistry, useToast, useUIConfig };