@servicetitan/anvil2 1.44.2 → 1.45.1

package/dist/getActiveElement-BcSyVE7S.js

@@ -0,0 +1,25 @@
+const getActiveElement = (activeDocument) => {
+  const activeElement = activeDocument.activeElement;
+  if (!activeElement) {
+    return activeElement;
+  }
+  if (activeElement.tagName === "IFRAME") {
+    const iframes = Array.from(document.getElementsByTagName("iframe"));
+    if (iframes.includes(activeElement)) {
+      const iframeActiveElement = activeElement;
+      const iframeActiveDocument = iframeActiveElement.contentDocument || iframeActiveElement.contentWindow?.document;
+      if (!iframeActiveDocument) return activeElement;
+      return getActiveElement(iframeActiveDocument);
+    }
+  }
+  if (!activeElement.shadowRoot) {
+    return activeElement;
+  }
+  if (activeElement.shadowRoot) {
+    return getActiveElement(activeElement.shadowRoot);
+  }
+  return activeElement;
+};
+
+export { getActiveElement as g };
+//# sourceMappingURL=getActiveElement-BcSyVE7S.js.map

package/dist/getActiveElement-BcSyVE7S.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getActiveElement-BcSyVE7S.js","sources":["../src/internal/functions/getActiveElement.ts"],"sourcesContent":["export const getActiveElement = (\n  activeDocument: Document | ShadowRoot,\n): HTMLElement | null => {\n  const activeElement = activeDocument.activeElement;\n  if (!activeElement) {\n    return activeElement as null;\n  }\n  if (activeElement.tagName === \"IFRAME\") {\n    const iframes = Array.from(document.getElementsByTagName(\"iframe\"));\n    if (iframes.includes(activeElement as HTMLIFrameElement)) {\n      const iframeActiveElement = activeElement as HTMLIFrameElement;\n      const iframeActiveDocument =\n        iframeActiveElement.contentDocument ||\n        iframeActiveElement.contentWindow?.document;\n      if (!iframeActiveDocument) return activeElement as HTMLElement;\n      return getActiveElement(iframeActiveDocument);\n    }\n  }\n  if (!activeElement.shadowRoot) {\n    return activeElement as HTMLElement;\n  }\n  if (activeElement.shadowRoot) {\n    return getActiveElement(activeElement.shadowRoot);\n  }\n  return activeElement as HTMLElement;\n};\n"],"names":[],"mappings":"AAAa,MAAA,gBAAA,GAAmB,CAC9B,cACuB,KAAA;AACvB,EAAA,MAAM,gBAAgB,cAAe,CAAA,aAAA;AACrC,EAAA,IAAI,CAAC,aAAe,EAAA;AAClB,IAAO,OAAA,aAAA;AAAA;AAET,EAAI,IAAA,aAAA,CAAc,YAAY,QAAU,EAAA;AACtC,IAAA,MAAM,UAAU,KAAM,CAAA,IAAA,CAAK,QAAS,CAAA,oBAAA,CAAqB,QAAQ,CAAC,CAAA;AAClE,IAAI,IAAA,OAAA,CAAQ,QAAS,CAAA,aAAkC,CAAG,EAAA;AACxD,MAAA,MAAM,mBAAsB,GAAA,aAAA;AAC5B,MAAA,MAAM,oBACJ,GAAA,mBAAA,CAAoB,eACpB,IAAA,mBAAA,CAAoB,aAAe,EAAA,QAAA;AACrC,MAAI,IAAA,CAAC,sBAA6B,OAAA,aAAA;AAClC,MAAA,OAAO,iBAAiB,oBAAoB,CAAA;AAAA;AAC9C;AAEF,EAAI,IAAA,CAAC,cAAc,UAAY,EAAA;AAC7B,IAAO,OAAA,aAAA;AAAA;AAET,EAAA,IAAI,cAAc,UAAY,EAAA;AAC5B,IAAO,OAAA,gBAAA,CAAiB,cAAc,UAAU,CAAA;AAAA;AAElD,EAAO,OAAA,aAAA;AACT;;;;"}

package/dist/getKeyboardFocusableElements-QqcABz0D.js.map

@@ -1 +1 @@
-{"version":3,"file":"getKeyboardFocusableElements-QqcABz0D.js","sources":["../../hammer-react/dist/getKeyboardFocusableElements.js"],"sourcesContent":["function getKeyboardFocusableElements(element) {\n  if (!element) return [];\n  const elements = element.querySelectorAll(\n    'a[href], button, input, textarea, select, details,[tabindex]:not([tabindex=\"-1\"])'\n  );\n  return Array.from(elements).filter(\n    (el) => !el.hasAttribute(\"disabled\") && !el.getAttribute(\"aria-hidden\") && !el.getAttribute(\"inert\") && !(globalThis.getComputedStyle(el).display === \"none\")\n  );\n}\n\nexport { getKeyboardFocusableElements };\n//# sourceMappingURL=getKeyboardFocusableElements.js.map\n"],"names":[],"mappings":"AAAA,SAAS,4BAA4B,CAAC,OAAO,EAAE;AAC/C,EAAE,IAAI,CAAC,OAAO,EAAE,OAAO,EAAE;AACzB,EAAE,MAAM,QAAQ,GAAG,OAAO,CAAC,gBAAgB;AAC3C,IAAI;AACJ,GAAG;AACH,EAAE,OAAO,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,MAAM;AACpC,IAAI,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,CAAC,YAAY,CAAC,aAAa,CAAC,IAAI,CAAC,EAAE,CAAC,YAAY,CAAC,OAAO,CAAC,IAAI,EAAE,UAAU,CAAC,gBAAgB,CAAC,EAAE,CAAC,CAAC,OAAO,KAAK,MAAM;AAChK,GAAG;AACH;;;;"}
+{"version":3,"file":"getKeyboardFocusableElements-QqcABz0D.js","sources":["../src/internal/functions/getKeyboardFocusableElements.ts"],"sourcesContent":["/**\n * Retrieves all keyboard focusable elements within a given container element.\n *\n * Features:\n * - Finds all elements that can receive keyboard focus\n * - Filters out disabled, hidden, and inert elements\n * - Respects ARIA attributes for accessibility\n * - Checks computed styles for visibility\n * - Supports all standard focusable elements (links, buttons, inputs, etc.)\n * - Handles null and undefined input gracefully\n * - Returns array of focusable HTMLElements\n * - Excludes elements with tabindex=\"-1\"\n *\n * Focusable Elements Detected:\n * - Links with href attributes\n * - Buttons (all types)\n * - Form inputs (text, checkbox, radio, etc.)\n * - Textareas and select elements\n * - Details elements\n * - Elements with positive tabindex values\n *\n * @param element - The container element to search for focusable elements\n * @returns Array of focusable HTMLElements, or empty array if no element provided\n */\nexport function getKeyboardFocusableElements(element?: HTMLElement | null) {\n  if (!element) return [];\n  const elements = element.querySelectorAll(\n    'a[href], button, input, textarea, select, details,[tabindex]:not([tabindex=\"-1\"])',\n  );\n\n  return Array.from(elements).filter(\n    (el) =>\n      !el.hasAttribute(\"disabled\") &&\n      !el.getAttribute(\"aria-hidden\") &&\n      !el.getAttribute(\"inert\") &&\n      !(globalThis.getComputedStyle(el).display === \"none\"),\n  );\n}\n"],"names":[],"mappings":"AAwBO,SAAS,6BAA6B,OAA8B,EAAA;AACzE,EAAI,IAAA,CAAC,OAAS,EAAA,OAAO,EAAC;AACtB,EAAA,MAAM,WAAW,OAAQ,CAAA,gBAAA;AAAA,IACvB;AAAA,GACF;AAEA,EAAO,OAAA,KAAA,CAAM,IAAK,CAAA,QAAQ,CAAE,CAAA,MAAA;AAAA,IAC1B,CAAC,OACC,CAAC,EAAA,CAAG,aAAa,UAAU,CAAA,IAC3B,CAAC,EAAA,CAAG,YAAa,CAAA,aAAa,KAC9B,CAAC,EAAA,CAAG,aAAa,OAAO,CAAA,IACxB,EAAE,UAAW,CAAA,gBAAA,CAAiB,EAAE,CAAA,CAAE,OAAY,KAAA,MAAA;AAAA,GAClD;AACF;;;;"}

package/dist/hooks/index.d.ts

@@ -1,6 +1,5 @@
 export * from './useAccessibleColor';
 export * from './useBreakpoint';
-export * from './useLinkStyles';
 export * from './useMergeRefs';
 export * from './usePrefersColorScheme';
 export * from './useSwipe';

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

@@ -1 +1 @@
-export { useAccessibleColor, useAccessibleColor as default, type UseAccessibleColorType, } from '@servicetitan/hammer-react';
+export { useAccessibleColor, useAccessibleColor as default, type UseAccessibleColorType, } from './useAccessibleColor';

package/dist/hooks/useAccessibleColor/useAccessibleColor.d.ts

@@ -0,0 +1,38 @@
+/**
+ * Type definition for the useAccessibleColor hook
+ * @param hex - The hex color to generate accessible colors for
+ * @param mode - The color mode (light or dark)
+ * @returns Object containing accessible foreground, background, and border colors
+ */
+export type UseAccessibleColorType = (hex?: string, mode?: "light" | "dark") => {
+    foreground?: string;
+    background?: string;
+    border?: string;
+};
+/**
+ * Custom hook for generating accessible color combinations that meet WCAG contrast requirements.
+ *
+ * Features:
+ * - Generates accessible foreground, background, and border colors
+ * - Supports both light and dark color modes
+ * - Ensures WCAG contrast ratio compliance (4.5:1 for text, 3:1 for borders)
+ * - Automatically adjusts colors to meet accessibility standards
+ * - Handles invalid color inputs gracefully
+ * - Uses tinycolor2 for color manipulation and contrast calculations
+ * - Optimized with useMemo for performance
+ * - Implements intelligent color selection algorithms
+ * - Provides fallback strategies for edge cases
+ * - Supports dynamic theme switching
+ *
+ * Algorithm Details:
+ * - Light Mode: Selects white or dark text based on background contrast
+ * - Dark Mode: Adjusts both foreground and background for optimal contrast
+ * - Border Generation: Ensures 3:1 contrast ratio with page background
+ * - Iterative Adjustment: Uses up to 16 iterations for color optimization
+ * - Luminance Thresholds: Maintains appropriate darkness levels for dark themes
+ *
+ * @param hex - The hex color to generate accessible colors for (e.g., "#FF0000")
+ * @param mode - The color mode ("light" or "dark") for context-aware color generation
+ * @returns Object containing accessible foreground, background, and border colors in hex format
+ */
+export declare const useAccessibleColor: UseAccessibleColorType;

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

@@ -1 +1 @@
-export { useBreakpoint, useBreakpoint as default, type BreakpointReturnProps, } from '@servicetitan/hammer-react';
+export { useBreakpoint, useBreakpoint as default, type BreakpointReturnProps, } from './useBreakpoint';

package/dist/hooks/useBreakpoint/useBreakpoint.d.ts

@@ -0,0 +1,49 @@
+/**
+ * Return type for the useBreakpoint hook
+ */
+export type BreakpointReturnProps = {
+    /**
+     * The breakpoint name
+     */
+    name: "xs" | "sm" | "md" | "lg" | "xl" | "xxl";
+    /**
+     * Minimum width for this breakpoint
+     */
+    min: number | undefined;
+    /**
+     * Maximum width for this breakpoint
+     */
+    max: number | undefined;
+    /**
+     * Current device orientation
+     */
+    orientation: "portrait" | "landscape";
+    /**
+     * Current viewport width
+     */
+    innerWidth: number;
+    /**
+     * Current viewport height
+     */
+    innerHeight: number;
+};
+/**
+ * Custom hook for detecting current breakpoint and viewport information.
+ *
+ * Features:
+ * - Detects current breakpoint based on viewport width
+ * - Supports all standard breakpoints (xs, sm, md, lg, xl, xxl)
+ * - Provides device orientation information
+ * - Returns current viewport dimensions
+ * - Uses hammer-token breakpoint values for consistency
+ * - Listens for window resize events
+ * - Supports optional disable functionality
+ * - Uses visualViewport API for accurate measurements
+ *
+ * @param props - Optional configuration object
+ * @param props.disable - Whether to disable the hook
+ * @returns Current breakpoint information or undefined if disabled
+ */
+export declare const useBreakpoint: (props?: {
+    disable?: boolean;
+}) => BreakpointReturnProps | undefined;

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

@@ -1 +1 @@
-export { useMergeRefs, useMergeRefs as default, } from '@servicetitan/hammer-react';
+export { useMergeRefs, useMergeRefs as default } from './useMergeRefs';

package/dist/hooks/useMergeRefs/useMergeRefs.d.ts

@@ -0,0 +1,17 @@
+import { Ref, RefCallback } from 'react';
+/**
+ * Custom hook for merging multiple React refs into a single callback ref.
+ * @see https://floating-ui.com/docs/react-utils#usemergerefs
+ *
+ * Features:
+ * - Merges an array of refs into a single callback ref
+ * - Handles both function refs and object refs
+ * - Optimized with useMemo for performance
+ * - Returns null when all refs are null/undefined
+ * - Supports generic types for type safety
+ * - Automatically handles ref assignment and cleanup
+ *
+ * @param refs - Array of React refs to merge
+ * @returns Single callback ref that handles all provided refs, or null if all refs are null
+ */
+export declare function useMergeRefs<Instance>(refs: Array<Ref<Instance> | undefined>): RefCallback<Instance> | null;

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

@@ -1 +1 @@
-export { usePrefersColorScheme, usePrefersColorScheme as default, } from '@servicetitan/hammer-react';
+export { usePrefersColorScheme, usePrefersColorScheme as default, } from './usePrefersColorScheme';

package/dist/hooks/usePrefersColorScheme/usePrefersColorScheme.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Custom hook for detecting system color scheme preference.
+ *
+ * Features:
+ * - Detects system dark/light mode preference
+ * - Listens for changes in system color scheme
+ * - Supports both modern and legacy event listeners
+ * - Handles SSR environments gracefully
+ * - Automatically cleans up event listeners
+ * - Returns consistent light/dark mode values
+ *
+ * @returns Object containing current color scheme mode
+ */
+export declare const usePrefersColorScheme: () => {
+    mode: "light" | "dark";
+};

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

@@ -1 +1 @@
-export { useSwipe, useSwipe as default } from '@servicetitan/hammer-react';
+export { useSwipe, useSwipe as default, type UseSwipeFn } from './useSwipe';

package/dist/hooks/useSwipe/useSwipe.d.ts

@@ -0,0 +1,32 @@
+import { TouchEvent } from 'react';
+/**
+ * Type definition for swipe direction
+ * @property {string | null} direction - The direction of the swipe (left, right, or null)
+ */
+export type UseSwipeFn = {
+    /**
+     * The direction of the swipe (left, right, or null)
+     */
+    direction: string | null;
+};
+/**
+ * Custom hook for detecting swipe gestures on touch devices.
+ *
+ * Features:
+ * - Detects left and right swipe gestures
+ * - Configurable minimum swipe distance threshold
+ * - Provides touch event handlers for easy integration
+ * - Supports optional callback function for swipe events
+ * - Tracks current swipe direction state
+ * - Handles touch start, move, and end events
+ * - Prevents false positives from regular touch events
+ *
+ * @param func - Optional callback function called when a swipe is detected
+ * @returns Object containing touch event handlers and current swipe direction
+ */
+export declare const useSwipe: (func?: (direction: UseSwipeFn["direction"]) => void) => {
+    onTouchMove: (e: TouchEvent<HTMLElement>) => void;
+    onTouchEnd: (_e: TouchEvent<HTMLElement>) => void;
+    onTouchStart: (e: TouchEvent<HTMLElement>) => void;
+    direction: string | null;
+};

package/dist/{Checkbox.module-DZ58p15b-BUsQC1lW.js → indeterminate_check_box-Bg24oeHy.js}

@@ -1,12 +1,6 @@
 import * as React from 'react';
 
-import './Checkbox.css';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" }));
-
-const checkbox = "_checkbox_zshjc_2";
+import './indeterminate_check_box.css';const checkbox = "_checkbox_zshjc_2";
 const wrapper = "_wrapper_zshjc_17";
 const error = "_error_zshjc_97";
 const label = "_label_zshjc_209";
@@ -31,5 +25,11 @@ const checkboxStyles = {
 	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=Checkbox.module-DZ58p15b-BUsQC1lW.js.map
+//# sourceMappingURL=indeterminate_check_box-Bg24oeHy.js.map

package/dist/indeterminate_check_box-Bg24oeHy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"indeterminate_check_box-Bg24oeHy.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/{Checkbox.css → indeterminate_check_box.css}

@@ -1,5 +1,4 @@
 @layer starter, reset, base, state, application;
-@layer starter, reset, base, state, application;
 @layer reset {
   ._checkbox_zshjc_2 {
     all: unset;

package/dist/{index-CKfiQx8n-4nziUo7G.js → index-CqdP5W00.js}

@@ -1,11 +1,11 @@
 import { jsx } from 'react/jsx-runtime';
-import { I as Icon } from './Icon-B6HmlQiR-BxQkO3X5.js';
+import { I as Icon } from './Icon-D8SPKeO4.js';
 import * as React from 'react';
 import { forwardRef } from 'react';
 import { c as cx } from './index-tZvMCc77.js';
-import { B as ButtonCompound } from './ButtonCompound-Cs2A5X-Z-Dl3InVab.js';
+import { B as ButtonCompound } from './ButtonCompound-BF2Q6gGX.js';
 
-import './index-CKfiQx8n.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 './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" }));
 
 const handle = "_handle_z85jk_2";
 const active = "_active_z85jk_24";
@@ -102,5 +102,5 @@ const Dnd = {
   Zone: DndZone
 };
 
-export { Dnd as D, DndHandleButton as a, DndHandle as b, DndSortLine as c, styles as s };
-//# sourceMappingURL=index-CKfiQx8n-4nziUo7G.js.map
+export { Dnd as D, DndSortLine as a, DndHandleButton as b, DndHandle as c, styles as s };
+//# sourceMappingURL=index-CqdP5W00.js.map

package/dist/index-CqdP5W00.js.map

@@ -0,0 +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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"}