@servicetitan/anvil2 2.9.2 → 3.0.1

package/dist/{Link-jTvzyXca.js.map → Link-BUgivkGS.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Link-jTvzyXca.js","sources":["../../hammer-icon/mdi/round/open_in_new.svg","../src/components/Link/internal/LinkHeadless.tsx","../src/components/Link/useLinkStyles.ts","../src/components/Link/internal/Link.tsx","../src/components/Link/Link.tsx"],"sourcesContent":["import * as React from \"react\";\nconst SvgOpenInNew = (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-1h5c.55 0 1-.45 1-1s-.45-1-1-1H5a2 2 0 0 0-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2v-6c0-.55-.45-1-1-1s-1 .45-1 1v5c0 .55-.45 1-1 1zM14 4c0 .55.45 1 1 1h2.59l-9.13 9.13a.996.996 0 1 0 1.41 1.41L19 6.41V9c0 .55.45 1 1 1s1-.45 1-1V4c0-.55-.45-1-1-1h-5c-.55 0-1 .45-1 1z\" }));\nexport default SvgOpenInNew;\n","import { forwardRef, ComponentPropsWithoutRef } from \"react\";\n\nimport styles from \"./Link.module.scss\";\nimport { Icon } from \"../../Icon\";\nimport OpenInNew from \"@servicetitan/hammer-icon/mdi/round/open_in_new.svg\";\n\n/**\n * Props for the LinkHeadless component.\n * @extends ComponentPropsWithoutRef<\"a\">\n */\nexport type LinkHeadlessProps = ComponentPropsWithoutRef<\"a\">;\n\n/**\n * Headless link component for creating accessible hyperlinks.\n *\n * Features:\n * - Security attributes (rel=\"noopener noreferrer\") for external links\n *\n * @example\n * <LinkHeadless href=\"/dashboard\">\n *   Go to Dashboard\n * </LinkHeadless>\n *\n * @example\n * <LinkHeadless href=\"https://example.com\" target=\"_blank\">\n *   External Documentation\n * </LinkHeadless>\n *\n */\nexport const LinkHeadless = forwardRef<HTMLAnchorElement, LinkHeadlessProps>(\n  ({ children, ...props }, ref) => {\n    return (\n      <a\n        rel=\"noopener noreferrer\"\n        data-anv=\"link-headless\"\n        ref={ref}\n        {...props}\n      >\n        {children}\n        {props.target === \"_blank\" && (\n          <Icon className={styles[\"open-in-new\"]} inherit svg={OpenInNew} />\n        )}\n      </a>\n    );\n  },\n);\n\nLinkHeadless.displayName = \"LinkHeadless\";\n","import cx from \"classnames\";\n\nimport { LayoutUtilProps } from \"../../types\";\nimport { LinkProps } from \"./Link\";\nimport { useLayoutPropsUtil } from \"../../internal/hooks\";\n\nimport styles from \"./internal/Link.module.scss\";\n\n/**\n * Props for the useLinkStyles hook.\n * @extends LayoutUtilProps\n */\nexport type UseLinkStylesProps = LayoutUtilProps &\n  Pick<LinkProps, \"className\" | \"appearance\" | \"ghost\" | \"style\">;\n\n/**\n * Hook for generating link styles and class names.\n *\n * @param props - The link style properties\n * @returns Object containing linkClassNames and styleCombined\n */\nexport const useLinkStyles = (props: UseLinkStylesProps) => {\n  const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n  const { className, appearance = \"primary\", ghost, style } = componentProps;\n\n  const linkClassNames = cx([styles[\"link\"]], className, {\n    [styles[\"ghost\"]]: ghost,\n    [styles[\"secondary\"]]: appearance === \"secondary\",\n  });\n\n  const styleCombined = Object.assign({}, style, layoutStyles);\n\n  return { linkClassNames, styleCombined };\n};\n","import { forwardRef, ComponentPropsWithoutRef } from \"react\";\n\nimport { LayoutUtilProps } from \"../../../types\";\n\nimport { LinkHeadless } from \"./LinkHeadless\";\n\nimport { useLinkStyles } from \"../useLinkStyles\";\n\n/**\n * Props for the Link component.\n * @extends ComponentPropsWithoutRef<\"a\">\n * @extends LayoutUtilProps\n */\nexport type LinkProps = ComponentPropsWithoutRef<\"a\"> &\n  LayoutUtilProps &\n  (\n    | {\n        /**\n         * The visual appearance of the link.\n         * @default \"primary\"\n         */\n        appearance?: \"primary\";\n        /**\n         * Whether the link should have a quieter, less prominent appearance\n         * @remarks Only available when appearance is \"primary\".\n         */\n        ghost?: boolean;\n      }\n    | {\n        /**\n         * The visual appearance of the LinkButton. Secondary appearance cannot be ghost.\n         */\n        appearance: \"secondary\";\n        /**\n         * Whether the LinkButton should have a quieter, less prominent appearance.\n         * @remarks Must be false when appearance is \"secondary\".\n         */\n        ghost?: false;\n      }\n  );\n\n/**\n * Link component for creating accessible, styled hyperlinks.\n *\n * Features:\n * - Two visual appearances: primary (default) and secondary\n * - Ghost mode for less prominent styling\n * - Automatic external link icon for target=\"_blank\" links\n * - Security attributes (rel=\"noopener noreferrer\") for external links\n * - Full accessibility support with proper focus management\n * - Supports layout utilities for positioning and spacing\n * - Flexible content support for text and other elements\n * - Responsive design with consistent typography\n * - Hover and focus states with proper visual feedback\n * - Screen reader support for external link announcements\n *\n * @example\n * <Link href=\"/dashboard\" appearance=\"primary\">\n *   Go to Dashboard\n * </Link>\n *\n * @example\n * <Link href=\"https://example.com\" target=\"_blank\" ghost>\n *   External Documentation\n * </Link>\n *\n * @example\n * <Link href=\"/settings\" appearance=\"secondary\">\n *   Settings\n * </Link>\n *\n * @example\n * <Link href=\"/profile\" gap=\"2\" alignItems=\"center\">\n *   <Avatar name=\"John Doe\" size=\"small\" />\n *   View Profile\n * </Link>\n */\nexport const Link = forwardRef<HTMLAnchorElement, LinkProps>((props, ref) => {\n  const { appearance, className, ghost, style, children, ...rest } = props;\n  const { linkClassNames, styleCombined } = useLinkStyles({\n    appearance,\n    className,\n    ghost,\n    style,\n  });\n\n  return (\n    <LinkHeadless\n      className={linkClassNames}\n      data-anv=\"link\"\n      ref={ref}\n      style={styleCombined}\n      {...rest}\n    >\n      {children}\n    </LinkHeadless>\n  );\n});\n\nLink.displayName = \"Link\";\n","import { Ref, forwardRef } from \"react\";\n\nimport { childrenToString } from \"../../internal/functions\";\nimport { DataTrackingId, DistributiveOmit } from \"../../types\";\nimport { useTrackingId } from \"../../hooks\";\n\nimport { LinkProps as BaseLinkProps, Link as BaseLink } from \"./internal/Link\";\n\n/**\n * Props for the Link component.\n * @extends Omit<BaseLinkProps, \"href\">\n * @extends DataTrackingId\n */\nexport type LinkProps = DistributiveOmit<BaseLinkProps, \"href\"> &\n  DataTrackingId &\n  (\n    | {\n        pathname?: never;\n        search?: never;\n        href?: BaseLinkProps[\"href\"];\n      }\n    | {\n        pathname: string;\n        search?: string;\n        href?: never;\n      }\n    | {\n        pathname?: never;\n        search?: never;\n        href?: never;\n      }\n  );\n\n/**\n * Link component for creating accessible, styled hyperlinks with tracking support.\n *\n * Features:\n * - Two visual appearances: primary (default) and secondary\n * - Quiet mode for less prominent styling\n * - Automatic external link icon for target=\"_blank\" links\n * - Security attributes (rel=\"noopener noreferrer\") for external links\n * - Full accessibility support with proper focus management\n * - Supports layout utilities for positioning and spacing\n * - Flexible content support for text and other elements\n * - Responsive design with consistent typography\n * - Hover and focus states with proper visual feedback\n * - Screen reader support for external link announcements\n * - Automatic tracking ID generation for analytics\n * - Client-side navigation support with pathname and search params\n * - History API integration for single-page application navigation\n *\n * @example\n * <Link href=\"/dashboard\" appearance=\"primary\">\n *   Go to Dashboard\n * </Link>\n *\n * @example\n * <Link pathname=\"/settings\" search=\"?tab=profile\">\n *   Profile Settings\n * </Link>\n *\n * @example\n * <Link href=\"https://example.com\" target=\"_blank\" ghost>\n *   External Documentation\n * </Link>\n *\n * @example\n * <Link href=\"/profile\" gap=\"2\" alignItems=\"center\">\n *   <Avatar name=\"John Doe\" size=\"small\" />\n *   View Profile\n * </Link>\n */\nexport const Link = forwardRef(\n  (props: LinkProps, ref: Ref<HTMLAnchorElement>) => {\n    const { onClick, pathname, children, search, ...rest } = props;\n    const data = {\n      appearance: props.appearance,\n      ghost: props.ghost,\n      children: childrenToString(children),\n    };\n\n    const handleClick = (\n      ...args: Parameters<NonNullable<LinkProps[\"onClick\"]>>\n    ) => {\n      if (pathname) {\n        const to = pathname + (search ?? \"\");\n        args[0].preventDefault();\n        history.pushState(null, \"\", to);\n        onClick?.(...args);\n      } else {\n        onClick?.(...args);\n      }\n    };\n\n    const trackingId = useTrackingId({\n      name: \"Link\",\n      data,\n      hasOverride: !!rest[\"data-tracking-id\"],\n    });\n\n    return (\n      <BaseLink\n        onClick={handleClick}\n        ref={ref}\n        data-tracking-id={trackingId}\n        {...rest}\n      >\n        {children}\n      </BaseLink>\n    );\n  },\n);\n\nLink.displayName = BaseLink.displayName;\n"],"names":["styles","OpenInNew","Link","BaseLink"],"mappings":";;;;;;;;;;AACA,MAAM,YAAY,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,oTAAoT,EAAE,CAAC,CAAC;;AC4BnhB,MAAM,YAAA,GAAe,UAAA;AAAA,EAC1B,CAAC,EAAE,QAAA,EAAU,GAAG,KAAA,IAAS,GAAA,KAAQ;AAC/B,IAAA,uBACE,IAAA;AAAA,MAAC,GAAA;AAAA,MAAA;AAAA,QACC,GAAA,EAAI,qBAAA;AAAA,QACJ,UAAA,EAAS,eAAA;AAAA,QACT,GAAA;AAAA,QACC,GAAG,KAAA;AAAA,QAEH,QAAA,EAAA;AAAA,UAAA,QAAA;AAAA,UACA,KAAA,CAAM,MAAA,KAAW,QAAA,oBAChB,GAAA,CAAC,IAAA,EAAA,EAAK,SAAA,EAAWA,UAAA,CAAO,aAAa,CAAA,EAAG,OAAA,EAAO,IAAA,EAAC,GAAA,EAAKC,YAAA,EAAW;AAAA;AAAA;AAAA,KAEpE;AAAA,EAEJ;AACF,CAAA;AAEA,YAAA,CAAa,WAAA,GAAc,cAAA;;AC1BpB,MAAM,aAAA,GAAgB,CAAC,KAAA,KAA8B;AAC1D,EAAA,MAAM,EAAE,YAAA,EAAc,cAAA,EAAe,GAAI,mBAAmB,KAAK,CAAA;AACjE,EAAA,MAAM,EAAE,SAAA,EAAW,UAAA,GAAa,SAAA,EAAW,KAAA,EAAO,OAAM,GAAI,cAAA;AAE5D,EAAA,MAAM,iBAAiB,EAAA,CAAG,CAACD,WAAO,MAAM,CAAC,GAAG,SAAA,EAAW;AAAA,IACrD,CAACA,UAAA,CAAO,OAAO,CAAC,GAAG,KAAA;AAAA,IACnB,CAACA,UAAA,CAAO,WAAW,CAAC,GAAG,UAAA,KAAe;AAAA,GACvC,CAAA;AAED,EAAA,MAAM,gBAAgB,MAAA,CAAO,MAAA,CAAO,EAAC,EAAG,OAAO,YAAY,CAAA;AAE3D,EAAA,OAAO,EAAE,gBAAgB,aAAA,EAAc;AACzC;;AC4CO,MAAME,MAAA,GAAO,UAAA,CAAyC,CAAC,KAAA,EAAO,GAAA,KAAQ;AAC3E,EAAA,MAAM,EAAE,YAAY,SAAA,EAAW,KAAA,EAAO,OAAO,QAAA,EAAU,GAAG,MAAK,GAAI,KAAA;AACnE,EAAA,MAAM,EAAE,cAAA,EAAgB,aAAA,EAAc,GAAI,aAAA,CAAc;AAAA,IACtD,UAAA;AAAA,IACA,SAAA;AAAA,IACA,KAAA;AAAA,IACA;AAAA,GACD,CAAA;AAED,EAAA,uBACE,GAAA;AAAA,IAAC,YAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,cAAA;AAAA,MACX,UAAA,EAAS,MAAA;AAAA,MACT,GAAA;AAAA,MACA,KAAA,EAAO,aAAA;AAAA,MACN,GAAG,IAAA;AAAA,MAEH;AAAA;AAAA,GACH;AAEJ,CAAC,CAAA;AAEDA,MAAA,CAAK,WAAA,GAAc,MAAA;;AC3BZ,MAAM,IAAA,GAAO,UAAA;AAAA,EAClB,CAAC,OAAkB,GAAA,KAAgC;AACjD,IAAA,MAAM,EAAE,OAAA,EAAS,QAAA,EAAU,UAAU,MAAA,EAAQ,GAAG,MAAK,GAAI,KAAA;AACzD,IAAA,MAAM,IAAA,GAAO;AAAA,MACX,YAAY,KAAA,CAAM,UAAA;AAAA,MAClB,OAAO,KAAA,CAAM,KAAA;AAAA,MACb,QAAA,EAAU,iBAAiB,QAAQ;AAAA,KACrC;AAEA,IAAA,MAAM,WAAA,GAAc,IACf,IAAA,KACA;AACH,MAAA,IAAI,QAAA,EAAU;AACZ,QAAA,MAAM,EAAA,GAAK,YAAY,MAAA,IAAU,EAAA,CAAA;AACjC,QAAA,IAAA,CAAK,CAAC,EAAE,cAAA,EAAe;AACvB,QAAA,OAAA,CAAQ,SAAA,CAAU,IAAA,EAAM,EAAA,EAAI,EAAE,CAAA;AAC9B,QAAA,OAAA,GAAU,GAAG,IAAI,CAAA;AAAA,MACnB,CAAA,MAAO;AACL,QAAA,OAAA,GAAU,GAAG,IAAI,CAAA;AAAA,MACnB;AAAA,IACF,CAAA;AAEA,IAAA,MAAM,aAAa,aAAA,CAAc;AAAA,MAC/B,IAAA,EAAM,MAAA;AAAA,MACN,IAAA;AAAA,MACA,WAAA,EAAa,CAAC,CAAC,IAAA,CAAK,kBAAkB;AAAA,KACvC,CAAA;AAED,IAAA,uBACE,GAAA;AAAA,MAACC,MAAA;AAAA,MAAA;AAAA,QACC,OAAA,EAAS,WAAA;AAAA,QACT,GAAA;AAAA,QACA,kBAAA,EAAkB,UAAA;AAAA,QACjB,GAAG,IAAA;AAAA,QAEH;AAAA;AAAA,KACH;AAAA,EAEJ;AACF;AAEA,IAAA,CAAK,cAAcA,MAAA,CAAS,WAAA;;;;"}
+{"version":3,"file":"Link-BUgivkGS.js","sources":["../../hammer-icon/mdi/round/open_in_new.svg","../src/components/Link/internal/LinkHeadless.tsx","../src/components/Link/useLinkStyles.ts","../src/components/Link/internal/Link.tsx","../src/components/Link/Link.tsx"],"sourcesContent":["import * as React from \"react\";\nconst SvgOpenInNew = (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-1h5c.55 0 1-.45 1-1s-.45-1-1-1H5a2 2 0 0 0-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2v-6c0-.55-.45-1-1-1s-1 .45-1 1v5c0 .55-.45 1-1 1zM14 4c0 .55.45 1 1 1h2.59l-9.13 9.13a.996.996 0 1 0 1.41 1.41L19 6.41V9c0 .55.45 1 1 1s1-.45 1-1V4c0-.55-.45-1-1-1h-5c-.55 0-1 .45-1 1z\" }));\nexport default SvgOpenInNew;\n","import { forwardRef, ComponentPropsWithoutRef } from \"react\";\n\nimport styles from \"./Link.module.scss\";\nimport { Icon } from \"../../Icon\";\nimport OpenInNew from \"@servicetitan/hammer-icon/mdi/round/open_in_new.svg\";\n\n/**\n * Props for the LinkHeadless component.\n * @extends ComponentPropsWithoutRef<\"a\">\n */\nexport type LinkHeadlessProps = ComponentPropsWithoutRef<\"a\">;\n\n/**\n * Headless link component for creating accessible hyperlinks.\n *\n * Features:\n * - Security attributes (rel=\"noopener noreferrer\") for external links\n *\n * @example\n * <LinkHeadless href=\"/dashboard\">\n *   Go to Dashboard\n * </LinkHeadless>\n *\n * @example\n * <LinkHeadless href=\"https://example.com\" target=\"_blank\">\n *   External Documentation\n * </LinkHeadless>\n *\n */\nexport const LinkHeadless = forwardRef<HTMLAnchorElement, LinkHeadlessProps>(\n  ({ children, ...props }, ref) => {\n    return (\n      <a\n        rel=\"noopener noreferrer\"\n        data-anv=\"link-headless\"\n        ref={ref}\n        {...props}\n      >\n        {children}\n        {props.target === \"_blank\" && (\n          <Icon className={styles[\"open-in-new\"]} inherit svg={OpenInNew} />\n        )}\n      </a>\n    );\n  },\n);\n\nLinkHeadless.displayName = \"LinkHeadless\";\n","import cx from \"classnames\";\n\nimport { LayoutUtilProps } from \"../../types\";\nimport { LinkProps } from \"./Link\";\nimport { useLayoutPropsUtil } from \"../../internal/hooks\";\n\nimport styles from \"./internal/Link.module.scss\";\n\n/**\n * Props for the useLinkStyles hook.\n * @extends LayoutUtilProps\n */\nexport type UseLinkStylesProps = LayoutUtilProps &\n  Pick<LinkProps, \"className\" | \"appearance\" | \"ghost\" | \"style\">;\n\n/**\n * Hook for generating link styles and class names.\n *\n * @param props - The link style properties\n * @returns Object containing linkClassNames and styleCombined\n */\nexport const useLinkStyles = (props: UseLinkStylesProps) => {\n  const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n  const { className, appearance = \"primary\", ghost, style } = componentProps;\n\n  const linkClassNames = cx([styles[\"link\"]], className, {\n    [styles[\"ghost\"]]: ghost,\n    [styles[\"secondary\"]]: appearance === \"secondary\",\n  });\n\n  const styleCombined = Object.assign({}, style, layoutStyles);\n\n  return { linkClassNames, styleCombined };\n};\n","import { forwardRef, ComponentPropsWithoutRef } from \"react\";\n\nimport { LayoutUtilProps } from \"../../../types\";\n\nimport { LinkHeadless } from \"./LinkHeadless\";\n\nimport { useLinkStyles } from \"../useLinkStyles\";\n\n/**\n * Props for the Link component.\n * @extends ComponentPropsWithoutRef<\"a\">\n * @extends LayoutUtilProps\n */\nexport type LinkProps = ComponentPropsWithoutRef<\"a\"> &\n  LayoutUtilProps &\n  (\n    | {\n        /**\n         * The visual appearance of the link.\n         * @default \"primary\"\n         */\n        appearance?: \"primary\";\n        /**\n         * Whether the link should have a quieter, less prominent appearance\n         * @remarks Only available when appearance is \"primary\".\n         */\n        ghost?: boolean;\n      }\n    | {\n        /**\n         * The visual appearance of the LinkButton. Secondary appearance cannot be ghost.\n         */\n        appearance: \"secondary\";\n        /**\n         * Whether the LinkButton should have a quieter, less prominent appearance.\n         * @remarks Must be false when appearance is \"secondary\".\n         */\n        ghost?: false;\n      }\n  );\n\n/**\n * Link component for creating accessible, styled hyperlinks.\n *\n * Features:\n * - Two visual appearances: primary (default) and secondary\n * - Ghost mode for less prominent styling\n * - Automatic external link icon for target=\"_blank\" links\n * - Security attributes (rel=\"noopener noreferrer\") for external links\n * - Full accessibility support with proper focus management\n * - Supports layout utilities for positioning and spacing\n * - Flexible content support for text and other elements\n * - Responsive design with consistent typography\n * - Hover and focus states with proper visual feedback\n * - Screen reader support for external link announcements\n *\n * @example\n * <Link href=\"/dashboard\" appearance=\"primary\">\n *   Go to Dashboard\n * </Link>\n *\n * @example\n * <Link href=\"https://example.com\" target=\"_blank\" ghost>\n *   External Documentation\n * </Link>\n *\n * @example\n * <Link href=\"/settings\" appearance=\"secondary\">\n *   Settings\n * </Link>\n *\n * @example\n * <Link href=\"/profile\" gap=\"2\" alignItems=\"center\">\n *   <Avatar name=\"John Doe\" size=\"small\" />\n *   View Profile\n * </Link>\n */\nexport const Link = forwardRef<HTMLAnchorElement, LinkProps>((props, ref) => {\n  const { appearance, className, ghost, style, children, ...rest } = props;\n  const { linkClassNames, styleCombined } = useLinkStyles({\n    appearance,\n    className,\n    ghost,\n    style,\n  });\n\n  return (\n    <LinkHeadless\n      className={linkClassNames}\n      data-anv=\"link\"\n      ref={ref}\n      style={styleCombined}\n      {...rest}\n    >\n      {children}\n    </LinkHeadless>\n  );\n});\n\nLink.displayName = \"Link\";\n","import { Ref, forwardRef } from \"react\";\n\nimport { childrenToString } from \"../../internal/functions\";\nimport { DataTrackingId, DistributiveOmit } from \"../../types\";\nimport { useTrackingId } from \"../../hooks\";\n\nimport { LinkProps as BaseLinkProps, Link as BaseLink } from \"./internal/Link\";\n\n/**\n * Props for the Link component.\n * @extends Omit<BaseLinkProps, \"href\">\n * @extends DataTrackingId\n */\nexport type LinkProps = DistributiveOmit<BaseLinkProps, \"href\"> &\n  DataTrackingId &\n  (\n    | {\n        pathname?: never;\n        search?: never;\n        href?: BaseLinkProps[\"href\"];\n      }\n    | {\n        pathname: string;\n        search?: string;\n        href?: never;\n      }\n    | {\n        pathname?: never;\n        search?: never;\n        href?: never;\n      }\n  );\n\n/**\n * Link component for creating accessible, styled hyperlinks with tracking support.\n *\n * Features:\n * - Two visual appearances: primary (default) and secondary\n * - Quiet mode for less prominent styling\n * - Automatic external link icon for target=\"_blank\" links\n * - Security attributes (rel=\"noopener noreferrer\") for external links\n * - Full accessibility support with proper focus management\n * - Supports layout utilities for positioning and spacing\n * - Flexible content support for text and other elements\n * - Responsive design with consistent typography\n * - Hover and focus states with proper visual feedback\n * - Screen reader support for external link announcements\n * - Automatic tracking ID generation for analytics\n * - Client-side navigation support with pathname and search params\n * - History API integration for single-page application navigation\n *\n * @example\n * <Link href=\"/dashboard\" appearance=\"primary\">\n *   Go to Dashboard\n * </Link>\n *\n * @example\n * <Link pathname=\"/settings\" search=\"?tab=profile\">\n *   Profile Settings\n * </Link>\n *\n * @example\n * <Link href=\"https://example.com\" target=\"_blank\" ghost>\n *   External Documentation\n * </Link>\n *\n * @example\n * <Link href=\"/profile\" gap=\"2\" alignItems=\"center\">\n *   <Avatar name=\"John Doe\" size=\"small\" />\n *   View Profile\n * </Link>\n */\nexport const Link = forwardRef(\n  (props: LinkProps, ref: Ref<HTMLAnchorElement>) => {\n    const { onClick, pathname, children, search, ...rest } = props;\n    const data = {\n      appearance: props.appearance,\n      ghost: props.ghost,\n      children: childrenToString(children),\n    };\n\n    const handleClick = (\n      ...args: Parameters<NonNullable<LinkProps[\"onClick\"]>>\n    ) => {\n      if (pathname) {\n        const to = pathname + (search ?? \"\");\n        args[0].preventDefault();\n        history.pushState(null, \"\", to);\n        onClick?.(...args);\n      } else {\n        onClick?.(...args);\n      }\n    };\n\n    const trackingId = useTrackingId({\n      name: \"Link\",\n      data,\n      hasOverride: !!rest[\"data-tracking-id\"],\n    });\n\n    return (\n      <BaseLink\n        onClick={handleClick}\n        ref={ref}\n        data-tracking-id={trackingId}\n        {...rest}\n      >\n        {children}\n      </BaseLink>\n    );\n  },\n);\n\nLink.displayName = BaseLink.displayName;\n"],"names":["OpenInNew","Link","BaseLink"],"mappings":"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"}

package/dist/Link.css

@@ -1,67 +1,50 @@
-@layer starter, reset, base, state, application;
-@layer reset {
-  ._link_14xsk_2 {
-    all: unset;
-    font-family: var(--font-family-base, "Nunito Sans", sans-serif);
-    font-size: 100%;
-    color: var(--foreground-color-primary, #0265DC);
-    margin: 0;
-    padding: 0;
-    border-style: none;
-    border-width: 0;
-    border-color: transparent;
-    box-sizing: border-box;
-    display: inline-block;
-  }
-}
-@layer base {
-  a._link_14xsk_2,
-  ._link_14xsk_2 {
-    cursor: pointer;
-    align-items: center;
-    border-radius: 0.1875rem;
-    text-decoration: underline;
-    outline: 0 solid var(--focus-ring-color, #0265DC);
-    outline-offset: 0.125rem;
-    font-size: inherit;
-  }
-  ._open-in-new_14xsk_27 {
-    padding-inline-start: 0.25rem;
-    vertical-align: middle;
-  }
-  ._open-in-new_14xsk_27 > svg {
-    font-size: max(0.5625rem, 0.75em) !important;
-  }
-}
-@layer state {
-  a._link_14xsk_2[data-interactive=focus-visible], a._link_14xsk_2:focus-visible,
-  ._link_14xsk_2[data-interactive=focus-visible],
-  ._link_14xsk_2:focus-visible {
-    outline-width: 0.125rem;
-  }
-  a._link_14xsk_2[data-interactive=hover], a._link_14xsk_2:hover,
-  ._link_14xsk_2[data-interactive=hover],
-  ._link_14xsk_2:hover {
-    color: var(--foreground-color-hover-primary, #004491);
-  }
-  a._link_14xsk_2._secondary_14xsk_46,
-  ._link_14xsk_2._secondary_14xsk_46 {
-    color: var(--foreground-color, #141414);
-  }
-  a._link_14xsk_2._secondary_14xsk_46[data-interactive=hover], a._link_14xsk_2._secondary_14xsk_46:hover,
-  ._link_14xsk_2._secondary_14xsk_46[data-interactive=hover],
-  ._link_14xsk_2._secondary_14xsk_46:hover {
-    opacity: 0.8;
-  }
-  a._link_14xsk_2._ghost_14xsk_55,
-  ._link_14xsk_2._ghost_14xsk_55 {
-    text-decoration: none;
-  }
-  a._link_14xsk_2._ghost_14xsk_55:hover,
-  ._link_14xsk_2._ghost_14xsk_55:hover {
-    text-decoration: underline;
-  }
-}
-a[data-anv=link]._link_14xsk_2 {
+.anvil2 {._link_1l4px_1 {
+  --a2-mod-link-focus-ring-color: var(--a2-link-focus-ring-color, var(--a2-focus-ring-color-default, var(--a2-status-color-info, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-300, #70b1ff)))));
+  --a2-mod-link-foreground-color: var(--a2-link-primary-foreground-color, var(--a2-foreground-color-primary, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-300, #70b1ff))));
+  --a2-mod-link-foreground-color-hover: var(--a2-link-primary-foreground-color-hover, var(--a2-foreground-color-primary-hover, light-dark(var(--a2-color-blue-700, #1d4ca3), var(--a2-color-blue-200, #9ecaff))));
+  --a2-mod-link-text-decoration: underline solid currentColor;
+  all: unset;
+  font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
+  font-size: 100%;
+  color: var(--a2-mod-link-foreground-color);
+  margin: 0;
+  padding: 0;
+  border-style: none;
+  border-width: 0;
+  border-color: transparent;
+  box-sizing: border-box;
+  display: inline-block;
+  align-items: center;
+  border-radius: var(--a2-border-radius-small, var(--a2-radius-1, 0.1875rem));
+  color: var(--a2-mod-link-foreground-color);
+  cursor: pointer;
   font-size: inherit;
+  outline: 0 solid var(--a2-mod-link-focus-ring-color);
+  outline-offset: var(--a2-size-half, 0.125rem);
+  /* autoprefixer: ignore next */
+  text-decoration: var(--a2-mod-link-text-decoration);
+}._link_1l4px_1[data-interactive=focus-visible], ._link_1l4px_1:focus-visible {
+  outline-width: var(--a2-size-half, 0.125rem);
+}._link_1l4px_1[data-interactive=hover], ._link_1l4px_1:hover {
+  color: var(--a2-mod-link-foreground-color-hover) !important;
+  /* Need !important and redeclaring the property here to override !important that is in the bootstrap file...
+    .bootstrap a:hover {
+        text-decoration: none !important;
+    }
+  */
+  -webkit-text-decoration: var(--a2-mod-link-text-decoration) !important;
+          text-decoration: var(--a2-mod-link-text-decoration) !important;
+}._secondary_1l4px_40 {
+  --a2-mod-link-foreground-color: var(--a2-link-secondary-foreground-color, var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff))));
+  --a2-mod-link-foreground-color-hover: var(--a2-link-secondary-foreground-color-hover, light-dark(color-mix(in srgb, var(--a2-foreground-color-default, #040404) 80%, transparent), color-mix(in srgb, var(--a2-foreground-color-default, #ffffff) 80%, transparent)));
+}._ghost_1l4px_45:not([data-interactive=hover]):not(:hover) {
+  --a2-mod-link-text-decoration: none;
+}._open-in-new_1l4px_49 {
+  padding-inline-start: var(--a2-size-1, 0.25rem);
+  vertical-align: middle;
+}._open-in-new_1l4px_49 svg {
+  --a2-mod-icon-font-size: max(calc(0.75 * var(--a2-size-3, 0.75rem)), 0.75em);
+}a[data-anv=link]._link_1l4px_1 {
+  font-size: inherit;
+}
 }

package/dist/Link.js

@@ -1,2 +1,2 @@
-export { L as Link, L as default, u as useLinkStyles } from './Link-jTvzyXca.js';
+export { L as Link, L as default, u as useLinkStyles } from './Link-BUgivkGS.js';
 //# sourceMappingURL=Link.js.map

package/dist/Link.module-DJc0cOlg.js

@@ -0,0 +1,12 @@
+import './Link.css';const link = "_link_1l4px_1";
+const secondary = "_secondary_1l4px_40";
+const ghost = "_ghost_1l4px_45";
+const styles = {
+	link: link,
+	secondary: secondary,
+	ghost: ghost,
+	"open-in-new": "_open-in-new_1l4px_49"
+};
+
+export { styles as s };
+//# sourceMappingURL=Link.module-DJc0cOlg.js.map

package/dist/Link.module-DJc0cOlg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Link.module-DJc0cOlg.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}

package/dist/{LinkButton-DGyHR1E7.js → LinkButton-CuHSdGdj.js}

@@ -1,14 +1,10 @@
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
-import { l as linkStyles } from './Link.module-CZt9wvuD.js';
 import { useTrackingId } from './useTrackingId.js';
 import { c as cx } from './index-De1g9FRV.js';
+import { s as styles } from './Link.module-DJc0cOlg.js';
 import { c as childrenToString } from './childrenToString-Bz9MqbHb.js';
-import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-DMDdfIah.js';
-
-import './LinkButton.css';const styles = {
-	"link-button": "_link-button_rbbxj_1"
-};
+import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-CB_zHDbW.js';
 
 const LinkButton = forwardRef(
   (props, ref) => {
@@ -31,15 +27,10 @@ const LinkButton = forwardRef(
       style,
       ...rest
     } = componentProps;
-    const linkClassNames = cx(
-      [linkStyles["link"]],
-      styles["link-button"],
-      className,
-      {
-        [linkStyles["ghost"]]: ghost,
-        [linkStyles["secondary"]]: appearance === "secondary"
-      }
-    );
+    const linkClassNames = cx([styles["link"]], className, {
+      [styles["ghost"]]: ghost,
+      [styles["secondary"]]: appearance === "secondary"
+    });
     const styleCombined = {
       ...style,
       ...layoutStyles
@@ -61,4 +52,4 @@ const LinkButton = forwardRef(
 LinkButton.displayName = "LinkButton";
 
 export { LinkButton as L };
-//# sourceMappingURL=LinkButton-DGyHR1E7.js.map
+//# sourceMappingURL=LinkButton-CuHSdGdj.js.map

package/dist/LinkButton-CuHSdGdj.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinkButton-CuHSdGdj.js","sources":["../src/components/LinkButton/LinkButton.tsx"],"sourcesContent":["import { ComponentPropsWithoutRef, Ref, forwardRef } from \"react\";\nimport { useTrackingId } from \"../../hooks/useTrackingId\";\nimport { DataTrackingId } from \"../../types/DataTrackingId\";\nimport { LayoutUtilProps } from \"../../types\";\nimport { childrenToString } from \"../../internal/functions\";\nimport { useLayoutPropsUtil } from \"../../internal/hooks\";\n\nimport cx from \"classnames\";\nimport styles from \"../Link/internal/Link.module.scss\";\n\n/**\n * Props for the Link component.\n * @extends CoreLinkButtonProps\n * @extends DataTrackingId\n */\nexport type LinkButtonProps = Omit<\n  ComponentPropsWithoutRef<\"button\">,\n  \"type\" | \"disabled\"\n> &\n  LayoutUtilProps &\n  (\n    | {\n        /**\n         * The visual appearance of the LinkButton.\n         * @default \"primary\"\n         */\n        appearance?: \"primary\";\n        /**\n         * Whether the LinkButton should have a quieter, less prominent appearance.\n         * @remarks Only available when appearance is \"primary\".\n         */\n        ghost?: boolean;\n      }\n    | {\n        /**\n         * The visual appearance of the LinkButton. Secondary appearance cannot be ghost.\n         */\n        appearance: \"secondary\";\n        /**\n         * Whether the LinkButton should have a quieter, less prominent appearance.\n         * @remarks Must be false when appearance is \"secondary\".\n         */\n        ghost?: false;\n      }\n  ) &\n  DataTrackingId;\n\nexport const LinkButton = forwardRef(\n  (props: LinkButtonProps, ref: Ref<HTMLButtonElement>) => {\n    const data = {\n      appearance: props.appearance,\n      ghost: props.ghost,\n      children: childrenToString(props.children),\n    };\n\n    const trackingId = useTrackingId({\n      name: \"Link\",\n      data,\n      hasOverride: !!props[\"data-tracking-id\"],\n    });\n\n    const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n    const {\n      children,\n      className,\n      appearance = \"primary\",\n      ghost,\n      style,\n      ...rest\n    } = componentProps;\n\n    const linkClassNames = cx([styles[\"link\"]], className, {\n      [styles[\"ghost\"]]: ghost,\n      [styles[\"secondary\"]]: appearance === \"secondary\",\n    });\n\n    const styleCombined = {\n      ...style,\n      ...layoutStyles,\n    };\n\n    return (\n      <button\n        className={linkClassNames}\n        data-anv=\"link-button\"\n        ref={ref}\n        style={styleCombined}\n        data-tracking-id={trackingId}\n        {...rest}\n      >\n        {children}\n      </button>\n    );\n  },\n);\n\nLinkButton.displayName = \"LinkButton\";\n"],"names":[],"mappings":";;;;;;;;AA+CO,MAAM,UAAA,GAAa,UAAA;AAAA,EACxB,CAAC,OAAwB,GAAA,KAAgC;AACvD,IAAA,MAAM,IAAA,GAAO;AAAA,MACX,YAAY,KAAA,CAAM,UAAA;AAAA,MAClB,OAAO,KAAA,CAAM,KAAA;AAAA,MACb,QAAA,EAAU,gBAAA,CAAiB,KAAA,CAAM,QAAQ;AAAA,KAC3C;AAEA,IAAA,MAAM,aAAa,aAAA,CAAc;AAAA,MAC/B,IAAA,EAAM,MAAA;AAAA,MACN,IAAA;AAAA,MACA,WAAA,EAAa,CAAC,CAAC,KAAA,CAAM,kBAAkB;AAAA,KACxC,CAAA;AAED,IAAA,MAAM,EAAE,YAAA,EAAc,cAAA,EAAe,GAAI,mBAAmB,KAAK,CAAA;AACjE,IAAA,MAAM;AAAA,MACJ,QAAA;AAAA,MACA,SAAA;AAAA,MACA,UAAA,GAAa,SAAA;AAAA,MACb,KAAA;AAAA,MACA,KAAA;AAAA,MACA,GAAG;AAAA,KACL,GAAI,cAAA;AAEJ,IAAA,MAAM,iBAAiB,EAAA,CAAG,CAAC,OAAO,MAAM,CAAC,GAAG,SAAA,EAAW;AAAA,MACrD,CAAC,MAAA,CAAO,OAAO,CAAC,GAAG,KAAA;AAAA,MACnB,CAAC,MAAA,CAAO,WAAW,CAAC,GAAG,UAAA,KAAe;AAAA,KACvC,CAAA;AAED,IAAA,MAAM,aAAA,GAAgB;AAAA,MACpB,GAAG,KAAA;AAAA,MACH,GAAG;AAAA,KACL;AAEA,IAAA,uBACE,GAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAW,cAAA;AAAA,QACX,UAAA,EAAS,aAAA;AAAA,QACT,GAAA;AAAA,QACA,KAAA,EAAO,aAAA;AAAA,QACP,kBAAA,EAAkB,UAAA;AAAA,QACjB,GAAG,IAAA;AAAA,QAEH;AAAA;AAAA,KACH;AAAA,EAEJ;AACF;AAEA,UAAA,CAAW,WAAA,GAAc,YAAA;;;;"}

package/dist/LinkButton.js

@@ -1,2 +1,2 @@
-export { L as LinkButton, L as default } from './LinkButton-DGyHR1E7.js';
+export { L as LinkButton, L as default } from './LinkButton-CuHSdGdj.js';
 //# sourceMappingURL=LinkButton.js.map

package/dist/{List--KhCpjZn.js → List-BXyHWQ9e.js}

@@ -1,14 +1,14 @@
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { c as cx } from './index-De1g9FRV.js';
-import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-DMDdfIah.js';
+import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-CB_zHDbW.js';
 
-import './List.css';const list = "_list_10rco_2";
-const item = "_item_10rco_15";
-const unordered = "_unordered_10rco_36";
-const ordered = "_ordered_10rco_39";
-const small = "_small_10rco_44";
-const large = "_large_10rco_47";
+import './List.css';const list = "_list_g31eo_1";
+const item = "_item_g31eo_22";
+const unordered = "_unordered_g31eo_36";
+const ordered = "_ordered_g31eo_40";
+const small = "_small_g31eo_44";
+const large = "_large_g31eo_48";
 const styles = {
 	list: list,
 	item: item,
@@ -100,4 +100,4 @@ const List = Object.assign(
 List.displayName = "List";
 
 export { List as L };
-//# sourceMappingURL=List--KhCpjZn.js.map
+//# sourceMappingURL=List-BXyHWQ9e.js.map

package/dist/{List--KhCpjZn.js.map → List-BXyHWQ9e.js.map}

@@ -1 +1 @@
-{"version":3,"file":"List--KhCpjZn.js","sources":["../src/components/List/ListItem.tsx","../src/components/List/List.tsx"],"sourcesContent":["import { ComponentPropsWithoutRef, forwardRef, Ref } from \"react\";\n\nimport cx from \"classnames\";\nimport styles from \"./List.module.scss\";\n\n/**\n * Props for the ListItem component\n * @extends ComponentPropsWithoutRef<\"li\">\n */\nexport type ListItemProps = ComponentPropsWithoutRef<\"li\">;\n\nexport const ListItem = forwardRef<HTMLLIElement, ListItemProps>(\n  (props, ref: Ref<HTMLLIElement>) => {\n    const { className, children, ...rest } = props;\n\n    return (\n      <li\n        ref={ref}\n        className={cx(styles[\"item\"], className)}\n        data-anv=\"list-item\"\n        {...rest}\n      >\n        {children}\n      </li>\n    );\n  },\n);\n\nListItem.displayName = \"ListItem\";\n","import { ComponentPropsWithoutRef, forwardRef, Ref } from \"react\";\nimport { LayoutUtilProps, Size } from \"../../types\";\nimport { useLayoutPropsUtil } from \"../../internal/hooks\";\nimport { ListItem } from \"./ListItem\";\n\nimport cx from \"classnames\";\nimport styles from \"./List.module.scss\";\n\n/** Size option for list typography */\nexport type ListSize = Extract<Size, \"small\" | \"medium\" | \"large\">;\n\n/**\n * Props for unordered list variant\n * @extends ComponentPropsWithoutRef<\"ul\">\n * @extends LayoutUtilProps\n */\nexport type UnorderedListProps = ComponentPropsWithoutRef<\"ul\"> &\n  LayoutUtilProps & {\n    /** Renders as unordered list (ul). Default. */\n    variant?: \"unordered\";\n    /** Typography size for list content. @default \"medium\" */\n    size?: ListSize;\n  };\n\n/**\n * Props for ordered list variant\n * @extends ComponentPropsWithoutRef<\"ol\">\n * @extends LayoutUtilProps\n */\nexport type OrderedListProps = ComponentPropsWithoutRef<\"ol\"> &\n  LayoutUtilProps & {\n    /** Renders as ordered list (ol). */\n    variant: \"ordered\";\n    /** Typography size for list content. @default \"medium\" */\n    size?: ListSize;\n  };\n\n/**\n * Props for the List component\n * @extends UnorderedListProps\n * @extends OrderedListProps\n */\nexport type ListProps = UnorderedListProps | OrderedListProps;\n\n/**\n * List component for displaying ordered or unordered lists with design system styling.\n *\n * Features:\n * - Supports unordered (ul) and ordered (ol) lists via variant prop\n * - Typography size options aligned with design tokens\n * - Semantic HTML and accessible list structure\n * - Supports nested lists\n * - Layout utilities for positioning and spacing\n *\n * @example\n * <List>\n *   <List.Item>First item</List.Item>\n *   <List.Item>Second item</List.Item>\n * </List>\n *\n * @example\n * <List variant=\"ordered\" start={1}>\n *   <List.Item>Step one</List.Item>\n *   <List.Item>Step two</List.Item>\n * </List>\n */\nexport const List = Object.assign(\n  forwardRef<HTMLUListElement | HTMLOListElement, ListProps>(\n    function ListInner(props, ref) {\n      const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n      const {\n        className,\n        children,\n        variant = \"unordered\",\n        size = \"medium\",\n        style,\n        ...rest\n      } = componentProps;\n\n      const listClasses = cx(styles[\"list\"], className, {\n        [styles[\"unordered\"]]: variant === \"unordered\",\n        [styles[\"ordered\"]]: variant === \"ordered\",\n        [styles[\"small\"]]: size === \"small\",\n        [styles[\"large\"]]: size === \"large\",\n      });\n\n      const styleCombined = {\n        ...style,\n        ...layoutStyles,\n      };\n\n      if (variant === \"ordered\") {\n        return (\n          <ol\n            ref={ref as Ref<HTMLOListElement>}\n            className={listClasses}\n            style={styleCombined}\n            data-anv=\"list\"\n            {...rest}\n          >\n            {children}\n          </ol>\n        );\n      }\n\n      return (\n        <ul\n          ref={ref as Ref<HTMLUListElement>}\n          className={listClasses}\n          style={styleCombined}\n          data-anv=\"list\"\n          {...rest}\n        >\n          {children}\n        </ul>\n      );\n    },\n  ),\n  {\n    /**\n     * ListItem component for individual items within a List.\n     *\n     * Features:\n     * - Renders as a semantic list item (li)\n     * - Supports layout and styling via standard HTML attributes\n     *\n     * @example\n     * <List.Item>Item content</List.Item>\n     */\n    Item: ListItem,\n  },\n);\nList.displayName = \"List\";\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAWO,MAAM,QAAA,GAAW,UAAA;AAAA,EACtB,CAAC,OAAO,GAAA,KAA4B;AAClC,IAAA,MAAM,EAAE,SAAA,EAAW,QAAA,EAAU,GAAG,MAAK,GAAI,KAAA;AAEzC,IAAA,uBACE,GAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,SAAA,EAAW,EAAA,CAAG,MAAA,CAAO,MAAM,GAAG,SAAS,CAAA;AAAA,QACvC,UAAA,EAAS,WAAA;AAAA,QACR,GAAG,IAAA;AAAA,QAEH;AAAA;AAAA,KACH;AAAA,EAEJ;AACF,CAAA;AAEA,QAAA,CAAS,WAAA,GAAc,UAAA;;ACsChB,MAAM,OAAO,MAAA,CAAO,MAAA;AAAA,EACzB,UAAA;AAAA,IACE,SAAS,SAAA,CAAU,KAAA,EAAO,GAAA,EAAK;AAC7B,MAAA,MAAM,EAAE,YAAA,EAAc,cAAA,EAAe,GAAI,mBAAmB,KAAK,CAAA;AACjE,MAAA,MAAM;AAAA,QACJ,SAAA;AAAA,QACA,QAAA;AAAA,QACA,OAAA,GAAU,WAAA;AAAA,QACV,IAAA,GAAO,QAAA;AAAA,QACP,KAAA;AAAA,QACA,GAAG;AAAA,OACL,GAAI,cAAA;AAEJ,MAAA,MAAM,WAAA,GAAc,EAAA,CAAG,MAAA,CAAO,MAAM,GAAG,SAAA,EAAW;AAAA,QAChD,CAAC,MAAA,CAAO,WAAW,CAAC,GAAG,OAAA,KAAY,WAAA;AAAA,QACnC,CAAC,MAAA,CAAO,SAAS,CAAC,GAAG,OAAA,KAAY,SAAA;AAAA,QACjC,CAAC,MAAA,CAAO,OAAO,CAAC,GAAG,IAAA,KAAS,OAAA;AAAA,QAC5B,CAAC,MAAA,CAAO,OAAO,CAAC,GAAG,IAAA,KAAS;AAAA,OAC7B,CAAA;AAED,MAAA,MAAM,aAAA,GAAgB;AAAA,QACpB,GAAG,KAAA;AAAA,QACH,GAAG;AAAA,OACL;AAEA,MAAA,IAAI,YAAY,SAAA,EAAW;AACzB,QAAA,uBACE,GAAA;AAAA,UAAC,IAAA;AAAA,UAAA;AAAA,YACC,GAAA;AAAA,YACA,SAAA,EAAW,WAAA;AAAA,YACX,KAAA,EAAO,aAAA;AAAA,YACP,UAAA,EAAS,MAAA;AAAA,YACR,GAAG,IAAA;AAAA,YAEH;AAAA;AAAA,SACH;AAAA,MAEJ;AAEA,MAAA,uBACE,GAAA;AAAA,QAAC,IAAA;AAAA,QAAA;AAAA,UACC,GAAA;AAAA,UACA,SAAA,EAAW,WAAA;AAAA,UACX,KAAA,EAAO,aAAA;AAAA,UACP,UAAA,EAAS,MAAA;AAAA,UACR,GAAG,IAAA;AAAA,UAEH;AAAA;AAAA,OACH;AAAA,IAEJ;AAAA,GACF;AAAA,EACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAWE,IAAA,EAAM;AAAA;AAEV;AACA,IAAA,CAAK,WAAA,GAAc,MAAA;;;;"}
+{"version":3,"file":"List-BXyHWQ9e.js","sources":["../src/components/List/ListItem.tsx","../src/components/List/List.tsx"],"sourcesContent":["import { ComponentPropsWithoutRef, forwardRef, Ref } from \"react\";\n\nimport cx from \"classnames\";\nimport styles from \"./List.module.scss\";\n\n/**\n * Props for the ListItem component\n * @extends ComponentPropsWithoutRef<\"li\">\n */\nexport type ListItemProps = ComponentPropsWithoutRef<\"li\">;\n\nexport const ListItem = forwardRef<HTMLLIElement, ListItemProps>(\n  (props, ref: Ref<HTMLLIElement>) => {\n    const { className, children, ...rest } = props;\n\n    return (\n      <li\n        ref={ref}\n        className={cx(styles[\"item\"], className)}\n        data-anv=\"list-item\"\n        {...rest}\n      >\n        {children}\n      </li>\n    );\n  },\n);\n\nListItem.displayName = \"ListItem\";\n","import { ComponentPropsWithoutRef, forwardRef, Ref } from \"react\";\nimport { LayoutUtilProps, Size } from \"../../types\";\nimport { useLayoutPropsUtil } from \"../../internal/hooks\";\nimport { ListItem } from \"./ListItem\";\n\nimport cx from \"classnames\";\nimport styles from \"./List.module.scss\";\n\n/** Size option for list typography */\nexport type ListSize = Extract<Size, \"small\" | \"medium\" | \"large\">;\n\n/**\n * Props for unordered list variant\n * @extends ComponentPropsWithoutRef<\"ul\">\n * @extends LayoutUtilProps\n */\nexport type UnorderedListProps = ComponentPropsWithoutRef<\"ul\"> &\n  LayoutUtilProps & {\n    /** Renders as unordered list (ul). Default. */\n    variant?: \"unordered\";\n    /** Typography size for list content. @default \"medium\" */\n    size?: ListSize;\n  };\n\n/**\n * Props for ordered list variant\n * @extends ComponentPropsWithoutRef<\"ol\">\n * @extends LayoutUtilProps\n */\nexport type OrderedListProps = ComponentPropsWithoutRef<\"ol\"> &\n  LayoutUtilProps & {\n    /** Renders as ordered list (ol). */\n    variant: \"ordered\";\n    /** Typography size for list content. @default \"medium\" */\n    size?: ListSize;\n  };\n\n/**\n * Props for the List component\n * @extends UnorderedListProps\n * @extends OrderedListProps\n */\nexport type ListProps = UnorderedListProps | OrderedListProps;\n\n/**\n * List component for displaying ordered or unordered lists with design system styling.\n *\n * Features:\n * - Supports unordered (ul) and ordered (ol) lists via variant prop\n * - Typography size options aligned with design tokens\n * - Semantic HTML and accessible list structure\n * - Supports nested lists\n * - Layout utilities for positioning and spacing\n *\n * @example\n * <List>\n *   <List.Item>First item</List.Item>\n *   <List.Item>Second item</List.Item>\n * </List>\n *\n * @example\n * <List variant=\"ordered\" start={1}>\n *   <List.Item>Step one</List.Item>\n *   <List.Item>Step two</List.Item>\n * </List>\n */\nexport const List = Object.assign(\n  forwardRef<HTMLUListElement | HTMLOListElement, ListProps>(\n    function ListInner(props, ref) {\n      const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n      const {\n        className,\n        children,\n        variant = \"unordered\",\n        size = \"medium\",\n        style,\n        ...rest\n      } = componentProps;\n\n      const listClasses = cx(styles[\"list\"], className, {\n        [styles[\"unordered\"]]: variant === \"unordered\",\n        [styles[\"ordered\"]]: variant === \"ordered\",\n        [styles[\"small\"]]: size === \"small\",\n        [styles[\"large\"]]: size === \"large\",\n      });\n\n      const styleCombined = {\n        ...style,\n        ...layoutStyles,\n      };\n\n      if (variant === \"ordered\") {\n        return (\n          <ol\n            ref={ref as Ref<HTMLOListElement>}\n            className={listClasses}\n            style={styleCombined}\n            data-anv=\"list\"\n            {...rest}\n          >\n            {children}\n          </ol>\n        );\n      }\n\n      return (\n        <ul\n          ref={ref as Ref<HTMLUListElement>}\n          className={listClasses}\n          style={styleCombined}\n          data-anv=\"list\"\n          {...rest}\n        >\n          {children}\n        </ul>\n      );\n    },\n  ),\n  {\n    /**\n     * ListItem component for individual items within a List.\n     *\n     * Features:\n     * - Renders as a semantic list item (li)\n     * - Supports layout and styling via standard HTML attributes\n     *\n     * @example\n     * <List.Item>Item content</List.Item>\n     */\n    Item: ListItem,\n  },\n);\nList.displayName = \"List\";\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAWO,MAAM,QAAA,GAAW,UAAA;AAAA,EACtB,CAAC,OAAO,GAAA,KAA4B;AAClC,IAAA,MAAM,EAAE,SAAA,EAAW,QAAA,EAAU,GAAG,MAAK,GAAI,KAAA;AAEzC,IAAA,uBACE,GAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,SAAA,EAAW,EAAA,CAAG,MAAA,CAAO,MAAM,GAAG,SAAS,CAAA;AAAA,QACvC,UAAA,EAAS,WAAA;AAAA,QACR,GAAG,IAAA;AAAA,QAEH;AAAA;AAAA,KACH;AAAA,EAEJ;AACF,CAAA;AAEA,QAAA,CAAS,WAAA,GAAc,UAAA;;ACsChB,MAAM,OAAO,MAAA,CAAO,MAAA;AAAA,EACzB,UAAA;AAAA,IACE,SAAS,SAAA,CAAU,KAAA,EAAO,GAAA,EAAK;AAC7B,MAAA,MAAM,EAAE,YAAA,EAAc,cAAA,EAAe,GAAI,mBAAmB,KAAK,CAAA;AACjE,MAAA,MAAM;AAAA,QACJ,SAAA;AAAA,QACA,QAAA;AAAA,QACA,OAAA,GAAU,WAAA;AAAA,QACV,IAAA,GAAO,QAAA;AAAA,QACP,KAAA;AAAA,QACA,GAAG;AAAA,OACL,GAAI,cAAA;AAEJ,MAAA,MAAM,WAAA,GAAc,EAAA,CAAG,MAAA,CAAO,MAAM,GAAG,SAAA,EAAW;AAAA,QAChD,CAAC,MAAA,CAAO,WAAW,CAAC,GAAG,OAAA,KAAY,WAAA;AAAA,QACnC,CAAC,MAAA,CAAO,SAAS,CAAC,GAAG,OAAA,KAAY,SAAA;AAAA,QACjC,CAAC,MAAA,CAAO,OAAO,CAAC,GAAG,IAAA,KAAS,OAAA;AAAA,QAC5B,CAAC,MAAA,CAAO,OAAO,CAAC,GAAG,IAAA,KAAS;AAAA,OAC7B,CAAA;AAED,MAAA,MAAM,aAAA,GAAgB;AAAA,QACpB,GAAG,KAAA;AAAA,QACH,GAAG;AAAA,OACL;AAEA,MAAA,IAAI,YAAY,SAAA,EAAW;AACzB,QAAA,uBACE,GAAA;AAAA,UAAC,IAAA;AAAA,UAAA;AAAA,YACC,GAAA;AAAA,YACA,SAAA,EAAW,WAAA;AAAA,YACX,KAAA,EAAO,aAAA;AAAA,YACP,UAAA,EAAS,MAAA;AAAA,YACR,GAAG,IAAA;AAAA,YAEH;AAAA;AAAA,SACH;AAAA,MAEJ;AAEA,MAAA,uBACE,GAAA;AAAA,QAAC,IAAA;AAAA,QAAA;AAAA,UACC,GAAA;AAAA,UACA,SAAA,EAAW,WAAA;AAAA,UACX,KAAA,EAAO,aAAA;AAAA,UACP,UAAA,EAAS,MAAA;AAAA,UACR,GAAG,IAAA;AAAA,UAEH;AAAA;AAAA,OACH;AAAA,IAEJ;AAAA,GACF;AAAA,EACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAWE,IAAA,EAAM;AAAA;AAEV;AACA,IAAA,CAAK,WAAA,GAAc,MAAA;;;;"}

package/dist/List.css

@@ -1,60 +1,41 @@
-@layer starter, reset, base, state, application;
-@layer reset {
-  ._list_10rco_2 {
-    all: unset;
-    font-family: var(--font-family-base, "Nunito Sans", sans-serif);
-    font-size: 100%;
-    color: var(--foreground-color, #141414);
-    margin: 0;
-    padding: 0;
-    border-style: none;
-    border-width: 0;
-    border-color: transparent;
-    box-sizing: border-box;
-    display: block;
-  }
-  ._item_10rco_15 {
-    all: unset;
-    font-family: var(--font-family-base, "Nunito Sans", sans-serif);
-    font-size: 100%;
-    color: var(--foreground-color, #141414);
-    margin: 0;
-    padding: 0;
-    border-style: none;
-    border-width: 0;
-    border-color: transparent;
-    box-sizing: border-box;
-    display: list-item;
-  }
+.anvil2 {._list_g31eo_1 {
+  --a2-mod-list-foreground-color: var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff)));
+  --a2-mod-list-font-size: var(--a2-typography-paragraph-size-default, var(--a2-font-size-400, 1rem));
+  --a2-mod-list-padding-inline-start: var(--a2-size-6, 1.5rem);
+  all: unset;
+  font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
+  font-size: 100%;
+  color: inherit;
+  margin: 0;
+  padding: 0;
+  border-style: none;
+  border-width: 0;
+  border-color: transparent;
+  box-sizing: border-box;
+  display: block;
+  color: var(--a2-mod-list-foreground-color);
+  font-size: var(--a2-mod-list-font-size);
+  line-height: 1.5;
+  padding-inline-start: var(--a2-mod-list-padding-inline-start);
+}._item_g31eo_22 {
+  all: unset;
+  font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
+  font-size: 100%;
+  color: inherit;
+  margin: 0;
+  padding: 0;
+  border-style: none;
+  border-width: 0;
+  border-color: transparent;
+  box-sizing: border-box;
+  display: list-item;
+}._unordered_g31eo_36 {
+  list-style-type: disc;
+}._ordered_g31eo_40 {
+  list-style-type: decimal;
+}._small_g31eo_44 {
+  --a2-mod-list-font-size: var(--a2-typography-paragraph-size-small, var(--a2-font-size-300, 0.875rem));
+}._large_g31eo_48 {
+  --a2-mod-list-font-size: var(--a2-typography-paragraph-size-large, var(--a2-font-size-500, 1.25rem));
 }
-@layer base {
-  ._list_10rco_2 {
-    font-size: 1rem;
-    line-height: 1.5;
-    padding-inline-start: 1.5rem;
-    color: var(--foreground-color, #141414);
-  }
-  ._list_10rco_2._unordered_10rco_36 {
-    list-style-type: disc;
-  }
-  ._list_10rco_2._ordered_10rco_39 {
-    list-style-type: decimal;
-  }
-}
-@layer state {
-  ._list_10rco_2._small_10rco_44 {
-    font-size: 0.875rem;
-  }
-  ._list_10rco_2._large_10rco_47 {
-    font-size: 1.25rem;
-  }
-}
-.bootstrap ul._list_10rco_2,
-.bootstrap ol._list_10rco_2 {
-  padding: revert-layer;
-  margin: revert-layer;
-}
-.bootstrap ul._list_10rco_2 ._item_10rco_15,
-.bootstrap ol._list_10rco_2 ._item_10rco_15 {
-  line-height: revert-layer;
 }

package/dist/List.js

@@ -1,2 +1,2 @@
-export { L as List, L as default } from './List--KhCpjZn.js';
+export { L as List, L as default } from './List-BXyHWQ9e.js';
 //# sourceMappingURL=List.js.map

package/dist/{ListView-DT32FdKH.js → ListView-DBO9Bl1H.js}

@@ -1,12 +1,12 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { createContext, useContext, forwardRef, useRef, useId, useEffect, useMemo, useState } from 'react';
-import { C as Checkbox } from './Checkbox-CTR7JfWk.js';
+import { C as Checkbox } from './Checkbox-Ckl8EFpF.js';
 import { c as cx } from './index-De1g9FRV.js';
-import { l as listViewStyles } from './ListView.module-BilDg12y.js';
+import { l as listViewStyles } from './ListView.module-CRk9NfLG.js';
 import { u as useMergeRefs } from './useMergeRefs-Dfmtq9cI.js';
 import { useTrackingId } from './useTrackingId.js';
 import { g as getActiveElement } from './getActiveElement-BcSyVE7S.js';
-import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-DMDdfIah.js';
+import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-CB_zHDbW.js';
 
 function mapOrder(array, order, key) {
   const sortedArray = [...array];
@@ -536,4 +536,4 @@ const ListView = Object.assign(
 );
 
 export { ListView as L, ListViewOption as a, ListViewOptionCell as b };
-//# sourceMappingURL=ListView-DT32FdKH.js.map
+//# sourceMappingURL=ListView-DBO9Bl1H.js.map