@servicetitan/anvil2 1.37.2 → 1.38.0

package/dist/Skeleton-COxTdwjO.js

@@ -0,0 +1,398 @@
+import { jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { c as cx } from './index-tZvMCc77.js';
+import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-DWACCL8v-CZNrcQT-.js';
+
+import './Skeleton.css';const skeleton = "_skeleton_unbyv_2";
+const shade = "_shade_unbyv_17";
+const pulser = "_pulser_unbyv_1";
+const text = "_text_unbyv_29";
+const body = "_body_unbyv_33";
+const line = "_line_unbyv_33";
+const headline = "_headline_unbyv_40";
+const circle = "_circle_unbyv_44";
+const rectangle = "_rectangle_unbyv_49";
+const pill = "_pill_unbyv_53";
+const styles = {
+	skeleton: skeleton,
+	shade: shade,
+	pulser: pulser,
+	text: text,
+	body: body,
+	line: line,
+	headline: headline,
+	circle: circle,
+	rectangle: rectangle,
+	pill: pill
+};
+
+const SkeletonCircle$1 = forwardRef(
+  (props, ref) => {
+    const { layoutStyles, componentProps } = useLayoutPropsUtil(props);
+    const {
+      className,
+      diameter,
+      "aria-label": ariaLabel = "Loading content",
+      style,
+      ...rest
+    } = componentProps;
+    const SkeletonClassNames = cx(
+      [styles["skeleton"]],
+      [styles["circle"]],
+      styles["shade"],
+      className
+    );
+    const styleCombined = {
+      ...style,
+      ...layoutStyles,
+      "--diameter": diameter
+    };
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ...rest,
+        "data-anv": "skeleton-circle",
+        role: "progressbar",
+        "aria-busy": "true",
+        className: SkeletonClassNames,
+        style: styleCombined,
+        "aria-label": ariaLabel,
+        ref
+      }
+    );
+  }
+);
+SkeletonCircle$1.displayName = "SkeletonCircle";
+
+const SkeletonRectangle$1 = forwardRef((props, ref) => {
+  const { layoutStyles, componentProps } = useLayoutPropsUtil(props);
+  const {
+    className,
+    height,
+    "aria-label": ariaLabel = "Loading content",
+    style,
+    ...rest
+  } = componentProps;
+  const SkeletonClassNames = cx(
+    [styles["skeleton"]],
+    [styles["rectangle"]],
+    styles["shade"],
+    className
+  );
+  const styleCombined = {
+    ...style,
+    ...layoutStyles,
+    "--height": height
+  };
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ...rest,
+      "data-anv": "skeleton-rectangle",
+      role: "progressbar",
+      "aria-busy": "true",
+      className: SkeletonClassNames,
+      style: styleCombined,
+      "aria-label": ariaLabel,
+      ref
+    }
+  );
+});
+SkeletonRectangle$1.displayName = "SkeletonRectangle";
+
+const SkeletonText$1 = forwardRef(
+  (props, ref) => {
+    const { layoutStyles, componentProps } = useLayoutPropsUtil(props);
+    const {
+      className,
+      "aria-label": ariaLabel = "Loading content",
+      variant = "body",
+      style,
+      ...rest
+    } = componentProps;
+    const SkeletonClassNames = cx(
+      [styles["skeleton"]],
+      [styles["text"]],
+      [styles[variant]],
+      className
+    );
+    const styleCombined = {
+      ...style,
+      ...layoutStyles
+    };
+    const ShaderClassName = cx(styles["line"], styles["shade"]);
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ...rest,
+        "data-anv": "skeleton-text",
+        role: "progressbar",
+        "aria-busy": "true",
+        className: SkeletonClassNames,
+        style: styleCombined,
+        "aria-label": ariaLabel,
+        ref,
+        children: "rows" in rest ? Array.from({ length: rest.rows ?? 1 }, (_, i) => i).map((i) => /* @__PURE__ */ jsx("div", { className: ShaderClassName }, `line-${i}`)) : /* @__PURE__ */ jsx("div", { className: ShaderClassName })
+      }
+    );
+  }
+);
+SkeletonText$1.displayName = "SkeletonText";
+
+const SkeletonPill$1 = forwardRef(
+  (props, ref) => {
+    const { layoutStyles, componentProps } = useLayoutPropsUtil(props);
+    const {
+      className,
+      width,
+      "aria-label": ariaLabel = "Loading content",
+      style,
+      ...rest
+    } = componentProps;
+    const SkeletonClassNames = cx(
+      [styles["skeleton"]],
+      [styles["pill"]],
+      styles["shade"],
+      className
+    );
+    const styleCombined = {
+      ...style,
+      ...layoutStyles,
+      "--width": width
+    };
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ...rest,
+        "data-anv": "skeleton-pill",
+        role: "progressbar",
+        "aria-busy": "true",
+        className: SkeletonClassNames,
+        style: styleCombined,
+        "aria-label": ariaLabel,
+        ref
+      }
+    );
+  }
+);
+SkeletonPill$1.displayName = "SkeletonPill";
+
+const Skeleton$1 = {
+  /**
+   * SkeletonText component for displaying text loading placeholders.
+   *
+   * Features:
+   * - Text skeleton placeholder with body and headline variants
+   * - Configurable number of rows for body variant
+   * - Animated pulsing effect for loading indication
+   * - Accessible with proper ARIA attributes
+   * - Layout utility props for positioning and spacing
+   * - Customizable styling through className and style props
+   * - Progress bar role for screen readers
+   * - Different line heights for body vs headline variants
+   * - Last line shorter for body variant to simulate natural text
+   *
+   * @example
+   * <Skeleton.Text variant="body" rows={3} />
+   *
+   * <Skeleton.Text
+   *   variant="headline"
+   *   className="custom-skeleton"
+   *   aria-label="Loading title"
+   * />
+   */
+  Text: SkeletonText$1,
+  /**
+   * SkeletonCircle component for displaying circular loading placeholders.
+   *
+   * Features:
+   * - Circular skeleton placeholder with customizable diameter
+   * - Animated pulsing effect for loading indication
+   * - Accessible with proper ARIA attributes
+   * - Layout utility props for positioning and spacing
+   * - Customizable styling through className and style props
+   * - Progress bar role for screen readers
+   *
+   * @example
+   * <Skeleton.Circle diameter="40px" />
+   *
+   * <Skeleton.Circle
+   *   diameter="60px"
+   *   className="custom-skeleton"
+   *   aria-label="Loading avatar"
+   * />
+   */
+  Circle: SkeletonCircle$1,
+  /**
+   * SkeletonRectangle component for displaying rectangular loading placeholders.
+   *
+   * Features:
+   * - Rectangular skeleton placeholder with customizable height
+   * - Animated pulsing effect for loading indication
+   * - Accessible with proper ARIA attributes
+   * - Layout utility props for positioning and spacing
+   * - Customizable styling through className and style props
+   * - Progress bar role for screen readers
+   * - Medium border radius for consistent styling
+   *
+   * @example
+   * <Skeleton.Rectangle height="100px" />
+   *
+   * <Skeleton.Rectangle
+   *   height="2rem"
+   *   className="custom-skeleton"
+   *   aria-label="Loading image"
+   * />
+   */
+  Rectangle: SkeletonRectangle$1,
+  /**
+   * SkeletonPill component for displaying pill-shaped loading placeholders.
+   *
+   * Features:
+   * - Pill-shaped skeleton placeholder with customizable width
+   * - Animated pulsing effect for loading indication
+   * - Accessible with proper ARIA attributes
+   * - Layout utility props for positioning and spacing
+   * - Customizable styling through className and style props
+   * - Progress bar role for screen readers
+   * - Large border radius for pill appearance
+   * - Fixed height for consistent styling
+   *
+   * @example
+   * <Skeleton.Pill width="120px" />
+   *
+   * <Skeleton.Pill
+   *   width="8rem"
+   *   className="custom-skeleton"
+   *   aria-label="Loading tag"
+   * />
+   */
+  Pill: SkeletonPill$1
+};
+
+const SkeletonCircle = forwardRef(
+  (props, ref) => {
+    return /* @__PURE__ */ jsx(Skeleton$1.Circle, { ref, ...props });
+  }
+);
+SkeletonCircle.displayName = Skeleton$1.Circle.displayName;
+const SkeletonPill = forwardRef(
+  (props, ref) => {
+    return /* @__PURE__ */ jsx(Skeleton$1.Pill, { ref, ...props });
+  }
+);
+SkeletonPill.displayName = Skeleton$1.Pill.displayName;
+const SkeletonRectangle = forwardRef(
+  (props, ref) => {
+    return /* @__PURE__ */ jsx(Skeleton$1.Rectangle, { ref, ...props });
+  }
+);
+SkeletonRectangle.displayName = Skeleton$1.Rectangle.displayName;
+const SkeletonText = forwardRef(
+  (props, ref) => {
+    return /* @__PURE__ */ jsx(Skeleton$1.Text, { ref, ...props });
+  }
+);
+SkeletonText.displayName = Skeleton$1.Text.displayName;
+const Skeleton = Object.assign(
+  {},
+  {
+    /**
+     * SkeletonCircle component for displaying circular loading placeholders.
+     *
+     * Features:
+     * - Circular skeleton placeholder with customizable diameter
+     * - Animated pulsing effect for loading indication
+     * - Accessible with proper ARIA attributes
+     * - Layout utility props for positioning and spacing
+     * - Customizable styling through className and style props
+     * - Progress bar role for screen readers
+     * - Automatic tracking ID generation for analytics
+     *
+     * @example
+     * <Skeleton.Circle diameter="40px" />
+     *
+     * <Skeleton.Circle
+     *   diameter="60px"
+     *   className="custom-skeleton"
+     *   aria-label="Loading avatar"
+     * />
+     */
+    Circle: SkeletonCircle,
+    /**
+     * SkeletonPill component for displaying pill-shaped loading placeholders.
+     *
+     * Features:
+     * - Pill-shaped skeleton placeholder with customizable width
+     * - Animated pulsing effect for loading indication
+     * - Accessible with proper ARIA attributes
+     * - Layout utility props for positioning and spacing
+     * - Customizable styling through className and style props
+     * - Progress bar role for screen readers
+     * - Large border radius for pill appearance
+     * - Fixed height for consistent styling
+     * - Automatic tracking ID generation for analytics
+     *
+     * @example
+     * <Skeleton.Pill width="120px" />
+     *
+     * <Skeleton.Pill
+     *   width="8rem"
+     *   className="custom-skeleton"
+     *   aria-label="Loading tag"
+     * />
+     */
+    Pill: SkeletonPill,
+    /**
+     * SkeletonRectangle component for displaying rectangular loading placeholders.
+     *
+     * Features:
+     * - Rectangular skeleton placeholder with customizable height
+     * - Animated pulsing effect for loading indication
+     * - Accessible with proper ARIA attributes
+     * - Layout utility props for positioning and spacing
+     * - Customizable styling through className and style props
+     * - Progress bar role for screen readers
+     * - Medium border radius for consistent styling
+     * - Automatic tracking ID generation for analytics
+     *
+     * @example
+     * <Skeleton.Rectangle height="100px" />
+     *
+     * <Skeleton.Rectangle
+     *   height="2rem"
+     *   className="custom-skeleton"
+     *   aria-label="Loading image"
+     * />
+     */
+    Rectangle: SkeletonRectangle,
+    /**
+     * SkeletonText component for displaying text loading placeholders.
+     *
+     * Features:
+     * - Text skeleton placeholder with body and headline variants
+     * - Configurable number of rows for body variant
+     * - Animated pulsing effect for loading indication
+     * - Accessible with proper ARIA attributes
+     * - Layout utility props for positioning and spacing
+     * - Customizable styling through className and style props
+     * - Progress bar role for screen readers
+     * - Different line heights for body vs headline variants
+     * - Last line shorter for body variant to simulate natural text
+     * - Automatic tracking ID generation for analytics
+     *
+     * @example
+     * <Skeleton.Text variant="body" rows={3} />
+     *
+     * <Skeleton.Text
+     *   variant="headline"
+     *   className="custom-skeleton"
+     *   aria-label="Loading title"
+     * />
+     */
+    Text: SkeletonText
+  }
+);
+
+export { Skeleton as S, SkeletonCircle as a, SkeletonPill as b, SkeletonRectangle as c, SkeletonText as d };
+//# sourceMappingURL=Skeleton-COxTdwjO.js.map

package/dist/Skeleton-COxTdwjO.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton-COxTdwjO.js","sources":["../../hammer-react/dist/Skeleton-DsSPEHtw.js","../src/components/Skeleton/Skeleton.tsx"],"sourcesContent":["import { jsx } from 'react/jsx-runtime';\nimport { forwardRef } from 'react';\nimport cx from 'classnames';\nimport { u as useLayoutPropsUtil } from './useLayoutPropsUtil-DWACCL8v.js';\n\nimport './Skeleton.css';const skeleton = \"_skeleton_unbyv_2\";\nconst shade = \"_shade_unbyv_17\";\nconst pulser = \"_pulser_unbyv_1\";\nconst text = \"_text_unbyv_29\";\nconst body = \"_body_unbyv_33\";\nconst line = \"_line_unbyv_33\";\nconst headline = \"_headline_unbyv_40\";\nconst circle = \"_circle_unbyv_44\";\nconst rectangle = \"_rectangle_unbyv_49\";\nconst pill = \"_pill_unbyv_53\";\nconst styles = {\n\tskeleton: skeleton,\n\tshade: shade,\n\tpulser: pulser,\n\ttext: text,\n\tbody: body,\n\tline: line,\n\theadline: headline,\n\tcircle: circle,\n\trectangle: rectangle,\n\tpill: pill\n};\n\nconst SkeletonCircle = forwardRef(\n  (props, ref) => {\n    const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n    const {\n      className,\n      diameter,\n      \"aria-label\": ariaLabel = \"Loading content\",\n      style,\n      ...rest\n    } = componentProps;\n    const SkeletonClassNames = cx(\n      [styles[\"skeleton\"]],\n      [styles[\"circle\"]],\n      styles[\"shade\"],\n      className\n    );\n    const styleCombined = {\n      ...style,\n      ...layoutStyles,\n      \"--diameter\": diameter\n    };\n    return /* @__PURE__ */ jsx(\n      \"div\",\n      {\n        ...rest,\n        \"data-anv\": \"skeleton-circle\",\n        role: \"progressbar\",\n        \"aria-busy\": \"true\",\n        className: SkeletonClassNames,\n        style: styleCombined,\n        \"aria-label\": ariaLabel,\n        ref\n      }\n    );\n  }\n);\nSkeletonCircle.displayName = \"SkeletonCircle\";\n\nconst SkeletonRectangle = forwardRef((props, ref) => {\n  const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n  const {\n    className,\n    height,\n    \"aria-label\": ariaLabel = \"Loading content\",\n    style,\n    ...rest\n  } = componentProps;\n  const SkeletonClassNames = cx(\n    [styles[\"skeleton\"]],\n    [styles[\"rectangle\"]],\n    styles[\"shade\"],\n    className\n  );\n  const styleCombined = {\n    ...style,\n    ...layoutStyles,\n    \"--height\": height\n  };\n  return /* @__PURE__ */ jsx(\n    \"div\",\n    {\n      ...rest,\n      \"data-anv\": \"skeleton-rectangle\",\n      role: \"progressbar\",\n      \"aria-busy\": \"true\",\n      className: SkeletonClassNames,\n      style: styleCombined,\n      \"aria-label\": ariaLabel,\n      ref\n    }\n  );\n});\nSkeletonRectangle.displayName = \"SkeletonRectangle\";\n\nconst SkeletonText = forwardRef(\n  (props, ref) => {\n    const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n    const {\n      className,\n      \"aria-label\": ariaLabel = \"Loading content\",\n      variant = \"body\",\n      style,\n      ...rest\n    } = componentProps;\n    const SkeletonClassNames = cx(\n      [styles[\"skeleton\"]],\n      [styles[\"text\"]],\n      [styles[variant]],\n      className\n    );\n    const styleCombined = {\n      ...style,\n      ...layoutStyles\n    };\n    const ShaderClassName = cx(styles[\"line\"], styles[\"shade\"]);\n    return /* @__PURE__ */ jsx(\n      \"div\",\n      {\n        ...rest,\n        \"data-anv\": \"skeleton-text\",\n        role: \"progressbar\",\n        \"aria-busy\": \"true\",\n        className: SkeletonClassNames,\n        style: styleCombined,\n        \"aria-label\": ariaLabel,\n        ref,\n        children: \"rows\" in rest ? Array.from({ length: rest.rows ?? 1 }, (_, i) => i).map((i) => /* @__PURE__ */ jsx(\"div\", { className: ShaderClassName }, `line-${i}`)) : /* @__PURE__ */ jsx(\"div\", { className: ShaderClassName })\n      }\n    );\n  }\n);\nSkeletonText.displayName = \"SkeletonText\";\n\nconst SkeletonPill = forwardRef(\n  (props, ref) => {\n    const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n    const {\n      className,\n      width,\n      \"aria-label\": ariaLabel = \"Loading content\",\n      style,\n      ...rest\n    } = componentProps;\n    const SkeletonClassNames = cx(\n      [styles[\"skeleton\"]],\n      [styles[\"pill\"]],\n      styles[\"shade\"],\n      className\n    );\n    const styleCombined = {\n      ...style,\n      ...layoutStyles,\n      \"--width\": width\n    };\n    return /* @__PURE__ */ jsx(\n      \"div\",\n      {\n        ...rest,\n        \"data-anv\": \"skeleton-pill\",\n        role: \"progressbar\",\n        \"aria-busy\": \"true\",\n        className: SkeletonClassNames,\n        style: styleCombined,\n        \"aria-label\": ariaLabel,\n        ref\n      }\n    );\n  }\n);\nSkeletonPill.displayName = \"SkeletonPill\";\n\nconst Skeleton = {\n  /**\n   * SkeletonText component for displaying text loading placeholders.\n   *\n   * Features:\n   * - Text skeleton placeholder with body and headline variants\n   * - Configurable number of rows for body variant\n   * - Animated pulsing effect for loading indication\n   * - Accessible with proper ARIA attributes\n   * - Layout utility props for positioning and spacing\n   * - Customizable styling through className and style props\n   * - Progress bar role for screen readers\n   * - Different line heights for body vs headline variants\n   * - Last line shorter for body variant to simulate natural text\n   *\n   * @example\n   * <Skeleton.Text variant=\"body\" rows={3} />\n   *\n   * <Skeleton.Text\n   *   variant=\"headline\"\n   *   className=\"custom-skeleton\"\n   *   aria-label=\"Loading title\"\n   * />\n   */\n  Text: SkeletonText,\n  /**\n   * SkeletonCircle component for displaying circular loading placeholders.\n   *\n   * Features:\n   * - Circular skeleton placeholder with customizable diameter\n   * - Animated pulsing effect for loading indication\n   * - Accessible with proper ARIA attributes\n   * - Layout utility props for positioning and spacing\n   * - Customizable styling through className and style props\n   * - Progress bar role for screen readers\n   *\n   * @example\n   * <Skeleton.Circle diameter=\"40px\" />\n   *\n   * <Skeleton.Circle\n   *   diameter=\"60px\"\n   *   className=\"custom-skeleton\"\n   *   aria-label=\"Loading avatar\"\n   * />\n   */\n  Circle: SkeletonCircle,\n  /**\n   * SkeletonRectangle component for displaying rectangular loading placeholders.\n   *\n   * Features:\n   * - Rectangular skeleton placeholder with customizable height\n   * - Animated pulsing effect for loading indication\n   * - Accessible with proper ARIA attributes\n   * - Layout utility props for positioning and spacing\n   * - Customizable styling through className and style props\n   * - Progress bar role for screen readers\n   * - Medium border radius for consistent styling\n   *\n   * @example\n   * <Skeleton.Rectangle height=\"100px\" />\n   *\n   * <Skeleton.Rectangle\n   *   height=\"2rem\"\n   *   className=\"custom-skeleton\"\n   *   aria-label=\"Loading image\"\n   * />\n   */\n  Rectangle: SkeletonRectangle,\n  /**\n   * SkeletonPill component for displaying pill-shaped loading placeholders.\n   *\n   * Features:\n   * - Pill-shaped skeleton placeholder with customizable width\n   * - Animated pulsing effect for loading indication\n   * - Accessible with proper ARIA attributes\n   * - Layout utility props for positioning and spacing\n   * - Customizable styling through className and style props\n   * - Progress bar role for screen readers\n   * - Large border radius for pill appearance\n   * - Fixed height for consistent styling\n   *\n   * @example\n   * <Skeleton.Pill width=\"120px\" />\n   *\n   * <Skeleton.Pill\n   *   width=\"8rem\"\n   *   className=\"custom-skeleton\"\n   *   aria-label=\"Loading tag\"\n   * />\n   */\n  Pill: SkeletonPill\n};\n\nexport { Skeleton as S, SkeletonCircle as a, SkeletonPill as b, SkeletonRectangle as c, SkeletonText as d };\n//# sourceMappingURL=Skeleton-DsSPEHtw.js.map\n","import {\n  Skeleton as CoreSkeleton,\n  SkeletonCircleProps as CoreSkeletonCircleProps,\n  SkeletonPillProps as CoreSkeletonPillProps,\n  SkeletonRectangleProps as CoreSkeletonRectangleProps,\n  SkeletonTextProps as CoreSkeletonTextProps,\n} from \"@servicetitan/hammer-react\";\nimport { Ref, forwardRef } from \"react\";\n\n/**\n * Props for the SkeletonCircle component\n * @property {string} [diameter] - The diameter of the circular skeleton in CSS units\n * @property {string} [aria-label] - Accessible label for screen readers\n */\nexport const SkeletonCircle = forwardRef(\n  (props: CoreSkeletonCircleProps, ref: Ref<HTMLDivElement>) => {\n    return <CoreSkeleton.Circle ref={ref} {...props} />;\n  },\n);\nSkeletonCircle.displayName = CoreSkeleton.Circle.displayName;\n\n/**\n * Props for the SkeletonPill component\n * @property {string} [width] - The width of the pill skeleton in CSS units\n * @property {string} [aria-label] - Accessible label for screen readers\n */\nexport const SkeletonPill = forwardRef(\n  (props: CoreSkeletonPillProps, ref: Ref<HTMLDivElement>) => {\n    return <CoreSkeleton.Pill ref={ref} {...props} />;\n  },\n);\nSkeletonPill.displayName = CoreSkeleton.Pill.displayName;\n\n/**\n * Props for the SkeletonRectangle component\n * @property {string} [height] - The height of the rectangular skeleton in CSS units\n * @property {string} [aria-label] - Accessible label for screen readers\n */\nexport const SkeletonRectangle = forwardRef(\n  (props: CoreSkeletonRectangleProps, ref: Ref<HTMLDivElement>) => {\n    return <CoreSkeleton.Rectangle ref={ref} {...props} />;\n  },\n);\nSkeletonRectangle.displayName = CoreSkeleton.Rectangle.displayName;\n\n/**\n * Props for the SkeletonText component\n * @property {\"body\" | \"headline\"} [variant] - Text variant for body or headline skeleton\n * @property {number} [rows] - Number of text lines to display (body variant only)\n * @property {string} [aria-label] - Accessible label for screen readers\n */\nexport const SkeletonText = forwardRef(\n  (props: CoreSkeletonTextProps, ref: Ref<HTMLDivElement>) => {\n    return <CoreSkeleton.Text ref={ref} {...props} />;\n  },\n);\nSkeletonText.displayName = CoreSkeleton.Text.displayName;\n\n/**\n * Skeleton component for displaying loading placeholders.\n *\n * Features:\n * - Multiple skeleton variants for different content types\n * - Animated pulsing effect for loading indication\n * - Accessible with proper ARIA attributes\n * - Layout utility props for positioning and spacing\n * - Customizable styling through className and style props\n * - Progress bar role for screen readers\n * - Compound component pattern with dot exports\n * - Automatic tracking ID generation for analytics\n *\n * @example\n * <Skeleton.Text variant=\"body\" rows={3} />\n * <Skeleton.Circle diameter=\"40px\" />\n * <Skeleton.Rectangle height=\"100px\" />\n * <Skeleton.Pill width=\"120px\" />\n */\nexport const Skeleton = Object.assign(\n  {},\n  {\n    /**\n     * SkeletonCircle component for displaying circular loading placeholders.\n     *\n     * Features:\n     * - Circular skeleton placeholder with customizable diameter\n     * - Animated pulsing effect for loading indication\n     * - Accessible with proper ARIA attributes\n     * - Layout utility props for positioning and spacing\n     * - Customizable styling through className and style props\n     * - Progress bar role for screen readers\n     * - Automatic tracking ID generation for analytics\n     *\n     * @example\n     * <Skeleton.Circle diameter=\"40px\" />\n     *\n     * <Skeleton.Circle\n     *   diameter=\"60px\"\n     *   className=\"custom-skeleton\"\n     *   aria-label=\"Loading avatar\"\n     * />\n     */\n    Circle: SkeletonCircle,\n    /**\n     * SkeletonPill component for displaying pill-shaped loading placeholders.\n     *\n     * Features:\n     * - Pill-shaped skeleton placeholder with customizable width\n     * - Animated pulsing effect for loading indication\n     * - Accessible with proper ARIA attributes\n     * - Layout utility props for positioning and spacing\n     * - Customizable styling through className and style props\n     * - Progress bar role for screen readers\n     * - Large border radius for pill appearance\n     * - Fixed height for consistent styling\n     * - Automatic tracking ID generation for analytics\n     *\n     * @example\n     * <Skeleton.Pill width=\"120px\" />\n     *\n     * <Skeleton.Pill\n     *   width=\"8rem\"\n     *   className=\"custom-skeleton\"\n     *   aria-label=\"Loading tag\"\n     * />\n     */\n    Pill: SkeletonPill,\n    /**\n     * SkeletonRectangle component for displaying rectangular loading placeholders.\n     *\n     * Features:\n     * - Rectangular skeleton placeholder with customizable height\n     * - Animated pulsing effect for loading indication\n     * - Accessible with proper ARIA attributes\n     * - Layout utility props for positioning and spacing\n     * - Customizable styling through className and style props\n     * - Progress bar role for screen readers\n     * - Medium border radius for consistent styling\n     * - Automatic tracking ID generation for analytics\n     *\n     * @example\n     * <Skeleton.Rectangle height=\"100px\" />\n     *\n     * <Skeleton.Rectangle\n     *   height=\"2rem\"\n     *   className=\"custom-skeleton\"\n     *   aria-label=\"Loading image\"\n     * />\n     */\n    Rectangle: SkeletonRectangle,\n    /**\n     * SkeletonText component for displaying text loading placeholders.\n     *\n     * Features:\n     * - Text skeleton placeholder with body and headline variants\n     * - Configurable number of rows for body variant\n     * - Animated pulsing effect for loading indication\n     * - Accessible with proper ARIA attributes\n     * - Layout utility props for positioning and spacing\n     * - Customizable styling through className and style props\n     * - Progress bar role for screen readers\n     * - Different line heights for body vs headline variants\n     * - Last line shorter for body variant to simulate natural text\n     * - Automatic tracking ID generation for analytics\n     *\n     * @example\n     * <Skeleton.Text variant=\"body\" rows={3} />\n     *\n     * <Skeleton.Text\n     *   variant=\"headline\"\n     *   className=\"custom-skeleton\"\n     *   aria-label=\"Loading title\"\n     * />\n     */\n    Text: SkeletonText,\n  },\n);\n"],"names":["SkeletonCircle","SkeletonRectangle","SkeletonText","SkeletonPill","Skeleton","CoreSkeleton"],"mappings":"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"}

package/dist/Skeleton.js

@@ -1,2 +1,2 @@
-export { S as Skeleton, a as SkeletonCircle, b as SkeletonPill, c as SkeletonRectangle, d as SkeletonText, S as default } from './Skeleton-CdzDKQi4.js';
+export { S as Skeleton, a as SkeletonCircle, b as SkeletonPill, c as SkeletonRectangle, d as SkeletonText, S as default } from './Skeleton-COxTdwjO.js';
 //# sourceMappingURL=Skeleton.js.map

package/dist/{Spinner-Bc5-_6pK.js → Spinner-C1r3COiQ.js}

@@ -7,6 +7,7 @@ const Spinner = forwardRef(
     return /* @__PURE__ */ jsx(Spinner$1, { ref, ...props });
   }
 );
+Spinner.displayName = Spinner$1.displayName;
 
 export { Spinner as S };
-//# sourceMappingURL=Spinner-Bc5-_6pK.js.map
+//# sourceMappingURL=Spinner-C1r3COiQ.js.map

package/dist/Spinner-C1r3COiQ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner-C1r3COiQ.js","sources":["../src/components/Spinner/Spinner.tsx"],"sourcesContent":["import { Ref, forwardRef } from \"react\";\nimport {\n  SpinnerProps as CoreSpinnerProps,\n  Spinner as CoreSpinner,\n} from \"@servicetitan/hammer-react\";\n\n/**\n * Props for the Spinner component\n * @property {boolean} [inherit] - When true, the spinner inherits the current text color instead of using the default primary background color\n */\nexport type SpinnerProps = CoreSpinnerProps;\n\n/**\n * A loading spinner component that displays an animated circular indicator.\n *\n * The Spinner component provides a visual indication that content is loading or processing.\n * It renders as a circular animation that continuously rotates to show activity.\n * This is an anvil2 wrapper around the hammer-react Spinner component with additional tracking capabilities.\n *\n * Features:\n * - Animated circular loading indicator\n * - Configurable color inheritance\n * - Accessible with proper ARIA attributes\n * - Customizable styling through className and style props\n * - Forwarded ref support\n * - Anvil2 tracking integration\n * - Automatic data-anv attribute for analytics\n *\n * @example\n * <Spinner />\n *\n * <Spinner inherit />\n */\nexport const Spinner = forwardRef(\n  (props: SpinnerProps, ref: Ref<HTMLSpanElement>) => {\n    return <CoreSpinner ref={ref} {...props} />;\n  },\n);\nSpinner.displayName = CoreSpinner.displayName;\n"],"names":["CoreSpinner"],"mappings":";;;;AAiCO,MAAM,OAAU,GAAA,UAAA;AAAA,EACrB,CAAC,OAAqB,GAA8B,KAAA;AAClD,IAAA,uBAAQ,GAAA,CAAAA,SAAA,EAAA,EAAY,GAAW,EAAA,GAAG,KAAO,EAAA,CAAA;AAAA;AAE7C;AACA,OAAA,CAAQ,cAAcA,SAAY,CAAA,WAAA;;;;"}

package/dist/Spinner.js

@@ -1,2 +1,2 @@
-export { S as Spinner, S as default } from './Spinner-Bc5-_6pK.js';
+export { S as Spinner, S as default } from './Spinner-C1r3COiQ.js';
 //# sourceMappingURL=Spinner.js.map

package/dist/SrOnly-C_I8eH4C.js.map

@@ -1 +1 @@
-{"version":3,"file":"SrOnly-C_I8eH4C.js","sources":["../src/components/SrOnly/SrOnly.tsx"],"sourcesContent":["import { SrOnly as CoreSrOnly } from \"@servicetitan/hammer-react\";\n\nexport function SrOnly(props: Parameters<typeof CoreSrOnly>[0]) {\n  return <CoreSrOnly {...props} />;\n}\n"],"names":["CoreSrOnly"],"mappings":";;;AAEO,SAAS,OAAO,KAAyC,EAAA;AAC9D,EAAO,uBAAA,GAAA,CAACA,QAAY,EAAA,EAAA,GAAG,KAAO,EAAA,CAAA;AAChC;;;;"}
+{"version":3,"file":"SrOnly-C_I8eH4C.js","sources":["../src/components/SrOnly/SrOnly.tsx"],"sourcesContent":["import { SrOnly as CoreSrOnly } from \"@servicetitan/hammer-react\";\n\n/**\n * Screen reader only component for providing accessible content that is visually hidden.\n *\n * Features:\n * - Visually hidden content that remains accessible to screen readers\n * - Preserves all standard span element functionality\n * - Supports custom styling and className overrides\n * - Maintains proper semantic structure\n * - Essential for accessibility compliance\n * - Works with all screen reader technologies\n * - Supports all standard HTML span attributes\n * - Automatic tracking ID generation for analytics\n *\n * @example\n * <div>\n *   <span aria-hidden=\"true\">$100</span>\n *   <SrOnly>One hundred dollars</SrOnly>\n * </div>\n */\nexport function SrOnly(props: Parameters<typeof CoreSrOnly>[0]) {\n  return <CoreSrOnly {...props} />;\n}\n"],"names":["CoreSrOnly"],"mappings":";;;AAqBO,SAAS,OAAO,KAAyC,EAAA;AAC9D,EAAO,uBAAA,GAAA,CAACA,QAAY,EAAA,EAAA,GAAG,KAAO,EAAA,CAAA;AAChC;;;;"}