@servicetitan/anvil2 2.7.0 → 2.8.0

package/dist/components/Combobox/Combobox.d.ts

@@ -1,5 +1,4 @@
 import { ComboboxProps } from './ComboboxTypes';
-export declare const ComboboxElement: <Item>(props: ComboboxProps<Item>) => import("react/jsx-runtime").JSX.Element;
 /**
  * Combobox component for selecting items with search and filtering capabilities.
  *
@@ -209,3 +208,175 @@ export declare const Combobox: (<Item>(props: ComboboxProps<Item>) => import("re
      */
     Empty: <Item = any>({ children, }: import('./ComboboxEmpty').ComboboxEmptyProps) => import("react/jsx-runtime").JSX.Element;
 };
+export declare const ComboboxElement: (<Item>(props: ComboboxProps<Item>) => import("react/jsx-runtime").JSX.Element) & {
+    /**
+     * ComboboxSelect component for selecting items from a predefined list.
+     *
+     * Features:
+     * - Single and multiple item selection from predefined options
+     * - Dropdown-style selection interface
+     * - Grouping support with custom group labels and sorting
+     * - Loading states with spinner indicators
+     * - Disabled and read-only states
+     * - Customizable popover behavior and positioning
+     * - Full accessibility support with ARIA attributes
+     * - Keyboard navigation support
+     * - Layout utility props for positioning and spacing
+     * - Automatic tracking ID generation for analytics
+     *
+     * @example
+     * <Combobox.Select
+     *   items={items}
+     *   itemToString={(item) => item.name}
+     *   onChange={setSelectedItem}
+     * >
+     *   <Combobox.SelectTrigger label="Select an item" />
+     *   <Combobox.Content>
+     *     {({ items }) => (
+     *       <Combobox.List>
+     *         {items.map((item, i) => (
+     *           <Combobox.Item key={item.id} item={item} index={i}>
+     *             {item.name}
+     *           </Combobox.Item>
+     *         ))}
+     *       </Combobox.List>
+     *     )}
+     *   </Combobox.Content>
+     * </Combobox.Select>
+     */
+    Select: <Item>(props: import('./ComboboxTypes').ComboboxSelectProps<Item>) => import("react/jsx-runtime").JSX.Element;
+    /**
+     * ComboboxSearchField component for the search input field.
+     *
+     * Features:
+     * - Search input with clear button functionality
+     * - Supports multiple selection with chip display
+     * - Handles keyboard navigation and accessibility
+     * - Integrates with combobox state management
+     * - Supports custom styling and layout
+     * - Manages focus and blur events
+     * - Enhanced prefix support for icons and avatars
+     * - Automatic tracking ID generation for analytics
+     *
+     * @example
+     * <Combobox.SearchField
+     *   label="Search users"
+     *   placeholder="Type to search..."
+     *   prefix={{ icon: { svg: SearchIcon } }}
+     * />
+     */
+    SearchField: ({ prefix: prefixProp, ...props }: import('./ComboboxTypes').ComboboxSearchFieldProps) => import("react/jsx-runtime").JSX.Element;
+    /**
+     * ComboboxSelectTrigger component for the select trigger field.
+     *
+     * Features:
+     * - Select input with dropdown trigger
+     * - Supports single selection display
+     * - Handles keyboard navigation and accessibility
+     * - Integrates with combobox state management
+     * - Supports custom styling and layout
+     * - Manages focus and blur events
+     * - Enhanced prefix support for icons and avatars
+     * - Automatic tracking ID generation for analytics
+     *
+     * @example
+     * <Combobox.SelectTrigger
+     *   label="Select user"
+     *   placeholder="Choose a user..."
+     *   prefix={{ avatar: { name: "User" } }}
+     * />
+     */
+    SelectTrigger: ({ prefix: prefixProp, ...props }: import('./ComboboxTypes').ComboboxSelectTriggerProps) => import("react/jsx-runtime").JSX.Element;
+    /**
+     * ComboboxContent component for rendering the content area of a combobox.
+     *
+     * Features:
+     * - Supports both popover and inline rendering modes
+     * - Provides render props pattern for flexible content rendering
+     * - Handles grouped items with proper ARIA labels
+     * - Integrates with combobox state management
+     * - Supports custom styling and layout
+     * - Manages focus and blur events for popover behavior
+     *
+     * @example
+     * <Combobox.Content>
+     *   {({ items }) => (
+     *     <Combobox.List>
+     *       {items.map((item, index) => (
+     *         <Combobox.Item key={item.id} item={item} index={index}>
+     *           {item.name}
+     *         </Combobox.Item>
+     *       ))}
+     *     </Combobox.List>
+     *   )}
+     * </Combobox.Content>
+     */
+    Content: <Item = any>({ children, className, disablePopover, ...rest }: import('./ComboboxContent').ComboboxContentProps<Item>) => import("react/jsx-runtime").JSX.Element;
+    /**
+     * ComboboxList component for rendering the list of items.
+     *
+     * Features:
+     * - Renders list of items with proper accessibility
+     * - Supports both single and multiple selection modes
+     * - Loading state with spinner
+     * - Empty state handling
+     * - Automatic tracking ID generation for analytics
+     *
+     * @example
+     * <Combobox.List>
+     *   {items.map((item, i) => (
+     *     <Combobox.Item key={item.id} item={item} index={i}>
+     *       {item.name}
+     *     </Combobox.Item>
+     *   ))}
+     * </Combobox.List>
+     */
+    List: <Item = any>({ children, className, ...rest }: import('./ComboboxList').ComboboxListProps) => import("react/jsx-runtime").JSX.Element;
+    /**
+     * ComboboxItem component for rendering individual items in the list.
+     *
+     * Features:
+     * - Individual item rendering with proper accessibility
+     * - Support for disabled state
+     * - Custom content rendering
+     * - Automatic tracking ID generation for analytics
+     *
+     * @example
+     * <Combobox.Item item={item} index={index}>
+     *   <Flex direction="column">
+     *     <Text>{item.name}</Text>
+     *     <Text size="small" subdued>{item.description}</Text>
+     *   </Flex>
+     * </Combobox.Item>
+     */
+    Item: <Item = any>(props: import('./ComboboxTypes').ComboboxItemProps<Item>) => import("react/jsx-runtime").JSX.Element;
+    /**
+     * ComboboxItemAddNew component for rendering an "Add New" option.
+     *
+     * Features:
+     * - "Add New" option that appears when no exact match is found
+     * - Customizable content rendering
+     * - Callback when selected
+     * - Automatic tracking ID generation for analytics
+     *
+     * @example
+     * <Combobox.ItemAddNew onSelection={(inputValue) => addNewItem(inputValue)}>
+     *   Add "{inputValue}" as new item
+     * </Combobox.ItemAddNew>
+     */
+    ItemAddNew: <Item = any>(props: import('./ComboboxTypes').ComboboxItemAddNewProps<Item>) => import("react/jsx-runtime").JSX.Element;
+    /**
+     * ComboboxEmpty component for rendering content when no items are available.
+     *
+     * Features:
+     * - Renders content when list is empty
+     * - Customizable empty state message
+     * - Automatic tracking ID generation for analytics
+     *
+     * @example
+     * <Combobox.Empty>
+     *   <Text>No items found. Try adjusting your search.</Text>
+     * </Combobox.Empty>
+     */
+    Empty: <Item = any>({ children, }: import('./ComboboxEmpty').ComboboxEmptyProps) => import("react/jsx-runtime").JSX.Element;
+};

package/dist/components/DateFieldRange/internal/MaskedDateRangeInput.d.ts

@@ -32,7 +32,7 @@ export type MaskedDateRangeInputRef = HTMLInputElement & {
  * @param props.endDate - The end date.
  * @param props.disableHint - Whether to disable the hint.
  */
-export declare const MaskedDateRangeInput: import('react').ForwardRefExoticComponent<Omit<TextFieldProps, "ref" | "value" | "onChange" | "prefix" | "hint" | "showCounter"> & {
+export declare const MaskedDateRangeInput: import('react').ForwardRefExoticComponent<Omit<TextFieldProps, "onChange" | "ref" | "value" | "prefix" | "hint" | "showCounter"> & {
     onChange: MaskedDateRangeInputChangeHandler;
     mode?: DateMode;
     startDate: DateTime | null;

package/dist/components/DateFieldRange/internal/useDateFieldRangeConversion.d.ts

@@ -20,7 +20,7 @@ export declare const useDateFieldRangeConversion: (props: DateFieldRangeProps) =
     maxDate: DateTime<boolean> | null | undefined;
     unavailable: {
         dates: DateTime<boolean>[] | undefined;
-        daysOfWeek: (3 | 1 | 6 | 2 | 4 | 5 | 7)[] | undefined;
+        daysOfWeek: (1 | 2 | 3 | 6 | 4 | 5 | 7)[] | undefined;
     };
     onChange: (change: Omit<DateFieldRangeChange, "startDate" | "endDate"> & {
         startDate: DateTime | null;

package/dist/components/DateFieldSingle/internal/MaskedDateInput.d.ts

@@ -27,7 +27,7 @@ export type MaskedDateInputRef = HTMLInputElement & {
  * @param props.onChange - The function to call when the date changes.
  * @param props.mode - The mode of the date input.
  */
-export declare const MaskedDateInput: import('react').ForwardRefExoticComponent<Omit<TextFieldProps, "ref" | "value" | "onChange" | "prefix" | "hint" | "showCounter"> & {
+export declare const MaskedDateInput: import('react').ForwardRefExoticComponent<Omit<TextFieldProps, "onChange" | "ref" | "value" | "prefix" | "hint" | "showCounter"> & {
     onChange: MaskedDateInputChangeHandler;
     mode?: DateMode;
     lastValidDate: DateTime | null;

package/dist/components/DateFieldYearless/DateFieldYearless.d.ts

@@ -51,7 +51,9 @@ export type DateFieldYearlessProps = Omit<ComponentPropsWithoutRef<"input">, "on
      */
     error?: boolean | string | ReactElement | string[];
     /**
-     * Label for the field
+     * Label for the field.
+     * Omitting `label` is deprecated — it will be required in v4.0.0. Use `hideLabel` to visually hide it.
+     * Passing `ReactNode` is deprecated — use a plain string with inline markdown instead.
      */
     label?: FieldLabelProps["children"];
     /**
@@ -90,6 +92,11 @@ export type DateFieldYearlessProps = Omit<ComponentPropsWithoutRef<"input">, "on
      * Whether to disable the format hint
      */
     disableHint?: boolean;
+    /**
+     * When `true`, hides the visible label and moves it to `aria-label` on the input.
+     * @default false
+     */
+    hideLabel?: boolean;
     /**
      * Function to call when the field is focused
      */

package/dist/components/DateFieldYearless/internal/YearlessDateInput.d.ts

@@ -38,7 +38,7 @@ export type YearlessDateInputRef = HTMLInputElement & {
  * @param props.onChange - The function to call when the date changes.
  * @param props.mode - The mode of the date input.
  */
-export declare const YearlessDateInput: import('react').ForwardRefExoticComponent<Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "ref" | "value" | "onChange"> & {
+export declare const YearlessDateInput: import('react').ForwardRefExoticComponent<Omit<InputHTMLAttributes<HTMLInputElement>, "onChange" | "ref" | "size" | "value"> & {
     onChange: YearlessDateInputChangeHandler;
     mode?: YearlessDateMode;
     value?: YearlessDate | null;

package/dist/components/DateFieldYearless/internal/YearlessDateInputWithPicker.d.ts

@@ -69,7 +69,7 @@ export type YearlessDateInputWithPickerRef = {
     focus: () => void;
     setValue: (value: YearlessDate | null) => void;
 };
-export declare const YearlessDateInputWithPicker: import('react').ForwardRefExoticComponent<Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "ref" | "value" | "onBlur" | "onFocus" | "onChange" | "defaultValue"> & {
+export declare const YearlessDateInputWithPicker: import('react').ForwardRefExoticComponent<Omit<InputHTMLAttributes<HTMLInputElement>, "onBlur" | "onFocus" | "onChange" | "ref" | "size" | "value" | "defaultValue"> & {
     /**
      * The controlled value of the date field
      */

package/dist/components/DateFieldYearlessRange/DateFieldYearlessRange.d.ts

@@ -46,7 +46,14 @@ export type DateFieldYearlessRangeProps = {
      * Pass a string, string[], or ReactElement (deprecated) for error messages.
      */
     error?: boolean | string | ReactElement | string[];
+    /**
+     * Label for the field group. Always required for accessibility.
+     */
     label: string;
+    /**
+     * When `true`, hides the visible legend while keeping it accessible to screen readers.
+     * @default false
+     */
     hideLabel?: boolean;
     size?: Extract<Size, "small" | "medium" | "large">;
     description?: HelperProps["description"];

package/dist/components/Dialog/Dialog.d.ts

@@ -46,7 +46,32 @@ export type DialogProps = ComponentPropsWithoutRef<"dialog"> & OpenCloseTransiti
      */
     onDrillDownContextChange?: (context: DrillDownContextProps) => void;
 };
-export declare const DialogElement: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').DialogHTMLAttributes<HTMLDialogElement>, HTMLDialogElement>, "ref"> & OpenCloseTransitionStateEffects & DisableCloseOnEscapeOrClickProps & {
+/**
+ * Dialog component for creating modal dialogs and overlays.
+ *
+ * Features:
+ * - Modal dialog with backdrop overlay
+ * - Controlled and uncontrolled open state
+ * - Smooth open/close animations
+ * - Keyboard navigation and focus management
+ * - Escape key and click outside to close
+ * - Multiple size variants (medium, large, fullscreen)
+ * - Scroll chaining support
+ * - Toast integration for notifications
+ * - Compound component pattern with Header, Footer, Content, and CancelButton sub-components
+ * - Automatic tracking ID generation for analytics
+ *
+ * @example
+ * <Dialog open={isOpen} onClose={() => setIsOpen(false)}>
+ *   <Dialog.Header>Confirm Action</Dialog.Header>
+ *   <Dialog.Content>Are you sure you want to proceed?</Dialog.Content>
+ *   <Dialog.Footer>
+ *     <Dialog.CancelButton>Cancel</Dialog.CancelButton>
+ *     <Button appearance="primary">Confirm</Button>
+ *   </Dialog.Footer>
+ * </Dialog>
+ */
+export declare const Dialog: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').DialogHTMLAttributes<HTMLDialogElement>, HTMLDialogElement>, "ref"> & OpenCloseTransitionStateEffects & DisableCloseOnEscapeOrClickProps & {
     /**
      * @default false
      */
@@ -83,33 +108,76 @@ export declare const DialogElement: import('react').ForwardRefExoticComponent<Om
      * Callback to pass context to useDrillDown hook
      */
     onDrillDownContextChange?: (context: DrillDownContextProps) => void;
-} & import('react').RefAttributes<HTMLDialogElement>>;
-/**
- * Dialog component for creating modal dialogs and overlays.
- *
- * Features:
- * - Modal dialog with backdrop overlay
- * - Controlled and uncontrolled open state
- * - Smooth open/close animations
- * - Keyboard navigation and focus management
- * - Escape key and click outside to close
- * - Multiple size variants (medium, large, fullscreen)
- * - Scroll chaining support
- * - Toast integration for notifications
- * - Compound component pattern with Header, Footer, Content, and CancelButton sub-components
- * - Automatic tracking ID generation for analytics
- *
- * @example
- * <Dialog open={isOpen} onClose={() => setIsOpen(false)}>
- *   <Dialog.Header>Confirm Action</Dialog.Header>
- *   <Dialog.Content>Are you sure you want to proceed?</Dialog.Content>
- *   <Dialog.Footer>
- *     <Dialog.CancelButton>Cancel</Dialog.CancelButton>
- *     <Button appearance="primary">Confirm</Button>
- *   </Dialog.Footer>
- * </Dialog>
- */
-export declare const Dialog: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').DialogHTMLAttributes<HTMLDialogElement>, HTMLDialogElement>, "ref"> & OpenCloseTransitionStateEffects & DisableCloseOnEscapeOrClickProps & {
+} & import('react').RefAttributes<HTMLDialogElement>> & {
+    /**
+     * DialogHeader component for the header section of a Dialog.
+     *
+     * Features:
+     * - Displays dialog title with headline typography
+     * - Includes close button with proper accessibility
+     * - Sticky positioning for long content
+     * - Consistent spacing and styling
+     * - Automatic focus management
+     * - Automatic tracking ID generation for analytics
+     *
+     * @example
+     * <Dialog.Header>Confirm Delete</Dialog.Header>
+     */
+    Header: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & import('../..').DataTrackingId & import('react').RefAttributes<HTMLDivElement>>;
+    /**
+     * DialogFooter component for the footer section of a Dialog.
+     *
+     * Features:
+     * - Container for dialog action buttons
+     * - Optional sticky positioning for long content
+     * - Consistent spacing and alignment
+     * - Right-aligned button layout by default
+     * - Flexible content area for custom layouts
+     *
+     * @example
+     * <Dialog.Footer sticky>
+     *   <Dialog.CancelButton>Cancel</Dialog.CancelButton>
+     *   <Button appearance="primary">Save</Button>
+     * </Dialog.Footer>
+     */
+    Footer: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
+        sticky?: boolean;
+    } & import('react').RefAttributes<HTMLElement>>;
+    /**
+     * DialogContent component for the main content area of a Dialog.
+     *
+     * Features:
+     * - Main content container for dialog body
+     * - Flexible height with overflow handling
+     * - Consistent padding and spacing
+     * - Responsive design
+     * - Proper content scrolling for long content
+     *
+     * @example
+     * <Dialog.Content>
+     *   <p>This is the main content of the dialog.</p>
+     * </Dialog.Content>
+     */
+    Content: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+        sticky?: boolean;
+    } & import('react').RefAttributes<HTMLDivElement>>;
+    /**
+     * DialogCancelButton component for cancel/close actions in a Dialog.
+     *
+     * Features:
+     * - Button that automatically closes the dialog when clicked
+     * - Extends all Button component props and functionality
+     * - Proper accessibility with close dialog semantics
+     * - Automatic focus management
+     * - Consistent styling with other dialog elements
+     * - Automatic tracking ID generation for analytics
+     *
+     * @example
+     * <Dialog.CancelButton appearance="ghost">Cancel</Dialog.CancelButton>
+     */
+    CancelButton: import('react').ForwardRefExoticComponent<import('./DialogCancelButton').DialogCancelButtonProps & import('react').RefAttributes<HTMLButtonElement>>;
+};
+export declare const DialogElement: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').DialogHTMLAttributes<HTMLDialogElement>, HTMLDialogElement>, "ref"> & OpenCloseTransitionStateEffects & DisableCloseOnEscapeOrClickProps & {
     /**
      * @default false
      */

package/dist/components/DrillDown/DrillDown.d.ts

@@ -11,7 +11,6 @@ export type DrillDownProps = PassThroughPropsWithRef<"div"> & {
     index: number;
     onClose?: () => void;
 };
-export declare const DrillDownElement: import('react').ForwardRefExoticComponent<Omit<DrillDownProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
 /**
  * Multi-step navigation component for Dialog, Drawer, and Page.Panel.
  *
@@ -53,3 +52,10 @@ export declare const DrillDown: import('react').ForwardRefExoticComponent<Omit<D
     NextButton: import('react').ForwardRefExoticComponent<import('./DrillDownNextButton').DrillDownNextButtonProps & import('react').RefAttributes<HTMLButtonElement>>;
     PrevButton: import('react').ForwardRefExoticComponent<import('./DrillDownPrevButton').DrillDownPrevButtonProps & import('react').RefAttributes<HTMLButtonElement>>;
 };
+export declare const DrillDownElement: import('react').ForwardRefExoticComponent<Omit<DrillDownProps, "ref"> & import('react').RefAttributes<HTMLDivElement>> & {
+    Header: import('react').ForwardRefExoticComponent<Omit<import('./DrillDownHeader').DrillDownHeaderProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+    Content: import('react').ForwardRefExoticComponent<Omit<import('./DrillDownContent').DrillDownContentProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+    Footer: import('react').ForwardRefExoticComponent<Omit<import('./DrillDownFooter').DrillDownFooterProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+    NextButton: import('react').ForwardRefExoticComponent<import('./DrillDownNextButton').DrillDownNextButtonProps & import('react').RefAttributes<HTMLButtonElement>>;
+    PrevButton: import('react').ForwardRefExoticComponent<import('./DrillDownPrevButton').DrillDownPrevButtonProps & import('react').RefAttributes<HTMLButtonElement>>;
+};

package/dist/components/FieldLabel/FieldLabel.d.ts

@@ -1,7 +1,8 @@
 import { ComponentPropsWithoutRef, ReactNode, ElementType, JSX, JSXElementConstructor } from 'react';
 import { TooltipProps } from '../Tooltip';
+import { AiMarkWithTooltipOrPopoverProps } from '../../types';
 type IntrinsicAttributes<E extends keyof JSX.IntrinsicElements | JSXElementConstructor<unknown>> = JSX.LibraryManagedAttributes<E, ComponentPropsWithoutRef<E>>;
-type FieldLabelOwnProps<E extends ElementType = ElementType> = {
+type FieldLabelOwnProps<E extends ElementType = ElementType> = AiMarkWithTooltipOrPopoverProps & {
     /** The HTML element to render */
     el?: E;
     /** Unique identifier for the label element */

package/dist/components/FieldLabel/internal/FieldLabelButton.d.ts

@@ -8,9 +8,10 @@ export type FieldLabelButtonProps = ComponentPropsWithoutRef<"button">;
  * Internal icon-button for use within FieldLabel.
  *
  * Features:
- * - Fixed 28×28px hit area with no visible border or background at rest
+ * - Default 28×28px hit area with no visible border or background at rest
+ * - Optional `field-label-button-scaled` + CSS vars for larger icons (e.g. AiMark xlarge)
  * - Hover and focus states show the secondary button hover background color on
- *   an inner 24×24px area, keeping 2px transparent on each side
+ *   an inner 24×24px area (or scaled inner), keeping 2px transparent on each side
  * - Focus ring matches the secondary button focus ring style
  * - Fully accessible as a native `<button>` element
  *

package/dist/components/Layout/Layout.d.ts

@@ -8,47 +8,6 @@ export type LayoutProps = ComponentPropsWithoutRef<"div"> & {
     /** The spacing variant for the layout grid */
     variant?: "default" | "wide" | "narrow";
 };
-/**
- * Layout container component that provides a responsive grid system.
- *
- * Features:
- * - CSS Grid-based responsive layout system
- * - Container with max-width constraint (1280px) by default
- * - Fluid option for full-width layouts
- * - Three spacing variants: default, wide, and narrow
- * - Container queries for responsive behavior
- * - Automatic tracking ID generation for analytics
- * - Semantic HTML structure with proper accessibility
- * - Flexible content area for child Layout.Item components
- * - Consistent spacing and alignment across breakpoints
- *
- * @example
- * <Layout>
- *   <Layout.Item span={6}>Left Column</Layout.Item>
- *   <Layout.Item span={6}>Right Column</Layout.Item>
- * </Layout>
- *
- * @example
- * <Layout fluid variant="wide">
- *   <Layout.Item span={4}>Column 1</Layout.Item>
- *   <Layout.Item span={4}>Column 2</Layout.Item>
- *   <Layout.Item span={4}>Column 3</Layout.Item>
- * </Layout>
- *
- * @example
- * <Layout variant="narrow">
- *   <Layout.Item span={12}>
- *     <h1>Full Width Content</h1>
- *     <p>This content spans the full width of the layout.</p>
- *   </Layout.Item>
- * </Layout>
- */
-export declare const LayoutElement: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    /** Whether the layout should be fluid (full width) instead of constrained */
-    fluid?: boolean;
-    /** The spacing variant for the layout grid */
-    variant?: "default" | "wide" | "narrow";
-} & import('react').RefAttributes<HTMLDivElement>>;
 /**
  * Props for the Layout.Item component.
  */
@@ -139,12 +98,38 @@ export declare const LayoutItem: import('react').ForwardRefExoticComponent<Omit<
     xxl?: number;
 } & import('react').RefAttributes<HTMLDivElement>>;
 /**
- * Layout component with compound component pattern.
+ * Layout container component that provides a responsive grid system.
+ *
+ * Features:
+ * - CSS Grid-based responsive layout system
+ * - Container with max-width constraint (1280px) by default
+ * - Fluid option for full-width layouts
+ * - Three spacing variants: default, wide, and narrow
+ * - Container queries for responsive behavior
+ * - Automatic tracking ID generation for analytics
+ * - Semantic HTML structure with proper accessibility
+ * - Flexible content area for child Layout.Item components
+ * - Consistent spacing and alignment across breakpoints
  *
  * @example
  * <Layout>
- *   <Layout.Item span={6}>Left</Layout.Item>
- *   <Layout.Item span={6}>Right</Layout.Item>
+ *   <Layout.Item span={6}>Left Column</Layout.Item>
+ *   <Layout.Item span={6}>Right Column</Layout.Item>
+ * </Layout>
+ *
+ * @example
+ * <Layout fluid variant="wide">
+ *   <Layout.Item span={4}>Column 1</Layout.Item>
+ *   <Layout.Item span={4}>Column 2</Layout.Item>
+ *   <Layout.Item span={4}>Column 3</Layout.Item>
+ * </Layout>
+ *
+ * @example
+ * <Layout variant="narrow">
+ *   <Layout.Item span={12}>
+ *     <h1>Full Width Content</h1>
+ *     <p>This content spans the full width of the layout.</p>
+ *   </Layout.Item>
  * </Layout>
  */
 export declare const Layout: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
@@ -170,3 +155,26 @@ export declare const Layout: import('react').ForwardRefExoticComponent<Omit<impo
         xxl?: number;
     } & import('react').RefAttributes<HTMLDivElement>>;
 };
+export declare const LayoutElement: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    /** Whether the layout should be fluid (full width) instead of constrained */
+    fluid?: boolean;
+    /** The spacing variant for the layout grid */
+    variant?: "default" | "wide" | "narrow";
+} & import('react').RefAttributes<HTMLDivElement>> & {
+    Item: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+        /** Default span across all breakpoints (1-12) */
+        span?: number;
+        /** Extra small breakpoint span (1-12) */
+        xs?: number;
+        /** Small breakpoint span (1-12) */
+        sm?: number;
+        /** Medium breakpoint span (1-12) */
+        md?: number;
+        /** Large breakpoint span (1-12) */
+        lg?: number;
+        /** Extra large breakpoint span (1-12) */
+        xl?: number;
+        /** Extra extra large breakpoint span (1-12) */
+        xxl?: number;
+    } & import('react').RefAttributes<HTMLDivElement>>;
+};

package/dist/components/ListView/ListView.d.ts

@@ -7,10 +7,10 @@ import { ListViewWithItems, ListViewWithOutItems } from './internal/types';
  * @extends LayoutUtilProps
  */
 export type ListViewProps<T> = LayoutUtilProps & (ListViewWithItems<T> | ListViewWithOutItems);
-declare const ListViewElement: {
-    <T>(props: ListViewProps<T>, ref: Ref<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+declare function ListViewInner<T>(props: ListViewProps<T>, ref: Ref<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+declare namespace ListViewInner {
+    var displayName: string;
+}
 /**
  * ListView component for displaying a list of selectable items in a grid layout.
  *
@@ -33,7 +33,7 @@ declare const ListViewElement: {
  */
 export declare const ListView: (<T>(props: ListViewProps<T> & {
     ref?: React.ForwardedRef<HTMLUListElement>;
-}) => ReturnType<typeof ListViewElement>) & {
+}) => ReturnType<typeof ListViewInner>) & {
     /**
      * ListViewOption component for individual selectable items within a listview.
      *

package/dist/components/Listbox/Listbox.d.ts

@@ -99,28 +99,10 @@ type MultipleWithItems<T> = {
  * @extends LayoutUtilProps
  */
 export type ListboxProps<T> = Omit<ComponentPropsWithoutRef<"ul">, "children"> & LayoutUtilProps & (SingleWithoutItems | MultipleWithoutItems | SingleWithItems<T> | MultipleWithItems<T>);
-/**
- * Listbox component for selecting one or more items from a list
- *
- * Features:
- * - Supports single and multiple selection modes
- * - Keyboard navigation with arrow keys and type-ahead
- * - Optional auto-selection on focus
- * - Controlled and uncontrolled modes
- * - Accessible with proper ARIA attributes
- * - Supports custom item rendering
- * - Option grouping for organization
- * - Layout utilities for positioning and spacing
- * - Automatic tracking ID generation for analytics
- *
- * @template T - The type of additional properties for items
- * @example
- * <Listbox selectionMode="single" onSelectionChange={handleSelection}>
- *   <Listbox.Option value="option1">Option 1</Listbox.Option>
- *   <Listbox.Option value="option2">Option 2</Listbox.Option>
- * </Listbox>
- */
-declare const ListboxElement: <T>(props: ListboxProps<T>, ref: Ref<HTMLUListElement>) => import("react/jsx-runtime").JSX.Element;
+declare function ListboxInner<T>(props: ListboxProps<T>, ref: Ref<HTMLUListElement>): import("react/jsx-runtime").JSX.Element;
+declare namespace ListboxInner {
+    var displayName: string;
+}
 /**
  * Listbox component for selecting one or more items from a list
  *
@@ -144,7 +126,7 @@ declare const ListboxElement: <T>(props: ListboxProps<T>, ref: Ref<HTMLUListElem
  */
 export declare const Listbox: (<T>(props: ListboxProps<T> & {
     ref?: React.ForwardedRef<HTMLUListElement>;
-}) => ReturnType<typeof ListboxElement>) & {
+}) => ReturnType<typeof ListboxInner>) & {
     /**
      * ListboxOption component for individual selectable items within a listbox
      *

package/dist/components/Menu/Menu.d.ts

@@ -40,10 +40,7 @@ export type MenuProps = Omit<ButtonProps, "icon"> & MenuCommonProps & {
  *     </Menu>
  *   </Menu>
  */
-export declare const Menu: {
-    (props: MenuProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-} & {
+export declare const Menu: ((props: MenuProps) => import("react/jsx-runtime").JSX.Element) & {
     /**
      * MenuItem component for individual menu options.
      *