@servicetitan/anvil2 1.49.4 → 1.49.5

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

@@ -0,0 +1,30 @@
+import { UseComboboxProps } from 'downshift';
+import { SelectFieldDownshiftItem, SelectFieldOption } from '../types';
+export type UseComboOptions = {
+    options: SelectFieldOption[];
+    pinnedOptions?: unknown;
+    selectAll?: {
+        label: string;
+        onClick: () => void;
+    };
+    selectedOption: SelectFieldOption | null;
+    onSelectedOptionChange: (option: SelectFieldOption | null) => void;
+    displayAs: "popover" | "dialog";
+    disableHighlightOnOpen?: boolean;
+} & Pick<UseComboboxProps<SelectFieldDownshiftItem>, "onInputValueChange" | "onIsOpenChange">;
+/**
+ * The purpose of useCombo is to provide an abstraction over the downshift combobox hook.
+ */
+export declare const useCombo: ({ options, pinnedOptions, selectAll, selectedOption, onSelectedOptionChange, onInputValueChange, onIsOpenChange, displayAs, disableHighlightOnOpen, }: UseComboOptions) => {
+    inputValue: string;
+    getToggleButtonProps: <Options>(options?: import('downshift').UseComboboxGetToggleButtonPropsOptions & Options) => import('downshift').Overwrite<import('downshift').UseComboboxGetToggleButtonPropsReturnValue, Options>;
+    getLabelProps: <Options>(options?: import('downshift').UseComboboxGetLabelPropsOptions & Options) => import('downshift').Overwrite<import('downshift').UseComboboxGetLabelPropsReturnValue, Options>;
+    getMenuProps: <Options>(options?: import('downshift').UseComboboxGetMenuPropsOptions & Options, otherOptions?: import('downshift').GetPropsCommonOptions) => import('downshift').Overwrite<import('downshift').UseComboboxGetMenuPropsReturnValue, Options>;
+    getInputProps: <Options>(options?: import('downshift').UseComboboxGetInputPropsOptions & Options, otherOptions?: import('downshift').GetPropsCommonOptions) => import('downshift').Overwrite<import('downshift').UseComboboxGetInputPropsReturnValue, Options>;
+    getItemProps: <Options>(options: import('downshift').UseComboboxGetItemPropsOptions<SelectFieldDownshiftItem> & Options) => Omit<import('downshift').Overwrite<import('downshift').UseComboboxGetItemPropsReturnValue, Options>, "item" | "index">;
+    highlightedIndex: number;
+    isOpen: boolean;
+    downshiftItems: SelectFieldDownshiftItem[];
+    closeMenu: () => void;
+    openMenu: () => void;
+};

package/dist/beta/components/SelectField/stories/SelectField.stories.data.d.ts

@@ -0,0 +1,32 @@
+import { SelectFieldOption, SelectFieldUngroupedOption, SelectFieldGroupedOption, SelectFieldGroupByValue } from '../types';
+export type Book = {
+    id: string;
+    author: string;
+    title: string;
+    genre: string;
+};
+/**
+ * Small curated list of diverse books for simple examples
+ */
+export declare const books: Book[];
+/**
+ * Large dataset of 300 unique books for lazy loading demonstrations
+ */
+export declare const allBooks: Book[];
+export declare const sourceOptions: SelectFieldOption[];
+export declare function filterBooks(bookList: Book[], searchValue: string): Book[];
+export declare function mapBookToOption(book: Book): SelectFieldUngroupedOption;
+export declare const simulateFetchingPagedBooks: (searchValue: string, pageNumber: number, pageSize: number) => Promise<{
+    data: Book[];
+    count: number;
+}>;
+export declare const simulateFetchingOffsetBooks: (searchValue: string, offset: number, limit: number) => Promise<{
+    data: Book[];
+    count: number;
+}>;
+export type GroupByField = "genre" | "author";
+export declare function mapBookToGroupedOption(book: Book, groupBy: GroupByField): SelectFieldGroupedOption;
+export declare const simulateFetchingGroupedBooks: (groupBy: GroupByField) => (searchValue: string, previousGroupKey: SelectFieldGroupByValue | null) => Promise<{
+    options: SelectFieldGroupedOption[];
+    hasMore: boolean;
+}>;

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

@@ -0,0 +1,232 @@
+import { LayoutUtilProps, Size } from '../../../types';
+/**
+ * Configuration options for the SelectField 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 SelectFieldCacheOptions = {
+    enabled?: boolean;
+    maxSize?: number;
+};
+/**
+ * Imperative handle for the SelectField component.
+ * @property clearCache - Clears the options cache.
+ */
+export type SelectFieldHandle = {
+    clearCache: () => void;
+};
+export type SelectFieldGroupByValue = string | number;
+export type SelectFieldOption = {
+    id: string | number;
+    label: string;
+    searchText?: string;
+    group?: SelectFieldGroupByValue;
+    content?: {
+        title?: string;
+        description?: string;
+    };
+};
+export type SelectFieldGroupedOption = SelectFieldOption & {
+    group: SelectFieldGroupByValue;
+};
+export type SelectFieldUngroupedOption = Omit<SelectFieldOption, "group"> & {
+    group?: never;
+};
+export type SelectFieldOptionsResult = SelectFieldOption[] | Promise<SelectFieldOption[]>;
+export type SelectFieldEagerLoader = (searchValue: string) => SelectFieldOptionsResult;
+export type SelectFieldOffsetLazyResult = {
+    options: SelectFieldUngroupedOption[];
+    hasMore?: boolean;
+};
+export type SelectFieldOffsetLazyLoader = (searchValue: string, offset: number, limit: number) => SelectFieldOffsetLazyResult | Promise<SelectFieldOffsetLazyResult>;
+export type SelectFieldPageLazyResult = {
+    options: SelectFieldUngroupedOption[];
+    hasMore?: boolean;
+};
+export type SelectFieldPageLazyLoader = (searchValue: string, pageNumber: number, pageSize: number) => SelectFieldPageLazyResult | Promise<SelectFieldPageLazyResult>;
+export type SelectFieldGroupLazyResult = {
+    options: SelectFieldGroupedOption[];
+    hasMore?: boolean;
+};
+export type SelectFieldGroupLazyLoader = (searchValue: string, previousGroupKey: SelectFieldGroupByValue | null) => SelectFieldGroupLazyResult | Promise<SelectFieldGroupLazyResult>;
+export type SelectFieldSearchProps = {
+    /**
+     * 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;
+};
+type SelectFieldAddNewOptionProps = {
+    /**
+     * The configuration for the add new option.
+     */
+    addNewOption?: {
+        /**
+         * The label to display for the add new option.
+         */
+        label: string;
+        /**
+         * The content to display in the add new option dialog.
+         */
+        renderDialogContent: (searchValue: string) => React.ReactNode;
+    };
+};
+export type SelectFieldLabeledPinnedOptions = {
+    options: SelectFieldOption[] | ((searchValue: string) => SelectFieldOption[] | Promise<SelectFieldOption[]>);
+    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 SelectFieldPinnedOptions = SelectFieldOption[] | ((searchValue: string) => SelectFieldOption[] | Promise<SelectFieldOption[]>) | SelectFieldLabeledPinnedOptions | SelectFieldLabeledPinnedOptions[];
+type SelectFieldCommonSelectFieldProps = {
+    /**
+     * The id of the select field.
+     */
+    id?: string;
+    /**
+     * The label of the select field.
+     */
+    label: string;
+    /**
+     * The placeholder of the select field.
+     */
+    placeholder?: string;
+    /**
+     * The size of the select field.
+     */
+    size?: Extract<Size, "small" | "medium" | "large">;
+    /**
+     * The value of the select field. Must be controlled state.
+     */
+    value: SelectFieldOption | null;
+    /**
+     * The callback to call when an item is clicked.
+     * @param option - The option that was selected.
+     */
+    onSelectedOptionChange: (option: SelectFieldOption | null) => 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?: SelectFieldPinnedOptions;
+    /**
+     * Whether to disable the clear button.
+     * @default false
+     */
+    disableClearButton?: boolean;
+    /**
+     * Configuration for caching loadOptions results.
+     * Caching is enabled by default. Set `{ enabled: false }` to disable.
+     */
+    cache?: SelectFieldCacheOptions;
+    /**
+     * 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";
+} & SelectFieldSearchProps & SelectFieldAddNewOptionProps & LayoutUtilProps;
+type SelectFieldGroupingProps = {
+    /**
+     * 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: SelectFieldGroupByValue) => string;
+};
+type SelectFieldNonGroupingProps = {
+    /**
+     * Incompatible with non-group lazy loading.
+     */
+    groupToString?: never;
+    /**
+     * Incompatible with non-group lazy loading.
+     */
+    groupSorter?: never;
+};
+export type SelectFieldPropsLazyPage = SelectFieldCommonSelectFieldProps & {
+    /**
+     * 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: SelectFieldPageLazyLoader;
+} & SelectFieldNonGroupingProps;
+export type SelectFieldPropsLazyOffset = SelectFieldCommonSelectFieldProps & {
+    /**
+     * 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: SelectFieldOffsetLazyLoader;
+} & SelectFieldNonGroupingProps;
+export type SelectFieldPropsLazyGroup = SelectFieldCommonSelectFieldProps & {
+    /**
+     * 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: SelectFieldGroupLazyLoader;
+} & SelectFieldGroupingProps;
+export type SelectFieldPropsEager = SelectFieldCommonSelectFieldProps & {
+    /**
+     * 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: SelectFieldEagerLoader;
+};
+export type SelectFieldPropsLazy = SelectFieldPropsLazyPage | SelectFieldPropsLazyOffset | SelectFieldPropsLazyGroup;
+export type SelectFieldProps = SelectFieldPropsLazy | SelectFieldPropsEager;
+export type SelectFieldDownshiftItem = {
+    id: string | number;
+    type: "option" | "pinned-option" | "select-all";
+    original: SelectFieldOption;
+};
+export {};

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

@@ -89,7 +89,7 @@ export type CustomTableFooterCellProps = {
     /**
      * The content of the footer cell
      */
-    content: string;
+    content: ReactNode;
     /**
      * The number of columns the footer cell should span
      */

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

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

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

@@ -0,0 +1 @@
+export * from './useAdaptiveView';

package/dist/beta/hooks/useAdaptiveView.d.ts

@@ -0,0 +1,50 @@
+/**
+ * The type of view to render based on device characteristics.
+ */
+export type AdaptiveView = "mobile" | "desktop";
+/**
+ * Return type for the useAdaptiveView hook.
+ */
+export interface UseAdaptiveViewReturn {
+    /**
+     * The current adaptive view type.
+     */
+    view: AdaptiveView;
+    /**
+     * True when the device should use mobile-optimized UI (Dialog).
+     */
+    isMobile: boolean;
+    /**
+     * True when the device should use desktop-optimized UI (Popover).
+     */
+    isDesktop: boolean;
+}
+/**
+ * Custom hook for detecting whether to use mobile or desktop UI patterns.
+ *
+ * This hook determines the optimal UI pattern (e.g., Dialog vs Popover) by combining:
+ * - Screen size via useBreakpoint (viewport width)
+ * - Pointer precision via CSS media query (pointer: coarse)
+ *
+ * A device is considered "mobile" when it has both:
+ * - A small screen (below md breakpoint, < 768px)
+ * - A coarse pointer (touch-primary input)
+ *
+ * This approach correctly identifies:
+ * - Mobile phones → mobile view (Dialog)
+ * - iPads/tablets → desktop view (Popover) due to larger screens
+ * - Touch laptops → desktop view (Popover) due to fine pointer primary
+ * - Desktop → desktop view (Popover)
+ *
+ * @returns Object containing view type and boolean flags for mobile/desktop
+ *
+ * @example
+ * const { isMobile } = useAdaptiveView();
+ *
+ * return isMobile ? (
+ *   <Dialog>{children}</Dialog>
+ * ) : (
+ *   <Popover>{children}</Popover>
+ * );
+ */
+export declare function useAdaptiveView(): UseAdaptiveViewReturn;

package/dist/beta/index.d.ts

@@ -1 +1,2 @@
 export * from './components';
+export * from './hooks';

package/dist/beta.js

@@ -1,5 +1,6 @@
-export { D as DataTable, a as chipsFormatter, c as createColumnHelper, b as currencyFormatter, p as percentFormatter } from './DataTable--vA-HttA.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-DuuaM0Cz.js';
-export { u as useCalendarBetaProps } from './Calendar-BkJs1qTF.js';
-export { C as Calendar } from './Calendar-WHERvu2Y.js';
+export { D as DataTable, a as chipsFormatter, c as createColumnHelper, b as currencyFormatter, p as percentFormatter } from './DataTable-BIhmpU0v.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-CPldWSNJ.js';
+export { u as useCalendarBetaProps } from './Calendar-BP6r1sP9.js';
+export { C as Calendar } from './Calendar-CLSm88D2.js';
+export { S as SelectField, a as SelectFieldSync, u as useAdaptiveView } from './SelectFieldSync-DF05HvD4.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/ButtonToggle/ButtonToggle.d.ts

@@ -55,7 +55,7 @@ DataTrackingId;
  *   Toggle Me
  * </ButtonToggle>
  */
-export declare const ButtonToggle: import('react').ForwardRefExoticComponent<Omit<ButtonProps, "appearance" | "loading"> & {
+export declare const ButtonToggle: import('react').ForwardRefExoticComponent<Omit<ButtonProps, "loading" | "appearance"> & {
     /**
      * The default pressed(selected) state of the toggle button.
      * @default false

package/dist/{indeterminate_check_box-RY9zr3xS.js → indeterminate_check_box-B4zobNlt.js}

@@ -1,35 +1,10 @@
 import * as React from 'react';
 
-import './indeterminate_check_box.css';const checkbox = "_checkbox_19qga_8";
-const wrapper = "_wrapper_19qga_23";
-const error = "_error_19qga_103";
-const label = "_label_19qga_215";
-const legend = "_legend_19qga_247";
-const children = "_children_19qga_259";
-const checkboxStyles = {
-	checkbox: checkbox,
-	wrapper: wrapper,
-	"required-asterisk": "_required-asterisk_19qga_37",
-	"focus-label": "_focus-label_19qga_41",
-	"icon-wrapper": "_icon-wrapper_19qga_47",
-	"helper-wrapper": "_helper-wrapper_19qga_80",
-	"icon-indeterminate": "_icon-indeterminate_19qga_85",
-	"icon-unchecked": "_icon-unchecked_19qga_86",
-	"icon-checked": "_icon-checked_19qga_87",
-	error: error,
-	"sr-only": "_sr-only_19qga_201",
-	"checkbox-group": "_checkbox-group_19qga_215",
-	label: label,
-	"direction-row": "_direction-row_19qga_215",
-	legend: legend,
-	children: children
-};
-
 const SvgCheckBoxOutlineBlank = (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: "M18 19H6c-.55 0-1-.45-1-1V6c0-.55.45-1 1-1h12c.55 0 1 .45 1 1v12c0 .55-.45 1-1 1zm1-16H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z" }));
 
 const SvgCheckBox = (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: "M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-8.29 13.29a.996.996 0 0 1-1.41 0L5.71 12.7a.996.996 0 1 1 1.41-1.41L10 14.17l6.88-6.88a.996.996 0 1 1 1.41 1.41l-7.58 7.59z" }));
 
 const SvgIndeterminateCheckBox = (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: "M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-3 10H8c-.55 0-1-.45-1-1s.45-1 1-1h8c.55 0 1 .45 1 1s-.45 1-1 1z" }));
 
-export { SvgIndeterminateCheckBox as S, SvgCheckBox as a, SvgCheckBoxOutlineBlank as b, checkboxStyles as c };
-//# sourceMappingURL=indeterminate_check_box-RY9zr3xS.js.map
+export { SvgIndeterminateCheckBox as S, SvgCheckBox as a, SvgCheckBoxOutlineBlank as b };
+//# sourceMappingURL=indeterminate_check_box-B4zobNlt.js.map

package/dist/{indeterminate_check_box-RY9zr3xS.js.map → indeterminate_check_box-B4zobNlt.js.map}

@@ -1 +1 @@
-{"version":3,"file":"indeterminate_check_box-RY9zr3xS.js","sources":["../../hammer-icon/mdi/round/check_box_outline_blank.svg","../../hammer-icon/mdi/round/check_box.svg","../../hammer-icon/mdi/round/indeterminate_check_box.svg"],"sourcesContent":["import * as React from \"react\";\nconst SvgCheckBoxOutlineBlank = (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: \"M18 19H6c-.55 0-1-.45-1-1V6c0-.55.45-1 1-1h12c.55 0 1 .45 1 1v12c0 .55-.45 1-1 1zm1-16H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z\" }));\nexport default SvgCheckBoxOutlineBlank;\n","import * as React from \"react\";\nconst SvgCheckBox = (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: \"M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-8.29 13.29a.996.996 0 0 1-1.41 0L5.71 12.7a.996.996 0 1 1 1.41-1.41L10 14.17l6.88-6.88a.996.996 0 1 1 1.41 1.41l-7.58 7.59z\" }));\nexport default SvgCheckBox;\n","import * as React from \"react\";\nconst SvgIndeterminateCheckBox = (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: \"M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-3 10H8c-.55 0-1-.45-1-1s.45-1 1-1h8c.55 0 1 .45 1 1s-.45 1-1 1z\" }));\nexport default SvgIndeterminateCheckBox;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AACK,MAAC,uBAAuB,GAAG,CAAC,KAAK,qBAAqB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,4BAA4B,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,GAAG,KAAK,EAAE,kBAAkB,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE,EAAE,CAAC,EAAE,+JAA+J,EAAE,CAAC;;ACA1Y,MAAC,WAAW,GAAG,CAAC,KAAK,qBAAqB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,4BAA4B,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,GAAG,KAAK,EAAE,kBAAkB,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE,EAAE,CAAC,EAAE,2MAA2M,EAAE,CAAC;;ACA1a,MAAC,wBAAwB,GAAG,CAAC,KAAK,qBAAqB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,4BAA4B,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,GAAG,KAAK,EAAE,kBAAkB,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE,EAAE,CAAC,EAAE,+IAA+I,EAAE,CAAC;;;;"}
+{"version":3,"file":"indeterminate_check_box-B4zobNlt.js","sources":["../../hammer-icon/mdi/round/check_box_outline_blank.svg","../../hammer-icon/mdi/round/check_box.svg","../../hammer-icon/mdi/round/indeterminate_check_box.svg"],"sourcesContent":["import * as React from \"react\";\nconst SvgCheckBoxOutlineBlank = (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: \"M18 19H6c-.55 0-1-.45-1-1V6c0-.55.45-1 1-1h12c.55 0 1 .45 1 1v12c0 .55-.45 1-1 1zm1-16H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z\" }));\nexport default SvgCheckBoxOutlineBlank;\n","import * as React from \"react\";\nconst SvgCheckBox = (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: \"M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-8.29 13.29a.996.996 0 0 1-1.41 0L5.71 12.7a.996.996 0 1 1 1.41-1.41L10 14.17l6.88-6.88a.996.996 0 1 1 1.41 1.41l-7.58 7.59z\" }));\nexport default SvgCheckBox;\n","import * as React from \"react\";\nconst SvgIndeterminateCheckBox = (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: \"M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-3 10H8c-.55 0-1-.45-1-1s.45-1 1-1h8c.55 0 1 .45 1 1s-.45 1-1 1z\" }));\nexport default SvgIndeterminateCheckBox;\n"],"names":[],"mappings":";;AACK,MAAC,uBAAuB,GAAG,CAAC,KAAK,qBAAqB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,4BAA4B,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,GAAG,KAAK,EAAE,kBAAkB,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE,EAAE,CAAC,EAAE,+JAA+J,EAAE,CAAC;;ACA1Y,MAAC,WAAW,GAAG,CAAC,KAAK,qBAAqB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,4BAA4B,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,GAAG,KAAK,EAAE,kBAAkB,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE,EAAE,CAAC,EAAE,2MAA2M,EAAE,CAAC;;ACA1a,MAAC,wBAAwB,GAAG,CAAC,KAAK,qBAAqB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,4BAA4B,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,GAAG,KAAK,EAAE,kBAAkB,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE,EAAE,CAAC,EAAE,+IAA+I,EAAE,CAAC;;;;"}

package/dist/index.js

@@ -10,51 +10,52 @@ import { B as Button } from './Button-92_FKAyV.js';
 export { B as ButtonCompound } from './ButtonCompound-COdSELhh.js';
 import { B as ButtonLink } from './ButtonLink-C0zR7Wnb.js';
 import { B as ButtonToggle } from './ButtonToggle--sKvhBoA.js';
-export { a as Calendar, g as CalendarMonth, f as CalendarMonthButton, e as CalendarNext, b as CalendarNow, d as CalendarPrev, c as CalendarYearButton } from './Calendar-BkJs1qTF.js';
+export { a as Calendar, g as CalendarMonth, f as CalendarMonthButton, e as CalendarNext, b as CalendarNow, d as CalendarPrev, c as CalendarYearButton } from './Calendar-BP6r1sP9.js';
 export { C as Card } from './Card-Ch3sMUo5.js';
-export { C as Checkbox } from './Checkbox-C5Qjq_tU.js';
-export { C as CheckboxGroup } from './Checkbox-Bhjj-jM4.js';
+export { C as Checkbox } from './Checkbox-PkAk1Saq.js';
+export { C as CheckboxGroup } from './Checkbox-DwuDx-t4.js';
 export { C as Chip } from './Chip-X2EwdZ97.js';
-export { C as Combobox, c as ComboboxContent, a as ComboboxElement, i as ComboboxEmpty, e as ComboboxItem, f as ComboboxItemAddNew, d as ComboboxList, g as ComboboxSearchField, b as ComboboxSelect, h as ComboboxSelectTrigger } from './Combobox-BO-k4QZE.js';
+export { C as Combobox, c as ComboboxContent, a as ComboboxElement, i as ComboboxEmpty, e as ComboboxItem, f as ComboboxItemAddNew, d as ComboboxList, g as ComboboxSearchField, b as ComboboxSelect, h as ComboboxSelectTrigger } from './Combobox-DNCq-jkq.js';
 export { u as useInfiniteCombobox } from './useInfiniteCombobox-WcRgC9p6.js';
-export { D as DateField } from './DateField-BNleIuS8.js';
-export { D as DateFieldRange } from './DateFieldRange-BBgvno-_.js';
-export { D as DateFieldSingle } from './DateFieldSingle-Bcwkxogy.js';
-export { D as DateFieldYearless } from './DateFieldYearless-DnVJaBBq.js';
-export { D as DateFieldYearlessRange } from './DateFieldYearlessRange-BivGidsU.js';
-export { D as DaysOfTheWeek } from './DaysOfTheWeek-Dn6zHxpt.js';
+export { D as DateField } from './DateField-DsGHTMZ1.js';
+export { D as DateFieldRange } from './DateFieldRange-Ct979nxF.js';
+export { D as DateFieldSingle } from './DateFieldSingle-frMHnRSg.js';
+export { D as DateFieldYearless } from './DateFieldYearless-po9ieLod.js';
+export { D as DateFieldYearlessRange } from './DateFieldYearlessRange-Dy8a8O1n.js';
+export { D as DaysOfTheWeek } from './DaysOfTheWeek-2_k3T4n4.js';
 export { D as Details, b as DetailsContent, a as DetailsSummary } from './Details-CkaKTRvc.js';
-export { D as Dialog, a as DialogCancelButton, b as DialogContent, c as DialogFooter, d as DialogHeader } from './Dialog-3ptbLquZ.js';
+export { D as Dialog, a as DialogContent, b as DialogFooter, c as DialogHeader } from './Dialog-BT7a5KNT.js';
+export { D as DialogCancelButton } from './DialogCancelButton-sTEfx5kf.js';
 export { D as Divider } from './Divider-Olv8yWXD.js';
 export { D as Dnd } from './index-ByS9WvPk.js';
-export { D as Drawer, a as DrawerCancelButton, d as DrawerContent, b as DrawerFooter, c as DrawerHeader } from './Drawer-plkbENfI.js';
+export { D as Drawer, a as DrawerCancelButton, d as DrawerContent, b as DrawerFooter, c as DrawerHeader } from './Drawer-scQFylHI.js';
 export { E as EditCard } from './EditCard-Ds1UXJIS.js';
-export { F as FieldLabel } from './FieldLabel-CHMCV9wX.js';
+export { F as FieldLabel } from './FieldLabel-BIStrC2x.js';
 export { F as FieldMessage } from './FieldMessage-DWONT3dr.js';
 import { F as Flex } from './Flex-CjPHUTeq.js';
 export { G as Grid } from './Grid-DW2cAuHi.js';
 import { I as Icon } from './Icon-BSuTVNaa.js';
-export { I as InputMask } from './InputMask-Cd01c3Tj.js';
+export { I as InputMask } from './InputMask-A5LDdyxL.js';
 export { L as Layout, a as LayoutElement, b as LayoutItem } from './Layout-CUUb2PVr.js';
 export { L as Link, u as useLinkStyles } from './Link-DuYh7Xl2.js';
 export { L as LinkButton } from './LinkButton-pIUNATNE.js';
 import { L as Listbox } from './Listbox-C-n4IVVj.js';
 export { a as ListboxOption, b as ListboxOptionGroup } from './Listbox-C-n4IVVj.js';
-export { L as ListView, a as ListViewOption, b as ListViewOptionCell } from './ListView-CZ5T8bR1.js';
-export { M as Menu, a as MenuItem } from './Menu-DUAfSImY.js';
-export { N as NumberField } from './NumberField-C62E56_v.js';
+export { L as ListView, a as ListViewOption, b as ListViewOptionCell } from './ListView-5cRssdYI.js';
+export { M as Menu, a as MenuItem } from './Menu-Cn2JJe1Y.js';
+export { N as NumberField } from './NumberField-BUFymKV3.js';
 export { Overflow, OverflowText } from './Overflow.js';
-export { P as Page } from './Page-Bc8ko-eM.js';
-export { P as Pagination } from './Pagination-BHEEnNas.js';
-import { P as Popover } from './Popover-CIPg_ZgX.js';
-export { a as PopoverButton, b as PopoverClose, c as PopoverContent, d as PopoverTrigger } from './Popover-CIPg_ZgX.js';
-export { P as ProgressBar } from './ProgressBar-CUpF9fFW.js';
-export { R as Radio } from './Radio-CyCFna1X.js';
-export { R as RadioGroup } from './RadioGroup-DRS2EjVH.js';
+export { P as Page } from './Page-Dgpz2WD7.js';
+export { P as Pagination } from './Pagination-CnF6yBr5.js';
+import { P as Popover } from './Popover-CcMDyKTj.js';
+export { a as PopoverButton, b as PopoverClose, c as PopoverContent, d as PopoverTrigger } from './Popover-CcMDyKTj.js';
+export { P as ProgressBar } from './ProgressBar-R_UjSR4o.js';
+export { R as Radio } from './Radio-CLR1m8N9.js';
+export { R as RadioGroup } from './RadioGroup-m46C69uO.js';
 export { S as SearchField } from './SearchField-DrgNbG3I.js';
 export { S as SegmentedControl, a as SegmentedControlSegment } from './SegmentedControl-DK1cwC7A.js';
-export { S as SelectCard, a as SelectCardElement, b as SelectCardGroup } from './SelectCard-lBcnP5j5.js';
-export { S as SelectTrigger } from './SelectTrigger-DdsBqEtU.js';
+export { S as SelectCard, a as SelectCardElement, b as SelectCardGroup } from './SelectCard-DViLgRGh.js';
+export { S as SelectTrigger } from './SelectTrigger-BSzOoRsu.js';
 export { S as SideNav, b as SideNavCollapsible, c as SideNavGroup, a as SideNavLink } from './SideNav-B1sH17Uc.js';
 export { Skeleton, SkeletonCircle, SkeletonPill, SkeletonRectangle, SkeletonText } from './Skeleton.js';
 export { S as Spinner } from './Spinner-xEFwsq8_.js';
@@ -63,18 +64,18 @@ export { S as Stepper, a as StepperFinalPanel, b as StepperList, c as StepperNex
 export { S as Switch } from './Switch-BXDPs2mD.js';
 export { T as Tab, a as TabButton, b as TabList, c as TabPanel } from './Tab-6UavokJJ.js';
 export { T as Text } from './Text-kPA-VzsB.js';
-export { T as Textarea } from './Textarea-DacevzmW.js';
-export { T as TextField } from './TextField-CpVkZxMT.js';
-export { T as TimeField } from './TimeField-BkOB5ESa.js';
-export { T as Toaster } from './Toaster-nFhRAJc8.js';
-export { t as toast } from './Toaster-Dx0cFQwb.js';
+export { T as Textarea } from './Textarea-Dl4w2-t0.js';
+export { T as TextField } from './TextField-D29fTRGR.js';
+export { T as TimeField } from './TimeField-Dpi3fMsn.js';
+export { T as Toaster } from './Toaster-CRNOANCk.js';
+export { t as toast } from './Toaster-B0ogInIl.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { useContext, createContext, useId, useRef, useCallback, useEffect, forwardRef, useState, useMemo } from 'react';
 import { c as cx } from './index-tZvMCc77.js';
 import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-BlIWftBb.js';
 import { u as useMergeRefs } from './useMergeRefs-Dfmtq9cI.js';
-import { T as Tooltip } from './Tooltip-CZsoFe6C.js';
-export { a as TooltipContent, b as TooltipTrigger } from './Tooltip-CZsoFe6C.js';
+import { T as Tooltip } from './Tooltip-BbfLb3pI.js';
+export { a as TooltipContent, b as TooltipTrigger } from './Tooltip-BbfLb3pI.js';
 export { u as useAccessibleColor } from './useAccessibleColor-BYKjkGRg.js';
 export { u as useBreakpoint } from './useBreakpoint-BGCsBhQ7.js';
 export { u as usePrefersColorScheme } from './usePrefersColorScheme-_hT7dK7_.js';