@servicetitan/anvil2 1.45.1 → 1.46.0

package/dist/indeterminate_check_box.css

@@ -1,6 +1,12 @@
 @layer starter, reset, base, state, application;
+/* REVERT LAYER BUGFIX START */
+[data-anv=checkbox-group] > legend {
+  all: revert-layer;
+}
+
+/* REVERT LAYER BUGFIX END */
 @layer reset {
-  ._checkbox_zshjc_2 {
+  ._checkbox_19qga_8 {
     all: unset;
     font-family: var(--font-family-base, "Nunito Sans", sans-serif);
     font-size: 100%;
@@ -15,12 +21,12 @@
   }
 }
 @layer base {
-  ._wrapper_zshjc_17 {
+  ._wrapper_19qga_23 {
     display: inline-flex;
     flex-direction: column;
     gap: 0.25rem;
   }
-  ._checkbox_zshjc_2 {
+  ._checkbox_19qga_8 {
     display: inline-flex;
     align-items: flex-start;
     gap: 0.5rem;
@@ -29,17 +35,17 @@
     font-size: 1rem;
     line-height: 1.5;
   }
-  ._checkbox_zshjc_2 ._required-asterisk_zshjc_31 {
+  ._checkbox_19qga_8 ._required-asterisk_19qga_37 {
     margin-inline-start: 0.25rem;
     color: var(--foreground-color-danger, #e13212);
   }
-  ._checkbox_zshjc_2 ._focus-label_zshjc_35 {
+  ._checkbox_19qga_8 ._focus-label_19qga_41 {
     border-radius: 0.75rem;
     outline: 0 solid var(--focus-ring-color, #0265DC);
     outline-offset: 2px;
     transition: background-color 200ms cubic-bezier(0, 0, 0.4, 1), outline 200ms cubic-bezier(0, 0, 0.4, 1);
   }
-  ._checkbox_zshjc_2 ._icon-wrapper_zshjc_41 {
+  ._checkbox_19qga_8 ._icon-wrapper_19qga_47 {
     display: inline-flex;
     border-radius: 0.3125rem;
     background-color: transparent;
@@ -47,7 +53,7 @@
     position: relative;
     outline: 0 solid var(--focus-ring-color, #0265DC);
   }
-  ._checkbox_zshjc_2 ._icon-wrapper_zshjc_41::before {
+  ._checkbox_19qga_8 ._icon-wrapper_19qga_47::before {
     position: absolute;
     width: 100%;
     height: 100%;
@@ -62,7 +68,7 @@
     pointer-events: none;
     border-radius: inherit;
   }
-  ._checkbox_zshjc_2 input {
+  ._checkbox_19qga_8 input {
     border: 0;
     clip: rect(0, 0, 0, 0);
     height: 1px;
@@ -74,128 +80,128 @@
     white-space: nowrap;
     width: 1px;
   }
-  ._helper-wrapper_zshjc_74 {
+  ._helper-wrapper_19qga_80 {
     margin-inline-start: 2rem;
   }
 }
 @layer state {
-  ._checkbox_zshjc_2 ._icon-indeterminate_zshjc_79,
-  ._checkbox_zshjc_2 ._icon-unchecked_zshjc_80,
-  ._checkbox_zshjc_2 ._icon-checked_zshjc_81 {
+  ._checkbox_19qga_8 ._icon-indeterminate_19qga_85,
+  ._checkbox_19qga_8 ._icon-unchecked_19qga_86,
+  ._checkbox_19qga_8 ._icon-checked_19qga_87 {
     border-radius: 0.1875rem;
   }
-  ._checkbox_zshjc_2 ._icon-checked_zshjc_81,
-  ._checkbox_zshjc_2 ._icon-indeterminate_zshjc_79 {
+  ._checkbox_19qga_8 ._icon-checked_19qga_87,
+  ._checkbox_19qga_8 ._icon-indeterminate_19qga_85 {
     color: var(--checkbox-checked-fill-color-default, #0265DC);
     display: none;
   }
-  ._checkbox_zshjc_2 ._icon-checked_zshjc_81:hover,
-  ._checkbox_zshjc_2 ._icon-indeterminate_zshjc_79:hover {
+  ._checkbox_19qga_8 ._icon-checked_19qga_87:hover,
+  ._checkbox_19qga_8 ._icon-indeterminate_19qga_85:hover {
     color: var(--checkbox-checked-fill-color-hover, rgba(0, 75, 160, 0.8196078431));
   }
-  ._checkbox_zshjc_2 ._icon-checked_zshjc_81:active,
-  ._checkbox_zshjc_2 ._icon-indeterminate_zshjc_79:active {
+  ._checkbox_19qga_8 ._icon-checked_19qga_87:active,
+  ._checkbox_19qga_8 ._icon-indeterminate_19qga_85:active {
     color: var(--checkbox-checked-fill-color-active, rgba(1, 81, 175, 0.7215686275));
   }
-  ._checkbox_zshjc_2._error_zshjc_97 ._icon-wrapper_zshjc_41 {
+  ._checkbox_19qga_8._error_19qga_103 ._icon-wrapper_19qga_47 {
     outline-color: var(--focus-ring-color-danger, #e13212);
   }
-  ._checkbox_zshjc_2._error_zshjc_97 ._icon-indeterminate_zshjc_79,
-  ._checkbox_zshjc_2._error_zshjc_97 ._icon-unchecked_zshjc_80,
-  ._checkbox_zshjc_2._error_zshjc_97 ._icon-checked_zshjc_81 {
+  ._checkbox_19qga_8._error_19qga_103 ._icon-indeterminate_19qga_85,
+  ._checkbox_19qga_8._error_19qga_103 ._icon-unchecked_19qga_86,
+  ._checkbox_19qga_8._error_19qga_103 ._icon-checked_19qga_87 {
     color: var(--checkbox-checked-error-fill-color-default, #e13212);
   }
-  ._checkbox_zshjc_2._error_zshjc_97 ._icon-indeterminate_zshjc_79:hover,
-  ._checkbox_zshjc_2._error_zshjc_97 ._icon-unchecked_zshjc_80:hover,
-  ._checkbox_zshjc_2._error_zshjc_97 ._icon-checked_zshjc_81:hover {
+  ._checkbox_19qga_8._error_19qga_103 ._icon-indeterminate_19qga_85:hover,
+  ._checkbox_19qga_8._error_19qga_103 ._icon-unchecked_19qga_86:hover,
+  ._checkbox_19qga_8._error_19qga_103 ._icon-checked_19qga_87:hover {
     color: var(--checkbox-checked-error-fill-color-hover, #bf2a00);
   }
-  ._checkbox_zshjc_2._error_zshjc_97 ._icon-indeterminate_zshjc_79:active,
-  ._checkbox_zshjc_2._error_zshjc_97 ._icon-unchecked_zshjc_80:active,
-  ._checkbox_zshjc_2._error_zshjc_97 ._icon-checked_zshjc_81:active {
+  ._checkbox_19qga_8._error_19qga_103 ._icon-indeterminate_19qga_85:active,
+  ._checkbox_19qga_8._error_19qga_103 ._icon-unchecked_19qga_86:active,
+  ._checkbox_19qga_8._error_19qga_103 ._icon-checked_19qga_87:active {
     color: var(--checkbox-checked-error-fill-color-active, #bf2a00);
   }
-  ._checkbox_zshjc_2._error_zshjc_97 ._icon-checked_zshjc_81,
-  ._checkbox_zshjc_2._error_zshjc_97 ._icon-indeterminate_zshjc_79 {
+  ._checkbox_19qga_8._error_19qga_103 ._icon-checked_19qga_87,
+  ._checkbox_19qga_8._error_19qga_103 ._icon-indeterminate_19qga_85 {
     display: none;
   }
-  ._checkbox_zshjc_2:hover {
+  ._checkbox_19qga_8:hover {
     cursor: pointer;
   }
-  ._checkbox_zshjc_2:hover:has(input:not(:disabled)) ._icon-wrapper_zshjc_41 {
+  ._checkbox_19qga_8:hover:has(input:not(:disabled)) ._icon-wrapper_19qga_47 {
     background-color: var(--checkbox-unchecked-background-color-hover, rgba(20, 20, 20, 0.0784313725));
   }
-  ._checkbox_zshjc_2:hover:has(input:not(:disabled):checked) ._icon-wrapper_zshjc_41 {
+  ._checkbox_19qga_8:hover:has(input:not(:disabled):checked) ._icon-wrapper_19qga_47 {
     background-color: var(--checkbox-checked-background-color-hover, rgba(2, 101, 220, 0.0784313725));
   }
-  ._checkbox_zshjc_2 input[data-interactive=hover]:not(:disabled) ~ ._icon-wrapper_zshjc_41 {
+  ._checkbox_19qga_8 input[data-interactive=hover]:not(:disabled) ~ ._icon-wrapper_19qga_47 {
     background-color: var(--checkbox-unchecked-background-color-hover, rgba(20, 20, 20, 0.0784313725));
   }
-  ._checkbox_zshjc_2 input[data-interactive=hover]:not(:disabled):checked ~ ._icon-wrapper_zshjc_41 {
+  ._checkbox_19qga_8 input[data-interactive=hover]:not(:disabled):checked ~ ._icon-wrapper_19qga_47 {
     background-color: var(--checkbox-checked-background-color-hover, rgba(2, 101, 220, 0.0784313725));
   }
-  ._checkbox_zshjc_2 input[data-interactive=hover]:not(:disabled):checked ~ ._icon-wrapper_zshjc_41 ._icon-checked_zshjc_81,
-  ._checkbox_zshjc_2 input[data-interactive=hover]:not(:disabled):checked ~ ._icon-wrapper_zshjc_41 ._icon-indeterminate_zshjc_79 {
+  ._checkbox_19qga_8 input[data-interactive=hover]:not(:disabled):checked ~ ._icon-wrapper_19qga_47 ._icon-checked_19qga_87,
+  ._checkbox_19qga_8 input[data-interactive=hover]:not(:disabled):checked ~ ._icon-wrapper_19qga_47 ._icon-indeterminate_19qga_85 {
     color: var(--checkbox-checked-fill-color-hover, rgba(0, 75, 160, 0.8196078431));
   }
-  ._checkbox_zshjc_2._error_zshjc_97:hover {
+  ._checkbox_19qga_8._error_19qga_103:hover {
     cursor: pointer;
   }
-  ._checkbox_zshjc_2._error_zshjc_97:hover:has(input:not(:disabled)) ._icon-wrapper_zshjc_41 {
+  ._checkbox_19qga_8._error_19qga_103:hover:has(input:not(:disabled)) ._icon-wrapper_19qga_47 {
     background-color: var(--checkbox-unchecked-error-background-color-hover, rgba(225, 50, 18, 0.0588235294));
   }
-  ._checkbox_zshjc_2._error_zshjc_97:hover:has(input:not(:disabled):checked) ._icon-wrapper_zshjc_41 {
+  ._checkbox_19qga_8._error_19qga_103:hover:has(input:not(:disabled):checked) ._icon-wrapper_19qga_47 {
     background-color: var(--checkbox-checked-error-background-color-hover, rgba(225, 50, 18, 0.0588235294));
   }
-  ._checkbox_zshjc_2._error_zshjc_97 input[data-interactive=hover]:not(:disabled) ~ ._icon-wrapper_zshjc_41 {
+  ._checkbox_19qga_8._error_19qga_103 input[data-interactive=hover]:not(:disabled) ~ ._icon-wrapper_19qga_47 {
     background-color: var(--checkbox-unchecked-error-background-color-hover, rgba(225, 50, 18, 0.0588235294));
   }
-  ._checkbox_zshjc_2._error_zshjc_97 input[data-interactive=hover]:not(:disabled):checked ~ ._icon-wrapper_zshjc_41 {
+  ._checkbox_19qga_8._error_19qga_103 input[data-interactive=hover]:not(:disabled):checked ~ ._icon-wrapper_19qga_47 {
     background-color: var(--checkbox-checked-error-background-color-hover, rgba(225, 50, 18, 0.0588235294));
   }
-  ._checkbox_zshjc_2._error_zshjc_97 input[data-interactive=hover]:not(:disabled):checked ~ ._icon-wrapper_zshjc_41 ._icon-checked_zshjc_81,
-  ._checkbox_zshjc_2._error_zshjc_97 input[data-interactive=hover]:not(:disabled):checked ~ ._icon-wrapper_zshjc_41 ._icon-indeterminate_zshjc_79 {
+  ._checkbox_19qga_8._error_19qga_103 input[data-interactive=hover]:not(:disabled):checked ~ ._icon-wrapper_19qga_47 ._icon-checked_19qga_87,
+  ._checkbox_19qga_8._error_19qga_103 input[data-interactive=hover]:not(:disabled):checked ~ ._icon-wrapper_19qga_47 ._icon-indeterminate_19qga_85 {
     color: var(--checkbox-checked-error-fill-color-hover, #bf2a00);
   }
-  ._checkbox_zshjc_2 input:focus-visible ~ ._icon-wrapper_zshjc_41,
-  ._checkbox_zshjc_2 input:focus-visible ~ ._focus-label_zshjc_35 {
+  ._checkbox_19qga_8 input:focus-visible ~ ._icon-wrapper_19qga_47,
+  ._checkbox_19qga_8 input:focus-visible ~ ._focus-label_19qga_41 {
     outline-width: 0.125rem;
   }
-  ._checkbox_zshjc_2 input[data-interactive=focus-visible]:not(:disabled) ~ ._icon-wrapper_zshjc_41,
-  ._checkbox_zshjc_2 input[data-interactive=focus-visible]:not(:disabled) ~ ._focus-label_zshjc_35 {
+  ._checkbox_19qga_8 input[data-interactive=focus-visible]:not(:disabled) ~ ._icon-wrapper_19qga_47,
+  ._checkbox_19qga_8 input[data-interactive=focus-visible]:not(:disabled) ~ ._focus-label_19qga_41 {
     outline-width: 0.125rem;
   }
-  ._checkbox_zshjc_2 input:checked ~ ._icon-wrapper_zshjc_41 ._icon-unchecked_zshjc_80 {
+  ._checkbox_19qga_8 input:checked ~ ._icon-wrapper_19qga_47 ._icon-unchecked_19qga_86 {
     display: none;
   }
-  ._checkbox_zshjc_2 input:checked ~ ._icon-wrapper_zshjc_41 ._icon-checked_zshjc_81 {
+  ._checkbox_19qga_8 input:checked ~ ._icon-wrapper_19qga_47 ._icon-checked_19qga_87 {
     display: inline-flex;
   }
-  ._checkbox_zshjc_2 input:checked:focus-visible ~ ._icon-wrapper_zshjc_41, ._checkbox_zshjc_2 input:checked:focus-visible ~ ._focus-label_zshjc_35 {
+  ._checkbox_19qga_8 input:checked:focus-visible ~ ._icon-wrapper_19qga_47, ._checkbox_19qga_8 input:checked:focus-visible ~ ._focus-label_19qga_41 {
     outline-width: 0.125rem;
   }
-  ._checkbox_zshjc_2 input[aria-checked=mixed] ~ ._icon-wrapper_zshjc_41 ._icon-checked_zshjc_81, ._checkbox_zshjc_2 input[aria-checked=mixed] ~ ._icon-wrapper_zshjc_41 ._icon-unchecked_zshjc_80 {
+  ._checkbox_19qga_8 input[aria-checked=mixed] ~ ._icon-wrapper_19qga_47 ._icon-checked_19qga_87, ._checkbox_19qga_8 input[aria-checked=mixed] ~ ._icon-wrapper_19qga_47 ._icon-unchecked_19qga_86 {
     display: none;
   }
-  ._checkbox_zshjc_2 input[aria-checked=mixed] ~ ._icon-wrapper_zshjc_41 ._icon-indeterminate_zshjc_79 {
+  ._checkbox_19qga_8 input[aria-checked=mixed] ~ ._icon-wrapper_19qga_47 ._icon-indeterminate_19qga_85 {
     display: inline-flex;
   }
-  ._checkbox_zshjc_2:has(input[disabled]) {
+  ._checkbox_19qga_8:has(input[disabled]) {
     opacity: 0.6;
     filter: grayscale(1);
   }
-  ._checkbox_zshjc_2:has(input[disabled]) ._icon-indeterminate_zshjc_79,
-  ._checkbox_zshjc_2:has(input[disabled]) ._icon-unchecked_zshjc_80,
-  ._checkbox_zshjc_2:has(input[disabled]) ._icon-checked_zshjc_81 {
+  ._checkbox_19qga_8:has(input[disabled]) ._icon-indeterminate_19qga_85,
+  ._checkbox_19qga_8:has(input[disabled]) ._icon-unchecked_19qga_86,
+  ._checkbox_19qga_8:has(input[disabled]) ._icon-checked_19qga_87 {
     color: var(--foreground-color-subdued, #737475);
   }
-  ._checkbox_zshjc_2:has(input[disabled]):hover {
+  ._checkbox_19qga_8:has(input[disabled]):hover {
     cursor: not-allowed;
   }
-  ._checkbox_zshjc_2:has(input[disabled]):hover ._icon-wrapper_zshjc_41 {
+  ._checkbox_19qga_8:has(input[disabled]):hover ._icon-wrapper_19qga_47 {
     box-shadow: none;
   }
-  ._sr-only_zshjc_195 {
+  ._sr-only_19qga_201 {
     border: 0;
     clip: rect(0, 0, 0, 0);
     height: 1px;
@@ -209,19 +215,19 @@
   }
 }
 @layer application {
-  ._checkbox-group_zshjc_209 ._label_zshjc_209._direction-row_zshjc_209 {
+  ._checkbox-group_19qga_215 ._label_19qga_215._direction-row_19qga_215 {
     min-height: 1.5rem;
     justify-content: center;
   }
   @media (prefers-reduced-motion: reduce) {
-    ._checkbox_zshjc_2 ._icon-wrapper_zshjc_41 {
+    ._checkbox_19qga_8 ._icon-wrapper_19qga_47 {
       transition-duration: 0.01ms !important;
       transition-property: outline;
     }
   }
 }
 @layer reset {
-  ._checkbox-group_zshjc_209 {
+  ._checkbox-group_19qga_215 {
     all: unset;
     font-family: var(--font-family-base, "Nunito Sans", sans-serif);
     font-size: 100%;
@@ -236,12 +242,12 @@
   }
 }
 @layer base {
-  ._checkbox-group_zshjc_209 {
+  ._checkbox-group_19qga_215 {
     display: inline-flex;
     gap: 0.5rem;
     flex-direction: column;
   }
-  ._checkbox-group_zshjc_209 ._legend_zshjc_241 {
+  ._checkbox-group_19qga_215 ._legend_19qga_247 {
     border: 0;
     clip: rect(0, 0, 0, 0);
     height: 1px;
@@ -253,7 +259,7 @@
     white-space: nowrap;
     width: 1px;
   }
-  ._checkbox-group_zshjc_209 ._children_zshjc_253 {
+  ._checkbox-group_19qga_215 ._children_19qga_259 {
     display: inline-flex;
     gap: 0.5rem;
     flex-direction: column;

package/dist/{index-CqdP5W00.js → index-V5Ez2gq_.js}

@@ -5,7 +5,7 @@ import { forwardRef } from 'react';
 import { c as cx } from './index-tZvMCc77.js';
 import { B as ButtonCompound } from './ButtonCompound-BF2Q6gGX.js';
 
-import './index2.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" }));
+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";
@@ -103,4 +103,4 @@ const Dnd = {
 };
 
 export { Dnd as D, DndSortLine as a, DndHandleButton as b, DndHandle as c, styles as s };
-//# sourceMappingURL=index-CqdP5W00.js.map
+//# sourceMappingURL=index-V5Ez2gq_.js.map

package/dist/{index-CqdP5W00.js.map → index-V5Ez2gq_.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-CqdP5W00.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\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 *   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      {...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-V5Ez2gq_.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\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 *   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      {...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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"}