@true-tech-team/react-components 1.1.1 → 1.2.0

package/lib/components/buttons/ButtonGroup/ButtonGroup.d.ts

@@ -0,0 +1,49 @@
+import { default as React } from 'react';
+import { BaseComponentProps, ComponentVariant } from '../../../types';
+export interface ButtonGroupProps extends BaseComponentProps {
+    /**
+     * Orientation of the button group
+     * @default 'horizontal'
+     */
+    orientation?: 'horizontal' | 'vertical';
+    /**
+     * Whether buttons should take full width (distribute equally)
+     * @default false
+     */
+    fullWidth?: boolean;
+    /**
+     * Default variant applied to every button in the group, so they share the same
+     * text/icon and background color. A button can override this by specifying its
+     * own `variant` prop directly.
+     * @default 'primary'
+     */
+    variant?: ComponentVariant;
+    /**
+     * Button-like children (e.g. Button, IconButton)
+     */
+    children: React.ReactNode;
+}
+/**
+ * ButtonGroup component - visually groups buttons that each have their own action
+ *
+ * Unlike ButtonToggleGroup, there is no shared selection state: each child button
+ * keeps its own onClick handler and is rendered as passed. Use this to group
+ * related but distinct actions, such as a primary text button paired with an
+ * icon button.
+ *
+ * Buttons share the group's `variant` (same text/icon and background color) by
+ * default, and are separated by a divider colored to match that text color.
+ * Pass `variant` directly on a child to opt it out and give it a different look.
+ *
+ * @example
+ * ```tsx
+ * <ButtonGroup>
+ *   <Button onClick={handleSave}>Save</Button>
+ *   <IconButton icon="chevron-down" aria-label="More options" onClick={handleMore} />
+ * </ButtonGroup>
+ * ```
+ */
+export declare const ButtonGroup: ({ ref, orientation, fullWidth, variant, children, className, "data-testid": testId, "aria-label": ariaLabel, style, ...restProps }: ButtonGroupProps & {
+    ref?: React.Ref<HTMLDivElement>;
+}) => React.JSX.Element;
+export default ButtonGroup;

package/lib/components/buttons/ButtonGroup/index.d.ts

@@ -0,0 +1,3 @@
+export { ButtonGroup } from './ButtonGroup';
+export type { ButtonGroupProps } from './ButtonGroup';
+export { default } from './ButtonGroup';

package/lib/components/index.d.ts

@@ -4,6 +4,8 @@ export { IconButton } from './buttons/IconButton';
 export type { IconButtonProps } from './buttons/IconButton';
 export { ToggleButton } from './buttons/ToggleButton';
 export type { ToggleButtonProps } from './buttons/ToggleButton';
+export { ButtonGroup } from './buttons/ButtonGroup';
+export type { ButtonGroupProps } from './buttons/ButtonGroup';
 export { ButtonToggleGroup, ButtonToggleGroupItem, ButtonToggleGroupContext, useButtonToggleGroup, } from './buttons/ButtonToggleGroup';
 export type { ButtonToggleGroupProps, ButtonToggleGroupItemProps, ButtonToggleGroupContextValue, } from './buttons/ButtonToggleGroup';
 export { Icon } from './display/Icon';

package/lib/components/overlays/Toast/Toast.d.ts

@@ -99,5 +99,9 @@ export interface ToastProps extends BaseComponentProps {
  * Toast component
  * Single toast notification with auto-dismiss and actions
  */
-export declare const Toast: React.FC<ToastProps>;
+export declare const Toast: ({ id, variant, title, message, icon, hideIcon, duration, dismissible, action, onDismiss, showProgress, pauseOnHover, render, animationState, animationDuration, position, className, "data-testid": testId, style, createdAt: _createdAt, pausedAt: _pausedAt, remainingDuration: _remainingDuration, ...restProps }: ToastProps & {
+    createdAt?: number;
+    pausedAt?: number;
+    remainingDuration?: number;
+}) => string | number | bigint | boolean | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | React.JSX.Element | null | undefined;
 export default Toast;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@true-tech-team/react-components",
-  "version": "1.1.1",
+  "version": "1.2.0",
   "description": "React TypeScript component library",
   "main": "./index.js",
   "types": "./index.d.ts",