@servicetitan/anvil2 1.44.1 → 1.45.0

package/dist/components/FieldLabel/FieldLabel.d.ts

@@ -1,8 +1,66 @@
-import { LabelProps as CoreFieldLabelProps } from '@servicetitan/hammer-react';
-export type FieldLabelProps = CoreFieldLabelProps;
+import { ComponentPropsWithoutRef, ReactNode } from 'react';
+import { TooltipProps } from '../Tooltip';
+/**
+ * Props for the FieldLabel component.
+ */
+export type FieldLabelProps = Omit<ComponentPropsWithoutRef<"label">, "id"> & {
+    /** Unique identifier for the label element */
+    id?: string;
+    /**
+     * Whether the field is required. Shows a red asterisk (*) when true.
+     * @default false
+     */
+    required?: boolean;
+    /** Additional information to display in a tooltip */
+    moreInfo?: ReactNode;
+    /**
+     * Controls the open state of the more info tooltip.
+     * @default false
+     */
+    openMoreInfo?: TooltipProps["open"];
+};
+/**
+ * FieldLabel component for form field labels with optional required indicator and help tooltip.
+ *
+ * Features:
+ * - Accessible form label with proper semantic HTML
+ * - Optional required field indicator with red asterisk
+ * - Help tooltip with info icon for additional context
+ * - Screen reader support for required field announcement
+ * - Controlled and uncontrolled tooltip state management
+ * - Flexible content support for label text and help information
+ * - Proper ARIA attributes and semantic structure
+ * - Responsive design with consistent typography
+ *
+ * @example
+ * <FieldLabel htmlFor="email" required>
+ *   Email Address
+ * </FieldLabel>
+ * <input id="email" type="email" />
+ *
+ * @example
+ * <FieldLabel
+ *   htmlFor="password"
+ *   required
+ *   moreInfo="Password must be at least 8 characters long"
+ * >
+ *   Password
+ * </FieldLabel>
+ * <input id="password" type="password" />
+ */
 export declare const FieldLabel: import('react').ForwardRefExoticComponent<Omit<Omit<import('react').DetailedHTMLProps<import('react').LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "ref">, "id"> & {
+    /** Unique identifier for the label element */
     id?: string;
+    /**
+     * Whether the field is required. Shows a red asterisk (*) when true.
+     * @default false
+     */
     required?: boolean;
-    moreInfo?: import('react').ReactNode;
-    openMoreInfo?: import('@servicetitan/hammer-react').TooltipProps["open"];
+    /** Additional information to display in a tooltip */
+    moreInfo?: ReactNode;
+    /**
+     * Controls the open state of the more info tooltip.
+     * @default false
+     */
+    openMoreInfo?: TooltipProps["open"];
 } & import('react').RefAttributes<HTMLLabelElement>>;

package/dist/components/FieldLabel/internal/FieldLabelMoreInfoIcon.d.ts

@@ -0,0 +1,12 @@
+import { FieldLabelProps } from '../FieldLabel';
+/**
+ * Internal component for rendering the info icon with tooltip.
+ *
+ * @param props - Component props
+ * @param props.moreInfo - The content to display in the tooltip
+ * @param props.openMoreInfo - Controls the tooltip open state
+ */
+export declare const FieldLabelMoreInfoIcon: ({ moreInfo, openMoreInfo, }: {
+    moreInfo: FieldLabelProps["moreInfo"];
+    openMoreInfo: FieldLabelProps["openMoreInfo"];
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/components/FieldMessage/FieldMessage.d.ts

@@ -1,14 +1,33 @@
-import { FieldMessageProps as CoreFieldMessageProps } from '@servicetitan/hammer-react';
+import { AriaAttributes, ReactElement, ComponentPropsWithoutRef } from 'react';
 /**
  * Props for the FieldMessage component
- * @property {string} [id] - Unique identifier for the field message container
- * @property {ReactElement | string} [hint] - Hint text or element to display when there's no error
- * @property {ReactElement | string} [description] - Description text or element to display below the main message
- * @property {ReactElement | string} [errorMessage] - Error message or element to display when there's an error
- * @property {string} [errorAriaLive] - aria-live attribute value for the error message. Controls how screen readers announce error messages
  * @extends ComponentPropsWithoutRef<"div">
  */
-export type FieldMessageProps = CoreFieldMessageProps;
+export type FieldMessageProps = ComponentPropsWithoutRef<"div"> & {
+    /**
+     * Unique identifier for the field message container.
+     */
+    id?: string;
+    /**
+     * Hint text or element to display when there's no error.
+     */
+    hint?: ReactElement | string;
+    /**
+     * Description text or element to display below the main message.
+     */
+    description?: ReactElement | string;
+    /**
+     * Error message or element to display when there's an error.
+     */
+    errorMessage?: ReactElement | string;
+    /**
+     * aria-live attribute value for the error message.
+     * @default assertive
+     * @remarks Controls how screen readers announce error messages. "assertive" interrupts current speech, "polite" waits for current speech to finish.
+     * @link https://www.w3.org/WAI/tutorials/forms/notifications/
+     */
+    errorAriaLive?: AriaAttributes["aria-live"];
+};
 /**
  * FieldMessage component for displaying hints, descriptions, and error messages for form fields.
  *
@@ -22,7 +41,6 @@ export type FieldMessageProps = CoreFieldMessageProps;
  * - Visual error indicators with warning icons
  * - Conditional rendering based on error state
  * - Supports layout utilities for positioning and spacing
- * - Automatic tracking ID generation for analytics
  *
  * @example
  * <FieldMessage
@@ -32,9 +50,27 @@ export type FieldMessageProps = CoreFieldMessageProps;
  * />
  */
 export declare const FieldMessage: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    /**
+     * Unique identifier for the field message container.
+     */
     id?: string;
-    hint?: import('react').ReactElement | string;
-    description?: import('react').ReactElement | string;
-    errorMessage?: import('react').ReactElement | string;
-    errorAriaLive?: import('react').AriaAttributes["aria-live"];
+    /**
+     * Hint text or element to display when there's no error.
+     */
+    hint?: ReactElement | string;
+    /**
+     * Description text or element to display below the main message.
+     */
+    description?: ReactElement | string;
+    /**
+     * Error message or element to display when there's an error.
+     */
+    errorMessage?: ReactElement | string;
+    /**
+     * aria-live attribute value for the error message.
+     * @default assertive
+     * @remarks Controls how screen readers announce error messages. "assertive" interrupts current speech, "polite" waits for current speech to finish.
+     * @link https://www.w3.org/WAI/tutorials/forms/notifications/
+     */
+    errorAriaLive?: AriaAttributes["aria-live"];
 } & import('react').RefAttributes<HTMLDivElement>>;

package/dist/components/Flex/Flex.d.ts

@@ -1,21 +1,32 @@
-import { FlexProps as CoreFlexProps } from '@servicetitan/hammer-react';
+import { ComponentPropsWithoutRef } from 'react';
+import { FlexSpecificProps } from './internal/FlexSpecificProps';
 /**
  * Props for the Flex component
- * @property {boolean} [inline] - Applies display: inline-flex instead of flex
- * @property {string} [direction] - The flex direction of the container
- * @property {string | number} [grow] - The flex grow value for the container
- * @property {string | number} [shrink] - The flex shrink value for the container
- * @property {string | number} [basis] - The flex basis value for the container
- * @property {string} [wrap] - The flex wrap value for the container
- * @property {object} [sm] - Responsive props for small screens (sm breakpoint)
- * @property {object} [md] - Responsive props for medium screens (md breakpoint)
- * @property {object} [lg] - Responsive props for large screens (lg breakpoint)
- * @property {object} [xl] - Responsive props for extra large screens (xl breakpoint)
- * @property {object} [xxl] - Responsive props for extra extra large screens (xxl breakpoint)
  * @extends ComponentPropsWithoutRef<"div">
- * @extends LayoutUtilProps
+ * @extends FlexSpecificProps
  */
-export type FlexProps = CoreFlexProps;
+export type FlexProps = ComponentPropsWithoutRef<"div"> & FlexSpecificProps & {
+    /**
+     * Responsive props for small screens (sm breakpoint).
+     */
+    sm?: FlexSpecificProps;
+    /**
+     * Responsive props for medium screens (md breakpoint).
+     */
+    md?: FlexSpecificProps;
+    /**
+     * Responsive props for large screens (lg breakpoint).
+     */
+    lg?: FlexSpecificProps;
+    /**
+     * Responsive props for extra large screens (xl breakpoint).
+     */
+    xl?: FlexSpecificProps;
+    /**
+     * Responsive props for extra extra large screens (xxl breakpoint).
+     */
+    xxl?: FlexSpecificProps;
+};
 /**
  * Flex component for creating flexible layouts using CSS Flexbox.
  *
@@ -28,7 +39,6 @@ export type FlexProps = CoreFlexProps;
  * - Support for all standard div element props
  * - Flexible direction, grow, shrink, basis, and wrap controls
  * - Deprecated flexShrink prop with modern shrink alternative
- * - Automatic tracking ID generation for analytics
  *
  * @example
  * <Flex direction="row" gap="4" alignItems="center">
@@ -48,7 +58,7 @@ export type FlexProps = CoreFlexProps;
  *   <div>Item 3</div>
  * </Flex>
  */
-export declare const Flex: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & Omit<import('@servicetitan/hammer-react').LayoutUtilProps, "flexDirection" | "flexGrow" | "flexShrink" | "flexBasis" | "flexWrap"> & {
+export declare const Flex: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & Omit<import('..').LayoutUtilProps, "flexDirection" | "flexGrow" | "flexShrink" | "flexBasis" | "flexWrap"> & {
     inline?: boolean;
     direction?: import('react').CSSProperties["flexDirection"];
     grow?: import('react').CSSProperties["flexGrow"];
@@ -57,49 +67,24 @@ export declare const Flex: import('react').ForwardRefExoticComponent<Omit<import
     wrap?: import('react').CSSProperties["flexWrap"];
     flexShrink?: import('react').CSSProperties["flexShrink"];
 } & {
-    sm?: Omit<import('@servicetitan/hammer-react').LayoutUtilProps, "flexDirection" | "flexGrow" | "flexShrink" | "flexBasis" | "flexWrap"> & {
-        inline?: boolean;
-        direction?: import('react').CSSProperties["flexDirection"];
-        grow?: import('react').CSSProperties["flexGrow"];
-        shrink?: import('react').CSSProperties["flexShrink"];
-        basis?: import('react').CSSProperties["flexBasis"];
-        wrap?: import('react').CSSProperties["flexWrap"];
-        flexShrink?: import('react').CSSProperties["flexShrink"];
-    };
-    md?: Omit<import('@servicetitan/hammer-react').LayoutUtilProps, "flexDirection" | "flexGrow" | "flexShrink" | "flexBasis" | "flexWrap"> & {
-        inline?: boolean;
-        direction?: import('react').CSSProperties["flexDirection"];
-        grow?: import('react').CSSProperties["flexGrow"];
-        shrink?: import('react').CSSProperties["flexShrink"];
-        basis?: import('react').CSSProperties["flexBasis"];
-        wrap?: import('react').CSSProperties["flexWrap"];
-        flexShrink?: import('react').CSSProperties["flexShrink"];
-    };
-    lg?: Omit<import('@servicetitan/hammer-react').LayoutUtilProps, "flexDirection" | "flexGrow" | "flexShrink" | "flexBasis" | "flexWrap"> & {
-        inline?: boolean;
-        direction?: import('react').CSSProperties["flexDirection"];
-        grow?: import('react').CSSProperties["flexGrow"];
-        shrink?: import('react').CSSProperties["flexShrink"];
-        basis?: import('react').CSSProperties["flexBasis"];
-        wrap?: import('react').CSSProperties["flexWrap"];
-        flexShrink?: import('react').CSSProperties["flexShrink"];
-    };
-    xl?: Omit<import('@servicetitan/hammer-react').LayoutUtilProps, "flexDirection" | "flexGrow" | "flexShrink" | "flexBasis" | "flexWrap"> & {
-        inline?: boolean;
-        direction?: import('react').CSSProperties["flexDirection"];
-        grow?: import('react').CSSProperties["flexGrow"];
-        shrink?: import('react').CSSProperties["flexShrink"];
-        basis?: import('react').CSSProperties["flexBasis"];
-        wrap?: import('react').CSSProperties["flexWrap"];
-        flexShrink?: import('react').CSSProperties["flexShrink"];
-    };
-    xxl?: Omit<import('@servicetitan/hammer-react').LayoutUtilProps, "flexDirection" | "flexGrow" | "flexShrink" | "flexBasis" | "flexWrap"> & {
-        inline?: boolean;
-        direction?: import('react').CSSProperties["flexDirection"];
-        grow?: import('react').CSSProperties["flexGrow"];
-        shrink?: import('react').CSSProperties["flexShrink"];
-        basis?: import('react').CSSProperties["flexBasis"];
-        wrap?: import('react').CSSProperties["flexWrap"];
-        flexShrink?: import('react').CSSProperties["flexShrink"];
-    };
+    /**
+     * Responsive props for small screens (sm breakpoint).
+     */
+    sm?: FlexSpecificProps;
+    /**
+     * Responsive props for medium screens (md breakpoint).
+     */
+    md?: FlexSpecificProps;
+    /**
+     * Responsive props for large screens (lg breakpoint).
+     */
+    lg?: FlexSpecificProps;
+    /**
+     * Responsive props for extra large screens (xl breakpoint).
+     */
+    xl?: FlexSpecificProps;
+    /**
+     * Responsive props for extra extra large screens (xxl breakpoint).
+     */
+    xxl?: FlexSpecificProps;
 } & import('react').RefAttributes<HTMLDivElement>>;

package/dist/components/Flex/internal/FlexSpecificProps.d.ts

@@ -0,0 +1,34 @@
+import { CSSProperties } from 'react';
+import { LayoutUtilProps } from '../../../types';
+/**
+ * Flex-specific props that extend layout utilities
+ * @extends Omit<LayoutUtilProps, "flexBasis" | "flexGrow" | "flexDirection" | "flexWrap" | "flexShrink">
+ */
+export type FlexSpecificProps = Omit<LayoutUtilProps, "flexBasis" | "flexGrow" | "flexDirection" | "flexWrap" | "flexShrink"> & {
+    /**
+     * Applies `display: inline-flex` instead of `flex`
+     */
+    inline?: boolean;
+    /**
+     * The flex direction of the container.
+     */
+    direction?: CSSProperties["flexDirection"];
+    /**
+     * The flex grow value for the container.
+     */
+    grow?: CSSProperties["flexGrow"];
+    /**
+     * The flex shrink value for the container.
+     */
+    shrink?: CSSProperties["flexShrink"];
+    /**
+     * The flex basis value for the container.
+     */
+    basis?: CSSProperties["flexBasis"];
+    /**
+     * The flex wrap value for the container.
+     */
+    wrap?: CSSProperties["flexWrap"];
+    /** @deprecated use shrink prop instead */
+    flexShrink?: CSSProperties["flexShrink"];
+};

package/dist/components/Grid/Grid.d.ts

@@ -1,27 +1,37 @@
-import { GridProps as CoreGridProps, GridItemProps as CoreGridItemProps } from '@servicetitan/hammer-react';
+import { ComponentPropsWithoutRef } from 'react';
+import { GridSpecificProps } from './internal/GridSpecificProps';
 /**
  * Props for the Grid component
- * @property {boolean} [inline] - Applies display: inline-grid instead of grid
- * @property {string} [templateColumns] - The grid template columns definition
- * @property {string} [templateRows] - The grid template rows definition
- * @property {string} [templateAreas] - The grid template areas definition
- * @property {string} [autoColumns] - The grid auto columns definition
- * @property {string} [autoRows] - The grid auto rows definition
- * @property {object} [sm] - Responsive props for small screens (sm breakpoint)
- * @property {object} [md] - Responsive props for medium screens (md breakpoint)
- * @property {object} [lg] - Responsive props for large screens (lg breakpoint)
- * @property {object} [xl] - Responsive props for extra large screens (xl breakpoint)
- * @property {object} [xxl] - Responsive props for extra extra large screens (xxl breakpoint)
  * @extends ComponentPropsWithoutRef<"div">
- * @extends LayoutUtilProps
+ * @extends GridSpecificProps
  */
-export type GridProps = CoreGridProps;
-/**
- * Props for the GridItem component
- * @extends ComponentPropsWithoutRef<"div">
- * @extends LayoutUtilProps
- */
-export type GridItemProps = CoreGridItemProps;
+export type GridProps = ComponentPropsWithoutRef<"div"> & {
+    /**
+     * Applies `display: inline-grid` instead of `grid`
+     */
+    inline?: boolean;
+} & GridSpecificProps & {
+    /**
+     * Responsive props for small screens (sm breakpoint).
+     */
+    sm?: GridSpecificProps;
+    /**
+     * Responsive props for medium screens (md breakpoint).
+     */
+    md?: GridSpecificProps;
+    /**
+     * Responsive props for large screens (lg breakpoint).
+     */
+    lg?: GridSpecificProps;
+    /**
+     * Responsive props for extra large screens (xl breakpoint).
+     */
+    xl?: GridSpecificProps;
+    /**
+     * Responsive props for extra extra large screens (xxl breakpoint).
+     */
+    xxl?: GridSpecificProps;
+};
 /**
  * Grid component for creating CSS Grid layouts with responsive design.
  *
@@ -57,19 +67,37 @@ export type GridItemProps = CoreGridItemProps;
  * </Grid>
  */
 export declare const Grid: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    /**
+     * Applies `display: inline-grid` instead of `grid`
+     */
     inline?: boolean;
-} & import('@servicetitan/hammer-react').LayoutUtilProps & {
+} & import('..').LayoutUtilProps & {
     templateColumns?: import('react').CSSProperties["gridTemplateColumns"];
     templateRows?: import('react').CSSProperties["gridTemplateRows"];
     templateAreas?: import('react').CSSProperties["gridTemplateAreas"];
     autoColumns?: import('react').CSSProperties["gridAutoColumns"];
     autoRows?: import('react').CSSProperties["gridAutoRows"];
 } & {
-    sm?: import('@servicetitan/hammer-react/dist/components/Grid/Grid').GridSpecificProps;
-    md?: import('@servicetitan/hammer-react/dist/components/Grid/Grid').GridSpecificProps;
-    lg?: import('@servicetitan/hammer-react/dist/components/Grid/Grid').GridSpecificProps;
-    xl?: import('@servicetitan/hammer-react/dist/components/Grid/Grid').GridSpecificProps;
-    xxl?: import('@servicetitan/hammer-react/dist/components/Grid/Grid').GridSpecificProps;
+    /**
+     * Responsive props for small screens (sm breakpoint).
+     */
+    sm?: GridSpecificProps;
+    /**
+     * Responsive props for medium screens (md breakpoint).
+     */
+    md?: GridSpecificProps;
+    /**
+     * Responsive props for large screens (lg breakpoint).
+     */
+    lg?: GridSpecificProps;
+    /**
+     * Responsive props for extra large screens (xl breakpoint).
+     */
+    xl?: GridSpecificProps;
+    /**
+     * Responsive props for extra extra large screens (xxl breakpoint).
+     */
+    xxl?: GridSpecificProps;
 } & import('react').RefAttributes<HTMLDivElement>> & {
     /**
      * GridItem component for individual items within a CSS Grid layout.
@@ -90,5 +118,5 @@ export declare const Grid: import('react').ForwardRefExoticComponent<Omit<import
      *   <Grid.Item>Grid Item 2</Grid.Item>
      * </Grid>
      */
-    Item: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('@servicetitan/hammer-react').LayoutUtilProps & import('react').RefAttributes<HTMLDivElement>>;
+    Item: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('..').LayoutUtilProps & import('react').RefAttributes<HTMLDivElement>>;
 };

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

@@ -1,2 +1,3 @@
 export * from './Grid';
 export { Grid as default } from './Grid';
+export { type GridItemProps } from './internal/GridItem';

package/dist/components/Grid/internal/GridItem.d.ts

@@ -0,0 +1,27 @@
+import { ComponentPropsWithoutRef } from 'react';
+import { LayoutUtilProps } from '../../../types';
+/**
+ * Props for the GridItem component
+ * @extends ComponentPropsWithoutRef<"div">
+ * @extends LayoutUtilProps
+ */
+export type GridItemProps = ComponentPropsWithoutRef<"div"> & LayoutUtilProps;
+/**
+ * GridItem component for individual items within a CSS Grid layout.
+ *
+ * Features:
+ * - Individual grid item with full layout utility support
+ * - Automatic grid item styling and class management
+ * - Comprehensive layout utilities for positioning and sizing
+ * - Support for all standard div element props
+ * - Flexible grid positioning and sizing controls
+ * - Automatic style generation and class management
+ * - Works seamlessly with Grid component
+ *
+ * @example
+ * <Grid templateColumns="repeat(2, 1fr)" gap="4">
+ *   <Grid.Item>Grid Item 1</Grid.Item>
+ *   <Grid.Item>Grid Item 2</Grid.Item>
+ * </Grid>
+ */
+export declare const GridItem: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & LayoutUtilProps & import('react').RefAttributes<HTMLDivElement>>;

package/dist/components/Grid/internal/GridSpecificProps.d.ts

@@ -0,0 +1,28 @@
+import { CSSProperties } from 'react';
+import { LayoutUtilProps } from '../../../types';
+/**
+ * Grid-specific props that extend layout utilities
+ * @extends LayoutUtilProps
+ */
+export type GridSpecificProps = LayoutUtilProps & {
+    /**
+     * The grid template columns definition.
+     */
+    templateColumns?: CSSProperties["gridTemplateColumns"];
+    /**
+     * The grid template rows definition.
+     */
+    templateRows?: CSSProperties["gridTemplateRows"];
+    /**
+     * The grid template areas definition.
+     */
+    templateAreas?: CSSProperties["gridTemplateAreas"];
+    /**
+     * The grid auto columns definition.
+     */
+    autoColumns?: CSSProperties["gridAutoColumns"];
+    /**
+     * The grid auto rows definition.
+     */
+    autoRows?: CSSProperties["gridAutoRows"];
+};

package/dist/components/Icon/Icon.d.ts

@@ -1,14 +1,30 @@
-import { IconProps as CoreIconProps } from '@servicetitan/hammer-react';
+import { LayoutUtilProps, Size, Svg } from '../../types';
+import { ComponentPropsWithoutRef } from 'react';
 /**
  * Props for the Icon component
- * @property {string} [color] - Apply a specific color to the icon
- * @property {string} [size] - The size of the icon (small, medium, large, xlarge)
- * @property {Svg} svg - Assets passed in using svgr
- * @property {boolean} [inherit] - Whether the icon should inherit the color from its parent element
  * @extends Omit<ComponentPropsWithoutRef<"span">, "children">
  * @extends Omit<LayoutUtilProps, "flex" | "flexBasis" | "flexGrow" | "flexShrink">
  */
-export type IconProps = CoreIconProps;
+export type IconProps = Omit<ComponentPropsWithoutRef<"span">, "children"> & Omit<LayoutUtilProps, "flex" | "flexBasis" | "flexGrow" | "flexShrink"> & {
+    /**
+     * Apply a specific color to the icon.
+     */
+    color?: string;
+    /**
+     * The size of the icon.
+     * @default medium
+     */
+    size?: Extract<Size, "small" | "medium" | "large" | "xlarge">;
+    /**
+     * Assets passed in using svgr.
+     */
+    svg: Svg;
+    /**
+     * Whether the icon should inherit the color from its parent element.
+     * @default false
+     */
+    inherit?: boolean;
+};
 /**
  * Icon component for displaying SVG icons with consistent styling and sizing.
  *
@@ -17,20 +33,17 @@ export type IconProps = CoreIconProps;
  * - Four predefined sizes: small, medium, large, xlarge
  * - Custom color support with optional inheritance
  * - Layout utilities for positioning and spacing
- * - Focus management with visible focus indicators
- * - Automatic style generation and class management
  * - Support for all standard span element props
  * - Flexible color inheritance and custom color options
  * - Consistent sizing across different icon sets
- * - Automatic tracking ID generation for analytics
  *
  * @example
- * import Close from "@servicetitan/hammer-icon/mdi/round/close.svg";
+ * import Close from "@servicetitan/anvil2/assets/icons/material/round/close.svg";
  *
  * <Icon svg={Close} size="medium" />
  *
  * @example
- * import Info from "@servicetitan/hammer-icon/mdi/round/info.svg";
+ * import Info from "@servicetitan/anvil2/assets/icons/material/round/info.svg";
  *
  * <Icon
  *   svg={Info}
@@ -39,9 +52,23 @@ export type IconProps = CoreIconProps;
  *   inherit={false}
  * />
  */
-export declare const Icon: import('react').ForwardRefExoticComponent<Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, "children"> & Omit<import('@servicetitan/hammer-react').LayoutUtilProps, "flex" | "flexGrow" | "flexShrink" | "flexBasis"> & {
+export declare const Icon: import('react').ForwardRefExoticComponent<Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, "children"> & Omit<LayoutUtilProps, "flex" | "flexGrow" | "flexShrink" | "flexBasis"> & {
+    /**
+     * Apply a specific color to the icon.
+     */
     color?: string;
-    size?: Extract<import('@servicetitan/hammer-react').Size, "small" | "medium" | "large" | "xlarge">;
-    svg: import('@servicetitan/hammer-react').Svg;
+    /**
+     * The size of the icon.
+     * @default medium
+     */
+    size?: Extract<Size, "small" | "medium" | "large" | "xlarge">;
+    /**
+     * Assets passed in using svgr.
+     */
+    svg: Svg;
+    /**
+     * Whether the icon should inherit the color from its parent element.
+     * @default false
+     */
     inherit?: boolean;
-} & import('react').RefAttributes<HTMLScriptElement>>;
+} & import('react').RefAttributes<HTMLSpanElement>>;