@servicetitan/anvil2 2.9.2 → 3.0.1

package/dist/assets/icons/st/unsorted.svg

@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path transform="scale(1.5)" d="M11.363 8.722V4.275l1.772 1.665a.672.672 0 0 0 1.09-.216.66.66 0 0 0-.144-.724L11.17 2.195a.663.663 0 0 0-.94 0L7.195 5a.665.665 0 1 0 .94.94l1.894-1.665v4.447c0 .366.3.666.667.666s.667-.3.667-.666M4.914 7.667v4.446l-1.772-1.665a.672.672 0 0 0-1.091.216.66.66 0 0 0 .144.724l2.912 2.805a.663.663 0 0 0 .94 0l3.035-2.805a.665.665 0 1 0-.94-.94l-1.895 1.665V7.667c0-.367-.3-.667-.667-.667-.366 0-.666.3-.666.667"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M17.045 13.083v-6.67l2.657 2.497a1.008 1.008 0 0 0 1.635-.324.99.99 0 0 0-.215-1.086l-4.367-4.208a.995.995 0 0 0-1.41 0L10.793 7.5a.998.998 0 1 0 1.41 1.41l2.84-2.497v6.67c0 .549.45.999 1.001.999s1-.45 1-.999M7.371 11.5v6.67l-2.658-2.498a1.008 1.008 0 0 0-1.637.324.99.99 0 0 0 .216 1.086l4.369 4.207a.995.995 0 0 0 1.41 0l4.552-4.207a.998.998 0 1 0-1.41-1.41L9.37 18.169V11.5c0-.55-.45-1-1-1-.549 0-.999.45-.999 1"/></svg>

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

@@ -0,0 +1,87 @@
+import { ComponentPropsWithoutRef } from 'react';
+import { Filter } from './internal/types';
+import { LayoutUtilProps } from '../../../types';
+import { ToolbarOverflowTypes, ToolbarSize } from '../Toolbar/types';
+/**
+ * Props for the FilterBar component
+ *
+ * @extends ComponentPropsWithoutRef<"div">
+ * @extends LayoutUtilProps
+ */
+export type FilterBarProps = ComponentPropsWithoutRef<"div"> & LayoutUtilProps & {
+    /** Array of filter objects */
+    filters: Filter[];
+    /** Description of the content this filter bar is associated with, used for accessibility */
+    associatedContent: string;
+    /** Callback function when filters change */
+    onFilterChange: (filters: Filter[]) => void;
+    /** Whether the filters submission is controlled via an apply button */
+    controlledFiltering?: boolean;
+    /**
+     * Size of filter controls
+     * @default xsmall
+     */
+    size?: ToolbarSize;
+    /**
+     * How to handle overflow when items don't fit
+     * @default wrap
+     */
+    overflow?: ToolbarOverflowTypes;
+};
+/**
+ * FilterBar component for displaying a standalone group of filters with toggles and a clear button.
+ *
+ * Features:
+ * - Standalone component with `role="toolbar"` and keyboard navigation
+ * - Renders filter toggles and popovers for all filter types
+ * - Supports controlled and uncontrolled filtering
+ * - Integrates with FilterDrawer for batch filter editing
+ * - Provides a clear all filters button
+ * - Handles overflow and hidden filters
+ * - Shares filter state via context for child components
+ * - Supports boolean, custom, single-select, multi-select, date, and date range filter types
+ * - Preserves filter state when filter configuration changes
+ * - Responsive: condenses to drawer-only at small container sizes
+ * - Can be composed alongside Toolbar as a sibling using Flex layout
+ *
+ * @example
+ * <FilterBar
+ *   associatedContent="invoices"
+ *   filters={filters}
+ *   onFilterChange={handleFilter}
+ *   controlledFiltering={true}
+ * />
+ *
+ * @example
+ * // With Toolbar as sibling
+ * <Flex alignItems="center" justifyContent="space-between">
+ *   <Toolbar associatedContent="invoice actions">
+ *     <Toolbar.Button icon={SaveIcon} aria-label="Save" />
+ *   </Toolbar>
+ *   <FilterBar
+ *     associatedContent="invoices"
+ *     filters={filters}
+ *     onFilterChange={handleFilter}
+ *   />
+ * </Flex>
+ */
+export declare const FilterBar: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & LayoutUtilProps & {
+    /** Array of filter objects */
+    filters: Filter[];
+    /** Description of the content this filter bar is associated with, used for accessibility */
+    associatedContent: string;
+    /** Callback function when filters change */
+    onFilterChange: (filters: Filter[]) => void;
+    /** Whether the filters submission is controlled via an apply button */
+    controlledFiltering?: boolean;
+    /**
+     * Size of filter controls
+     * @default xsmall
+     */
+    size?: ToolbarSize;
+    /**
+     * How to handle overflow when items don't fit
+     * @default wrap
+     */
+    overflow?: ToolbarOverflowTypes;
+} & import('react').RefAttributes<HTMLDivElement>>;

package/dist/beta/components/{Toolbar/Filters → FilterBar}/FilterToggleButton.d.ts

@@ -1,4 +1,4 @@
-import { ToolbarButtonToggleProps } from '../ToolbarButtonToggle';
+import { ToolbarButtonToggleProps } from '../Toolbar/ToolbarButtonToggle';
 /**
  * Props for the FilterToggleButton component
  *

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

@@ -0,0 +1,3 @@
+export * from './FilterBar';
+export { FilterBar as default, type FilterBarProps } from './FilterBar';
+export { type Filter, type BooleanFilter, type CustomFilter, type SingleSelectFilter, type MultiSelectFilter, type DateFilter, type DateRangeFilter, type FilterValue, type FilterRenderProps, type BaseFilter, } from './internal/types';

package/dist/beta/components/{Toolbar/Filters → FilterBar}/internal/FilterGroupContext.d.ts

@@ -1,12 +1,12 @@
 import { RefObject } from 'react';
-import { FilterGroupProps } from '../FilterGroup';
+import { FilterBarProps } from '../FilterBar';
 import { Filter, FilterValue } from './types';
 /**
- * Context for sharing filter state and operations between FilterGroup and its children
+ * Context for sharing filter state and operations between FilterBar and its children
  *
- * @extends FilterGroupProps
+ * @extends FilterBarProps
  */
-type FilterGroupContextProps = FilterGroupProps & {
+type FilterGroupContextProps = FilterBarProps & {
     /** Reference to the filter group DOM element
      *  @default { current: null }
      */
@@ -34,7 +34,7 @@ type FilterGroupContextProps = FilterGroupProps & {
 };
 /**
  * Context provider for filter-related operations
- * Used to share filter state between FilterGroup and FilterDrawer
+ * Used to share filter state between FilterBar and FilterDrawer
  */
 export declare const FilterGroupContext: import('react').Context<FilterGroupContextProps>;
 export {};

package/dist/beta/components/{Toolbar/Filters → FilterBar}/internal/types.d.ts

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
-import { DateFieldSingleProps } from '../../../../../components/DateFieldSingle';
-import { DateFieldRangeProps } from '../../../../../components/DateFieldRange';
+import { DateFieldSingleProps } from '../../../../components/DateFieldSingle';
+import { DateFieldRangeProps } from '../../../../components/DateFieldRange';
 /**
  * Base properties shared by all filter types
  */

package/dist/beta/components/{Toolbar/Filters → FilterBar}/internal/utils/test.d.ts

@@ -40,6 +40,7 @@ export declare function createMockFilterContext(filters?: Filter[], contextOverr
     addHiddenFilter: import('vitest').Mock<(...args: any[]) => any>;
     removeHiddenFilter: import('vitest').Mock<(...args: any[]) => any>;
     controlledFiltering: boolean;
+    associatedContent: string;
 };
 export declare function createMockBooleanFilter(overrides?: Partial<BooleanFilter>): BooleanFilter;
 export declare function createMockCustomFilter<T = unknown>(overrides?: Partial<CustomFilter<T>>): CustomFilter<T>;

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

@@ -190,33 +190,6 @@ export declare const Toolbar: import('react').ForwardRefExoticComponent<Omit<imp
         })[];
         accessibleLabel: string;
     } & import('../../..').DataTrackingId & import('react').RefAttributes<HTMLButtonElement>>;
-    /**
-     * FilterGroup component displays a group of filters with toggles and a clear button.
-     * Also contains the FilterDrawer for additional filter options.
-     *
-     * Features:
-     * - Renders filter toggles and popovers for all filter types
-     * - Supports controlled and uncontrolled filtering
-     * - Integrates with FilterDrawer for batch filter editing
-     * - Provides a clear all filters button
-     * - Handles overflow and hidden filters
-     * - Shares filter state via context for child components
-     * - Supports boolean, custom, single-select, multi-select, date, and date range filter types
-     * - Date filters include calendar popup for easy selection
-     * - Date range filters support start and end date selection
-     *
-     * @example
-     * <Toolbar.Filters
-     *   filters={filters}
-     *   onFilterChange={handleFilter}
-     *   controlledFiltering={true}
-     * />
-     */
-    Filters: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & LayoutUtilProps & {
-        filters: import('.').Filter[];
-        onFilterChange?: (filters: import('.').Filter[]) => void;
-        controlledFiltering?: boolean;
-    } & import('react').RefAttributes<HTMLDivElement>>;
     /**
      * ToolbarControlGroup component provides a flex container for grouping related toolbar controls.
      * Can be used for filters, buttons, or other toolbar items.
@@ -382,33 +355,6 @@ export declare const ToolbarElement: import('react').ForwardRefExoticComponent<O
         })[];
         accessibleLabel: string;
     } & import('../../..').DataTrackingId & import('react').RefAttributes<HTMLButtonElement>>;
-    /**
-     * FilterGroup component displays a group of filters with toggles and a clear button.
-     * Also contains the FilterDrawer for additional filter options.
-     *
-     * Features:
-     * - Renders filter toggles and popovers for all filter types
-     * - Supports controlled and uncontrolled filtering
-     * - Integrates with FilterDrawer for batch filter editing
-     * - Provides a clear all filters button
-     * - Handles overflow and hidden filters
-     * - Shares filter state via context for child components
-     * - Supports boolean, custom, single-select, multi-select, date, and date range filter types
-     * - Date filters include calendar popup for easy selection
-     * - Date range filters support start and end date selection
-     *
-     * @example
-     * <Toolbar.Filters
-     *   filters={filters}
-     *   onFilterChange={handleFilter}
-     *   controlledFiltering={true}
-     * />
-     */
-    Filters: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & LayoutUtilProps & {
-        filters: import('.').Filter[];
-        onFilterChange?: (filters: import('.').Filter[]) => void;
-        controlledFiltering?: boolean;
-    } & import('react').RefAttributes<HTMLDivElement>>;
     /**
      * ToolbarControlGroup component provides a flex container for grouping related toolbar controls.
      * Can be used for filters, buttons, or other toolbar items.

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

@@ -7,4 +7,3 @@ export { ToolbarSelect, type ToolbarSelectProps } from './ToolbarSelect';
 export { type ToolbarItemAppearance, type ToolbarOverflowTypes } from './types';
 export { ToolbarControlGroup, type ToolbarControlGroupProps, } from './ToolbarControlGroup';
 export { ToolbarSearchField, type ToolbarSearchFieldProps, } from './ToolbarSearchField';
-export { type Filter, type BooleanFilter, type CustomFilter, type SingleSelectFilter, type MultiSelectFilter, type DateFilter, type DateRangeFilter, type FilterValue, type FilterRenderProps, type BaseFilter, } from './Filters/internal/types';

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

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

package/dist/beta.js

@@ -1,11 +1,13 @@
-export { C as COLUMN_TYPE_DEFAULTS, D as DataTable, b as booleanFormatter, a as chipsFormatter, c as createColumnHelper, d as currencyFormatter, i as dateFormatPresets, e as dateFormatter, f as dateTimeFormatter, g as getColumnTypeDefaults, h as htmlFormatter, m as markdownFormatter, n as numberFormatter, p as percentFormatter, r as resolveColumnTypeConfig, t as timeFormatPresets, j as timeFormatter, y as yearlessDateFormatter } from './DataTable-bMoIuYBK.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-Dsaufi65.js';
-export { u as useCalendarBetaProps } from './Calendar-0DG2so95.js';
-export { C as Calendar } from './Calendar-CaWPwtb3.js';
-export { S as SelectField, a as SelectFieldSync } from './SelectFieldSync-CDIRIYv2.js';
-export { M as MultiSelectField, a as MultiSelectFieldSync } from './MultiSelectFieldSync-fV2O5J0N.js';
-export { S as SelectMenu, a as SelectMenuSync } from './SelectMenuSync-DkQrikHz.js';
-export { M as MultiSelectMenu, a as MultiSelectMenuSync } from './MultiSelectMenuSync-BViWKlX1.js';
-export { I as InteractiveCard } from './InteractiveCard-GTYbR6Xy.js';
-export { u as useAdaptiveView } from './syncFilterUtils-DtOBvzdr.js';
+export { F as FilterBar } from './FilterBar-BU8StPPd.js';
+export { C as COLUMN_TYPE_DEFAULTS, D as DataTable, b as booleanFormatter, a as chipsFormatter, c as createColumnHelper, d as currencyFormatter, i as dateFormatPresets, e as dateFormatter, f as dateTimeFormatter, g as getColumnTypeDefaults, h as htmlFormatter, m as markdownFormatter, n as numberFormatter, p as percentFormatter, r as resolveColumnTypeConfig, t as timeFormatPresets, j as timeFormatter, y as yearlessDateFormatter } from './DataTable-BDXdCF7J.js';
+export { T as Toolbar, a as ToolbarButton, b as ToolbarButtonLink, d as ToolbarControlGroup, f as ToolbarElement, e as ToolbarSearchField, c as ToolbarSelect } from './Toolbar-Dzj2KMEy.js';
+export { T as ToolbarButtonToggle } from './ToolbarButtonToggle--2Ka05N8.js';
+export { u as useCalendarBetaProps } from './Calendar-CaCMa_jq.js';
+export { C as Calendar } from './Calendar-BAbAagIx.js';
+export { S as SelectField, a as SelectFieldSync } from './SelectFieldSync-W_-jTf7z.js';
+export { M as MultiSelectField, a as MultiSelectFieldSync } from './MultiSelectFieldSync-ueey5UBM.js';
+export { S as SelectMenu, a as SelectMenuSync } from './SelectMenuSync-QcjbQtCO.js';
+export { M as MultiSelectMenu, a as MultiSelectMenuSync } from './MultiSelectMenuSync-D7hqugcQ.js';
+export { I as InteractiveCard } from './InteractiveCard-CnW0m_F-.js';
+export { u as useAdaptiveView } from './syncFilterUtils-nJS_tCsu.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/{indeterminate_check_box-B4zobNlt.js → check_box-0U1tbEAd.js}

@@ -4,7 +4,5 @@ const SvgCheckBoxOutlineBlank = (props) => /* @__PURE__ */ React.createElement("
 
 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 };
-//# sourceMappingURL=indeterminate_check_box-B4zobNlt.js.map
+export { SvgCheckBox as S, SvgCheckBoxOutlineBlank as a };
+//# sourceMappingURL=check_box-0U1tbEAd.js.map

package/dist/check_box-0U1tbEAd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"check_box-0U1tbEAd.js","sources":["../../hammer-icon/mdi/round/check_box_outline_blank.svg","../../hammer-icon/mdi/round/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"],"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;;;;"}

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, "onChange" | "ref" | "value" | "prefix" | "hint" | "showCounter"> & {
+export declare const MaskedDateRangeInput: import('react').ForwardRefExoticComponent<Omit<TextFieldProps, "ref" | "prefix" | "onChange" | "hint" | "showCounter" | "value"> & {
     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: (1 | 2 | 3 | 6 | 4 | 5 | 7)[] | undefined;
+        daysOfWeek: (1 | 2 | 3 | 4 | 5 | 6 | 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, "onChange" | "ref" | "value" | "prefix" | "hint" | "showCounter"> & {
+export declare const MaskedDateInput: import('react').ForwardRefExoticComponent<Omit<TextFieldProps, "ref" | "prefix" | "onChange" | "hint" | "showCounter" | "value"> & {
     onChange: MaskedDateInputChangeHandler;
     mode?: DateMode;
     lastValidDate: DateTime | null;

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>, "onChange" | "ref" | "size" | "value"> & {
+export declare const YearlessDateInput: import('react').ForwardRefExoticComponent<Omit<InputHTMLAttributes<HTMLInputElement>, "ref" | "onChange" | "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>, "onBlur" | "onFocus" | "onChange" | "ref" | "size" | "value" | "defaultValue"> & {
+export declare const YearlessDateInputWithPicker: import('react').ForwardRefExoticComponent<Omit<InputHTMLAttributes<HTMLInputElement>, "ref" | "defaultValue" | "onFocus" | "onBlur" | "onChange" | "size" | "value"> & {
     /**
      * The controlled value of the date field
      */

package/dist/components/NumberField/NumberField.d.ts

@@ -53,7 +53,7 @@ export type NumberFieldProps = Omit<ComponentPropsWithoutRef<"input">, "size" |
     onBlur?: (event: React.FocusEvent) => void;
     hideControls?: boolean;
 } & DataTrackingId;
-export declare const NumberField: import('react').ForwardRefExoticComponent<Omit<Omit<import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "onBlur" | "onFocus" | "onChange" | "size" | "value" | "defaultValue" | "prefix" | "inputMode" | "type"> & LayoutUtilProps & Pick<import('../../internal').LabelProps, "required" | "moreInfo"> & {
+export declare const NumberField: import('react').ForwardRefExoticComponent<Omit<Omit<import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "defaultValue" | "prefix" | "inputMode" | "onFocus" | "onBlur" | "onChange" | "size" | "value" | "type"> & LayoutUtilProps & Pick<import('../../internal').LabelProps, "required" | "moreInfo"> & {
     labelProps?: Omit<import('../../internal').LabelProps, "children" | "moreInfo" | "required" | "id" | "htmlFor"> & import('../..').AiMarkWithTooltipOrPopoverProps;
 } & {
     /**

package/dist/components/Page/Page.d.ts

@@ -138,9 +138,9 @@ export declare const Page: import('react').ForwardRefExoticComponent<Omit<import
                 label: string;
             })[];
         };
-        preferenceAction?: (Omit<import('..').ButtonProps, "size" | "className" | "aria-label" | "appearance" | "icon"> & {
+        preferenceAction?: (Omit<import('..').ButtonProps, "className" | "aria-label" | "size" | "icon" | "appearance"> & {
             "aria-label": string;
-        }) | (Omit<import('..').ButtonLinkProps, "size" | "className" | "aria-label" | "appearance" | "icon"> & {
+        }) | (Omit<import('..').ButtonLinkProps, "className" | "aria-label" | "size" | "icon" | "appearance"> & {
             "aria-label": string;
         });
         layout?: import('..').LayoutProps;

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

@@ -55,7 +55,7 @@ export type SearchFieldProps = Omit<ComponentPropsWithoutRef<"input">, "size" |
  *   disabled={isLoading}
  * />
  */
-export declare const SearchField: import('react').ForwardRefExoticComponent<Omit<Omit<import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "size" | "children" | "prefix" | "required"> & LayoutUtilProps & {
+export declare const SearchField: import('react').ForwardRefExoticComponent<Omit<Omit<import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "prefix" | "children" | "size" | "required"> & LayoutUtilProps & {
     /**
      * Size of the search field
      * @default "medium"

package/dist/components/Stepper/Stepper.d.ts

@@ -135,7 +135,7 @@ export declare const Stepper: import('react').ForwardRefExoticComponent<Omit<Omi
      *   Contact Details
      * </Stepper.Step>
      */
-    Step: import('react').ForwardRefExoticComponent<Omit<Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "disabled" | "onClick"> & {
+    Step: import('react').ForwardRefExoticComponent<Omit<Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "onClick" | "disabled"> & {
         controls: string;
         onClick?: (e: import('react').MouseEvent<HTMLButtonElement>, index?: number) => void;
     } & import('react').RefAttributes<HTMLButtonElement>>;

package/dist/components/Stepper/StepperStep.d.ts

@@ -43,7 +43,7 @@ export type StepperStepProps = Omit<ComponentPropsWithoutRef<"button">, "onClick
  *   Contact Details
  * </Stepper.Step>
  */
-export declare const StepperStep: import('react').ForwardRefExoticComponent<Omit<Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "disabled" | "onClick"> & {
+export declare const StepperStep: import('react').ForwardRefExoticComponent<Omit<Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "onClick" | "disabled"> & {
     /**
      * ID of the panel that this step is controlling.
      * Must match the id prop of the corresponding Stepper.Panel.

package/dist/components/Tab/Tab.d.ts

@@ -106,7 +106,7 @@ export declare const Tab: import('react').ForwardRefExoticComponent<Omit<Omit<im
      *   First Tab
      * </Tab.Button>
      */
-    Button: import('react').ForwardRefExoticComponent<Omit<Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "disabled" | "onClick"> & {
+    Button: import('react').ForwardRefExoticComponent<Omit<Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "onClick" | "disabled"> & {
         id: string;
         controls: string;
         onClick?: (e: import('react').MouseEvent<HTMLButtonElement>, index?: number) => void;

package/dist/components/Tab/TabButton.d.ts

@@ -36,7 +36,7 @@ export type TabButtonProps = Omit<ComponentPropsWithoutRef<"button">, "onClick"
  *   First Tab
  * </Tab.Button>
  */
-export declare const TabButton: import('react').ForwardRefExoticComponent<Omit<Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "disabled" | "onClick"> & {
+export declare const TabButton: import('react').ForwardRefExoticComponent<Omit<Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "onClick" | "disabled"> & {
     /**
      * Unique identifier for the tab button.
      */

package/dist/indeterminate_check_box-jjLG4UY6.js

@@ -0,0 +1,6 @@
+import * as React from 'react';
+
+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 };
+//# sourceMappingURL=indeterminate_check_box-jjLG4UY6.js.map

package/dist/indeterminate_check_box-jjLG4UY6.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"indeterminate_check_box-jjLG4UY6.js","sources":["../../hammer-icon/mdi/round/indeterminate_check_box.svg"],"sourcesContent":["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,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-D6ag_WQW.js → index-ByMdotWU.js}

@@ -1,17 +1,17 @@
 import { jsx } from 'react/jsx-runtime';
-import { I as Icon } from './Icon-DuIlne4x.js';
+import { I as Icon } from './Icon-BMMbp40n.js';
 import * as React from 'react';
 import { forwardRef } from 'react';
 import { c as cx } from './index-De1g9FRV.js';
-import { B as ButtonCompound } from './ButtonCompound-Cmw3cgMY.js';
+import { B as ButtonCompound } from './ButtonCompound-DsrK7G3q.js';
 
 import './index.css';const SvgDragIndicator = (props) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ React.createElement("path", { d: "M11 18c0 1.1-.9 2-2 2s-2-.9-2-2 .9-2 2-2 2 .9 2 2zm-2-8c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0-6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm6 4c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z" }));
 
-const handle = "_handle_z85jk_2";
-const active = "_active_z85jk_24";
+const handle = "_handle_1e7c4_2";
+const active = "_active_1e7c4_25";
 const handleStyles = {
 	handle: handle,
-	"handle-button": "_handle-button_z85jk_9",
+	"handle-button": "_handle-button_1e7c4_10",
 	active: active
 };
 
@@ -40,17 +40,17 @@ const DndHandleButton = forwardRef(({ isActive = false, className, ...props }, r
 DndHandleButton.displayName = "DndHandleButton";
 
 const styles = {
-	"drop-line": "_drop-line_k30eq_3",
-	"drag-preview": "_drag-preview_k30eq_18",
-	"orientation-horizontal": "_orientation-horizontal_k30eq_36",
-	"position-before": "_position-before_k30eq_40",
-	"position-after": "_position-after_k30eq_44",
-	"orientation-vertical": "_orientation-vertical_k30eq_52",
-	"drop-zone": "_drop-zone_k30eq_66",
-	"can-be-dropped": "_can-be-dropped_k30eq_71",
-	"active-not-over": "_active-not-over_k30eq_75",
-	"over-valid": "_over-valid_k30eq_82",
-	"over-invalid": "_over-invalid_k30eq_86"
+	"drag-preview": "_drag-preview_1uufp_2",
+	"drop-line": "_drop-line_1uufp_12",
+	"orientation-horizontal": "_orientation-horizontal_1uufp_44",
+	"orientation-vertical": "_orientation-vertical_1uufp_53",
+	"drop-zone": "_drop-zone_1uufp_62",
+	"position-before": "_position-before_1uufp_69",
+	"position-after": "_position-after_1uufp_74",
+	"can-be-dropped": "_can-be-dropped_1uufp_88",
+	"active-not-over": "_active-not-over_1uufp_95",
+	"over-valid": "_over-valid_1uufp_101",
+	"over-invalid": "_over-invalid_1uufp_106"
 };
 
 const DndSortLine = ({
@@ -69,7 +69,7 @@ const DndSortLine = ({
     {
       "aria-hidden": true,
       className: classes,
-      style: { "--drop-line-offset": offset },
+      style: { "--a2-inline-drop-line-offset": offset },
       ...rest
     }
   );
@@ -104,4 +104,4 @@ const Dnd = {
 };
 
 export { Dnd as D, DndSortLine as a, DndHandleButton as b, DndHandle as c, styles as s };
-//# sourceMappingURL=index-D6ag_WQW.js.map
+//# sourceMappingURL=index-ByMdotWU.js.map

package/dist/{index-D6ag_WQW.js.map → index-ByMdotWU.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-D6ag_WQW.js","sources":["../../hammer-icon/mdi/round/drag_indicator.svg","../src/components/Dnd/DndHandle.tsx","../src/components/Dnd/DndHandleButton.tsx","../src/components/Dnd/DndSortLine.tsx","../src/components/Dnd/DndZone.tsx","../src/components/Dnd/index.ts"],"sourcesContent":["import * as React from \"react\";\nconst SvgDragIndicator = (props) => /* @__PURE__ */ React.createElement(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", width: \"1em\", height: \"1em\", viewBox: \"0 0 24 24\", ...props }, /* @__PURE__ */ React.createElement(\"path\", { d: \"M11 18c0 1.1-.9 2-2 2s-2-.9-2-2 .9-2 2-2 2 .9 2 2zm-2-8c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0-6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm6 4c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z\" }));\nexport default SvgDragIndicator;\n","import { Icon } from \"../Icon\";\nimport DragIndicator from \"@servicetitan/hammer-icon/mdi/round/drag_indicator.svg\";\nimport styles from \"./DndHandle.module.scss\";\nimport cx from \"classnames\";\n\n/**\n * Props for the DndHandle component\n */\nexport type DndHandleProps = {\n  /**\n   * Additional CSS class names to apply to the drag handle.\n   */\n  className?: string;\n};\n\n/**\n * A reusable drag handle icon component for drag and drop interactions.\n *\n * Features:\n * - Standardized drag indicator icon\n * - Accessible with proper ARIA attributes\n * - Customizable styling through className prop\n * - Consistent visual appearance across applications\n * - Lightweight and performant\n * - Supports all standard HTML element props\n *\n * @example\n * <DndHandle className=\"custom-drag-handle\" />\n */\nexport function DndHandle({ className }: { className?: string }) {\n  const handleClasses = cx(styles.handle, className);\n  return (\n    <Icon svg={DragIndicator} className={handleClasses} role=\"presentation\" />\n  );\n}\n","import { ButtonCompound } from \"../ButtonCompound\";\nimport handleStyles from \"./DndHandle.module.scss\";\nimport cx from \"classnames\";\nimport { forwardRef } from \"react\";\nimport { DndHandle } from \"./DndHandle\";\n\n/**\n * Props for the DndHandleButton component\n * @extends React.ComponentPropsWithoutRef<typeof ButtonCompound>\n */\nexport interface DndHandleButtonProps\n  extends React.ComponentPropsWithoutRef<typeof ButtonCompound> {\n  /**\n   * Indicates whether the handle is currently being dragged.\n   * @default false\n   */\n  isActive?: boolean;\n}\n\n/**\n * A reusable drag handle button component for drag and drop functionality.\n *\n * Features:\n * - Interactive button with drag handle icon\n * - Visual feedback for active drag state\n * - Accessible with proper ARIA attributes (defaults to \"Drag handle\")\n * - Extends ButtonCompound functionality\n * - Customizable styling through className prop\n * - Supports all standard button props\n * - Consistent visual appearance across applications\n *\n * @example\n * <DndHandleButton\n *   isActive={isDragging}\n *   aria-label=\"Drag task item\"\n *   className=\"custom-handle-button\"\n *   onClick={handleClick}\n * />\n */\nexport const DndHandleButton = forwardRef<\n  HTMLButtonElement,\n  DndHandleButtonProps\n>(({ isActive = false, className, ...props }, ref) => {\n  const handleButtonClasses = cx(className, handleStyles[\"handle-button\"], {\n    [handleStyles[\"active\"]]: isActive,\n  });\n\n  return (\n    <ButtonCompound\n      ref={ref}\n      className={handleButtonClasses}\n      type=\"button\"\n      shape=\"rounded\"\n      aria-label=\"Drag handle\"\n      {...props}\n    >\n      <DndHandle />\n    </ButtonCompound>\n  );\n});\n\nDndHandleButton.displayName = \"DndHandleButton\";\n","import cx from \"classnames\";\n\nimport styles from \"./Dnd.module.scss\";\nimport { CSSProperties } from \"react\";\n\n/**\n * Props for the DndSortLine component\n * @extends React.ComponentPropsWithoutRef<\"div\">\n */\nexport type SortLineProps = React.ComponentPropsWithoutRef<\"div\"> & {\n  /**\n   * The offset of the line from the item. This is a CSS value, typically negative.\n   */\n  offset: string;\n  /**\n   * The orientation of the sort - Note this may be counterintuitive, as the line is rendered perpendicular to the sort.\n   */\n  orientation: \"horizontal\" | \"vertical\";\n  /**\n   * The position of the line relative to a target item.\n   */\n  position: \"before\" | \"after\";\n};\n\n/**\n * A visual indicator line that shows where an item will be dropped during drag and drop operations.\n *\n * Features:\n * - Visual feedback for drop positioning\n * - Configurable orientation (horizontal/vertical)\n * - Adjustable positioning (before/after)\n * - Customizable offset for precise placement\n * - Accessible with proper ARIA attributes\n * - Automatic CSS class management\n * - Supports all standard HTML div props\n *\n * @example\n * <DndSortLine\n *   offset=\"-10px\"\n *   orientation=\"vertical\"\n *   position=\"after\"\n *   className=\"custom-drop-line\"\n * />\n */\nexport const DndSortLine = ({\n  offset,\n  orientation,\n  position,\n  ...rest\n}: SortLineProps) => {\n  const classes = cx(\n    styles[\"drop-line\"],\n    styles[`orientation-${orientation}`],\n    styles[`position-${position}`],\n  );\n\n  return (\n    <div\n      aria-hidden\n      className={classes}\n      style={{ \"--drop-line-offset\": offset } as CSSProperties}\n      {...rest}\n    />\n  );\n};\n","import { ElementType, forwardRef, ReactNode } from \"react\";\nimport cx from \"classnames\";\n\nimport styles from \"./Dnd.module.scss\";\n\n/**\n * Props for the DndZone component\n * @extends Omit<React.ComponentPropsWithoutRef<T>, \"el\" | \"ref\">\n */\nexport type DndZoneProps<T extends ElementType = \"div\"> = {\n  /**\n   * The HTML element type to render. Can be any valid HTML element or React component.\n   * @default \"div\"\n   */\n  el?: T;\n  /**\n   * The content to be rendered inside the drop zone.\n   */\n  children?: ReactNode;\n  /**\n   * Additional CSS class names to apply to the drop zone.\n   */\n  className?: string;\n  /**\n   * Indicates whether a draggable item is currently over this drop zone.\n   */\n  isOver: boolean;\n  /**\n   * Indicates whether the current drag operation is valid for this drop zone.\n   */\n  isValid: boolean;\n  /**\n   * Indicates whether any item is currently being dragged.\n   */\n  isDragging: boolean;\n} & Omit<React.ComponentPropsWithoutRef<T>, \"el\" | \"ref\">;\n\n/**\n * Base styling component for drop zones that handles visual states and styling.\n *\n * Features:\n * - Configurable HTML element rendering with the 'el' prop\n * - Visual feedback for drag states (over, valid, dragging)\n * - Automatic CSS class management based on drag state\n * - Supports all standard HTML element props\n * - Accessible with proper ARIA attributes\n * - Flexible styling through className prop\n * - Responsive design that adapts to container\n *\n * @example\n * <DndZone\n *   isOver={isOver}\n *   isValid={isValid}\n *   isDragging={isDragging}\n *   className=\"custom-drop-zone\"\n * >\n *   Drop items here\n * </DndZone>\n */\nexport const DndZone = forwardRef<HTMLDivElement, DndZoneProps<ElementType>>(\n  (\n    {\n      el: Component = \"div\" as ElementType,\n      children,\n      className,\n      isDragging,\n      isOver,\n      isValid,\n      ...rest\n    },\n    ref,\n  ) => {\n    const classes = cx(className, {\n      [styles[\"drop-zone\"]]: true,\n      [styles[\"over-valid\"]]: isDragging && isOver && isValid,\n      [styles[\"over-invalid\"]]: isDragging && isOver && !isValid,\n      [styles[\"active-not-over\"]]: isDragging && !isOver,\n    });\n\n    return (\n      <Component ref={ref} className={classes} {...rest}>\n        {children}\n      </Component>\n    );\n  },\n);\n\nDndZone.displayName = \"DndZoneBase\";\n","import { DndHandle } from \"./DndHandle\";\nimport { DndHandleButton } from \"./DndHandleButton\";\nimport { DndSortLine } from \"./DndSortLine\";\nimport { DndZone } from \"./DndZone\";\n\nexport const Dnd = {\n  Handle: DndHandle,\n  HandleButton: DndHandleButton,\n  SortLine: DndSortLine,\n  Zone: DndZone,\n};\n"],"names":["styles","DragIndicator"],"mappings":"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"}
+{"version":3,"file":"index-ByMdotWU.js","sources":["../../hammer-icon/mdi/round/drag_indicator.svg","../src/components/Dnd/DndHandle.tsx","../src/components/Dnd/DndHandleButton.tsx","../src/components/Dnd/DndSortLine.tsx","../src/components/Dnd/DndZone.tsx","../src/components/Dnd/index.ts"],"sourcesContent":["import * as React from \"react\";\nconst SvgDragIndicator = (props) => /* @__PURE__ */ React.createElement(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", width: \"1em\", height: \"1em\", viewBox: \"0 0 24 24\", ...props }, /* @__PURE__ */ React.createElement(\"path\", { d: \"M11 18c0 1.1-.9 2-2 2s-2-.9-2-2 .9-2 2-2 2 .9 2 2zm-2-8c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0-6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm6 4c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z\" }));\nexport default SvgDragIndicator;\n","import { Icon } from \"../Icon\";\nimport DragIndicator from \"@servicetitan/hammer-icon/mdi/round/drag_indicator.svg\";\nimport styles from \"./DndHandle.module.scss\";\nimport cx from \"classnames\";\n\n/**\n * Props for the DndHandle component\n */\nexport type DndHandleProps = {\n  /**\n   * Additional CSS class names to apply to the drag handle.\n   */\n  className?: string;\n};\n\n/**\n * A reusable drag handle icon component for drag and drop interactions.\n *\n * Features:\n * - Standardized drag indicator icon\n * - Accessible with proper ARIA attributes\n * - Customizable styling through className prop\n * - Consistent visual appearance across applications\n * - Lightweight and performant\n * - Supports all standard HTML element props\n *\n * @example\n * <DndHandle className=\"custom-drag-handle\" />\n */\nexport function DndHandle({ className }: { className?: string }) {\n  const handleClasses = cx(styles.handle, className);\n  return (\n    <Icon svg={DragIndicator} className={handleClasses} role=\"presentation\" />\n  );\n}\n","import { ButtonCompound } from \"../ButtonCompound\";\nimport handleStyles from \"./DndHandle.module.scss\";\nimport cx from \"classnames\";\nimport { forwardRef } from \"react\";\nimport { DndHandle } from \"./DndHandle\";\n\n/**\n * Props for the DndHandleButton component\n * @extends React.ComponentPropsWithoutRef<typeof ButtonCompound>\n */\nexport interface DndHandleButtonProps\n  extends React.ComponentPropsWithoutRef<typeof ButtonCompound> {\n  /**\n   * Indicates whether the handle is currently being dragged.\n   * @default false\n   */\n  isActive?: boolean;\n}\n\n/**\n * A reusable drag handle button component for drag and drop functionality.\n *\n * Features:\n * - Interactive button with drag handle icon\n * - Visual feedback for active drag state\n * - Accessible with proper ARIA attributes (defaults to \"Drag handle\")\n * - Extends ButtonCompound functionality\n * - Customizable styling through className prop\n * - Supports all standard button props\n * - Consistent visual appearance across applications\n *\n * @example\n * <DndHandleButton\n *   isActive={isDragging}\n *   aria-label=\"Drag task item\"\n *   className=\"custom-handle-button\"\n *   onClick={handleClick}\n * />\n */\nexport const DndHandleButton = forwardRef<\n  HTMLButtonElement,\n  DndHandleButtonProps\n>(({ isActive = false, className, ...props }, ref) => {\n  const handleButtonClasses = cx(className, handleStyles[\"handle-button\"], {\n    [handleStyles[\"active\"]]: isActive,\n  });\n\n  return (\n    <ButtonCompound\n      ref={ref}\n      className={handleButtonClasses}\n      type=\"button\"\n      shape=\"rounded\"\n      aria-label=\"Drag handle\"\n      {...props}\n    >\n      <DndHandle />\n    </ButtonCompound>\n  );\n});\n\nDndHandleButton.displayName = \"DndHandleButton\";\n","import cx from \"classnames\";\n\nimport styles from \"./Dnd.module.scss\";\nimport { CSSProperties } from \"react\";\n\n/**\n * Props for the DndSortLine component\n * @extends React.ComponentPropsWithoutRef<\"div\">\n */\nexport type SortLineProps = React.ComponentPropsWithoutRef<\"div\"> & {\n  /**\n   * The offset of the line from the item. This is a CSS value, typically negative.\n   */\n  offset: string;\n  /**\n   * The orientation of the sort - Note this may be counterintuitive, as the line is rendered perpendicular to the sort.\n   */\n  orientation: \"horizontal\" | \"vertical\";\n  /**\n   * The position of the line relative to a target item.\n   */\n  position: \"before\" | \"after\";\n};\n\n/**\n * A visual indicator line that shows where an item will be dropped during drag and drop operations.\n *\n * Features:\n * - Visual feedback for drop positioning\n * - Configurable orientation (horizontal/vertical)\n * - Adjustable positioning (before/after)\n * - Customizable offset for precise placement\n * - Accessible with proper ARIA attributes\n * - Automatic CSS class management\n * - Supports all standard HTML div props\n *\n * @example\n * <DndSortLine\n *   offset=\"-10px\"\n *   orientation=\"vertical\"\n *   position=\"after\"\n *   className=\"custom-drop-line\"\n * />\n */\nexport const DndSortLine = ({\n  offset,\n  orientation,\n  position,\n  ...rest\n}: SortLineProps) => {\n  const classes = cx(\n    styles[\"drop-line\"],\n    styles[`orientation-${orientation}`],\n    styles[`position-${position}`],\n  );\n\n  return (\n    <div\n      aria-hidden\n      className={classes}\n      style={{ \"--a2-inline-drop-line-offset\": offset } as CSSProperties}\n      {...rest}\n    />\n  );\n};\n","import { ElementType, forwardRef, ReactNode } from \"react\";\nimport cx from \"classnames\";\n\nimport styles from \"./Dnd.module.scss\";\n\n/**\n * Props for the DndZone component\n * @extends Omit<React.ComponentPropsWithoutRef<T>, \"el\" | \"ref\">\n */\nexport type DndZoneProps<T extends ElementType = \"div\"> = {\n  /**\n   * The HTML element type to render. Can be any valid HTML element or React component.\n   * @default \"div\"\n   */\n  el?: T;\n  /**\n   * The content to be rendered inside the drop zone.\n   */\n  children?: ReactNode;\n  /**\n   * Additional CSS class names to apply to the drop zone.\n   */\n  className?: string;\n  /**\n   * Indicates whether a draggable item is currently over this drop zone.\n   */\n  isOver: boolean;\n  /**\n   * Indicates whether the current drag operation is valid for this drop zone.\n   */\n  isValid: boolean;\n  /**\n   * Indicates whether any item is currently being dragged.\n   */\n  isDragging: boolean;\n} & Omit<React.ComponentPropsWithoutRef<T>, \"el\" | \"ref\">;\n\n/**\n * Base styling component for drop zones that handles visual states and styling.\n *\n * Features:\n * - Configurable HTML element rendering with the 'el' prop\n * - Visual feedback for drag states (over, valid, dragging)\n * - Automatic CSS class management based on drag state\n * - Supports all standard HTML element props\n * - Accessible with proper ARIA attributes\n * - Flexible styling through className prop\n * - Responsive design that adapts to container\n *\n * @example\n * <DndZone\n *   isOver={isOver}\n *   isValid={isValid}\n *   isDragging={isDragging}\n *   className=\"custom-drop-zone\"\n * >\n *   Drop items here\n * </DndZone>\n */\nexport const DndZone = forwardRef<HTMLDivElement, DndZoneProps<ElementType>>(\n  (\n    {\n      el: Component = \"div\" as ElementType,\n      children,\n      className,\n      isDragging,\n      isOver,\n      isValid,\n      ...rest\n    },\n    ref,\n  ) => {\n    const classes = cx(className, {\n      [styles[\"drop-zone\"]]: true,\n      [styles[\"over-valid\"]]: isDragging && isOver && isValid,\n      [styles[\"over-invalid\"]]: isDragging && isOver && !isValid,\n      [styles[\"active-not-over\"]]: isDragging && !isOver,\n    });\n\n    return (\n      <Component ref={ref} className={classes} {...rest}>\n        {children}\n      </Component>\n    );\n  },\n);\n\nDndZone.displayName = \"DndZoneBase\";\n","import { DndHandle } from \"./DndHandle\";\nimport { DndHandleButton } from \"./DndHandleButton\";\nimport { DndSortLine } from \"./DndSortLine\";\nimport { DndZone } from \"./DndZone\";\n\nexport const Dnd = {\n  Handle: DndHandle,\n  HandleButton: DndHandleButton,\n  SortLine: DndSortLine,\n  Zone: DndZone,\n};\n"],"names":["styles","DragIndicator"],"mappings":"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"}