@servicetitan/anvil2 1.50.1 → 1.50.2

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

@@ -0,0 +1,311 @@
+import { AriaAttributes, CSSProperties, ReactElement, ReactNode } from 'react';
+import { CheckState, LayoutUtilProps, Size } from '../../../types';
+/**
+ * Configuration options for the MultiSelectField cache.
+ * @property enabled - Whether caching is enabled. Defaults to true.
+ * @property maxSize - Maximum number of cached entries before clearing the cache. Defaults to 50.
+ */
+export type MultiSelectFieldCacheOptions = {
+    enabled?: boolean;
+    maxSize?: number;
+};
+/**
+ * Imperative handle for the MultiSelectField component.
+ * @property clearCache - Clears the options cache.
+ */
+export type MultiSelectFieldHandle = {
+    clearCache: () => void;
+};
+export type MultiSelectFieldGroupByValue = string | number;
+export type MultiSelectFieldOption = {
+    id: string | number;
+    label: string;
+    searchText?: string;
+    group?: MultiSelectFieldGroupByValue;
+    disabled?: boolean;
+    content?: {
+        title?: string;
+        description?: string;
+    };
+};
+export type MultiSelectFieldGroupedOption = MultiSelectFieldOption & {
+    group: MultiSelectFieldGroupByValue;
+};
+export type MultiSelectFieldUngroupedOption = Omit<MultiSelectFieldOption, "group"> & {
+    group?: never;
+};
+export type MultiSelectFieldOptionsResult = MultiSelectFieldOption[] | Promise<MultiSelectFieldOption[]>;
+export type MultiSelectFieldEagerLoader = (searchValue: string) => MultiSelectFieldOptionsResult;
+export type MultiSelectFieldOffsetLazyResult = {
+    options: MultiSelectFieldUngroupedOption[];
+    hasMore?: boolean;
+};
+export type MultiSelectFieldOffsetLazyLoader = (searchValue: string, offset: number, limit: number) => MultiSelectFieldOffsetLazyResult | Promise<MultiSelectFieldOffsetLazyResult>;
+export type MultiSelectFieldPageLazyResult = {
+    options: MultiSelectFieldUngroupedOption[];
+    hasMore?: boolean;
+};
+export type MultiSelectFieldPageLazyLoader = (searchValue: string, pageNumber: number, pageSize: number) => MultiSelectFieldPageLazyResult | Promise<MultiSelectFieldPageLazyResult>;
+export type MultiSelectFieldGroupLazyResult = {
+    options: MultiSelectFieldGroupedOption[];
+    hasMore?: boolean;
+};
+export type MultiSelectFieldGroupLazyLoader = (searchValue: string, previousGroupKey: MultiSelectFieldGroupByValue | null) => MultiSelectFieldGroupLazyResult | Promise<MultiSelectFieldGroupLazyResult>;
+export type MultiSelectFieldSearchProps = {
+    /**
+     * The current search value.
+     * Not a preferred usage. You likely don't need to control the searchValue yourself.
+     */
+    searchValue?: string;
+    /**
+     * Callback when the search value changes.
+     * Not a preferred usage. Lean on the searchValue in the loadOptions function instead.
+     */
+    onSearchChange?: (searchValue: string) => void;
+    /**
+     * The number of milliseconds to debounce the search input.
+     */
+    debounceMs?: number;
+};
+export type MultiSelectFieldLabeledPinnedOptions = {
+    options: MultiSelectFieldOption[] | ((searchValue: string) => MultiSelectFieldOption[] | Promise<MultiSelectFieldOption[]>);
+    label: string;
+};
+/**
+ * There are a number of ways to configure pinned options.
+ * 1. An array of options
+ * 2. A function that returns a list of options (or Promise thereof) based on the search value
+ * 3. A labeled pinned options object (e.g. "Favorites", "Recent", "AI Suggestions", etc.)
+ * 4. An array of labeled pinned options objects (e.g. [{"label": "Favorites", "options": [...]}])
+ */
+export type MultiSelectFieldPinnedOptions = MultiSelectFieldOption[] | ((searchValue: string) => MultiSelectFieldOption[] | Promise<MultiSelectFieldOption[]>) | MultiSelectFieldLabeledPinnedOptions | MultiSelectFieldLabeledPinnedOptions[];
+/**
+ * @deprecated Use CheckState from "@servicetitan/anvil2" instead.
+ */
+export type MultiSelectFieldCheckState = CheckState;
+type MultiSelectFieldCommonProps = {
+    /**
+     * The id of the multi-select field.
+     */
+    id?: string;
+    /**
+     * The label of the multi-select field.
+     */
+    label: string;
+    /**
+     * The placeholder of the multi-select field.
+     */
+    placeholder?: string;
+    /**
+     * The size of the multi-select field.
+     */
+    size?: Extract<Size, "small" | "medium" | "large">;
+    /**
+     * The selected options. Must be controlled state.
+     */
+    value: MultiSelectFieldOption[];
+    /**
+     * The callback to call when the selected options change.
+     * @param options - The new array of selected options.
+     */
+    onSelectedOptionsChange: (options: MultiSelectFieldOption[]) => void;
+    /**
+     * Defines the initial loading behavior of the options. Controls when loadOptions is called.
+     * @default "auto"
+     * @description "auto" default behavior, currently equivalent to "immediate".
+     * @description "immediate" will load the initial options when the component is mounted.
+     * @description "open" will load the initial options if/when the user opens the dropdown.
+     */
+    initialLoad?: "auto" | "immediate" | "open";
+    /**
+     * The options to pin to the top of the list.
+     */
+    pinned?: MultiSelectFieldPinnedOptions;
+    /**
+     * Configuration for caching loadOptions results.
+     * Caching is enabled by default. Set `{ enabled: false }` to disable.
+     */
+    cache?: MultiSelectFieldCacheOptions;
+    /**
+     * The way to display the menu.
+     * @default "auto"
+     * @description "auto" will display the menu as a popover on mobile and a dialog on desktop.
+     * @description "popover" will always display the menu as a popover.
+     * @description "dialog" will always display the menu as a dialog.
+     */
+    displayMenuAs?: "auto" | "popover" | "dialog";
+    /**
+     * Error state for the field. Can be a boolean, string message, or ReactElement.
+     * When truthy, displays error styling and message.
+     */
+    error?: ReactElement | string | boolean;
+    /**
+     * Visually hides the label while keeping it accessible to screen readers.
+     * @default false
+     */
+    hideLabel?: boolean;
+    /**
+     * Hint text displayed below the input field.
+     */
+    hint?: ReactElement | string;
+    /**
+     * Custom ReactNode to render as the label, overriding the default label text.
+     * The `label` prop is still required for accessibility purposes.
+     */
+    labelNode?: ReactNode;
+    /**
+     * Description text displayed below the input field.
+     */
+    description?: ReactElement | string;
+    /**
+     * aria-live behavior for error messages.
+     * @default "assertive"
+     */
+    errorAriaLive?: AriaAttributes["aria-live"];
+    /**
+     * Whether the field is required. Shows a red asterisk (*) next to the label.
+     */
+    required?: boolean;
+    /**
+     * Whether the field is disabled.
+     * When disabled, the input is still focusable but menu items cannot be selected.
+     */
+    disabled?: boolean;
+    /**
+     * Whether the field is read-only.
+     * When read-only, the input is still focusable but menu items cannot be selected.
+     */
+    readOnly?: boolean;
+    /**
+     * Content to display before the input field.
+     */
+    prefix?: string | ReactElement;
+    /**
+     * Content to display after the input field.
+     */
+    suffix?: string | ReactElement;
+    /**
+     * Configuration for the "Select All" option at the top of the list.
+     * When provided, a "Select All" option will be shown.
+     */
+    selectAll?: {
+        /**
+         * The label to display for the "Select All" option.
+         * @default "Select All"
+         */
+        label?: string;
+        /**
+         * Callback when the "Select All" option is clicked.
+         * The parent component is responsible for handling the select/deselect all logic.
+         */
+        onClick: () => void;
+        /**
+         * isChecked state for the "Select All" option.
+         * @default false
+         */
+        isChecked: boolean | MultiSelectFieldCheckState;
+    };
+    /**
+     * When true, restricts the field to a single row height.
+     * Overflow chips will be collapsed into a "+N" indicator.
+     * @default false
+     */
+    singleRow?: boolean;
+    /**
+     * Maximum number of chips to display before showing a "+N" indicator.
+     * Applies regardless of fixedHeight setting.
+     * @default 10
+     */
+    maxChips?: number;
+    /**
+     * Custom CSS class name for the wrapper element.
+     */
+    className?: string;
+    /**
+     * Custom inline styles for the wrapper element.
+     */
+    style?: CSSProperties;
+} & MultiSelectFieldSearchProps & LayoutUtilProps;
+type MultiSelectFieldGroupingProps = {
+    /**
+     * Function to convert a group value to a display label.
+     * Only used when options have a `group` property.
+     * @param groupValue - The group value from the option's `group` property
+     * @returns The formatted group label
+     */
+    groupToString?: (groupValue: MultiSelectFieldGroupByValue) => string;
+};
+type MultiSelectFieldNonGroupingProps = {
+    /**
+     * Incompatible with non-group lazy loading.
+     */
+    groupToString?: never;
+    /**
+     * Incompatible with non-group lazy loading.
+     */
+    groupSorter?: never;
+};
+export type MultiSelectFieldPropsLazyPage = MultiSelectFieldCommonProps & {
+    /**
+     * Lazy loading mode using page-based pagination.
+     * Options will be loaded on demand when the user scrolls to the bottom of the list.
+     * This mode only supports flat options (i.e. cannot be used with grouped options).
+     */
+    lazy: "page";
+    lazyOptions?: {
+        pageSize?: number;
+    };
+    /**
+     * Function to load the options.
+     */
+    loadOptions: MultiSelectFieldPageLazyLoader;
+} & MultiSelectFieldNonGroupingProps;
+export type MultiSelectFieldPropsLazyOffset = MultiSelectFieldCommonProps & {
+    /**
+     * Lazy loading mode using offset-based pagination.
+     * Options will be loaded on demand when the user scrolls to the bottom of the list.
+     * This mode only supports flat options (i.e. cannot be used with grouped options).
+     */
+    lazy: "offset";
+    lazyOptions?: {
+        limit?: number;
+    };
+    /**
+     * Function to load the options.
+     */
+    loadOptions: MultiSelectFieldOffsetLazyLoader;
+} & MultiSelectFieldNonGroupingProps;
+export type MultiSelectFieldPropsLazyGroup = MultiSelectFieldCommonProps & {
+    /**
+     * Lazy loading mode using incremental group loading.
+     * Groups will be loaded on demand when the user scrolls to the bottom of the list.
+     * This mode supports grouped options.
+     */
+    lazy: "group";
+    lazyOptions?: object;
+    /**
+     * Function to load the options.
+     */
+    loadOptions: MultiSelectFieldGroupLazyLoader;
+} & MultiSelectFieldGroupingProps;
+export type MultiSelectFieldPropsEager = MultiSelectFieldCommonProps & {
+    /**
+     * Whether the options are lazy loaded. If true, the options will be loaded on demand when the user scrolls to the bottom of the list.
+     * @default false
+     */
+    lazy?: false;
+    /**
+     * Function to load the options.
+     */
+    loadOptions: MultiSelectFieldEagerLoader;
+};
+export type MultiSelectFieldPropsLazy = MultiSelectFieldPropsLazyPage | MultiSelectFieldPropsLazyOffset | MultiSelectFieldPropsLazyGroup;
+export type MultiSelectFieldProps = MultiSelectFieldPropsLazy | MultiSelectFieldPropsEager;
+export type MultiSelectFieldDownshiftItem = {
+    id: string | number;
+    type: "option" | "pinned-option" | "select-all";
+    original: MultiSelectFieldOption;
+    disabled?: boolean;
+    checkState?: MultiSelectFieldCheckState;
+};
+export {};

package/dist/beta/components/SelectField/internal/FieldDialog/FieldDialog.d.ts

@@ -1,8 +1,10 @@
-export declare const FieldDialog: ({ id, isOpen, onClose, field, children, title, }: {
+import { FocusableElement } from '../../../../..';
+export declare const FieldDialog: ({ id, isOpen, onClose, field, children, title, initialFocusResolver, }: {
     id: string;
     isOpen: boolean;
     onClose: () => void;
     title: string;
     field: React.ReactNode;
     children: React.ReactNode;
+    initialFocusResolver?: (focusables: FocusableElement[]) => FocusableElement;
 }) => import("react/jsx-runtime").JSX.Element;

package/dist/beta/components/SelectField/internal/FieldPopover/FieldPopover.d.ts

@@ -4,5 +4,6 @@ export type FieldPopoverProps = {
     children: ReactNode;
     referenceElement: RefObject<HTMLElement>;
     open: boolean;
+    onClickOutside: () => void;
 };
 export declare const FieldPopover: (props: FieldPopoverProps) => import("react/jsx-runtime").JSX.Element;

package/dist/beta/components/SelectField/internal/SelectFieldInput.d.ts

@@ -8,6 +8,7 @@ import { ReactElement, RefObject } from 'react';
  * @property {boolean} [disableToggleButton] - Hides the toggle button when true
  * @property {boolean} [disabled] - Disables the input entirely
  * @property {boolean} [readOnly] - Cannot be modified but remains interactive
+ * @property {boolean} [required] - Marks the input as required for form validation
  * @property {boolean} [error] - Shows error styling on the input when true
  * @property {() => void} [onClear] - Callback fired when the clear button is clicked
  * @property {string} [id] - HTML id attribute for the input element
@@ -26,6 +27,7 @@ export type SelectFieldInputProps = {
     disableToggleButton?: boolean;
     disabled?: boolean;
     readOnly?: boolean;
+    required?: boolean;
     error?: boolean;
     onClear?: () => void;
     id?: string;
@@ -59,6 +61,6 @@ export type SelectFieldInputProps = {
  * />
  */
 export declare const SelectFieldInput: {
-    ({ placeholder, size, disableClearButton, disableToggleButton, disabled, readOnly, error, onClear, id, inputWrapperRef, htmlInputWrapperProps, inputProps, toggleButtonProps, prefix, suffix, }: SelectFieldInputProps): import("react/jsx-runtime").JSX.Element;
+    ({ placeholder, size, disableClearButton, disableToggleButton, disabled, readOnly, required, error, onClear, id, inputWrapperRef, htmlInputWrapperProps, inputProps, toggleButtonProps, prefix, suffix, }: SelectFieldInputProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };

package/dist/beta/components/SelectField/internal/SelectFieldLabel.d.ts

@@ -8,14 +8,20 @@ type GetLabelProps = UseComboboxPropGetters<SelectFieldDownshiftItem>["getLabelP
  * @property {GetLabelProps} getLabelProps - Downshift getter function that returns accessibility props for the label
  * @property {boolean} [required] - Whether the field is required. Shows a red asterisk (*) when true.
  * @property {ReactNode} [moreInfo] - Additional information to display in a tooltip
- * @property {boolean} [openMoreInfo] - Controls the open state of the more info tooltip
+ * @property {boolean} [openMoreInfo] - @deprecated: Use `moreInfoOpen` instead.
+ * @property {boolean} [moreInfoOpen] - Controls the open state of the more info tooltip
+ * @property {boolean} [hideLabel] - Visually hides the label while keeping it accessible to screen readers
+ * @property {ReactNode} [labelNode] - Custom ReactNode to render as the label, overriding the default label text
  */
 export type SelectFieldLabelProps = {
     label: string;
     getLabelProps: GetLabelProps;
-    required?: boolean;
+    hideLabel?: boolean;
+    labelNode?: ReactNode;
     moreInfo?: ReactNode;
     openMoreInfo?: boolean;
+    moreInfoOpen?: boolean;
+    required?: boolean;
 };
 /**
  * Internal label component for the SelectField that renders an accessible label element.
@@ -26,6 +32,8 @@ export type SelectFieldLabelProps = {
  * - Supports screen readers with proper labeling
  * - Optional required field indicator with red asterisk
  * - Help tooltip with info icon for additional context
+ * - Can visually hide the label while maintaining accessibility
+ * - Supports custom label content via labelNode
  *
  * @example
  * <SelectFieldLabel
@@ -35,5 +43,5 @@ export type SelectFieldLabelProps = {
  *   moreInfo="Choose from available options"
  * />
  */
-export declare const SelectFieldLabel: ({ label, getLabelProps, required, moreInfo, openMoreInfo, }: SelectFieldLabelProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SelectFieldLabel: ({ label, getLabelProps, hideLabel, labelNode, moreInfo, openMoreInfo, moreInfoOpen, required, }: SelectFieldLabelProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/beta/components/SelectField/internal/SelectFieldListItem.d.ts

@@ -1,5 +1,6 @@
 import { UseComboboxPropGetters } from 'downshift';
 import { SelectFieldDownshiftItem } from '../types';
+import { CheckState } from '../../../../types';
 type GetItemProps = UseComboboxPropGetters<SelectFieldDownshiftItem>["getItemProps"];
 export type SelectFieldListItemProps = {
     item: SelectFieldDownshiftItem;
@@ -8,7 +9,7 @@ export type SelectFieldListItemProps = {
     disabled: boolean;
     getItemProps: GetItemProps;
     selectionType: "single" | "multiple";
-    checked: boolean | "indeterminate";
+    checked: CheckState;
 };
 export declare const SelectFieldListItem: ({ item, index, highlighted, disabled, getItemProps, selectionType, checked, }: SelectFieldListItemProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,4 +1,4 @@
-import { AriaAttributes, ReactElement } from 'react';
+import { AriaAttributes, CSSProperties, ReactElement, ReactNode } from 'react';
 import { LayoutUtilProps, Size } from '../../../types';
 /**
  * Configuration options for the SelectField cache.
@@ -155,10 +155,20 @@ type SelectFieldCommonSelectFieldProps = {
      * When truthy, displays error styling and message.
      */
     error?: ReactElement | string | boolean;
+    /**
+     * Visually hides the label while keeping it accessible to screen readers.
+     * @default false
+     */
+    hideLabel?: boolean;
     /**
      * Hint text displayed below the input field.
      */
     hint?: ReactElement | string;
+    /**
+     * Custom ReactNode to render as the label, overriding the default label text.
+     * The `label` prop is still required for accessibility purposes.
+     */
+    labelNode?: ReactNode;
     /**
      * Description text displayed below the input field.
      */
@@ -190,6 +200,14 @@ type SelectFieldCommonSelectFieldProps = {
      * Content to display after the input field.
      */
     suffix?: string | ReactElement;
+    /**
+     * Custom CSS class name for the wrapper element.
+     */
+    className?: string;
+    /**
+     * Custom inline styles for the wrapper element.
+     */
+    style?: CSSProperties;
 } & SelectFieldSearchProps & SelectFieldAddNewOptionProps & LayoutUtilProps;
 type SelectFieldGroupingProps = {
     /**

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

@@ -2,3 +2,4 @@ export * from './Table';
 export * from './Toolbar';
 export * from './Calendar';
 export * from './SelectField';
+export * from './MultiSelectField';

package/dist/beta.js

@@ -1,6 +1,8 @@
-export { D as DataTable, a as chipsFormatter, c as createColumnHelper, b as currencyFormatter, p as percentFormatter } from './DataTable-DQ9FFuV8.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-Vw9V1RHr.js';
-export { u as useCalendarBetaProps } from './Calendar-CAYitkfM.js';
-export { C as Calendar } from './Calendar-C9oxHTGG.js';
-export { S as SelectField, a as SelectFieldSync, u as useAdaptiveView } from './SelectFieldSync-D4VdOXoY.js';
+export { D as DataTable, a as chipsFormatter, c as createColumnHelper, b as currencyFormatter, p as percentFormatter } from './DataTable-hXWouflx.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-K9UFfyvX.js';
+export { u as useCalendarBetaProps } from './Calendar-BeFARXwq.js';
+export { C as Calendar } from './Calendar-M9v994mm.js';
+export { S as SelectField, a as SelectFieldSync } from './SelectFieldSync-0CL0RTpg.js';
+export { M as MultiSelectField, a as MultiSelectFieldSync } from './MultiSelectFieldSync-B3HNQf7R.js';
+export { u as useAdaptiveView } from './FieldDialog-BHgkQOhh.js';
 //# sourceMappingURL=beta.js.map

package/dist/beta.js.map

@@ -1 +1 @@
-{"version":3,"file":"beta.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
+{"version":3,"file":"beta.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist/components/Button/Button.figma.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -287,7 +287,7 @@ export type ComboboxContentProps<Item> = Omit<ComponentPropsWithoutRef<"div">, "
  * Props for the ComboboxTrigger component
  * @template Item - The type of items in the combobox
  */
-export type ComboboxTriggerProps<Item = any> = Omit<TextFieldProps, "disabled" | "readOnly" | "showCounter"> & Pick<LabelProps, "required" | "moreInfo" | "openMoreInfo"> & LayoutUtilProps & {
+export type ComboboxTriggerProps<Item = any> = Omit<TextFieldProps, "disabled" | "readOnly" | "showCounter"> & Pick<LabelProps, "required" | "moreInfo" | "openMoreInfo" | "moreInfoOpen"> & LayoutUtilProps & {
     /**
      * Should be a positive integer.
      */

package/dist/components/Combobox/internal/ComboboxLegacy/ComboboxLegacyTrigger.d.ts

@@ -1,6 +1,6 @@
 import { TextFieldProps } from '../../../TextField/internal/TextField';
 import { LabelProps } from '../../../../internal/components/Label';
-type ComboboxLegacyTriggerProps = Omit<TextFieldProps, "disabled" | "readOnly"> & Pick<LabelProps, "required" | "moreInfo" | "openMoreInfo"> & {
+type ComboboxLegacyTriggerProps = Omit<TextFieldProps, "disabled" | "readOnly"> & Pick<LabelProps, "required" | "moreInfo" | "openMoreInfo" | "moreInfoOpen"> & {
     /**
      * Should be a positive integer.
      */
@@ -13,7 +13,7 @@ type ComboboxLegacyTriggerProps = Omit<TextFieldProps, "disabled" | "readOnly">
 };
 export type ComboboxLegacySearchFieldProps = ComboboxLegacyTriggerProps;
 export type ComboboxLegacySelectTriggerProps = ComboboxLegacyTriggerProps;
-export declare const ComboboxLegacyTrigger: ({ className, label, size, error, hint, description, required, moreInfo, openMoreInfo, prefix, suffix, maxRows, id, disabled, readOnly, ...rest }: ComboboxLegacyTriggerProps & {
+export declare const ComboboxLegacyTrigger: ({ className, label, size, error, hint, description, required, moreInfo, openMoreInfo, moreInfoOpen, prefix, suffix, maxRows, id, disabled, readOnly, ...rest }: ComboboxLegacyTriggerProps & {
     variant?: "combobox" | "select";
 }) => import("react/jsx-runtime").JSX.Element;
 export declare const ComboboxLegacySearchField: (props: ComboboxLegacyTriggerProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -13,11 +13,15 @@ type FieldLabelOwnProps<E extends ElementType = ElementType> = {
     required?: boolean;
     /** Additional information to display in a tooltip */
     moreInfo?: ReactNode;
+    /**
+     * @deprecated: Use `moreInfoOpen` instead.
+     */
+    openMoreInfo?: TooltipProps["open"];
     /**
      * Controls the open state of the more info tooltip.
      * @default false
      */
-    openMoreInfo?: TooltipProps["open"];
+    moreInfoOpen?: TooltipProps["open"];
 };
 /**
  * Props for the FieldLabel component.

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

@@ -5,10 +5,12 @@ import { FieldLabelProps } from '../FieldLabel';
  * @param props - Component props
  * @param props.moreInfo - The content to display in the tooltip
  * @param props.openMoreInfo - Controls the tooltip open state
+ * @param props.moreInfoOpen - Controls the tooltip open state
  * @param props.listenForHover - Whether to listen for hover events
  */
-export declare const FieldLabelMoreInfoIcon: ({ moreInfo, openMoreInfo, listenForHover, }: {
+export declare const FieldLabelMoreInfoIcon: ({ moreInfo, openMoreInfo, moreInfoOpen, listenForHover, }: {
     moreInfo: FieldLabelProps["moreInfo"];
     openMoreInfo: FieldLabelProps["openMoreInfo"];
+    moreInfoOpen: FieldLabelProps["moreInfoOpen"];
     listenForHover?: boolean;
 }) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Icon/Icons.figma.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Figma Code Connect for Icons
+ *
+ * AUTO-GENERATED FILE - DO NOT EDIT
+ * Generated by: FIGMA_ACCESS_TOKEN=xxx pnpm figma:generate-icon-connect
+ *
+ * This file connects 2281 icons to their Figma components.
+ * Each icon is imported and connected so that Figma Dev Mode and MCP
+ * can generate valid, copy-paste ready code.
+ */
+export {};

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

@@ -1,19 +1,12 @@
 import { Ref } from 'react';
 import { LayoutUtilProps } from '../../types';
-import { ItemType, ListViewWithItems, ListViewWithOutItems } from './internal/types';
+import { ListViewWithItems, ListViewWithOutItems } from './internal/types';
 /**
  * Props for the ListView component
  * @template T - The type of additional properties for items
  * @extends LayoutUtilProps
  */
-export type ListViewProps<T> = LayoutUtilProps & {
-    /** Currently indeterminate items (controlled) */
-    indeterminate?: unknown[];
-    /** Callback when selection changes */
-    onSelectionChange?: (value: unknown[]) => void;
-    /** Currently selected items (controlled) */
-    selected?: ItemType<T>[];
-} & (ListViewWithItems<T> | ListViewWithOutItems);
+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;

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

@@ -19,10 +19,16 @@ export type ListViewWithItems<T> = Omit<ComponentPropsWithoutRef<"div">, "childr
     items: ItemType<T>[];
     /** Default selected items (uncontrolled) */
     defaultSelected?: ItemType<T>[];
+    /** Currently selected items (controlled) */
+    selected?: ItemType<T>[];
     /** Optional render function for items */
     children?: ({ items }: {
         items: ItemType<T>[];
     }) => ReactNode;
+    /** Callback when selection changes */
+    onSelectionChange?: (value: ItemType<T>[]) => void;
+    /** Currently indeterminate items (controlled) */
+    indeterminate?: ItemType<T>[];
 };
 /**
  * Props for the ListView component without items array
@@ -31,6 +37,12 @@ export type ListViewWithItems<T> = Omit<ComponentPropsWithoutRef<"div">, "childr
 export type ListViewWithOutItems = ComponentPropsWithoutRef<"div"> & {
     /** Default selected items (uncontrolled) */
     defaultSelected?: string[];
+    /** Currently selected items (controlled) */
+    selected?: string[];
+    /** Callback when selection changes */
+    onSelectionChange?: (value: string[]) => void;
+    /** Currently indeterminate items (controlled) */
+    indeterminate?: string[];
 };
 /**
  * Option object for internal focus and selection management

package/dist/components/SelectTrigger/SelectTrigger.d.ts

@@ -5,7 +5,7 @@ import { DataTrackingId, DistributiveOmit } from '../../types';
 import { FieldLabelProps } from '../FieldLabel';
 import { IconProps } from '../Icon';
 import { SelectTriggerBaseProps } from './internal/SelectTriggerBase';
-export type SelectTriggerProps<Item> = DistributiveOmit<SelectTriggerBaseProps<Item>, "prefix" | "selectedItem" | "selectedItems" | "onChange"> & Pick<FieldLabelProps, "required" | "moreInfo" | "openMoreInfo"> & Pick<UseDownshiftComboboxProps<Item>, "itemToString" | "itemToKey"> & DataTrackingId & {
+export type SelectTriggerProps<Item> = DistributiveOmit<SelectTriggerBaseProps<Item>, "prefix" | "selectedItem" | "selectedItems" | "onChange"> & Pick<FieldLabelProps, "required" | "moreInfo" | "openMoreInfo" | "moreInfoOpen"> & Pick<UseDownshiftComboboxProps<Item>, "itemToString" | "itemToKey"> & DataTrackingId & {
     prefix?: string | {
         icon: DistributiveOmit<IconProps, "size">;
     } | {

package/dist/components/Switch/Switch.figma.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/Textarea/Textarea.d.ts

@@ -6,7 +6,7 @@ import { TextareaAutosizeConditionalProps, TextareaState } from './types';
 /**
  * Props for the Textarea component
  */
-export type TextareaProps = Omit<ComponentPropsWithoutRef<"textarea">, "onChange"> & LayoutUtilProps & DataTrackingId & MaxLengthCounterProps & TextareaAutosizeConditionalProps & Pick<FieldLabelProps, "moreInfo" | "openMoreInfo"> & {
+export type TextareaProps = Omit<ComponentPropsWithoutRef<"textarea">, "onChange"> & LayoutUtilProps & DataTrackingId & MaxLengthCounterProps & TextareaAutosizeConditionalProps & Pick<FieldLabelProps, "moreInfo" | "openMoreInfo" | "moreInfoOpen"> & {
     /**
      * Sets error style on textarea.
      * If string or ReactElement provided, places it under the label and sets error style.