@servicetitan/anvil2 2.2.0 → 2.3.0

package/dist/beta/components/Table/DataTable/types.d.ts

@@ -1,4 +1,24 @@
+import { ReactNode } from 'react';
 import { TableRow } from '../types';
+import { Svg } from '../../../../types';
+/**
+ * Configuration for the empty state displayed when the DataTable has no data
+ */
+export type DataTableEmptyState = {
+    /**
+     * Optional SVG illustration component to display.
+     * Pass a single SVG component, or an object with `light` and `dark` properties
+     * to display different illustrations based on the user's color scheme preference.
+     */
+    svg?: Svg | {
+        light?: Svg;
+        dark?: Svg;
+    };
+    /**
+     * Optional content to display below the illustration
+     */
+    content?: ReactNode;
+};
 /**
  * Configuration for pagination in DataTable
  */

package/dist/beta/components/Toolbar/Toolbar.d.ts

@@ -1,4 +1,4 @@
-import { ToolbarOverflowTypes } from './types';
+import { ToolbarOverflowTypes, ToolbarSize } from './types';
 import { ComponentPropsWithoutRef, ReactElement } from 'react';
 import { LayoutUtilProps } from '../../../types';
 /**
@@ -25,6 +25,11 @@ export type ToolbarProps = ComponentPropsWithoutRef<"div"> & LayoutUtilProps & {
      * Additional items to display in the overflow menu
      */
     additionalItems?: ReactElement[];
+    /**
+     * Size of toolbar items
+     * @default xsmall
+     */
+    size?: ToolbarSize;
 };
 /**
  * Toolbar component for grouping related interactive elements with anvil2 tracking.
@@ -71,6 +76,11 @@ export declare const ToolbarElement: import('react').ForwardRefExoticComponent<O
      * Additional items to display in the overflow menu
      */
     additionalItems?: ReactElement[];
+    /**
+     * Size of toolbar items
+     * @default xsmall
+     */
+    size?: ToolbarSize;
 } & import('react').RefAttributes<HTMLDivElement>>;
 /**
  * Toolbar component for grouping related interactive elements.
@@ -129,6 +139,11 @@ export declare const Toolbar: import('react').ForwardRefExoticComponent<Omit<imp
      * Additional items to display in the overflow menu
      */
     additionalItems?: ReactElement[];
+    /**
+     * Size of toolbar items
+     * @default xsmall
+     */
+    size?: ToolbarSize;
 } & import('react').RefAttributes<HTMLDivElement>> & {
     /**
      * ToolbarButton component for standard clickable actions within a toolbar with anvil2 tracking.
@@ -139,7 +154,6 @@ export declare const Toolbar: import('react').ForwardRefExoticComponent<Omit<imp
      * - Automatic tooltip for icon-only buttons
      * - Overflow menu support
      * - Accessibility enforcement for aria-labels
-     * - Small size optimized for toolbar layout
      * - Ghost and primary appearance options
      * - Automatic tracking ID generation for analytics
      *
@@ -161,7 +175,6 @@ export declare const Toolbar: import('react').ForwardRefExoticComponent<Omit<imp
      * - Consistent styling with other toolbar items
      * - Overflow menu support
      * - Accessibility enforcement for aria-labels
-     * - Small size optimized for toolbar layout
      * - Ghost and primary appearance options
      * - Automatic tracking ID generation for analytics
      *
@@ -178,7 +191,6 @@ export declare const Toolbar: import('react').ForwardRefExoticComponent<Omit<imp
      * - Consistent styling with other toolbar items
      * - Overflow menu support
      * - Accessibility enforcement for aria-labels
-     * - Small size optimized for toolbar layout
      * - Ghost and primary appearance options
      * - Automatic tracking ID generation for analytics
      *
@@ -196,7 +208,6 @@ export declare const Toolbar: import('react').ForwardRefExoticComponent<Omit<imp
      * - Controlled and uncontrolled usage patterns
      * - Automatic overflow menu integration
      * - Accessibility support with proper ARIA labels
-     * - Small size optimized for toolbar layout
      * - Ghost and primary appearance options
      * - Dropdown arrow icon indicator
      * - Listbox integration for keyboard navigation
@@ -287,11 +298,10 @@ export declare const Toolbar: import('react').ForwardRefExoticComponent<Omit<imp
         "aria-label"?: string;
     } & import('react').RefAttributes<HTMLDivElement>>;
     /**
-     * ToolbarSearchField component renders a small-sized search field for use in toolbars.
+     * ToolbarSearchField component renders a search field for use in toolbars.
      *
      * Features:
      * - Renders a search field styled for toolbar usage
-     * - Always uses small size for compact layout
      * - Supports all SearchField props except size
      * - Integrates with toolbar layouts and accessibility
      *

package/dist/beta/components/Toolbar/ToolbarButton.d.ts

@@ -26,7 +26,6 @@ export type ToolbarButtonProps = WithAriaLabelEnforcement<ToolbarButtonBaseProps
  * - Automatic tooltip for icon-only buttons
  * - Overflow menu support
  * - Accessibility enforcement for aria-labels
- * - Small size optimized for toolbar layout
  * - Ghost and primary appearance options
  *
  * @example

package/dist/beta/components/Toolbar/ToolbarButtonLink.d.ts

@@ -27,7 +27,6 @@ export type ToolbarButtonLinkProps = WithAriaLabelEnforcement<ToolbarButtonLinkB
  * - Automatic tooltip for icon-only links
  * - Overflow menu support
  * - Accessibility enforcement for aria-labels
- * - Small size optimized for toolbar layout
  * - Ghost and primary appearance options
  * - Proper anchor element semantics
  *

package/dist/beta/components/Toolbar/ToolbarButtonToggle.d.ts

@@ -26,7 +26,6 @@ export type ToolbarButtonToggleProps = WithAriaLabelEnforcement<ToolbarButtonTog
  * - Automatic tooltip for icon-only toggles
  * - Overflow menu support
  * - Accessibility enforcement for aria-labels
- * - Small size optimized for toolbar layout
  * - Visual feedback for toggle state
  * - Proper ARIA attributes for toggle semantics
  *

package/dist/beta/components/Toolbar/ToolbarSearchField.d.ts

@@ -1,4 +1,4 @@
-import { SearchFieldProps } from '../../../components/SearchField';
+import { SearchFieldProps } from '../../../components/SearchField/internal/SearchField';
 /**
  * Props for the ToolbarSearchField component
  *
@@ -6,11 +6,10 @@ import { SearchFieldProps } from '../../../components/SearchField';
  */
 export type ToolbarSearchFieldProps = Omit<SearchFieldProps, "size">;
 /**
- * ToolbarSearchField component renders a small-sized search field for use in toolbars.
+ * ToolbarSearchField component renders a search field for use in toolbars.
  *
  * Features:
  * - Renders a search field styled for toolbar usage
- * - Always uses small size for compact layout
  * - Supports all SearchField props except size
  * - Integrates with toolbar layouts and accessibility
  *

package/dist/beta/components/Toolbar/ToolbarSelect.d.ts

@@ -44,7 +44,6 @@ export type ToolbarSelectProps<T = Record<string, unknown>> = Omit<React.Compone
  * - Controlled and uncontrolled usage patterns
  * - Automatic overflow menu integration
  * - Accessibility support with proper ARIA labels
- * - Small size optimized for toolbar layout
  * - Ghost and primary appearance options
  * - Dropdown arrow icon indicator
  * - Listbox integration for keyboard navigation

package/dist/beta/components/Toolbar/internal/{ToolbarOverflowContext.d.ts → ToolbarContext.d.ts}

@@ -1,9 +1,9 @@
 import { RefObject } from 'react';
-import { ToolbarItemProps, ToolbarOverflowTypes } from '../types';
+import { ToolbarItemProps, ToolbarOverflowTypes, ToolbarSize } from '../types';
 /**
- * Context for sharing toolbar state with child components for overflow handling
+ * Context for sharing toolbar state with child components
  */
-export type ToolbarOverFlowContextProps = {
+export type ToolbarContextProps = {
     /**
      * Array of toolbar items that should appear in the overflow menu
      */
@@ -28,8 +28,17 @@ export type ToolbarOverFlowContextProps = {
      * Overflow behavior type (wrap or collapse)
      */
     overflow: ToolbarOverflowTypes;
+    /**
+     * Size of toolbar child components
+     */
+    size: ToolbarSize;
 };
 /**
- * Context for managing toolbar overflow state and operations
+ * Context for managing toolbar state including overflow and size
+ */
+export declare const ToolbarContext: import('react').Context<ToolbarContextProps>;
+/**
+ * Hook to access the toolbar size from context
+ * @returns The current toolbar size
  */
-export declare const ToolbarOverflowContext: import('react').Context<ToolbarOverFlowContextProps>;
+export declare const useToolbarSize: () => ToolbarSize;

package/dist/beta/components/Toolbar/internal/utils/test.d.ts

@@ -3,7 +3,7 @@ import { ToolbarOverflowTypes } from '../../types';
 export declare const withOverflowItemContext: (children: ReactNode, isInOverflowMenu?: boolean) => import('react').FunctionComponentElement<import('react').ProviderProps<{
     isInOverflowMenu: boolean;
 }>>;
-export declare const createMockOverflowContext: (overrides?: {}) => {
+export declare const createMockToolbarContext: (overrides?: {}) => {
     overflowItems: never[];
     orderedIds: never[];
     addItem: import('vitest').Mock<(...args: any[]) => any>;
@@ -12,8 +12,9 @@ export declare const createMockOverflowContext: (overrides?: {}) => {
         current: HTMLDivElement;
     };
     overflow: ToolbarOverflowTypes;
+    size: "xsmall";
 };
-export declare const withToolbarOverflowContext: (children: ReactNode, contextValue?: {
+export declare const withToolbarContext: (children: ReactNode, contextValue?: {
     overflowItems: never[];
     orderedIds: never[];
     addItem: import('vitest').Mock<(...args: any[]) => any>;
@@ -22,7 +23,8 @@ export declare const withToolbarOverflowContext: (children: ReactNode, contextVa
         current: HTMLDivElement;
     };
     overflow: ToolbarOverflowTypes;
-}) => import('react').FunctionComponentElement<import('react').ProviderProps<import('../ToolbarOverflowContext').ToolbarOverFlowContextProps>>;
+    size: "xsmall";
+}) => import('react').FunctionComponentElement<import('react').ProviderProps<import('../ToolbarContext').ToolbarContextProps>>;
 export declare const mockIntersectionObserver: import('vitest').Mock<(...args: any[]) => any>;
 export declare const observerMap: Map<any, any>;
 export declare const createIntersectionEntry: (element: Element, isIntersecting: boolean) => IntersectionObserverEntry;

package/dist/beta/components/Toolbar/types.d.ts

@@ -1,9 +1,13 @@
-import { ButtonAppearance } from '../../../types';
+import { ButtonAppearance, Size } from '../../../types';
 import { IconProps } from '../../../components/Icon';
 import { ToolbarButtonProps } from './ToolbarButton';
 import { ToolbarButtonLinkProps } from './ToolbarButtonLink';
 import { ToolbarButtonToggleProps } from './ToolbarButtonToggle';
 import { ToolbarSelectProps } from './ToolbarSelect';
+/**
+ * Toolbar size options
+ */
+export type ToolbarSize = Extract<Size, "xsmall" | "small" | "medium" | "large">;
 /**
  * Toolbar overflow options
  */

package/dist/beta.js

@@ -1,9 +1,9 @@
-export { C as COLUMN_TYPE_DEFAULTS, D as DataTable, b as booleanFormatter, a as chipsFormatter, c as createColumnHelper, d as currencyFormatter, h as dateFormatPresets, e as dateFormatter, f as dateTimeFormatter, g as getColumnTypeDefaults, n as numberFormatter, p as percentFormatter, r as resolveColumnTypeConfig, t as timeFormatPresets, i as timeFormatter, y as yearlessDateFormatter } from './DataTable-D30sE1Xt.js';
-export { T as Toolbar, a as ToolbarButton, c as ToolbarButtonLink, b as ToolbarButtonToggle, e as ToolbarControlGroup, g as ToolbarElement, f as ToolbarSearchField, d as ToolbarSelect } from './Toolbar-CVOenuCF.js';
-export { u as useCalendarBetaProps } from './Calendar-D0CczOpQ.js';
-export { C as Calendar } from './Calendar-oNlBgZKB.js';
-export { S as SelectField, a as SelectFieldSync } from './SelectFieldSync-CigqXq3T.js';
-export { M as MultiSelectField, a as MultiSelectFieldSync } from './MultiSelectFieldSync-Bey99LzJ.js';
+export { C as COLUMN_TYPE_DEFAULTS, D as DataTable, b as booleanFormatter, a as chipsFormatter, c as createColumnHelper, d as currencyFormatter, h as dateFormatPresets, e as dateFormatter, f as dateTimeFormatter, g as getColumnTypeDefaults, n as numberFormatter, p as percentFormatter, r as resolveColumnTypeConfig, t as timeFormatPresets, i as timeFormatter, y as yearlessDateFormatter } from './DataTable-NzX8SCYT.js';
+export { T as Toolbar, a as ToolbarButton, c as ToolbarButtonLink, b as ToolbarButtonToggle, e as ToolbarControlGroup, g as ToolbarElement, f as ToolbarSearchField, d as ToolbarSelect } from './Toolbar-4VdevLJd.js';
+export { u as useCalendarBetaProps } from './Calendar-CtkL4zYU.js';
+export { C as Calendar } from './Calendar-CkgpKD7Q.js';
+export { S as SelectField, a as SelectFieldSync } from './SelectFieldSync-DfP3eETZ.js';
+export { M as MultiSelectField, a as MultiSelectFieldSync } from './MultiSelectFieldSync-ChDuxvhE.js';
 export { I as InteractiveCard } from './InteractiveCard-OszQGxGw.js';
-export { u as useAdaptiveView } from './FieldDialog-CAuhkCZY.js';
+export { u as useAdaptiveView } from './FieldDialog-BghhsL2B.js';
 //# sourceMappingURL=beta.js.map

package/dist/components/ButtonLink/ButtonLink.d.ts

@@ -21,7 +21,7 @@ export type ButtonLinkProps = LayoutUtilProps & ComponentPropsWithoutRef<"a"> &
      * The size of the button link.
      * @default medium
      */
-    size?: Extract<Size, "small" | "medium" | "large">;
+    size?: Extract<Size, "xsmall" | "small" | "medium" | "large">;
     /**
      * The icons of the button link.
      */
@@ -46,7 +46,7 @@ DataTrackingId;
  *
  * Features:
  * - Multiple visual appearances (primary, secondary, ghost, danger variants)
- * - Three size options (small, medium, large)
+ * - Four size options (xsmall, small, medium, large)
  * - Loading state with spinner animation
  * - Icon support (before, after, or icon-only)
  * - Full accessibility support with proper ARIA attributes
@@ -77,7 +77,7 @@ export declare const ButtonLink: import('react').ForwardRefExoticComponent<Layou
      * The size of the button link.
      * @default medium
      */
-    size?: Extract<Size, "small" | "medium" | "large">;
+    size?: Extract<Size, "xsmall" | "small" | "medium" | "large">;
     /**
      * The icons of the button link.
      */

package/dist/components/SearchField/SearchField.d.ts

@@ -1,26 +1,17 @@
-import { ComponentPropsWithoutRef } from 'react';
-import { DataTrackingId, LayoutUtilProps, Size } from '../../types';
+import { SearchFieldProps as CoreSearchFieldProps } from './internal/SearchField';
+import { DistributiveOmit } from '../../types';
 /**
  * Props for the SearchField component
  * @extends Omit<ComponentPropsWithoutRef<"input">, "size" | "prefix" | "required" | "children">
  * @extends LayoutUtilProps
  */
-export type SearchFieldProps = Omit<ComponentPropsWithoutRef<"input">, "size" | "prefix" | "required" | "children"> & LayoutUtilProps & {
+export type SearchFieldProps = DistributiveOmit<CoreSearchFieldProps, "size"> & {
     /**
      * Size of the search field
      * @default "medium"
      */
-    size?: Extract<Size, "small" | "medium" | "large">;
-    /**
-     * Whether the search field is disabled
-     * @default false
-     */
-    disabled?: boolean;
-    /**
-     * Callback when the clear button is clicked or activated via keyboard (Enter/Space)
-     */
-    onClear?: () => void;
-} & DataTrackingId;
+    size?: Extract<CoreSearchFieldProps["size"], "small" | "medium" | "large">;
+};
 /**
  * SearchField component for text input with search functionality.
  *
@@ -55,19 +46,10 @@ export type SearchFieldProps = Omit<ComponentPropsWithoutRef<"input">, "size" |
  *   disabled={isLoading}
  * />
  */
-export declare const SearchField: import('react').ForwardRefExoticComponent<Omit<Omit<import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "size" | "children" | "prefix" | "required"> & LayoutUtilProps & {
+export declare const SearchField: import('react').ForwardRefExoticComponent<Omit<CoreSearchFieldProps, "size"> & {
     /**
      * Size of the search field
      * @default "medium"
      */
-    size?: Extract<Size, "small" | "medium" | "large">;
-    /**
-     * Whether the search field is disabled
-     * @default false
-     */
-    disabled?: boolean;
-    /**
-     * Callback when the clear button is clicked or activated via keyboard (Enter/Space)
-     */
-    onClear?: () => void;
-} & DataTrackingId & import('react').RefAttributes<HTMLInputElement>>;
+    size?: Extract<CoreSearchFieldProps["size"], "small" | "medium" | "large">;
+} & import('react').RefAttributes<HTMLInputElement>>;

package/dist/components/SearchField/internal/SearchField.d.ts

@@ -0,0 +1,73 @@
+import { ComponentPropsWithoutRef } from 'react';
+import { DataTrackingId, LayoutUtilProps, Size } from '../../../types';
+/**
+ * Props for the SearchField component
+ * @extends Omit<ComponentPropsWithoutRef<"input">, "size" | "prefix" | "required" | "children">
+ * @extends LayoutUtilProps
+ */
+export type SearchFieldProps = Omit<ComponentPropsWithoutRef<"input">, "size" | "prefix" | "required" | "children"> & LayoutUtilProps & {
+    /**
+     * Size of the search field
+     * @default "medium"
+     */
+    size?: Extract<Size, "xsmall" | "small" | "medium" | "large">;
+    /**
+     * Whether the search field is disabled
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Callback when the clear button is clicked or activated via keyboard (Enter/Space)
+     */
+    onClear?: () => void;
+} & DataTrackingId;
+/**
+ * SearchField component for text input with search functionality.
+ *
+ * Features:
+ * - Search icon prefix for visual clarity
+ * - Clear button that appears when input has value
+ * - Arrow key navigation between input and clear button (Right arrow to clear button, Left arrow back to input)
+ * - Clear button activated with Enter/Space keys
+ * - Focus returns to input after clearing
+ * - Multiple size variants (xsmall, small, medium, large)
+ * - Controlled and uncontrolled modes
+ * - Disabled and read-only states
+ * - Accessibility support with proper ARIA attributes
+ * - Layout utility props for positioning and spacing
+ * - Automatic value detection for clear button visibility
+ * - Search-specific input type and autocomplete settings
+ * - Screen reader support with placeholder announcements
+ * - Automatic tracking ID generation for analytics
+ *
+ * @example
+ * <SearchField
+ *   placeholder="Search users..."
+ *   onChange={(e) => setSearchTerm(e.target.value)}
+ *   onClear={() => setSearchTerm("")}
+ * />
+ *
+ * @example
+ * <SearchField
+ *   size="large"
+ *   value={searchValue}
+ *   onChange={(e) => setSearchValue(e.target.value)}
+ *   disabled={isLoading}
+ * />
+ */
+export declare const SearchField: import('react').ForwardRefExoticComponent<Omit<Omit<import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "size" | "children" | "prefix" | "required"> & LayoutUtilProps & {
+    /**
+     * Size of the search field
+     * @default "medium"
+     */
+    size?: Extract<Size, "xsmall" | "small" | "medium" | "large">;
+    /**
+     * Whether the search field is disabled
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Callback when the clear button is clicked or activated via keyboard (Enter/Space)
+     */
+    onClear?: () => void;
+} & DataTrackingId & import('react').RefAttributes<HTMLInputElement>>;

package/dist/components/Toolbar/Toolbar.d.ts

@@ -1,4 +1,4 @@
-import { ToolbarOverflowTypes } from './types';
+import { ToolbarOverflowTypes, ToolbarSize } from './types';
 import { ComponentPropsWithoutRef, ReactElement } from 'react';
 import { LayoutUtilProps } from '../../types';
 /**
@@ -25,6 +25,11 @@ export type ToolbarProps = ComponentPropsWithoutRef<"div"> & LayoutUtilProps & {
      * Additional items to display in the overflow menu
      */
     additionalItems?: ReactElement[];
+    /**
+     * Size of toolbar items
+     * @default xsmall
+     */
+    size?: ToolbarSize;
 };
 /**
  * Toolbar component for grouping related interactive elements.
@@ -69,6 +74,11 @@ export declare const Toolbar: import('react').ForwardRefExoticComponent<Omit<imp
      * Additional items to display in the overflow menu
      */
     additionalItems?: ReactElement[];
+    /**
+     * Size of toolbar items
+     * @default xsmall
+     */
+    size?: ToolbarSize;
 } & import('react').RefAttributes<HTMLDivElement>> & {
     /**
      * ToolbarButton component for standard clickable actions within a toolbar with anvil2 tracking.
@@ -79,7 +89,6 @@ export declare const Toolbar: import('react').ForwardRefExoticComponent<Omit<imp
      * - Automatic tooltip for icon-only buttons
      * - Overflow menu support
      * - Accessibility enforcement for aria-labels
-     * - Small size optimized for toolbar layout
      * - Ghost and primary appearance options
      * - Automatic tracking ID generation for analytics
      *
@@ -101,7 +110,6 @@ export declare const Toolbar: import('react').ForwardRefExoticComponent<Omit<imp
      * - Consistent styling with other toolbar items
      * - Overflow menu support
      * - Accessibility enforcement for aria-labels
-     * - Small size optimized for toolbar layout
      * - Ghost and primary appearance options
      * - Automatic tracking ID generation for analytics
      *
@@ -118,7 +126,6 @@ export declare const Toolbar: import('react').ForwardRefExoticComponent<Omit<imp
      * - Consistent styling with other toolbar items
      * - Overflow menu support
      * - Accessibility enforcement for aria-labels
-     * - Small size optimized for toolbar layout
      * - Ghost and primary appearance options
      * - Automatic tracking ID generation for analytics
      *
@@ -136,7 +143,6 @@ export declare const Toolbar: import('react').ForwardRefExoticComponent<Omit<imp
      * - Controlled and uncontrolled usage patterns
      * - Automatic overflow menu integration
      * - Accessibility support with proper ARIA labels
-     * - Small size optimized for toolbar layout
      * - Ghost and primary appearance options
      * - Dropdown arrow icon indicator
      * - Listbox integration for keyboard navigation

package/dist/components/Toolbar/ToolbarButton.d.ts

@@ -30,7 +30,6 @@ export type ToolbarButtonProps = WithAriaLabelEnforcement<ToolbarButtonBaseProps
  * - Automatic tooltip for icon-only buttons
  * - Overflow menu support
  * - Accessibility enforcement for aria-labels
- * - Small size optimized for toolbar layout
  * - Ghost and primary appearance options
  *
  * @example

package/dist/components/Toolbar/ToolbarButtonLink.d.ts

@@ -27,7 +27,6 @@ export type ToolbarButtonLinkProps = WithAriaLabelEnforcement<ToolbarButtonLinkB
  * - Automatic tooltip for icon-only links
  * - Overflow menu support
  * - Accessibility enforcement for aria-labels
- * - Small size optimized for toolbar layout
  * - Ghost and primary appearance options
  * - Proper anchor element semantics
  *

package/dist/components/Toolbar/ToolbarButtonToggle.d.ts

@@ -21,7 +21,6 @@ export type ToolbarButtonToggleProps = WithAriaLabelEnforcement<ToolbarButtonTog
  * - Automatic tooltip for icon-only toggles
  * - Overflow menu support
  * - Accessibility enforcement for aria-labels
- * - Small size optimized for toolbar layout
  * - Visual feedback for toggle state
  * - Proper ARIA attributes for toggle semantics
  *

package/dist/components/Toolbar/ToolbarSelect.d.ts

@@ -44,7 +44,6 @@ export type ToolbarSelectProps<T = Record<string, unknown>> = Omit<React.Compone
  * - Controlled and uncontrolled usage patterns
  * - Automatic overflow menu integration
  * - Accessibility support with proper ARIA labels
- * - Small size optimized for toolbar layout
  * - Ghost and primary appearance options
  * - Dropdown arrow icon indicator
  * - Listbox integration for keyboard navigation

package/dist/components/Toolbar/internal/{ToolbarOverflowContext.d.ts → ToolbarContext.d.ts}

@@ -1,9 +1,9 @@
 import { RefObject } from 'react';
-import { ToolbarItemProps, ToolbarOverflowTypes } from '../types';
+import { ToolbarItemProps, ToolbarOverflowTypes, ToolbarSize } from '../types';
 /**
- * Context for sharing toolbar state with child components for overflow handling
+ * Context for sharing toolbar state with child components
  */
-export type ToolbarOverFlowContextProps = {
+export type ToolbarContextProps = {
     /**
      * Array of toolbar items that should appear in the overflow menu
      */
@@ -28,8 +28,17 @@ export type ToolbarOverFlowContextProps = {
      * Overflow behavior type (wrap or collapse)
      */
     overflow: ToolbarOverflowTypes;
+    /**
+     * Size of toolbar child components
+     */
+    size: ToolbarSize;
 };
 /**
- * Context for managing toolbar overflow state and operations
+ * Context for managing toolbar state including overflow and size
+ */
+export declare const ToolbarContext: import('react').Context<ToolbarContextProps>;
+/**
+ * Hook to access the toolbar size from context
+ * @returns The current toolbar size
  */
-export declare const ToolbarOverflowContext: import('react').Context<ToolbarOverFlowContextProps>;
+export declare const useToolbarSize: () => ToolbarSize;

package/dist/components/Toolbar/internal/utils/test.d.ts

@@ -3,7 +3,7 @@ import { ToolbarOverflowTypes } from '../../types';
 export declare const withOverflowItemContext: (children: ReactNode, isInOverflowMenu?: boolean) => import('react').FunctionComponentElement<import('react').ProviderProps<{
     isInOverflowMenu: boolean;
 }>>;
-export declare const createMockOverflowContext: (overrides?: {}) => {
+export declare const createMockToolbarContext: (overrides?: {}) => {
     overflowItems: never[];
     orderedIds: never[];
     addItem: import('vitest').Mock<(...args: any[]) => any>;
@@ -12,8 +12,9 @@ export declare const createMockOverflowContext: (overrides?: {}) => {
         current: HTMLDivElement;
     };
     overflow: ToolbarOverflowTypes;
+    size: "xsmall";
 };
-export declare const withToolbarOverflowContext: (children: ReactNode, contextValue?: {
+export declare const withToolbarContext: (children: ReactNode, contextValue?: {
     overflowItems: never[];
     orderedIds: never[];
     addItem: import('vitest').Mock<(...args: any[]) => any>;
@@ -22,7 +23,8 @@ export declare const withToolbarOverflowContext: (children: ReactNode, contextVa
         current: HTMLDivElement;
     };
     overflow: ToolbarOverflowTypes;
-}) => import('react').FunctionComponentElement<import('react').ProviderProps<import('../ToolbarOverflowContext').ToolbarOverFlowContextProps>>;
+    size: "xsmall";
+}) => import('react').FunctionComponentElement<import('react').ProviderProps<import('../ToolbarContext').ToolbarContextProps>>;
 export declare const mockIntersectionObserver: import('vitest').Mock<(...args: any[]) => any>;
 export declare const observerMap: Map<any, any>;
 export declare const createIntersectionEntry: (element: Element, isIntersecting: boolean) => IntersectionObserverEntry;

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

@@ -1,9 +1,13 @@
-import { ButtonAppearance } from '../../types';
+import { ButtonAppearance, Size } from '../../types';
 import { IconProps } from '../Icon';
 import { ToolbarButtonProps } from './ToolbarButton';
 import { ToolbarButtonLinkProps } from './ToolbarButtonLink';
 import { ToolbarButtonToggleProps } from './ToolbarButtonToggle';
 import { ToolbarSelectProps } from './ToolbarSelect';
+/**
+ * Toolbar size options
+ */
+export type ToolbarSize = Extract<Size, "xsmall" | "small" | "medium" | "large">;
 /**
  * Toolbar overflow options
  */

package/dist/{index-DFvIVS57.js → index-ClUtwV8V.js}

@@ -3,7 +3,7 @@ import { I as Icon } from './Icon-Bcil6aBo.js';
 import * as React from 'react';
 import { forwardRef } from 'react';
 import { c as cx } from './index-SvGbrGuT.js';
-import { B as ButtonCompound } from './ButtonCompound-CX2kHgWe.js';
+import { B as ButtonCompound } from './ButtonCompound-D9VTKcL4.js';
 
 import './index.css';const SvgDragIndicator = (props) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ React.createElement("path", { d: "M11 18c0 1.1-.9 2-2 2s-2-.9-2-2 .9-2 2-2 2 .9 2 2zm-2-8c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0-6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm6 4c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z" }));
 
@@ -104,4 +104,4 @@ const Dnd = {
 };
 
 export { Dnd as D, DndSortLine as a, DndHandleButton as b, DndHandle as c, styles as s };
-//# sourceMappingURL=index-DFvIVS57.js.map
+//# sourceMappingURL=index-ClUtwV8V.js.map